.agenda-toolbar{display:flex;gap:9px;margin:0 0 12px}.task-search{height:34px;flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#8d8a9d}.task-search input{border:0;outline:0;width:100%;font:11px Manrope;color:var(--ink)}.agenda-toolbar select{border:1px solid var(--line);border-radius:8px;background:#fff;color:#77748a;padding:0 9px;font:600 10px Manrope}.focus-modes{display:flex;gap:5px;margin-top:14px;position:relative;z-index:1}.mode{border:1px solid #656076;background:transparent;color:#bcb6cc;border-radius:7px;padding:5px 8px;font:600 9px Manrope}.mode.active{border-color:#fff;background:#fff;color:#2a2740}.insights-section{margin-top:34px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-card,.tip-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#858397}.progress-card strong{color:#6050be;font:700 20px 'DM Mono'}.progress-track{height:8px;border-radius:8px;background:#edebf4;margin:16px 0 10px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#806ee3,#b39cff);border-radius:inherit;transition:width .3s}.progress-card p{font-size:10px;color:#8d8b9b;margin:0}.tip-card{display:flex;gap:13px;background:#f2efff;border-color:#e4e0fb}.tip-card>span{width:34px;height:34px;flex:0 0 auto;background:#fff;border-radius:10px;display:grid;place-items:center;color:#6952d6}.tip-card b{font-size:11px}.tip-card p{margin:5px 0 0;font-size:10px;line-height:1.55;color:#77738d}.all-task-list,.notification-list,.profile-dialog-body{padding:0 25px 25px}.all-task-item,.notification-item{padding:12px 0;border-top:1px solid var(--line);font-size:11px}.all-task-item b,.notification-item b{display:block;font-size:12px;margin-bottom:3px}.all-task-item small,.notification-item small{color:#898698}.profile-dialog-body{text-align:center;color:#77748a;font-size:11px}.large-avatar{width:62px;height:62px;border-radius:50%;background:#f7c5a9;color:#4b3830;display:grid;place-items:center;margin:0 auto 12px;font-weight:800}.profile-dialog-body .save-button{background:#f5edf1;color:#ba5e7b;box-shadow:none}.nav-links a.active{transition:.2s}@media(max-width:620px){.agenda-toolbar{display:grid;grid-template-columns:1fr 1fr}.task-search{grid-column:span 2}.insight-grid{grid-template-columns:1fr}.insights-section{margin-top:28px}.focus-modes{margin-top:10px}}

/* ==========================================================================
   ALARM SYSTEM STYLES
   ========================================================================== */

/* Topbar Alarm Status Pill */
.alarm-status-button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#f3f0ff;
  border:1px solid #dfd8fc;
  border-radius:20px;
  padding:6px 13px;
  font:700 11px Manrope, sans-serif;
  color:#5a47be;
  cursor:pointer;
  transition:all .2s ease;
}
.alarm-status-button:hover{
  background:#e8e2ff;
  border-color:#c8bcfa;
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(105,82,214,0.18);
}
.alarm-bell-icon-top{
  font-size:13px;
  display:inline-block;
  animation:subtleSwing 3s ease-in-out infinite;
}
@keyframes subtleSwing{
  0%, 80%, 100%{transform:rotate(0deg);}
  85%{transform:rotate(12deg);}
  90%{transform:rotate(-12deg);}
  95%{transform:rotate(8deg);}
}

/* Quick Alarm Demo Chip */
.chip-alarm-test{
  background:linear-gradient(135deg, #ffe082 0%, #ffca28 100%) !important;
  color:#4a3200 !important;
  border:1px solid #ffd54f !important;
  font-weight:700 !important;
  box-shadow:0 2px 6px rgba(255,202,40,0.3);
}
.chip-alarm-test:hover{
  transform:scale(1.04);
  box-shadow:0 3px 10px rgba(255,202,40,0.45);
}

/* Manual Form Alarm Checkbox */
.alarm-checkbox-label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:16px !important;
  background:#f8f7fd;
  border:1px solid #edeaf8;
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  font-size:11px !important;
  font-weight:600 !important;
  color:#4c4765;
}
.alarm-checkbox-label input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:#6952d6;
  cursor:pointer;
  margin:0;
}

/* Task row alarm toggle button */
.alarm-toggle-button{
  width:26px;
  height:26px;
  border-radius:8px;
  background:#fff;
  border:1px solid var(--line);
  color:#8e8c9d;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
  font-size:12px;
  transition:all .15s ease;
}
.alarm-toggle-button.active{
  color:#5a47be;
  background:#f1edff;
  border-color:#d7ceff;
}
.alarm-toggle-button.muted{
  color:#b5b3c2;
  opacity:0.6;
}
.alarm-toggle-button:hover{
  border-color:#b9adff;
  transform:scale(1.08);
}

/* ==========================================================================
   ALARM RINGING DIALOG & ANIMATIONS
   ========================================================================== */
