/* İDÜ Campus — Akış, second slice. Shared visual layer for secondary routes and dialogs.
   No endpoints, session permissions, field names or data handling are changed. */
:root{
  --bg:#f7f8f6;--surface:#ffffff;--soft:#f2f5f3;--ink:#1b292c;
  --muted:#5e6d71;--line:#dce4e0;--accent:#164f61;--selected:#e6f0f1;
  --secondary-radius:7px;--secondary-focus:#318cb0;
}
[data-theme="dark"]{
  --bg:#111a1b;--surface:#192427;--soft:#223035;--ink:#eaf1ee;
  --muted:#adbfbe;--line:#35474a;--accent:#a5d7dc;--selected:#263b40;
  --secondary-focus:#95d3ed;
}
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--secondary-focus);outline-offset:3px}
:where(button,input,select,textarea){font-family:inherit}
:where(input,select,textarea){border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font-size:14px}
:where(input,select,textarea):disabled{opacity:.55}
:where(input,select,textarea)::placeholder{color:var(--muted)}
:where(.primary,.secondary){border-radius:5px;font-weight:650;font-size:13px;min-height:42px;line-height:1.2;padding:10px 15px}
.primary{background:var(--accent);color:var(--surface);border:1px solid var(--accent)}
[data-theme="dark"] .primary{color:var(--bg)}
.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
:where(.primary,.secondary):hover:not(:disabled){filter:brightness(.96)}
.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--secondary-radius);box-shadow:none}
.notice{font-size:12px;line-height:1.65}
.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.07em;font-weight:700;text-transform:uppercase}
.inbox-top{min-height:66px;padding:12px clamp(16px,3vw,36px);background:var(--surface);border-bottom:1px solid var(--line);gap:20px}
.inbox-brand{display:inline-flex;align-items:center;gap:4px;font-size:17px;font-weight:750;color:var(--ink);letter-spacing:-.4px;white-space:nowrap}
.inbox-brand span{color:var(--accent)}
.flow-secondary-nav{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.flow-secondary-nav :is(a,[aria-current=page]){font-size:12px!important;color:var(--ink)!important;text-decoration:none;border:1px solid transparent;padding:8px 11px;border-radius:5px;min-height:36px;display:inline-flex;align-items:center}
.flow-secondary-nav a:hover{background:var(--soft)}
.flow-secondary-nav [aria-current=page]{background:var(--selected);color:var(--accent)!important;font-weight:650}
.flow-secondary-nav .flow-back-link{border-color:var(--line)}
.inbox-main{max-width:1260px;margin:auto;padding:26px clamp(16px,3vw,36px) 55px}
.inbox-main h1{font-size:clamp(24px,2.5vw,31px);line-height:1.2;font-weight:700;letter-spacing:-.7px;margin:7px 0 8px}
.inbox-main h2{font-size:17px;line-height:1.3;letter-spacing:-.25px;margin-bottom:16px}
.intro{margin-bottom:20px;max-width:650px;color:var(--muted)}
.help,.short-note{color:var(--muted);font-size:12px;line-height:1.65}
.inbox-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;color:var(--muted);font-size:11px}
/* The logged-in admin inbox is the primary surface; publishing tools remain below. */
.account-main #program-management{margin-top:26px}
.account-main #analytics-card{margin-top:14px}
.account-main #workspace>h2{margin:8px 0 2px;font-size:21px}
.account-main:has(.account-card:not([hidden])){max-width:540px;padding-top:clamp(30px,7vh,80px)}
.account-card{box-shadow:none;border-radius:8px;padding:clamp(20px,4vw,30px)}
.account-card-header img{width:38px;height:38px;border-radius:5px;margin-bottom:16px}
.account-card-header h1{font-size:26px}
.account-card-header p{color:var(--muted)}
.account-form input,.account-card .account-form .primary{min-height:46px;border-radius:5px}
.account-password button{border-radius:4px;color:var(--accent)}
.account-stage{border-radius:4px}
.workspace-toolbar{margin:16px 0 12px;gap:8px}
.workspace-toolbar select{min-width:155px;width:auto}
.inbox-layout{grid-template-columns:minmax(245px,320px) minmax(0,1fr);gap:0;align-items:start;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}
.inbox-layout>section:first-child{min-width:0;border-right:1px solid var(--line)}
.inbox-layout>section:last-child{min-width:0}
.inbox-layout>section>.card{border:0;border-radius:0;background:transparent}
.message-list{padding:4px;max-height:min(74dvh,820px)}
.message-preview{border-radius:4px;padding:14px 12px;margin:0;border-bottom:1px solid var(--line)}
.message-preview[aria-pressed=true]{background:var(--selected);border-color:var(--line)}
.message-preview .preview-text{font-size:13px;line-height:1.45}
.badge{border-radius:3px;font-weight:650;font-size:11px;padding:4px 7px}
.detail-message{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;border-radius:0;margin:14px 0 18px;font-size:14px;line-height:1.65}
.detail-fields{gap:13px}
.detail-fields select{max-width:100%;width:100%}
.detail-top{align-items:flex-start;gap:14px}
.detail-actions{gap:9px;flex-wrap:wrap}
.setup-help{border-top:1px solid var(--line);padding-top:14px;margin-top:17px}
.setup-help summary{color:var(--accent);font-weight:650;padding:5px 0;min-height:36px}
#board-upload-result{border-left:3px solid var(--accent);padding:12px 14px;margin-top:14px;background:var(--soft);overflow-wrap:anywhere}
#board-upload-result input{font-family:ui-monospace,Consolas,monospace;font-size:12px}
#program-management>.help,#program-management>p.help{max-width:75ch}
/* Full, editable forms sit alongside their existing records rather than nesting cards. */
.extras-main{max-width:1220px}
.extras-main #extra-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:16px;align-items:start}
.extras-main #extra-workspace>.card{min-width:0}
.extras-main #extra-workspace>.card:first-child{padding:25px}
.extras-main .extra-list{margin-top:0;position:sticky;top:20px;max-height:calc(100dvh - 50px);overflow:auto}
.extras-main .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.extras-main #extra-editor{gap:13px}
.extras-main #extra-editor>.field:first-child{font-size:13px}
.extras-main #extra-editor :where(input,select){min-height:43px}
.extras-main .extra-list article{padding:14px 0}
.extras-main .extra-list article p{font-size:13px;line-height:1.55}
.extras-main #extra-demo{margin-bottom:15px}
.extras-main .extra-quick{padding-bottom:10px}
.extras-main .extra-check{align-items:flex-start;gap:10px;line-height:1.45}
.extras-main .extra-check input{margin-top:3px}
#extra-confirm{width:min(570px,calc(100vw - 24px));border-radius:8px}
#extra-preview{line-height:1.7;overflow-wrap:anywhere}
/* Tracking is an intentional compact task, not a separate marketing page. */
.tracker-main:not(.extras-main){max-width:780px}
.tracker-main:not(.extras-main)>.card{padding:clamp(18px,3vw,28px)}
.tracker-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
.tracker-form .primary{white-space:nowrap}
.tracker-main .tracking-input{font-size:14px;letter-spacing:.035em}
.tracking-result{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.tracking-reply{line-height:1.65}
/* Secondary dialogs inside the actual calendar page share the same scale. */
body:has(.flow-layout) :is(#details-dialog,#feedback-dialog,#release-history,#source-dialog,#summary-dialog,#account-dialog){border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 16px 42px #0002;max-height:min(85dvh,780px)}
body:has(.flow-layout) dialog::backdrop{background:#111e2080;backdrop-filter:blur(5px)}
#welcome-card:not(:modal){left:auto;top:auto;margin:0}
#welcome-card:modal{inset:0;margin:auto;width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);border-radius:8px}
#tracking-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#tracking-dialog .tracker-form label{display:grid;gap:6px;min-width:0}
#tracking-dialog .tracking-input{width:100%;min-height:42px;padding:8px 10px}
#tracking-dialog .help{margin-block:12px}
#tracking-dialog .tracking-reply{overflow-wrap:anywhere}
#tracking-dialog .badge{display:inline-block;background:var(--selected);color:var(--accent)}
body:has(.flow-layout) :is(#details-dialog,#feedback-dialog,#release-history,#source-dialog,#summary-dialog,#account-dialog) .dialog-top{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
body:has(.flow-layout) .eyebrow{color:var(--muted);letter-spacing:.07em}
body:has(.flow-layout) :is(.release-history,.change-record) .release-version{color:var(--accent);font-variant-numeric:tabular-nums}
body:has(.flow-layout) .change-record{border-bottom:1px solid var(--line);padding:16px 0}
body:has(.flow-layout) .change-versions{gap:15px}
body:has(.flow-layout) #feedback-dialog :where(input,textarea,select),body:has(.flow-layout) #account-dialog input{background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:14px}
body:has(.flow-layout) #feedback-dialog textarea{font-size:14px;line-height:1.55;min-height:135px}
body:has(.flow-layout) .feedback-privacy{color:var(--muted);font-size:11px;line-height:1.6}
body:has(.flow-layout) .feedback-submit{background:var(--accent);color:var(--surface);border-radius:5px;min-height:44px}
[data-theme="dark"] body:has(.flow-layout) .feedback-submit{color:var(--bg)}
@media(max-width:760px){
  .inbox-top{padding:10px 13px;min-height:55px;align-items:flex-start;flex-wrap:wrap;gap:5px}
  .flow-secondary-nav{width:100%;margin:0;overflow:auto;flex-wrap:nowrap;gap:4px;scrollbar-width:thin}
  .flow-secondary-nav :is(a,[aria-current=page]){font-size:11px!important;white-space:nowrap;min-height:34px;padding:6px 9px}
  .inbox-main{padding:19px 13px 36px}
  .inbox-main h1{font-size:25px}
  .card{padding:17px}
  .account-main:has(.account-card:not([hidden])){padding-top:25px}
  .inbox-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible}
  .inbox-layout>section:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .inbox-layout>section:last-child{scroll-margin-top:12px}
  .message-list{max-height:270px;overflow:auto}
  .workspace-toolbar{gap:7px}
  .workspace-toolbar .export-option{width:100%}
  .extras-main #extra-workspace{grid-template-columns:minmax(0,1fr);gap:12px}
  .extras-main #extra-workspace>.card:first-child{padding:17px}
  .extras-main .extra-list{position:static;max-height:none}
  .extras-main .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tracker-form{grid-template-columns:minmax(0,1fr)}
  .tracker-form .primary{width:100%}
  body:has(.flow-layout) :is(#details-dialog,#feedback-dialog,#release-history,#source-dialog,#summary-dialog,#account-dialog){width:calc(100vw - 20px);max-width:none;padding:17px;max-height:85dvh}
  body:has(.flow-layout) #details-dialog.lesson-sheet{width:100%;max-height:85dvh;border-radius:9px 9px 0 0}
  body:has(.flow-layout) .change-versions{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.inbox-top *,body:has(.flow-layout) dialog *{transition:none!important;animation:none!important}}