/* P.D. Technology V36 — Control Plane Rebase
   Additive presentation layer. No business/permission logic lives here. */
:root{
 --pd36-bg:#f4f8fc;--pd36-ink:#071624;--pd36-muted:#60788f;--pd36-primary:#0d6bdc;
 --pd36-accent:#35a7ff;--pd36-surface:rgba(255,255,255,.86);--pd36-surface-solid:#fff;
 --pd36-line:rgba(57,94,131,.14);--pd36-line-strong:rgba(36,92,147,.22);
 --pd36-radius:22px;--pd36-radius-sm:14px;--pd36-shadow:0 24px 70px rgba(24,67,106,.10);
 --pd36-shadow-soft:0 10px 35px rgba(28,72,112,.07);--pd36-rail:284px;--pd36-rail-compact:82px;
 --pd36-top:74px;--pd36-ease:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:auto;background:var(--pd36-bg)}
body.pd-v36{background:
 radial-gradient(circle at 84% -10%,rgba(49,151,255,.12),transparent 30%),
 linear-gradient(180deg,#f8fbff 0,#f2f7fb 56%,#edf4f9 100%);color:var(--pd36-ink)}
body.pd-v36 *,body.pd-v36 *::before,body.pd-v36 *::after{box-sizing:border-box}
body.pd-v36 button,body.pd-v36 input,body.pd-v36 select,body.pd-v36 textarea{font:inherit}
body.pd-v36 button,body.pd-v36 [role="button"],body.pd-v36 a{touch-action:manipulation}
body.pd-v36 .app{min-height:100dvh;background:transparent}
body.pd-v36 .sidebar{
 width:var(--pd36-rail);background:rgba(247,251,255,.82)!important;border-right:1px solid var(--pd36-line)!important;
 backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);
 box-shadow:12px 0 45px rgba(22,61,100,.045);transition:width .28s var(--pd36-ease);z-index:60
}
body.pd-v36 .brand{min-height:82px;padding:16px 18px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr);align-items:center!important;gap:12px!important}
body.pd-v36 .brandmark,body.pd-v36 .brand-logo{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(145deg,#081f3b,#0f67c8)!important;box-shadow:0 10px 24px rgba(6,52,105,.18)!important}
body.pd-v36 .brandmark img,body.pd-v36 .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;display:block!important}
body.pd-v36 .brand strong{font-size:15px!important;line-height:1.1!important;letter-spacing:-.02em!important;color:#0a2037!important}
body.pd-v36 .brand small{margin-top:4px!important;font-size:10px!important;line-height:1.2!important;color:#72879b!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.pd-v36 .navscroll{padding:4px 11px 18px!important}
body.pd-v36 .navlabel{padding:14px 10px 6px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important;color:#8397aa!important}
body.pd-v36 .navbtn,body.pd-v36 .manage-link{
 min-height:46px!important;border-radius:13px!important;padding:10px 12px!important;gap:10px!important;font-size:12px!important;font-weight:760!important;color:#38536d!important;transition:transform .16s var(--pd36-ease),background .18s,border-color .18s,color .18s!important
}
body.pd-v36 .navbtn:hover,body.pd-v36 .manage-link:hover{transform:translateX(2px);background:rgba(255,255,255,.78)!important;color:#0c5fb6!important}
body.pd-v36 .navbtn.active{background:linear-gradient(135deg,rgba(21,120,255,.13),rgba(64,171,255,.08))!important;color:#075bb7!important;box-shadow:inset 0 0 0 1px rgba(41,127,216,.14)!important}
body.pd-v36 .navicon{width:22px!important;display:grid!important;place-items:center!important;font-size:16px!important}
body.pd-v36 .account{padding:12px!important;border-top:1px solid var(--pd36-line)!important;background:rgba(244,249,253,.78)!important}
body.pd-v36 .main{margin-left:var(--pd36-rail);min-width:0;container-type:inline-size;transition:margin-left .28s var(--pd36-ease)}
body.pd-v36 .topbar{
 position:sticky!important;top:0!important;z-index:50!important;min-height:var(--pd36-top)!important;padding:15px 24px!important;
 background:rgba(247,251,255,.78)!important;border-bottom:1px solid var(--pd36-line)!important;
 backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
 transition:transform .28s var(--pd36-ease),opacity .22s ease!important;will-change:transform
}
body.pd-v36.pd-v36-header-hidden .topbar{transform:translateY(calc(-100% - 2px));opacity:.985}
body.pd-v36 .title h1{font-size:clamp(23px,2.4vw,34px)!important;letter-spacing:-.04em!important;line-height:1!important}
body.pd-v36 .title p{font-size:12px!important;line-height:1.45!important;max-width:780px!important;margin-top:6px!important;color:var(--pd36-muted)!important}
body.pd-v36 .session-pill{min-height:38px!important;padding:8px 12px!important;font-size:10px!important;background:rgba(255,255,255,.82)!important}
body.pd-v36 .iconbtn{min-width:40px!important;min-height:40px!important}
body.pd-v36 .tab{padding:26px clamp(16px,2.4vw,34px) 48px!important;max-width:1800px;margin:0 auto}
body.pd-v36 .tab.active{animation:pd36-in .28s var(--pd36-ease) both}
@keyframes pd36-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.pd-v36 .card,body.pd-v36 .kpi-surface,body.pd-v36 .metric,body.pd-v36 .project-card,body.pd-v36 .lane,body.pd-v36 .detail{
 border:1px solid var(--pd36-line)!important;border-radius:var(--pd36-radius)!important;background:var(--pd36-surface)!important;box-shadow:var(--pd36-shadow-soft)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
body.pd-v36 .card:hover,body.pd-v36 .project-card:hover{border-color:var(--pd36-line-strong)!important}
body.pd-v36 .sectionhead{align-items:flex-start!important;gap:18px!important;margin-bottom:18px!important}
body.pd-v36 .sectionhead h2{font-size:clamp(18px,1.8vw,25px)!important;letter-spacing:-.03em!important;line-height:1.05!important}
body.pd-v36 .sectionhead p{font-size:11.5px!important;line-height:1.55!important;max-width:760px!important}
body.pd-v36 .btn,body.pd-v36 .tinybtn,body.pd-v36 .sectionlink,body.pd-v36 .segmented button{min-height:42px!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important}
body.pd-v36 input:not([type=checkbox]):not([type=radio]),body.pd-v36 select,body.pd-v36 textarea{min-height:44px!important;border-radius:12px!important;font-size:12px!important}
body.pd-v36 textarea{min-height:100px!important}
body.pd-v36 .tablewrap{border-radius:18px!important;box-shadow:var(--pd36-shadow-soft)!important}
body.pd-v36 .table th{font-size:9.5px!important;padding:12px 14px!important;letter-spacing:.08em!important}
body.pd-v36 .table td{font-size:11px!important;padding:13px 14px!important}
body.pd-v36 .detail{top:calc(var(--pd36-top) + 12px)!important}
body.pd-v36 .toolbar{gap:10px!important}
body.pd-v36 .control{min-height:44px!important;font-size:11px!important}
body.pd-v36 .board{grid-auto-columns:minmax(286px,320px)!important;gap:14px!important}
body.pd-v36 .workcard{padding:14px!important;border-radius:14px!important}
body.pd-v36 .workcard strong{font-size:12px!important}
body.pd-v36 .workcard .subline{font-size:10px!important}
body.pd-v36 .badge{font-size:9.5px!important;padding:5px 9px!important}

/* deterministic compact rail; never machine-learn geometry itself */
body.pd-v36.pd-rail-compact .sidebar,body.pd-v36.pd-command-center-compact .sidebar,body.pd-v36.pd-command-center-v34-2.pd-command-center-compact .sidebar{width:var(--pd36-rail-compact)!important}
body.pd-v36.pd-rail-compact .main,body.pd-v36.pd-command-center-compact .main,body.pd-v36.pd-command-center-v34-2.pd-command-center-compact .main{margin-left:var(--pd36-rail-compact)!important}
body.pd-v36.pd-rail-compact .brand,body.pd-v36.pd-command-center-compact .brand{grid-template-columns:1fr!important;padding:14px!important;place-items:center!important}
body.pd-v36.pd-rail-compact .brand>div:last-child,body.pd-v36.pd-command-center-compact .brand>div:last-child,body.pd-v36.pd-rail-compact .brand-copy,body.pd-v36.pd-command-center-compact .brand-copy{display:none!important}
body.pd-v36.pd-rail-compact .navbtn,body.pd-v36.pd-command-center-compact .navbtn{justify-content:center!important;padding:10px!important;font-size:0!important}
body.pd-v36.pd-rail-compact .navicon,body.pd-v36.pd-command-center-compact .navicon{font-size:18px!important;width:26px!important}
body.pd-v36.pd-rail-compact .navlabel,body.pd-v36.pd-command-center-compact .navlabel,body.pd-v36.pd-rail-compact .count,body.pd-v36.pd-command-center-compact .count,body.pd-v36.pd-rail-compact .navcount,body.pd-v36.pd-command-center-compact .navcount,body.pd-v36.pd-rail-compact .account,body.pd-v36.pd-command-center-compact .account{display:none!important}

/* client portal */
body.pd-v36 .client-nav{gap:6px!important;padding:7px!important;border-radius:16px!important;background:rgba(239,246,252,.84)!important;overflow:auto!important;scrollbar-width:none}
body.pd-v36 .client-nav::-webkit-scrollbar{display:none}
body.pd-v36 .client-nav [data-client-tab]{min-height:42px!important;border-radius:11px!important;padding:9px 13px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
body.pd-v36 .client-nav [data-client-tab].active{background:#fff!important;box-shadow:0 7px 20px rgba(26,75,117,.09)!important;color:#0b68cc!important}

/* Launchpad + studio primitives */
.pd36-launchpad{min-height:100dvh;padding:clamp(18px,3vw,42px);background:radial-gradient(circle at 78% -5%,rgba(59,163,255,.18),transparent 31%),linear-gradient(145deg,#061426 0,#0a2038 45%,#0b2b4d 100%);color:#edf7ff}
.pd36-launchpad-shell{width:min(1540px,100%);margin:auto}
.pd36-launchpad-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(34px,6vw,76px)}
.pd36-lockup{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;color:inherit;text-decoration:none}.pd36-lockup img{width:52px;height:52px;object-fit:contain;border-radius:15px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.pd36-lockup strong{display:block;font-size:17px;letter-spacing:-.02em}.pd36-lockup small{display:block;margin-top:4px;font-size:10px;color:#8fb0ca;text-transform:uppercase;letter-spacing:.14em}
.pd36-launchpad-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:28px;align-items:end}.pd36-launchpad-hero h1{margin:0;font-size:clamp(48px,7vw,98px);line-height:.88;letter-spacing:-.065em}.pd36-launchpad-hero p{font-size:14px;line-height:1.7;color:#9fb7ca;max-width:760px;margin:22px 0 0}
.pd36-status-stack{display:grid;gap:9px}.pd36-status-stack div{padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px)}.pd36-status-stack span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#6fc5ff;font-weight:900}.pd36-status-stack b{display:block;margin-top:5px;font-size:12px;color:#dceeff}
.pd36-studios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}.pd36-studio{min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#edf7ff;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s var(--pd36-ease),border-color .2s,background .2s}.pd36-studio:hover{transform:translateY(-3px);border-color:rgba(93,188,255,.38);background:linear-gradient(145deg,rgba(92,181,255,.13),rgba(255,255,255,.045))}.pd36-studio i{font-style:normal;font-size:24px}.pd36-studio small{display:block;margin-top:28px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#77c8ff;font-weight:900}.pd36-studio h2{font-size:24px;margin:7px 0 8px;letter-spacing:-.04em}.pd36-studio p{font-size:11px;line-height:1.6;color:#9db4c7}.pd36-studio b{position:absolute;bottom:20px;font-size:11px;color:#dff4ff}

@container (max-width:1180px){body.pd-v36 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.pd-v36 .split,body.pd-v36 .masterdetail,body.pd-v36 .workspace{grid-template-columns:1fr!important}body.pd-v36 .detail{position:relative!important;top:auto!important}}
@container (max-width:760px){body.pd-v36 .table thead{display:none}body.pd-v36 .table,body.pd-v36 .table tbody,body.pd-v36 .table tr,body.pd-v36 .table td{display:block;width:100%}body.pd-v36 .table tr{padding:10px 12px;border-top:1px solid var(--pd36-line)}body.pd-v36 .table td{border:0!important;padding:5px 2px!important}body.pd-v36 .metrics{grid-template-columns:1fr!important}}
@media(max-width:920px){body.pd-v36 .sidebar{position:fixed!important;left:0;top:0;bottom:0;transform:translateX(-100%);width:min(86vw,320px)!important;transition:transform .24s var(--pd36-ease)!important}body.pd-v36.pd-mobile-nav-open .sidebar{transform:none}body.pd-v36 .main{margin-left:0!important}.pd36-launchpad-hero{grid-template-columns:1fr}.pd36-studios{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pd36-launchpad{padding:18px}.pd36-launchpad-head{margin-bottom:42px}.pd36-launchpad-hero h1{font-size:48px}.pd36-studios{grid-template-columns:1fr}.pd36-studio{min-height:190px}body.pd-v36 .tab{padding-inline:14px!important}.pd36-lockup{grid-template-columns:46px minmax(0,1fr)}.pd36-lockup img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){body.pd-v36 *,body.pd-v36 *::before,body.pd-v36 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}