/* ─── Scheduled page styles ──────────────────────────────────────── */
:root { --primary:#00738f; --ink:#060606; --espresso:#180f08; --cocoa:#3d2e24; --muted:#6b5a50; --quiet:#cbc0b6; --sand:#eae2dc; --oat:#f5f1ee; --mist:#f9f6f3; --canvas:#fefdfb; --border:#f1ece7; --rail:56px; --sidebar:260px; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html,body { min-width:320px; min-height:100%; margin:0; }
body { min-height:100dvh; overflow-x:hidden; background:var(--canvas); color:var(--ink); font:400 16px/1.5 IDGrotesk,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
button,input,textarea { font:inherit; } button { border:0; padding:0; background:transparent; color:inherit; cursor:pointer; } a { color:inherit; text-decoration:none; } svg { display:block; fill:none; stroke:currentColor; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
:where(button,a,textarea,input):focus-visible { outline:2px solid var(--primary); outline-offset:2px; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:100; padding:8px 12px; border-radius:9px; background:var(--espresso); color:#fff; transform:translateY(-140%); transition:transform .16s ease; }
.skip-link:focus { transform:translateY(0); }

/* Shell */
.scheduled-shell { display:grid; grid-template-columns:var(--rail) minmax(0,1fr); min-height:100dvh; transition:grid-template-columns .26s cubic-bezier(.32,.72,0,1); }
.scheduled-shell[data-sidebar="expanded"] { grid-template-columns:var(--sidebar) minmax(0,1fr); }

/* Main */
.scheduled-main { position:relative; grid-column:2; display:flex; min-width:0; min-height:100dvh; flex-direction:column; outline:0; overflow-y:auto; }
.scheduled-topbar { display:flex; height:56px; align-items:center; justify-content:flex-end; padding:0 20px; flex:0 0 56px; }

/* Create button */
.scheduled-create-btn { display:inline-flex; height:36px; align-items:center; gap:6px; padding:0 14px; border-radius:10px; background:var(--espresso); color:#fff; font-size:13px; font-weight:500; transition:background-color .14s ease; }
.scheduled-create-btn:hover { background:#302017; }
.scheduled-create-btn svg { width:14px; height:14px; stroke:#fff; }

/* Content wrapper */
.scheduled-content { width:min(780px,calc(100% - 48px)); margin:0 auto; padding:0 0 60px; }

/* Page header */
.scheduled-page-title { margin:0 0 6px; color:var(--espresso); font-size:28px; font-weight:500; letter-spacing:-.3px; line-height:1.2; }
.scheduled-page-desc { margin:0 0 24px; color:var(--muted); font-size:15px; line-height:22px; }

/* Search */
.scheduled-search { position:relative; margin-bottom:18px; }
.scheduled-search-icon { position:absolute; top:50%; left:14px; width:16px; height:16px; color:var(--quiet); transform:translateY(-50%); pointer-events:none; }
.scheduled-search-input { display:block; width:100%; height:44px; padding:0 16px 0 40px; border:1px solid var(--border); border-radius:12px; background:var(--canvas); color:var(--espresso); font-size:14px; transition:border-color .16s ease, box-shadow .16s ease; }
.scheduled-search-input::placeholder { color:var(--quiet); }
.scheduled-search-input:focus { border-color:rgba(0,115,143,.5); box-shadow:0 0 0 3px rgba(0,115,143,.08); outline:none; }

/* Filter tabs */
.scheduled-filters { display:flex; gap:4px; margin-bottom:10px; }
.scheduled-filter { display:inline-flex; height:30px; align-items:center; padding:0 12px; border-radius:8px; color:var(--muted); font-size:13px; font-weight:500; transition:background-color .14s ease, color .14s ease; }
.scheduled-filter:hover { background:var(--oat); color:var(--cocoa); }
.scheduled-filter.is-active { background:var(--espresso); color:#fff; }

/* Empty state */
.scheduled-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:64px 20px 56px; text-align:center; }
.scheduled-empty-icon { width:44px; height:44px; color:var(--quiet); stroke-width:1; margin-bottom:16px; }
.scheduled-empty-title { margin:0 0 6px; color:var(--cocoa); font-size:17px; font-weight:500; }
.scheduled-empty-desc { margin:0 0 20px; max-width:380px; color:var(--muted); font-size:14px; line-height:20px; }
.scheduled-empty-btn { display:inline-flex; height:36px; align-items:center; padding:0 18px; border:1px solid var(--cocoa); border-radius:9px; color:var(--cocoa); font-size:13px; font-weight:500; transition:background-color .14s ease, color .14s ease; }
.scheduled-empty-btn:hover { background:var(--espresso); color:#fff; border-color:var(--espresso); }

/* Suggestions */
.scheduled-suggestions { border-top:1px solid var(--border); padding-top:28px; margin-top:8px; }
.scheduled-suggestions-title { margin:0 0 18px; color:var(--muted); font-size:13px; font-weight:500; letter-spacing:.02em; }
.scheduled-suggestion { display:flex; align-items:flex-start; gap:14px; padding:14px 16px; border-radius:14px; cursor:pointer; transition:background-color .14s ease; }
.scheduled-suggestion:hover { background:var(--oat); }
.scheduled-suggestion + .scheduled-suggestion { margin-top:2px; }

/* Suggestion icons */
.suggestion-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:10px; }
.suggestion-icon svg { width:17px; height:17px; stroke-width:1.4; }
.suggestion-icon--bell { background:rgba(222,155,74,.12); color:#bd8440; }
.suggestion-icon--calendar { background:rgba(0,115,143,.10); color:var(--primary); }
.suggestion-icon--search { background:rgba(107,90,80,.10); color:var(--cocoa); }

/* Suggestion text */
.suggestion-text { flex:1; min-width:0; padding-top:2px; }
.suggestion-header { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:3px; }
.suggestion-name { color:var(--espresso); font-size:14px; font-weight:500; }
.suggestion-schedule { color:var(--muted); font-size:12.5px; }
.suggestion-desc { margin:0; color:var(--muted); font-size:13px; line-height:18px; }

/* Responsive */
@media (max-width:767px) {
  .scheduled-shell { grid-template-columns:1fr; }
  .scheduled-main { grid-column:1; }
  .scheduled-content { width:calc(100% - 32px); }
  .scheduled-page-title { font-size:24px; }
  .scheduled-empty { padding:44px 16px 40px; }
}
@media (max-width:440px) {
  .scheduled-content { width:calc(100% - 24px); }
  .scheduled-page-title { font-size:22px; }
  .scheduled-suggestion { padding:12px 10px; gap:10px; }
  .suggestion-icon { width:30px; height:30px; flex:0 0 30px; border-radius:8px; }
  .suggestion-icon svg { width:15px; height:15px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }