:root{
  color-scheme:dark;
  --bg:#06101d;
  --panel:#0a1728;
  --panel2:#0d1d31;
  --line:rgba(255,255,255,.09);
  --muted:#8ca0b9;
  --text:#f4f8fc;
  --accent:#c4b5fd;
  --accent2:#81d8d0;
  --danger:#fb7185;
  --warn:#f5c768;
  --good:#65d7aa;
  --shadow:0 20px 60px rgba(0,0,0,.28);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{
  min-height:100svh;
  background:
    radial-gradient(800px 520px at 85% -10%,rgba(196,181,253,.16),transparent 58%),
    radial-gradient(720px 520px at -10% 22%,rgba(129,216,208,.11),transparent 58%),
    linear-gradient(180deg,#071322 0%,#050d18 62%,#040a12 100%);
  overscroll-behavior-y:none;
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-shell{width:min(900px,100%);margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 18px}
.pa-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;min-height:58px;margin-bottom:14px}
.head-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045);color:#dce6f2;display:grid;place-items:center}
.head-btn svg{width:21px;height:21px}.head-btn:active{transform:scale(.96)}
.head-copy{text-align:center;min-width:0}.head-copy span{display:block;color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:1.7px;margin-bottom:4px}.head-copy strong{font-size:16px;font-weight:900;letter-spacing:-.2px}
.assistant-hero{position:relative;overflow:hidden;border:1px solid rgba(196,181,253,.19);border-radius:28px;padding:23px;background:linear-gradient(140deg,rgba(196,181,253,.12),rgba(11,28,47,.82) 42%,rgba(6,16,29,.94));box-shadow:var(--shadow)}
.assistant-hero::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-145px;top:-165px;background:radial-gradient(circle,rgba(196,181,253,.32),transparent 68%);pointer-events:none}
.hero-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hero-kicker{margin:0 0 7px;color:#9eb2c9;font-size:11px;font-weight:800}.hero-top h1{margin:0;font-size:clamp(23px,5vw,32px);letter-spacing:-.9px;line-height:1.08}
.agent-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(5,14,25,.52);color:#a9bbcf;font-size:9px;font-weight:800;white-space:nowrap}.agent-state i{width:7px;height:7px;border-radius:50%;background:#8293a7;box-shadow:0 0 0 4px rgba(130,147,167,.08)}.agent-state.ready i{background:var(--good);box-shadow:0 0 0 4px rgba(101,215,170,.10)}.agent-state.bad i{background:var(--danger);box-shadow:0 0 0 4px rgba(251,113,133,.10)}
.daily-brief{position:relative;margin:18px 0 20px;max-width:720px;color:#d7e1ed;font-size:13px;font-weight:650;line-height:1.65;unicode-bidi:plaintext}
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:17px;padding:11px 8px;background:rgba(255,255,255,.035);color:var(--text);text-align:left}.stat strong{display:block;font-size:20px;line-height:1;font-weight:900;margin-bottom:5px}.stat span{color:#8fa3ba;font-size:9px;font-weight:800}.stat:active{transform:scale(.98)}
.assistant-reply{position:relative;margin:13px 0 4px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:11px;align-items:flex-start;border:1px solid rgba(129,216,208,.16);border-radius:20px;padding:13px;background:rgba(10,25,41,.72);box-shadow:0 12px 36px rgba(0,0,0,.14)}.assistant-reply[hidden]{display:none!important}.assistant-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(129,216,208,.18),rgba(196,181,253,.14));color:var(--accent2)}.assistant-avatar svg{width:21px;height:21px}.assistant-label{display:block;color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:.5px;margin:2px 0 5px}.assistant-reply p{margin:0;color:#e4ecf5;font-size:12px;font-weight:620;line-height:1.55;white-space:pre-wrap;unicode-bidi:plaintext}.assistant-reply>button{border:0;background:transparent;color:#6f8299;font-size:22px;line-height:1;padding:1px}
.task-section{margin-top:24px;scroll-margin-top:18px}.task-section[hidden]{display:none!important}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 3px 10px}.section-head>div{display:flex;align-items:center;gap:8px}.section-head h2{margin:0;font-size:13px;font-weight:900;letter-spacing:-.15px}.section-head>span{color:#6f839b;font-size:10px;font-weight:800}.section-dot{width:8px;height:8px;border-radius:50%}.section-dot.today{background:var(--accent2);box-shadow:0 0 14px rgba(129,216,208,.48)}.section-dot.danger{background:var(--danger);box-shadow:0 0 14px rgba(251,113,133,.42)}.section-dot.waiting{background:var(--warn);box-shadow:0 0 14px rgba(245,199,104,.38)}.section-dot.upcoming{background:var(--accent);box-shadow:0 0 14px rgba(196,181,253,.38)}.section-dot.done{background:#60758e}
.task-list{display:grid;gap:9px}.empty-state{border:1px dashed rgba(255,255,255,.08);border-radius:18px;padding:16px;color:#60758d;font-size:11px;font-weight:650;text-align:center}
.task-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.075);border-radius:19px;padding:12px 12px 12px 10px;background:linear-gradient(135deg,rgba(255,255,255,.047),rgba(255,255,255,.022));box-shadow:0 8px 24px rgba(0,0,0,.10)}.task-card.priority-high{border-color:rgba(251,113,133,.18)}.task-card.waiting-card{border-color:rgba(245,199,104,.14)}.task-card.done-card{opacity:.62}.task-check{width:31px;height:31px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(3,11,20,.38);color:#73869b;display:grid;place-items:center;padding:0}.task-check svg{width:16px;height:16px}.task-check.checked{border-color:rgba(101,215,170,.25);background:rgba(101,215,170,.10);color:var(--good)}
.task-main{min-width:0;text-align:left;background:none;border:0;color:inherit;padding:0}.task-title{display:block;font-size:12.5px;font-weight:800;line-height:1.4;white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext}.done-card .task-title{text-decoration:line-through}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}.meta-pill{display:inline-flex;align-items:center;gap:4px;color:#8094aa;font-size:8.7px;font-weight:800}.meta-pill.due{color:#a8bad0}.meta-pill.overdue{color:#fb8ca0}.meta-pill.wait{color:#e8bd67}.meta-pill.personal{color:#b9aaf8}.meta-pill.work{color:#72ccc6}.meta-pill.high{color:#fb8ca0}.task-details{display:block;margin-top:5px;color:#6f8299;font-size:9.5px;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.task-quick{display:flex;gap:5px}.quick-btn{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#8093a8;min-width:31px;height:31px;display:grid;place-items:center;padding:0}.quick-btn svg{width:15px;height:15px}.quick-btn:active{transform:scale(.95)}
.done-section{margin-bottom:8px}.bottom-spacer{height:124px}
.assistant-composer{position:fixed;z-index:80;left:0;right:0;bottom:0;padding:8px max(14px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(4,10,18,0),rgba(4,10,18,.94) 25%,rgba(4,10,18,.985));backdrop-filter:blur(10px)}.composer-box{width:min(864px,100%);margin:0 auto;display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:end;gap:7px;border:1px solid rgba(196,181,253,.17);border-radius:22px;padding:7px;background:rgba(12,25,42,.94);box-shadow:0 14px 42px rgba(0,0,0,.42)}.composer-status{width:min(850px,100%);min-height:17px;margin:0 auto 4px;padding:0 7px;color:#8397ae;font-size:9px;font-weight:700}.composer-status.busy{color:var(--accent2)}.composer-status.error{color:#fb8ca0}.composer-btn{width:42px;height:42px;border:0;border-radius:15px;display:grid;place-items:center}.composer-btn svg{width:20px;height:20px}.composer-btn.mic{width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,rgba(125,211,201,.20),rgba(169,151,239,.15));color:#b9fff4;box-shadow:inset 0 0 0 1px rgba(125,211,201,.14),0 9px 26px rgba(0,0,0,.24)}.composer-btn.mic svg{width:25px;height:25px}.composer-btn.send{background:linear-gradient(145deg,#a997ef,#7dd3c9);color:#07131f;box-shadow:0 7px 18px rgba(129,216,208,.14)}.composer-btn:disabled{opacity:.42;cursor:default}.composer-btn.recording{background:rgba(251,113,133,.18);color:#ffd5dc;animation:recordPulse 1.05s ease-in-out infinite}.mic-stop{display:none}.recording .mic-start{display:none}.recording .mic-stop{display:block}@keyframes recordPulse{50%{box-shadow:0 0 0 7px rgba(251,113,133,.07)}}
#assistantInput{width:100%;max-height:122px;min-height:42px;resize:none;border:0;outline:0;background:transparent;color:#f4f8fc;padding:10px 3px 8px;font-size:13px;font-weight:600;line-height:1.45;unicode-bidi:plaintext}#assistantInput::placeholder{color:#61758d}
.sheet-backdrop{position:fixed;inset:0;z-index:120;background:rgba(1,6,12,.65);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:18px}.sheet-backdrop[hidden]{display:none!important}.edit-sheet{width:min(620px,100%);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0d1b2d,#081523);box-shadow:0 25px 80px rgba(0,0,0,.58)}.sheet-grab{width:42px;height:4px;border-radius:999px;background:#40536b;margin:0 auto 13px}.edit-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.edit-head span{color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:.6px}.edit-head h2{margin:4px 0 0;font-size:20px}.edit-head button{border:0;background:transparent;color:#73869d;font-size:25px}.edit-sheet label{display:block;color:#8295ab;font-size:9px;font-weight:800;margin:10px 0 0}.edit-sheet input,.edit-sheet textarea,.edit-sheet select{width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#071321;color:#eef5fb;outline:0;padding:11px 12px;font-size:12px;font-weight:650}.edit-sheet textarea{resize:none}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:18px}.sheet-actions button{height:45px;border-radius:14px;font-size:11px;font-weight:900}.sheet-actions .ghost{border:1px solid rgba(251,113,133,.18);background:rgba(251,113,133,.06);color:#fb91a3}.sheet-actions .primary{border:0;background:linear-gradient(145deg,#ae9cf4,#7fd7cf);color:#06121e}
.toast{position:fixed;z-index:150;left:50%;bottom:112px;transform:translate(-50%,10px);max-width:min(86vw,460px);padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#102035;color:#e7eef6;box-shadow:0 14px 40px rgba(0,0,0,.45);font-size:10px;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:620px){
  .pa-shell{padding-left:13px;padding-right:13px}.assistant-hero{padding:19px 16px;border-radius:24px}.hero-top{display:block}.agent-state{position:absolute;right:0;top:0}.hero-top h1{padding-right:0;margin-top:29px}.stats{gap:6px}.stat{padding:10px 6px;border-radius:14px}.stat strong{font-size:18px}.stat span{font-size:8px}.assistant-reply{grid-template-columns:34px minmax(0,1fr) 22px}.assistant-avatar{width:34px;height:34px}.task-section{margin-top:21px}.task-card{grid-template-columns:32px minmax(0,1fr) auto;padding-right:9px}.task-quick{gap:4px}.quick-btn{width:29px;min-width:29px;height:29px}.edit-grid{gap:7px}.sheet-backdrop{padding:9px}.edit-sheet{border-radius:24px}
}
@media(max-width:380px){.task-quick .quick-btn.secondary{display:none}.task-title{font-size:12px}.composer-box{grid-template-columns:52px minmax(0,1fr) 39px}.composer-btn{width:39px;height:39px}.composer-btn.mic{width:52px;height:52px;border-radius:18px}}
/* Personal Assistant V2 additions */
.pa-head{grid-template-columns:44px 44px 1fr 44px}.head-copy{grid-column:3}.head-btn.alerts{grid-column:2}.head-btn.alerts.active{color:var(--good);border-color:rgba(101,215,170,.28);background:rgba(101,215,170,.08)}.head-btn.alerts.blocked{color:var(--danger)}
.meta-pill.recur{color:#f2b6dd}.meta-pill.reminder{color:#a8c8ff}.quick-btn.snooze{color:#a8c8ff}
@media(max-width:620px){.pa-head{grid-template-columns:42px 42px 1fr 42px;gap:7px}.head-btn{width:42px;height:42px}.head-copy strong{font-size:15px}}
@media(max-width:410px){.task-card{grid-template-columns:31px minmax(0,1fr) auto}.quick-btn.snooze{display:none}}

/* V3.2 — Mobile-only redesign.
   Desktop stays untouched. On phones the Personal Assistant follows the
   lighter, quieter Notes language: off-white ground, white cards, larger type,
   fewer competing visual layers, and roomier task actions. */
@media (max-width:700px){
  :root{color-scheme:light}

  html,body{
    background:#eef1f4;
    color:#102033;
  }
  body{
    background:linear-gradient(180deg,#f5f6f8 0%,#edf1f4 70%,#e9edf1 100%);
    overscroll-behavior-y:auto;
  }

  .pa-shell{
    width:100%;
    padding:calc(10px + env(safe-area-inset-top,0px)) 14px 18px;
  }

  /* Simple mobile header: back / title / reminders. Refresh is unnecessary
     visual weight on a small screen; pull-to-refresh/reopen remains available. */
  .pa-head{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:10px;
    min-height:54px;
    margin-bottom:10px;
  }
  #homeBtn{grid-column:1;grid-row:1}
  .head-copy{grid-column:2!important;grid-row:1;text-align:left}
  .head-btn.alerts{grid-column:3!important;grid-row:1}
  #refreshBtn{display:none}
  .head-btn{
    width:44px;height:44px;border-radius:14px;
    border:1px solid #d9e0e7;
    background:#fff;
    color:#24364a;
    box-shadow:0 3px 12px rgba(21,38,57,.05);
  }
  .head-btn.alerts.active{
    color:#0b8d85;
    border-color:rgba(15,157,148,.25);
    background:#f1fbfa;
  }
  .head-btn.alerts.blocked{color:#c94b5f}
  .head-copy span{font-size:9px;letter-spacing:1.45px;color:#0b8d85;margin-bottom:3px}
  .head-copy strong{font-size:17px;color:#102033;letter-spacing:-.3px}

  /* Calm summary card — no dark glass, glow or floating status chip. */
  .assistant-hero{
    border:1px solid #dce3e9;
    border-radius:20px;
    padding:18px 16px 15px;
    background:#fff;
    box-shadow:0 7px 24px rgba(21,38,57,.07);
  }
  .assistant-hero::before{display:none}
  .hero-top{display:block}
  .hero-kicker{margin:0 0 5px;color:#6c7b8d;font-size:12px;font-weight:750}
  .hero-top h1{
    margin:0!important;
    padding:0!important;
    color:#102033;
    font-size:25px;
    line-height:1.15;
    letter-spacing:-.7px;
  }
  .agent-state{display:none}
  .daily-brief{
    margin:12px 0 15px;
    color:#4e6073;
    font-size:14.5px;
    font-weight:600;
    line-height:1.55;
  }

  .stats{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .stat{
    min-height:58px;
    padding:10px 12px;
    border:1px solid #e0e6eb;
    border-radius:14px;
    background:#f7f9fa;
    color:#102033;
    box-shadow:none;
  }
  .stat strong{font-size:21px;margin-bottom:4px}
  .stat span{color:#68788a;font-size:11px;font-weight:750}

  .assistant-reply{
    margin:11px 0 4px;
    grid-template-columns:36px minmax(0,1fr) 24px;
    gap:10px;
    border:1px solid #dce8e7;
    border-radius:17px;
    padding:12px;
    background:#fff;
    box-shadow:0 5px 18px rgba(21,38,57,.06);
  }
  .assistant-avatar{
    width:36px;height:36px;border-radius:12px;
    background:#edf9f8;
    color:#0f9189;
  }
  .assistant-label{color:#0b8d85;font-size:10px;margin:1px 0 4px}
  .assistant-reply p{color:#26384b;font-size:14px;line-height:1.5;font-weight:600}
  .assistant-reply>button{color:#8795a4}

  .task-section{margin-top:22px;scroll-margin-top:12px}
  .section-head{padding:0 2px 9px}
  .section-head h2{color:#17283a;font-size:15px;letter-spacing:-.15px}
  .section-head>span{color:#8492a1;font-size:11px}
  .task-list{gap:10px}
  .empty-state{
    border-color:#d7dee5;
    border-radius:16px;
    padding:18px 14px;
    background:rgba(255,255,255,.5);
    color:#7d8b9a;
    font-size:13px;
  }

  /* Tasks breathe on mobile. Actions move below the text instead of squeezing
     the title into a narrow center column. */
  .task-card{
    grid-template-columns:38px minmax(0,1fr);
    gap:10px 11px;
    align-items:start;
    padding:14px 13px;
    border:1px solid #dde4ea;
    border-radius:17px;
    background:#fff;
    box-shadow:0 5px 18px rgba(21,38,57,.055);
  }
  .task-card.priority-high{border-color:#f0cfd5}
  .task-card.waiting-card{border-color:#eadfbe}
  .task-card.done-card{opacity:.68;background:#f7f8f9;box-shadow:none}
  .task-check{
    width:34px;height:34px;border-radius:50%;
    border:2px solid #9eabb8;
    background:#fff;
    color:#788898;
  }
  .task-check.checked{
    border-color:#0f9d94;
    background:#0f9d94;
    color:#fff;
  }
  .task-main{padding-top:1px}
  .task-title{
    color:#142638;
    font-size:16px;
    font-weight:750;
    line-height:1.45;
  }
  .done-card .task-title{color:#7a8998;font-weight:650}
  .task-meta{gap:7px;margin-top:7px}
  .meta-pill{font-size:10.5px;font-weight:750}
  .meta-pill.due{color:#536a82}.meta-pill.overdue{color:#c94b5f}.meta-pill.wait{color:#9b751f}.meta-pill.personal{color:#6f5db5}.meta-pill.work{color:#087f78}.meta-pill.high{color:#c94b5f}.meta-pill.recur{color:#a34f82}.meta-pill.reminder{color:#3c6ea7}
  .task-details{
    margin-top:7px;
    color:#718092;
    font-size:12px;
    line-height:1.45;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .task-quick{
    grid-column:2;
    display:flex;
    justify-content:flex-start;
    gap:7px;
    margin-top:-2px;
  }
  .quick-btn{
    width:36px;min-width:36px;height:34px;
    border:1px solid #dce3e9;
    border-radius:10px;
    background:#f5f7f9;
    color:#637487;
  }
  .quick-btn.snooze{display:grid;color:#3c6ea7}

  .done-section{margin-bottom:6px}
  .bottom-spacer{height:138px}

  /* White voice-first composer, intentionally close to the Notes interaction. */
  .assistant-composer{
    padding:7px 12px calc(9px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(238,241,244,0),rgba(238,241,244,.94) 22%,#eef1f4 45%);
    backdrop-filter:none;
  }
  .composer-status{
    min-height:16px;
    margin:0 auto 3px;
    padding:0 6px;
    color:#6e7f90;
    font-size:10.5px;
  }
  .composer-status.busy{color:#0b8d85}.composer-status.error{color:#c94b5f}
  .composer-box{
    grid-template-columns:54px minmax(0,1fr) 44px;
    gap:7px;
    border:1px solid #d8e0e7;
    border-radius:20px;
    padding:6px;
    background:#fff;
    box-shadow:0 10px 30px rgba(21,38,57,.12);
  }
  .composer-btn{width:44px;height:44px;border-radius:14px}
  .composer-btn.mic{
    width:54px;height:54px;border-radius:17px;
    background:#eef9f8;
    color:#0b8d85;
    box-shadow:inset 0 0 0 1px rgba(15,157,148,.15);
  }
  .composer-btn.send{
    background:#0a84ff;
    color:#fff;
    box-shadow:none;
  }
  .composer-btn.recording{background:#feecef;color:#c63f58}
  #assistantInput{
    min-height:44px;
    max-height:116px;
    padding:11px 4px 8px;
    color:#17283a;
    font-size:16px;
    font-weight:600;
    line-height:1.42;
  }
  #assistantInput::placeholder{color:#8a98a7}

  /* Mobile edit sheet is light, larger and iOS-friendly. */
  .sheet-backdrop{
    padding:8px;
    background:rgba(25,37,51,.28);
    backdrop-filter:blur(5px);
  }
  .edit-sheet{
    max-height:88svh;
    overflow:auto;
    border:1px solid #dce3e9;
    border-radius:22px;
    padding:10px 14px calc(15px + env(safe-area-inset-bottom));
    background:#fff;
    color:#17283a;
    box-shadow:0 24px 70px rgba(21,38,57,.22);
  }
  .sheet-grab{background:#c5cdd5}
  .edit-head span{color:#0b8d85;font-size:10px}
  .edit-head h2{color:#17283a;font-size:20px}
  .edit-head button{color:#7f8e9e}
  .edit-sheet label{color:#667689;font-size:11px}
  .edit-sheet input,.edit-sheet textarea,.edit-sheet select{
    border:1px solid #dbe2e8;
    border-radius:12px;
    background:#f7f9fa;
    color:#17283a;
    padding:11px 12px;
    font-size:16px;
  }
  .edit-grid{grid-template-columns:1fr 1fr;gap:8px}
  .sheet-actions{gap:8px;margin-top:16px}
  .sheet-actions button{height:48px;font-size:13px}
  .sheet-actions .ghost{border-color:#f0cbd2;background:#fff5f6;color:#bf4057}
  .sheet-actions .primary{background:#0f9d94;color:#fff}

  .toast{
    bottom:112px;
    max-width:calc(100vw - 28px);
    border:1px solid #dbe2e8;
    background:#fff;
    color:#223548;
    box-shadow:0 12px 34px rgba(21,38,57,.16);
    font-size:12px;
  }
}

@media (max-width:390px){
  .pa-shell{padding-left:11px;padding-right:11px}
  .assistant-hero{padding-left:14px;padding-right:14px}
  .hero-top h1{font-size:23px}
  .stats{gap:7px}
  .task-card{padding-left:11px;padding-right:11px}
  .edit-grid{grid-template-columns:1fr}
}

/* V3.3 — Mobile execution mode.
   Keep desktop exactly as-is. On phones, remove dashboard-style summary UI
   and surface the actual tasks immediately. */
@media (max-width:700px){
  /* No greeting, daily brief, dashboard counters or agent-status panel on mobile. */
  .assistant-hero{display:none!important}

  /* Header is intentionally tiny: back / Personal Assistant / reminders. */
  .pa-head{
    min-height:48px;
    margin-bottom:4px;
  }
  .head-copy span{display:none}
  .head-copy strong{
    font-size:18px;
    line-height:1.1;
  }

  /* The work itself starts immediately under the header. */
  .task-section{
    margin-top:14px;
  }
  #todaySection{
    margin-top:8px;
  }
  .section-head{
    padding:0 2px 8px;
  }
  .section-head h2{
    font-size:17px;
    font-weight:850;
  }
  .section-head>span{
    font-size:11px;
    color:#7f8d9b;
  }

  /* If a secondary section has nothing to do, don't waste phone space on it. */
  #waitingSection:has(.empty-state),
  #upcomingSection:has(.empty-state){display:none}
  .done-section{display:none!important}

  /* Cleaner task cards: large readable task, only essential status metadata. */
  .task-card{
    grid-template-columns:40px minmax(0,1fr);
    gap:11px;
    padding:15px 13px;
    border-radius:17px;
  }
  .task-check{
    width:36px;
    height:36px;
  }
  .task-title{
    font-size:17.5px;
    line-height:1.38;
    font-weight:780;
  }
  .task-meta{
    margin-top:7px;
    gap:7px;
  }
  .meta-pill{
    font-size:11.5px;
    line-height:1.25;
  }
  .meta-pill.personal,
  .meta-pill.work,
  .meta-pill.recur,
  .meta-pill.reminder{display:none}
  .task-details{
    margin-top:7px;
    font-size:13px;
    line-height:1.45;
    -webkit-line-clamp:2;
  }

  /* Voice/assistant is the primary way to move and follow up tasks on mobile.
     Keep the list visually quiet; tap a task for full controls. */
  .task-quick{display:none}

  /* Assistant replies should read like a compact message, not another card/dashboard. */
  .assistant-reply{
    grid-template-columns:minmax(0,1fr) 24px;
    gap:6px;
    margin:7px 0 3px;
    padding:10px 11px;
    border-radius:14px;
    box-shadow:none;
  }
  .assistant-avatar,
  .assistant-label{display:none}
  .assistant-reply p{
    font-size:14.5px;
    line-height:1.5;
    font-weight:600;
  }

  /* Preserve maximum vertical room for task content. */
  .bottom-spacer{height:118px}
}

@media (max-width:390px){
  .head-copy strong{font-size:17px}
  .task-title{font-size:17px}
  .task-card{padding:14px 11px}
}

/* V3.4 — Dashboard-embedded mobile mode: swipe is the navigation, so the
   duplicate Back button disappears and the header becomes title + reminders. */
@media (max-width:700px){
  html.pa-embedded-root #homeBtn,html.pa-embedded-root #refreshBtn{display:none!important}
  html.pa-embedded-root .pa-head{grid-template-columns:minmax(0,1fr) 44px!important}
  html.pa-embedded-root .head-copy{grid-column:1!important;grid-row:1!important}
  html.pa-embedded-root .head-btn.alerts{grid-column:2!important;grid-row:1!important}
}