/* Shared organization and control-plane components. No product branding. */
@font-face { font-family: Assistant; src: url("fonts/assistant/Assistant-Variable.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }
:root { --management-bg: #eef0f4; --bg: #eef0f4; --surface: #f9fafd; --card: #fff; --text: #1c262c; --text-2: #4c5058; --text-3: #6b727a; --muted: #4c5058; --primary: #087e86; --accent: #087e86; --primary-soft: #e5f3f3; --line: #e3e6ec; --line-strong: #cbd3d8; --shadow: none; }
* { box-sizing: border-box; }
.management { font-family: Assistant, Heebo, sans-serif; background: var(--management-bg); color: var(--text); line-height: 1.6; }
.management a { color: var(--primary); }
.management h1 { font-size: 26px; line-height: 1.3; }
.management .side { background: var(--surface); border-inline-end: 1px solid var(--line); }
.management .main { min-width: 0; }
.management .card, .management .login-card { border: 1px solid var(--line); box-shadow: none; }
.management .nav-link.active, .management .tab.active { background: #e3e6ec; color: var(--text); }
.management-primary { display: inline-block; background: var(--primary); color: #fff !important; padding: 10px 18px; border-radius: 8px; text-decoration: none; }
.management-notice { padding: 14px 16px; border: 1px solid #c5dddd; background: #edf7f7; border-radius: 10px; }
.management-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 14px; margin: 24px 0; }
.management-stats .acct-card { display: flex; flex-direction: column; margin: 0; }
.management-stats strong { font-size: 30px; }
.management-period { display: flex; gap: 12px; margin: 20px 0; }
.management-period a { padding: 8px 14px; border-radius: 8px; text-decoration: none; }
.management-period [aria-current] { background: var(--primary-soft); font-weight: 700; }
.management-result { border-block-end: 1px solid var(--line); padding: 12px 0; overflow-wrap: anywhere; }
.management-result:last-child { border: 0; }
.management-result h3 { margin: 0; }
.start-choices { flex-basis: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; border: 0; margin: 0; padding: 10px 0; }
.start-choices legend { font-weight: 600; }
.start-choice { display: flex; align-items: start; gap: 10px; background: var(--surface); padding: 18px; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.start-choice:has(input:checked) { border-color: var(--primary); background: #edf7f7; }
.start-choice input { flex: 0 0 auto; margin-block-start: 6px; accent-color: var(--primary); }
.start-choice small { display: block; margin-top: 8px; color: var(--muted); font-size: 15px; }
.org-content .login-wrap { display: block; min-height: 0; padding: 0; }
.org-content .login-card { width: 100%; max-width: none; margin: 0; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.org-content form.login-card { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
.org-content form.login-card button { justify-self: start; }
@media(max-width: 700px) { .start-choices { grid-template-columns: 1fr; } }

    body { margin: 0; background: #eef0f4; color: #1c262c; font-family: Assistant, Heebo, sans-serif; }
    .acct { direction: ltr; display: grid; grid-template-columns: minmax(0,1fr) 280px; min-block-size: 100vh; }
    .acct-main { direction: rtl; grid-column: 1; padding: 28px 36px 48px; background: var(--management-bg); }
    .acct-side { direction: rtl; grid-column: 2; background: #f9fafd; border-inline-start: 1px solid #e3e6ec; padding: 16px 14px; }
    .acct-side h2 { font-size: 16px; margin: 8px 8px 12px; }
    .acct-link { display: block; padding: 8px 10px; border-radius: 8px; color: #1c262c; text-decoration: none; }
    .acct-link.is-on { background: #e3e6ec; font-weight: 700; }
    .acct-card { background: #f9fafd; border: 1px solid #e3e6ec; border-radius: 16px; padding: 18px 20px; margin-block-end: 14px; }
    h1 { font-size: 22px; margin: 0 0 8px; }
    .quiet { color: #4c5058; }
    .org-content { max-width: 1040px; margin: auto; line-height: 1.7; }
    .org-content section { background: #fff; border: 1px solid #e3e6ec; border-radius: 16px; padding: 20px; margin: 18px 0; }
    .org-content h2 { font-size: 19px; margin: 0 0 12px; }
    .org-content ul { max-height: 380px; overflow: auto; padding-inline-start: 24px; }
    .org-content a { color: #087e86; }
    .org-content input, .org-content textarea, .org-content select { box-sizing: border-box; background: #fff; color: #17252a; border: 1px solid #cbd3d8; border-radius: 8px; padding: 10px; max-width: 100%; font: inherit; }
    .org-content textarea { display: block; width: 100%; max-height: 65vh; resize: vertical; }
    .org-content form { margin: 14px 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
    .org-content form > label { display: flex; flex-direction: column; gap: 6px; flex: 1 1 240px; min-width: 0; }
    .org-content form > label:has(input[type=checkbox]) { flex-direction: row; align-items: center; }
    .org-content form > p, .org-content form > details, .org-content form > textarea { flex-basis: 100%; }
    .org-content table { width: 100%; border-collapse: collapse; margin: 12px 0; }
    .org-content th, .org-content td { padding: 12px 10px; text-align: start; border-bottom: 1px solid #e3e6ec; vertical-align: top; }
    .org-content pre { color: #17252a; overflow-wrap: anywhere; }
    .org-content button { border: 0; border-radius: 8px; background: #087e86; color: white; padding: 10px 18px; cursor: pointer; font: inherit; }
    @media(max-width: 700px) { .acct {display:flex;flex-direction:column-reverse} .acct-side {padding:12px} .acct-side nav {display:flex;gap:4px;overflow:auto} .acct-link {white-space:nowrap} .acct-main {padding:20px 14px} }


.org-content .project-editor .project-content { flex-basis:100%; }
.project-editor textarea, .project-diff { font-family:ui-monospace,Menlo,monospace; font-size:14px; line-height:1.6; tab-size:4; }
.org-content .project-file-list { list-style:none; padding:0; }
.project-file-list li { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); }
.project-file-list a { overflow-wrap:anywhere; min-width:0; }
.project-file-list span { flex:none; color:var(--muted); }
.project-diff { white-space:pre-wrap; max-height:380px; overflow:auto; }

.project-git { min-width:0; overflow-wrap:anywhere; }
.project-git code { overflow-wrap:anywhere; }
.org-content .project-git-review { display:block; }
.project-git-review section { width:100%; min-width:0; }
.project-git-review > label { margin:16px 0; }
.project-git-review select { display:block; width:100%; margin-top:8px; }

/* Management rail geometry measured from the live organization console.
   Links stay native so every destination also works without JavaScript. */
.management-shell { font-family:Assistant,Rubik,system-ui,sans-serif; font-size:15px; }
.management-shell .acct { grid-template-columns:minmax(0,1fr) 290px; height:100dvh; min-height:0; }
.management-shell .acct-main { padding:0; overflow:auto; }
.management-content { max-width:1320px; margin-inline:auto; padding:26px 40px 64px; outline:none; }
.management-shell .org-content .card { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin-block:14px; }
.management-shell .org-content .hint, .management-shell .org-content .lead { color:var(--text-3); }
.management-shell .org-content .notice { padding:12px 16px; background:var(--primary-soft); border-radius:8px; }
.management-shell .org-content button.danger { background:#a82a3d; }
.management-toolbar { height:41px; display:flex; align-items:center; padding:4px 10px; border-bottom:1px solid var(--line); background:var(--surface); }
.management-toolbar a { display:grid; place-items:center; width:32px; height:32px; border-radius:7px; background:var(--primary); color:white; text-decoration:none; font-size:27px; line-height:1; }
.management-shell .acct-side { display:flex; flex-direction:column; padding:0; min-height:0; overflow-y:auto; scrollbar-width:thin; }
.management-brand { height:50px; flex:none; display:flex; align-items:center; padding:10px 16px; text-decoration:none; }
.management-brand img { width:86px; height:28px; }
.management-brand .studio-logo { font-size:24px; font-weight:800; letter-spacing:.5px; }
.management-back { display:flex; align-items:center; gap:7px; padding:2px 16px 0; color:var(--text-3) !important; text-decoration:none; font-size:12px; }
.management-back svg { width:15px; height:15px; }
.management-identity { padding:6px 16px 10px; border-bottom:1px solid var(--line); }
.management-identity > span, .management-identity small { display:block; font-size:11px; color:var(--text-3); }
.management-shell .management-identity h2 { font-family:Heebo,Assistant,system-ui,sans-serif; font-size:23px; line-height:1.35; color:var(--primary); margin:2px 0 4px; overflow-wrap:anywhere; }
.management-shell .acct-side nav { position:relative; padding:8px 10px 6px; }
.management-shell .acct-side nav::before { content:""; position:absolute; inset-block:12px 10px; inset-inline-start:17px; width:1px; background:var(--line); }
.management-nav-label { display:block; padding-inline-start:30px; margin-bottom:6px; font:500 10px Heebo,Assistant,sans-serif; color:var(--text-3); }
.management-shell .acct-side nav ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.management-shell .acct-link { position:relative; display:flex; align-items:center; gap:10px; padding:7px 30px 7px 10px; border-radius:7px; color:var(--text-2); font:500 14px Heebo,Assistant,system-ui,sans-serif; line-height:22px; }
.management-shell .acct-link::before { content:""; position:absolute; inset-inline-start:11px; top:50%; width:12px; height:1px; background:var(--line-strong); }
.management-shell .acct-link svg { width:18px; height:18px; flex:none; opacity:.85; }
.management-shell .acct-link.is-on { color:var(--text); }
.management-shell .acct-link.is-on::before { background:var(--primary); width:18px; height:2px; }
.management-shell .acct-link.is-on svg { color:var(--primary); opacity:1; }
.management-shell .acct-link:hover { background:var(--line); color:var(--text); }
.management-team { display:grid; grid-template-columns:1fr auto; gap:2px 10px; margin:8px 10px 18px; padding:14px; border:1px solid #b8d7d9; border-radius:9px; background:var(--primary-soft); text-decoration:none; }
.management-team > span:first-child { grid-column:2; grid-row:1 / 4; align-self:center; }
.management-team svg { width:28px; height:28px; }
.management-team small { font-size:11px; }
.management-team strong { font:700 19px Heebo,Assistant,sans-serif; color:var(--text); }
.management-team > span:last-child { font-size:12px; color:var(--text-3); }
.management-scope { margin:auto 0 0; padding:10px 16px; border-top:1px solid var(--line); font-size:11.5px; color:var(--text-3); }
.management-footer { display:flex; justify-content:space-between; gap:10px; padding:10px 16px; border-top:1px solid var(--line); font-size:12px; }
.management-footer a { text-decoration:none; }
.management-skip { position:fixed; top:-100px; inset-inline-start:20px; z-index:100; padding:10px 16px; background:var(--surface); }
.management-skip:focus { top:10px; }
.management-shell a:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.management-recent { margin:26px 0; }
.management-section-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.management-section-head h2 { font-size:16px; margin:0; }
.management-section-head::after { content:""; flex:1; order:1; height:1px; background:var(--line); }
.management-section-head > span { order:2; font-size:12px; color:var(--text-3); }
.management-table-scroll { overflow:auto; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.management-recent table { width:100%; border-collapse:collapse; text-align:start; }
.management-recent th, .management-recent td { padding:12px 18px; border-bottom:1px solid var(--line); text-align:start; font-weight:400; }
.management-recent thead th { font-size:12px; color:var(--text-3); background:#f1f3f6; }
.management-recent th[scope=row] { width:68%; }
.management-recent a { color:var(--text); text-decoration:none; overflow-wrap:anywhere; }
.management-recent a:hover { color:var(--primary); text-decoration:underline; }
.management-recent tr:last-child > * { border-bottom:0; }
@media(max-width:700px) {
  .management-shell .acct { display:flex; flex-direction:column-reverse; height:auto; min-height:100dvh; }
  .management-shell .acct-side { display:block; border-bottom:1px solid var(--line); overflow:visible; }
  .management-brand { height:44px; }
  .management-back { position:absolute; top:12px; left:14px; padding:0; }
  .management-identity, .management-team, .management-scope, .management-footer, .management-toolbar { display:none; }
  .management-shell .acct-side nav { padding:8px 10px; display:block; overflow-x:auto; }
  .management-shell .acct-side nav ul { flex-direction:row; gap:6px; }
  .management-shell .acct-side nav::before, .management-shell .acct-link::before, .management-nav-label { display:none; }
  .management-shell .acct-link { padding:8px 12px; white-space:nowrap; }
  .management-content { padding:16px 14px 48px; }
  .management-recent th, .management-recent td { padding:10px; }
}

/* Live management palette and dashboard geometry, observed in the source UI.
   Shared by real organizations with and without reference branding. */
.management-shell {
  --management-bg:oklch(.176 .014 262); --bg:var(--management-bg);
  --surface:oklch(.212 .016 262); --bg-elevated:oklch(.238 .017 262); --bg-raised:oklch(.278 .018 262);
  --card:var(--bg-elevated); --text:oklch(.945 .006 95); --text-secondary:oklch(.76 .013 262);
  --text-muted:oklch(.59 .016 262); --text-2:var(--text-secondary); --text-3:var(--text-muted); --muted:var(--text-secondary);
  --primary:oklch(.78 .126 192); --primary-light:oklch(.78 .126 192 / .4); --accent:var(--primary);
  --primary-soft:color-mix(in oklab,var(--primary) 12%,var(--surface)); --primary-ink:#063334;
  --border:oklch(.4 .02 262 / .42); --border-light:oklch(.4 .02 262 / .22); --line:var(--border-light); --line-strong:var(--border);
  --radius:10px; --radius-sm:7px; --radius-xs:4px;
  --shadow:0 1px 2px oklch(.12 .01 262 / .35); --shadow-lg:0 1px 0 oklch(.98 0 0 / .03) inset,0 8px 24px oklch(.12 .01 262 / .5);
  --font-disp:Heebo,Assistant,system-ui,sans-serif; --font-sans:Assistant,Rubik,system-ui,sans-serif;
  --font-mono:"JetBrains Mono","Fira Code",Assistant,ui-monospace,monospace;
  background:var(--bg); color:var(--text); color-scheme:dark; line-height:normal;
}
.management-mobile-bar{display:none}
.management-identity>a{font-size:11px;color:var(--text-muted);text-decoration:none}
.management-shell .acct-side {background:var(--surface);border-color:var(--line)}
.management-shell .acct-link.is-on {background:var(--bg-raised)}
.management-shell .acct-card,.management-shell .org-content section,.management-shell .org-content .login-card {background:var(--bg-elevated);border-color:var(--line);border-radius:var(--radius)}
.management-shell .quiet,.management-shell .org-content pre {color:var(--text-secondary)}
.management-shell .org-content input,.management-shell .org-content textarea,.management-shell .org-content select {background:var(--bg);color:var(--text);border-color:var(--border)}
.management-shell .org-content input[type=radio],.management-shell .org-content input[type=checkbox] {accent-color:var(--primary)}
.management-shell .org-content th,.management-shell .org-content td {border-color:var(--line)}
.management-shell .org-content a {color:var(--primary)}
.management-shell .org-content button,.management-shell .management-primary,.management-shell .management-toolbar a {background:var(--primary);color:var(--primary-ink)!important}
.management-shell .management-notice,.management-shell .start-choice:has(input:checked) {background:var(--primary-soft);border-color:var(--primary-light)}
.management-shell .management-team {border-color:var(--primary-light)}
.management-shell .management-content {font-family:var(--font-sans)}
.management-shell .management-toolbar {background:var(--bg)}
.os-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-block-end:18px;flex-wrap:wrap}
.os-head h1{font-family:var(--font-disp);font-weight:700;font-size:22px;line-height:normal;margin:0}
.os-head p{margin:3px 0 0;font-size:13px;color:var(--text-muted)}
.os-period{display:flex;align-items:center;gap:8px;font-family:var(--font-disp);font-size:12px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px 10px}
.os-period svg{inline-size:14px;block-size:14px;color:var(--text-muted)}
.os-panel{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}
.os-panel-main{display:grid;grid-template-columns:1.08fr 1fr}
.os-read{padding:24px 26px 22px;position:relative;min-inline-size:0}
.os-read+.os-read{border-inline-start:1px solid var(--border-light)}
.os-read-top{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}
.os-read-top svg{inline-size:16px;block-size:16px;color:var(--text-muted)}
.os-read-top b{font-family:var(--font-disp);font-weight:500;font-size:13px;color:var(--text-secondary)}
.os-value{display:flex;align-items:baseline;gap:8px;margin-block-start:10px;font-family:var(--font-disp);font-weight:800;line-height:1}
.os-value .n{font-size:54px;letter-spacing:-.5px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:800}
.os-value .t{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-muted)}
.os-derived{display:inline-flex;align-items:baseline;gap:7px;margin-block-start:16px;background:var(--bg-raised);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:7px 11px}
.os-derived .d-n{font-family:var(--font-disp);font-weight:700;font-size:16px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.os-derived .d-l{font-size:12px;color:var(--text-secondary)}
.os-read-note{margin-block-start:12px;margin-block-end:0;font-size:12px;color:var(--text-muted);line-height:1.55;max-inline-size:44ch}
.os-cal{margin-block-start:18px}
.os-cal-track{position:relative;block-size:22px;border-block-end:1px solid var(--border)}
.os-cal-fill{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:3px;background:var(--primary)}
.os-cal-needle{position:absolute;inset-block:0;inline-size:1px;background:var(--primary-light)}
.os-cal-legend{display:flex;justify-content:space-between;gap:12px;margin-block-start:7px;font-size:11.5px;color:var(--text-muted)}
.os-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block-start:1px solid var(--border-light);background:var(--surface)}
.os-gauge{padding:15px 18px 16px;display:flex;flex-direction:column;gap:2px;min-inline-size:0}
.os-gauge+.os-gauge{border-inline-start:1px solid var(--border-light)}
.os-gauge:hover{background:var(--bg-elevated)}
.os-gauge-top{display:flex;align-items:center;gap:7px;color:var(--text-muted)}
.os-gauge-top svg{inline-size:15px;block-size:15px;flex-shrink:0}
.os-gauge-top span{font-family:var(--font-disp);font-weight:500;font-size:12.5px;color:var(--text-secondary)}
.os-gauge-n{align-self:flex-start;margin-block-start:4px;font-family:var(--font-disp);font-weight:700;font-size:27px;line-height:1.15;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.os-gauge-note{font-size:11px;color:var(--text-muted);line-height:1.45}
.os-gauge-u{margin-inline-start:4px;font-size:14px;font-weight:600;color:var(--text-secondary)}
.os-dashboard .management-recent{margin:34px 0 0}
.os-dashboard .management-section-head{gap:14px}
.os-dashboard .management-section-head h2{font:700 15px var(--font-disp)}
.os-dashboard .management-table-scroll{background:var(--bg-elevated);box-shadow:var(--shadow)}
.os-dashboard .management-recent thead th{background:var(--surface);font:500 11px var(--font-disp);padding-block:8px}
.os-dashboard .management-recent tbody th,.os-dashboard .management-recent tbody td{padding-block:11px;font:500 14px var(--font-disp)}
.os-dashboard .management-recent tbody td{font-size:12.5px;color:var(--text-secondary)}
.os-dashboard .management-recent tbody tr:hover{background:var(--bg-raised)}
.os-dashboard .management-recent tbody th a{display:block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-dashboard .management-recent table{table-layout:fixed}
.os-dashboard .management-recent th[scope=row]{width:auto}
.os-dashboard .management-recent thead th:nth-child(2){width:164px}
.os-dashboard .management-recent thead th:nth-child(3){width:160px}
.dashboard-details{margin-block-start:18px;color:var(--text-secondary)}
.dashboard-details>summary{cursor:pointer;font-size:12px}
.dashboard-details[open]>summary{margin-bottom:14px}
@media(max-width:1280px){.os-gauge{padding-inline:14px}}
@media(max-width:1000px){.os-panel-main{grid-template-columns:1fr}.os-read+.os-read{border-inline-start:0;border-block-start:1px solid var(--border-light)}.os-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.os-gauge:nth-child(n+3){border-block-start:1px solid var(--border-light)}.os-gauge:nth-child(2n+1){border-inline-start:0}.os-gauge:nth-child(5){grid-column:1 / -1}}
@media(max-width:700px){.os-head{margin-block-end:14px}.os-read{padding:18px 16px}.os-value .n{font-size:40px}.os-gauge{padding:13px 14px}.os-dashboard .management-recent thead{display:none}.os-dashboard .management-recent table,.os-dashboard .management-recent tbody{display:block}.os-dashboard .management-recent tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px;border-bottom:1px solid var(--line)}.os-dashboard .management-recent tbody th,.os-dashboard .management-recent tbody td{display:block;border:0;padding:0!important}.os-dashboard .management-recent th[scope=row]{grid-column:1 / -1}.os-dashboard .management-recent td{grid-row:2}.os-dashboard .management-recent td:last-child{justify-self:end}.os-derived{max-width:100%}}

@media(max-width:700px){
 .management-shell .acct{height:100dvh;min-height:0}
 .management-shell .acct-main{flex:1;min-height:0;overflow:auto;scrollbar-width:none}
 .management-shell .acct-side{flex:none;border:0}
 .management-shell .management-brand,.management-shell .management-back{display:none}
 .management-mobile-bar{display:flex;align-items:center;gap:12px;height:58px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
 .management-mobile-bar a{color:var(--text);text-decoration:none}
 .management-mobile-bar>a:first-child{display:grid;place-items:center;width:30px;height:30px;flex:none}
 .management-mobile-bar svg{width:23px;height:23px}
 .management-mobile-title{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
 .management-mobile-title strong{font:700 16px var(--font-disp)}
 .management-mobile-title small{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .management-mobile-team{display:flex;gap:7px;align-items:center;padding:7px 10px;background:var(--primary-soft);border:1px solid var(--primary-light);border-radius:var(--radius-sm)}
 .management-mobile-team svg{width:19px;height:19px;color:var(--primary)}
 .management-shell .acct-side nav{height:56px;padding:8px 8px;border-bottom:1px solid var(--line)}
 .management-shell .acct-link{border:1px solid transparent;line-height:20px;padding:8px 12px}
 .management-shell .acct-link.is-on{border-color:var(--primary-light)}
}