.alarm-ring-dialog{
  width:420px;
  max-width:calc(100vw - 32px);
  border:0;
  border-radius:24px;
  padding:0;
  background:transparent;
  box-shadow:0 25px 80px rgba(23,17,58,0.45);
  overflow:visible;
}
.alarm-ring-dialog::backdrop{
  background:rgba(18,14,35,0.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.alarm-ring-card{
  background:linear-gradient(175deg, #ffffff 0%, #faf8ff 100%);
  border:2px solid #dfd7ff;
  border-radius:24px;
  padding:32px 28px 28px;
  text-align:center;
  box-shadow:0 0 40px rgba(105,82,214,0.22);
}
.alarm-ring-header{
  position:relative;
  margin-bottom:18px;
}
.alarm-pulse-rings{
  position:relative;
  width:84px;
  height:84px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
}
.alarm-bell-icon{
  position:relative;
  z-index:2;
  font-size:42px;
  line-height:1;
  animation:alarmShake 0.4s cubic-bezier(.36,.07,.19,.97) infinite;
}
@keyframes alarmShake{
  0%, 100%{transform:rotate(0deg) scale(1);}
  20%{transform:rotate(-18deg) scale(1.1);}
  40%{transform:rotate(18deg) scale(1.12);}
  60%{transform:rotate(-14deg) scale(1.1);}
  80%{transform:rotate(14deg) scale(1.05);}
}
.pulse-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2.5px solid #ff577d;
  opacity:0;
  animation:pulseWave 1.4s ease-out infinite;
}
.pulse-ring.r2{
  animation-delay:0.7s;
  border-color:#806ee3;
}
@keyframes pulseWave{
  0%{transform:scale(0.65);opacity:0.9;}
  80%{opacity:0.3;}
  100%{transform:scale(1.75);opacity:0;}
}

.alarm-live-badge{
  display:inline-block;
  background:#ff4d6d;
  color:#fff;
  font:800 10px 'DM Mono', monospace;
  letter-spacing:.12em;
  padding:5px 14px;
  border-radius:20px;
  box-shadow:0 4px 14px rgba(255,77,109,0.38);
  animation:badgePulse 1.2s ease-in-out infinite alternate;
}
@keyframes badgePulse{
  from{transform:scale(0.97);box-shadow:0 3px 10px rgba(255,77,109,0.3);}
  to{transform:scale(1.03);box-shadow:0 6px 18px rgba(255,77,109,0.5);}
}

.alarm-task-info{
  margin:16px 0 20px;
}
.alarm-subject-tag{
  font:700 10px 'DM Mono', monospace;
  color:#6952d6;
  background:#eeeaff;
  padding:4px 10px;
  border-radius:8px;
  letter-spacing:.08em;
  display:inline-block;
  margin-bottom:8px;
}
.alarm-task-info h2{
  font-size:20px;
  color:#1f1c35;
  margin:0 0 6px;
  font-weight:800;
  line-height:1.3;
}
.alarm-task-info p{
  font-size:12px;
  color:#737088;
  margin:0;
}

/* Sound wave equalizer indicator */
.alarm-equalizer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:#f3f0fc;
  border-radius:12px;
  padding:8px 14px;
  margin:0 auto 22px;
  width:max-content;
}
.eq-bar{
  width:3px;
  height:14px;
  background:#6952d6;
  border-radius:3px;
  animation:eqBounce 0.8s ease-in-out infinite alternate;
}
.eq-bar:nth-child(1){animation-delay:0.1s;}
.eq-bar:nth-child(2){animation-delay:0.3s;height:18px;}
.eq-bar:nth-child(3){animation-delay:0.5s;height:22px;}
.eq-bar:nth-child(4){animation-delay:0.2s;height:16px;}
.eq-bar:nth-child(5){animation-delay:0.4s;}
@keyframes eqBounce{
  0%{transform:scaleY(0.3);}
  100%{transform:scaleY(1.3);}
}
.alarm-equalizer span{
  font-size:11px;
  font-weight:600;
  color:#5a47be;
  margin-left:8px;
}

/* Action buttons */
.alarm-action-grid{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.alarm-btn-focus{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg, #6952d6 0%, #8770f5 100%);
  color:#fff;
  border:0;
  border-radius:12px;
  padding:13px 18px;
  font:700 13px Manrope, sans-serif;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(105,82,214,0.36);
  transition:all .2s ease;
}
.alarm-btn-focus:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(105,82,214,0.45);
}
.alarm-btn-focus span{
  font-size:16px;
}

.alarm-btn-snooze{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#fff8e6;
  border:1.5px solid #ffe099;
  color:#91620a;
  border-radius:12px;
  padding:11px 18px;
  font:700 12px Manrope, sans-serif;
  cursor:pointer;
  transition:all .2s ease;
}
.alarm-btn-snooze:hover{
  background:#ffeed1;
  border-color:#ffcc66;
  transform:translateY(-1px);
}

.alarm-btn-stop{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#fff;
  border:1.5px solid #f1d4dd;
  color:#c04669;
  border-radius:12px;
  padding:10px 18px;
  font:700 12px Manrope, sans-serif;
  cursor:pointer;
  transition:all .2s ease;
}
.alarm-btn-stop:hover{
  background:#fff2f6;
  border-color:#e49fb3;
  transform:translateY(-1px);
}