/* ==========================================================================
   Session UI — idle warning modal + draft restore banner
   ========================================================================== */

/* ── Restore banner ── */
#restoreBar {
  background: #FFF8EC;
  border-bottom: 2px solid #E8C86A;
  padding: .7rem 1rem;
  font-family: 'Inter', Arial, sans-serif;
}
#restoreBar .restore-inner {
  max-width: 1000px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}
#restoreBar .restore-text { font-size: .85rem; color: #7A5500; }
#restoreBar .restore-actions { display: flex; gap: .5rem; }
#restoreBar .restore-btn {
  padding: .35rem .9rem; border-radius: 6px; font-size: .78rem;
  font-weight: 600; cursor: pointer; border: 1.5px solid #E8C86A;
  background: #fff; color: #7A5500; transition: all .15s;
}
#restoreBar .restore-btn:hover { background: #7A5500; color: #fff; border-color: #7A5500; }
#restoreBar .restore-yes { background: #E4002B; color: #fff; border-color: #E4002B; }
#restoreBar .restore-yes:hover { background: #B8001F; border-color: #B8001F; }

/* ── Idle warning modal ── */
#idleModal { display: none; }
#idleModal.show { display: block; }
#idleModal .idle-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  z-index: 9998; backdrop-filter: blur(2px);
}
#idleModal .idle-box {
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  background: #fff; border-radius: 14px; padding: 2rem;
  width: calc(100% - 2rem); max-width: 400px; text-align: center;
  z-index: 9999; box-shadow: 0 10px 50px rgba(0,0,0,.3);
  font-family: 'Inter', Arial, sans-serif;
}
#idleModal .idle-icon { font-size: 2.4rem; margin-bottom: .5rem; }
#idleModal h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 1.2rem; margin: 0 0 .6rem; color: #1A1A1A;
}
#idleModal p { font-size: .88rem; color: #666; margin: 0 0 1.4rem; line-height: 1.5; }
#idleModal strong { color: #E4002B; font-size: 1rem; }
#idleModal button {
  display: block; width: 100%; padding: .75rem;
  border-radius: 8px; font-size: .88rem; font-weight: 600;
  cursor: pointer; border: none; margin-bottom: .5rem;
  font-family: 'Inter', Arial, sans-serif; transition: background .15s;
}
#idleModal .idle-continue { background: #E4002B; color: #fff; }
#idleModal .idle-continue:hover { background: #B8001F; }
#idleModal .idle-logout {
  background: transparent; color: #666; border: 1.5px solid #E5E5E5;
}
#idleModal .idle-logout:hover { background: #f5f5f5; color: #1A1A1A; }

/* ── Expired notice on the login page ── */
.expired-notice {
  background: #FFF8EC; border: 1px solid #E8C86A; color: #7A5500;
  padding: .7rem 1rem; border-radius: 8px; font-size: .82rem;
  margin-bottom: 1rem; text-align: center;
}