/* Theme 3: approved navy/blue design. Existing light/dark preferences retain their brightness. */
:root[data-design=studio]{color-scheme:light;--bg:#f3f6fb;--surface:#fff;--text:#15263f;--muted:#586981;--line:#dce5ef;--green:#1266d5;--green-dark:#0b51ae;--soft:#eaf2ff;--input:#fff;--sidebar:#10243a;--primary-text:#fff;--row:#f7f9fc;--blue:#155fc0;--danger:#ae2942;--danger-soft:#fff0f3;--warning:#805207;--warning-soft:#fff3dc;--t3-shadow:0 3px 15px #15263f06;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-design=studio][data-theme=dark]{color-scheme:dark;--bg:#0c1727;--surface:#15253a;--text:#edf3fc;--muted:#b0c0d5;--line:#2c405a;--green:#86b8ff;--green-dark:#a7cbff;--soft:#1e3758;--input:#101f32;--sidebar:#0b1b2e;--primary-text:#10213b;--row:#192c43;--blue:#9cc7ff;--danger:#ffacba;--danger-soft:#422739;--warning:#ffd58a;--warning-soft:#403622;--t3-shadow:0 3px 15px #00000012}
[data-design=studio] .app-shell{grid-template-columns:246px minmax(0,1fr)}
[data-design=studio] .sidebar{--text:#eef5ff;--muted:#bccde2;--line:#2a3e56;--green:#93c4ff;--soft:#1d3959;--surface:#10243a;--input:#192f49;background:var(--sidebar);border-right:0}
[data-design=studio] .sidebar-brand{padding:22px 18px 20px;gap:5px;border-bottom:1px solid #ffffff12}
[data-design=studio] .sidebar-brand img{width:auto;height:68px;max-width:140px;object-fit:contain}
[data-design=studio] .sidebar-brand strong{font-size:17px;letter-spacing:-.3px;color:#f2f7ff}
[data-design=studio] .sidebar-brand span{font-size:11px;color:#c0d0e3}
[data-design=studio] .sidebar .nav{padding:16px 12px;gap:6px}
[data-design=studio] .sidebar .nav button{min-height:48px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:500;color:#c9d8ec}
[data-design=studio] .sidebar .nav button:hover{background:#ffffff0b;color:#fff}
[data-design=studio] .sidebar .nav button.active{background:#1767d4;color:#fff;box-shadow:0 4px 10px #04172b33;font-weight:600}
[data-design=studio] .sidebar .nav svg{width:21px;height:21px;stroke-width:1.8}
[data-design=studio] .sidebar-collapse{color:#c0d0e3;border-color:#31475f;background:transparent;font-size:11px}
[data-design=studio] .sidebar-bottom{padding:18px 16px;border-color:#ffffff15}
[data-design=studio] .sidebar .theme-choice{color:#c0d0e3}
[data-design=studio] .sidebar select{color:#eef5ff;background:#192f49;border-color:#3a506c}
[data-design=studio] .sidebar-caption{color:#bacde4}
[data-design=studio] .topbar{min-height:74px;padding:12px 30px;box-shadow:0 1px 5px #15263f03}
[data-design=studio] .topbar strong{font-size:18px;letter-spacing:-.35px}
[data-design=studio] .topbar .app-version{color:var(--muted);border:0;background:var(--row);border-radius:5px;padding:3px 7px;margin-left:9px;font-size:10px}
[data-design=studio] .user-summary{color:var(--text);font-size:12px;font-weight:500;max-width:270px;overflow-wrap:anywhere}
[data-design=studio] .topbar-actions{gap:10px}
[data-design=studio] .scopebar{padding:10px 30px;border-bottom:1px solid var(--line);background:var(--surface)}
[data-design=studio] .main{padding:28px 30px;max-width:1600px;margin:0 auto}
[data-design=studio] .page-head{margin-bottom:24px}
[data-design=studio] .page-head h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:700;margin-bottom:8px;outline:none}
[data-design=studio] .page-head p{font-size:14px;line-height:1.5;color:var(--muted)}
[data-design=studio] .card{border-radius:14px;border-color:var(--line);box-shadow:var(--t3-shadow);padding:22px}
[data-design=studio] .stat{border-radius:13px;border-color:var(--line);box-shadow:var(--t3-shadow);padding:18px 22px}
[data-design=studio] .stat strong{font-size:32px;font-weight:650;letter-spacing:-.6px}
[data-design=studio] .stat.primary-stat{background:var(--soft);color:var(--green)}
[data-design=studio] .stat span{font-size:12px}
[data-design=studio] .toolbar{margin-bottom:18px}
[data-design=studio] .toolbar input{min-height:44px;border-radius:9px}
[data-design=studio] button,[data-design=studio] .button{border-radius:9px;transition:background-color .12s ease,border-color .12s ease}
[data-design=studio] button.primary,[data-design=studio] .button.primary{box-shadow:0 2px 5px #1266d51a}
[data-design=studio] button:focus-visible,[data-design=studio] a:focus-visible,[data-design=studio] select:focus-visible,[data-design=studio] input:focus-visible,[data-design=studio] summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[data-design=studio] th{font-size:11px;text-transform:none;letter-spacing:0;padding:12px}
[data-design=studio] td{padding:14px 12px;font-size:13px}
[data-design=studio] tbody tr:last-child td{border-bottom:0}
[data-design=studio] .badge{border-radius:7px;font-size:11px}
[data-design=studio] .person-summary{padding:22px}
[data-design=studio] .avatar{border:0;border-radius:16px;width:58px;height:58px}
[data-design=studio] .person-counts>div{padding:8px 12px;border-radius:9px;background:var(--row)}
[data-design=studio] .person-counts strong{color:var(--text)}
[data-design=studio] .person-documents .document-tile{gap:10px;padding:16px 0}
[data-design=studio] .pdf-icon{height:44px;min-width:36px;border-radius:7px;box-shadow:inset 0 -3px 0 #00000012}
[data-design=studio] .dashboard-person{padding:17px 16px}
[data-design=studio] .dashboard-person.selected{background:var(--soft);box-shadow:inset 4px 0 var(--green)}
[data-design=studio] .dashboard-list{padding:0}
[data-design=studio] .activity-card-body{border:1px solid var(--line);border-radius:12px}
[data-design=studio] .activity-total{border-radius:12px}
[data-design=studio] .activity-table th{background:var(--row)}
[data-design=studio] .footer{color:var(--muted);padding:12px 30px 24px}
[data-design=studio] .auth-brand{max-width:520px;margin:48px auto 0;padding:24px;background:transparent;border:0}
[data-design=studio] .auth-brand h1{font-size:24px;letter-spacing:-.6px}
[data-design=studio] .auth-brand img{height:70px}
[data-design=studio] .auth-card{border-radius:16px;border-color:var(--line);box-shadow:0 12px 40px #15263f08;padding:30px;background:var(--surface)}
[data-design=studio] .auth-wrap{max-width:520px;padding:12px 24px 40px}
[data-design=studio] .auth-footer{color:var(--muted)}
[data-design=studio] .modal{border-radius:16px;box-shadow:0 20px 80px #05172f33}
[data-design=studio] .vault-step{background:var(--row);border-radius:12px}
[data-design=studio] .notice{border-radius:10px}
/* Settings are separate destinations, never one long page of forms. */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1120px}
.settings-tile{display:flex;align-items:center;text-align:left;gap:18px;min-height:138px;width:100%;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 3px 15px #15263f04;white-space:normal}
.settings-tile:hover{background:var(--row)!important;border-color:var(--blue)}
.settings-tile-icon{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;border-radius:14px;background:#e6f1ff;color:#1762bf}
.settings-tile-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.settings-tile-icon.green{background:#e5f6eb;color:#237042}.settings-tile-icon.purple{background:#eee8ff;color:#6735ba}.settings-tile-icon.amber{background:#fff3d7;color:#825906}.settings-tile-icon.rose{background:#ffe8ec;color:#b7324c}
.settings-tile-text{display:block;flex:1;min-width:0;overflow-wrap:anywhere}
.settings-tile-text strong{display:block;font-size:17px;line-height:1.35;letter-spacing:-.25px;margin-bottom:7px;font-weight:650}
.settings-tile-text>span{display:block;font-size:13px;line-height:1.5;color:var(--muted);font-weight:400}
.settings-chevron{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-back{margin-bottom:12px;font-size:12px;text-decoration:none;padding:0 4px;min-height:32px}
.settings-content{max-width:1120px}.settings-content>.card:first-child{margin-top:0}.settings-content .settings-panel{margin-top:0}
.settings-panel .page-head h2{margin-bottom:5px}.settings-user{align-items:flex-start;gap:16px;padding:18px 0}.settings-user>div:first-child{min-width:0;overflow-wrap:anywhere}.settings-user .actions{justify-content:flex-end;flex-wrap:wrap;max-width:57%}
.settings-danger summary{color:var(--danger);font-weight:600;cursor:pointer}.settings-danger[open]>summary{margin-bottom:20px}
.theme-controls{display:flex;flex-direction:column;gap:6px}.theme-controls .theme-choice{margin:0;justify-content:space-between}.theme-controls select{width:auto;max-width:190px}.settings-panel .theme-controls{max-width:450px;gap:12px}.settings-panel .theme-choice{font-size:13px}.settings-panel .theme-choice select{max-width:220px;width:220px}
[data-theme=dark] .settings-tile-icon.blue{background:#203e66;color:#a3cbff}[data-theme=dark] .settings-tile-icon.green{background:#1c4036;color:#9ce4b7}[data-theme=dark] .settings-tile-icon.purple{background:#3c2b5a;color:#d1b5ff}[data-theme=dark] .settings-tile-icon.amber{background:#453a23;color:#f2d18a}[data-theme=dark] .settings-tile-icon.rose{background:#472c3d;color:#ffb3c2}
/* Holder-facing signing page shares the palette; signature canvas remains white. */
[data-design=studio] .sign-page{max-width:860px;margin:26px auto;padding:24px}
[data-design=studio] .sign-brand p,[data-design=studio] .sign-help{color:var(--muted)}
[data-design=studio] .sign-panel{border-color:var(--line);border-radius:16px;box-shadow:var(--t3-shadow)}
[data-design=studio] .sign-terms{background:var(--row);border:1px solid var(--line)}
[data-design=studio] .sign-table th,[data-design=studio] .sign-table td{border-color:var(--line)}
[data-design=studio] .sign-actions button{color:var(--text);border-color:var(--line)}
[data-design=studio] .sign-actions button.primary{background:var(--green);border-color:var(--green);color:var(--primary-text)}
[data-design=studio] .sign-success{background:#edf8f1;border-color:#b7dec5}
@media(min-width:901px){[data-design=studio] .app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}[data-design=studio] .sidebar-collapsed .sidebar-brand{padding:14px 8px}[data-design=studio] .sidebar-collapsed .sidebar-brand img{width:43px;height:auto;max-width:100%;max-height:54px}[data-design=studio] .sidebar-collapsed .nav{padding:12px 8px}[data-design=studio] .sidebar-collapsed .nav button{padding:10px 8px;min-height:46px}[data-design=studio] .sidebar-collapsed .sidebar-bottom{padding:8px}.sidebar-collapsed .sidebar-bottom .theme-controls{display:none}.sidebar-collapsed .compact-theme .theme-controls{flex-direction:row;gap:8px}.sidebar-collapsed .compact-theme select[data-design-choice]{max-width:150px}.sidebar-collapsed .compact-theme select[data-theme-choice]{max-width:86px}}
@media(max-width:1200px){[data-design=studio] .app-shell{grid-template-columns:220px minmax(0,1fr)}[data-design=studio] .topbar{padding:12px 22px}[data-design=studio] .main{padding:24px 22px}[data-design=studio] .scopebar{padding:10px 22px}.settings-tile{padding:20px;gap:14px;min-height:132px}.settings-tile-icon{flex-basis:54px;width:54px;height:54px}.settings-tile-text strong{font-size:16px}.settings-grid{gap:16px}.settings-user{flex-direction:column}.settings-user .actions{max-width:none;justify-content:flex-start}}
@media(max-width:1050px) and (min-width:901px){[data-design=studio] .topbar-actions{gap:5px}[data-design=studio] .user-summary{max-width:155px;font-size:11px}[data-design=studio] .topbar strong{font-size:16px}.sidebar-collapsed .compact-theme .theme-controls{gap:4px}.sidebar-collapsed .compact-theme select[data-design-choice]{max-width:120px}}
@media(max-width:900px){[data-design=studio] .app-shell{display:block}[data-design=studio] .topbar{min-height:62px;padding:8px 14px}[data-design=studio] .sidebar{top:62px;height:calc(100dvh - 62px);width:246px}[data-design=studio] .main{padding:22px 16px}[data-design=studio] .scopebar{padding:9px 16px}[data-design=studio] .page-head h1{font-size:27px}[data-design=studio] .topbar .app-version{display:block;width:max-content;margin-left:0;padding:0;background:transparent}[data-design=studio] .sidebar-brand{padding:18px}[data-design=studio] .sidebar-bottom .theme-controls{display:flex}.settings-grid{gap:14px}.settings-tile{min-height:128px;padding:18px;gap:12px}.settings-tile-icon{flex-basis:48px;width:48px;height:48px;border-radius:12px}.settings-tile-icon svg{width:27px;height:27px}.settings-tile-text strong{font-size:16px}.settings-tile-text>span{font-size:12px}}
@media(max-width:700px){[data-design=studio] .topbar strong{font-size:14px}[data-design=studio] .topbar .app-version{font-size:10px}[data-design=studio] .topbar-actions{gap:4px}[data-design=studio] .main{padding:20px 14px}[data-design=studio] .page-head{margin-bottom:18px}[data-design=studio] .page-head h1{font-size:26px}[data-design=studio] .page-head p{font-size:13px}[data-design=studio] .card{padding:16px;border-radius:12px}[data-design=studio] .stat{padding:14px 10px}[data-design=studio] .stat strong{font-size:27px}[data-design=studio] .stat span{font-size:11px}[data-design=studio] .person-counts>div{padding:8px 4px}[data-design=studio] .auth-brand{margin-top:20px}[data-design=studio] .auth-card{padding:24px}[data-design=studio] .footer{padding:10px 14px 20px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:12px}.settings-tile{min-height:104px;padding:18px;gap:16px}.settings-tile-icon{flex-basis:52px;width:52px;height:52px}.settings-tile-text strong{font-size:17px;margin-bottom:5px}.settings-tile-text>span{font-size:13px}.settings-user .actions{gap:8px}.settings-user .actions button{white-space:normal;text-align:left}.settings-panel .theme-choice select{width:auto;max-width:190px}.settings-panel .theme-choice{gap:12px}.settings-content .definition{grid-template-columns:100px minmax(0,1fr)}[data-design=studio] .sign-page{padding:12px;margin:10px auto}}
@media(max-width:900px){.sidebar:not(.open){box-shadow:none}}
@media(prefers-reduced-motion:reduce){[data-design=studio] button,[data-design=studio] .button{transition:none}}

.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-grid>.card{margin:0}.department-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.department-row input,.department-row select{width:auto;flex:1;min-width:120px}.department-row .field{flex:1}.plan-history{border-top:1px solid var(--line);padding:16px 0}.plan-history p{margin:8px 0}.plan-canvas{display:block;max-width:100%;height:auto;touch-action:none;border:1px solid var(--line);cursor:crosshair}.plan-cuts{display:flex;flex-wrap:wrap;gap:12px}.plan-cuts figure{margin:14px 0;border:1px solid var(--line);padding:10px;border-radius:8px;width:180px}.plan-cuts img{display:block;width:100%;height:110px;object-fit:contain;background:#fff}.plan-cuts figcaption{font-size:12px;margin:8px 0}.plan-error{color:var(--danger);margin-top:12px}.signature-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--row);border:1px solid var(--line);border-radius:8px;font:inherit}.plan-editor{margin:20px 0}@media(max-width:1000px){.site-grid{grid-template-columns:minmax(0,1fr)}}