/* LEGALITY OS(TM) 4.9 · v33 — quieter chrome, glyph field, Letter & E-Sign Studio */
html[data-los-v33]{--v33-bg:#050d18;--v33-glass:rgba(9,24,37,.78);--v33-glass2:rgba(12,32,48,.7);--v33-edge:rgba(95,214,232,.22);--v33-edge2:rgba(95,214,232,.12);--v33-text:#e3eff3;--v33-muted:#a9bfca;--v33-teal:#2fd3b5;--v33-cyan:#6fd6e6;--v33-amber:#f0cf98;--v33-red:#f3a7ae;--v33-btn:#11707c;--v33-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--v33-serif:"Times New Roman",Times,serif}
html[data-los-v33] body{background:radial-gradient(1100px 680px at 6% 4%,#0e4547 0%,transparent 60%),radial-gradient(900px 700px at 100% 100%,#262b57 0%,transparent 62%),linear-gradient(160deg,#061722,#08131f 45%,#11162e) fixed!important;background-color:var(--v33-bg)!important}
#v33Field{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.55}
html[data-los-v33] #app,html[data-los-v33] .nx-shell{position:relative;z-index:1;background:transparent!important}

/* Quieter chrome: one radius scale, thin edges, no candy gradients */
html[data-los-v33] .nx-shell .top{background:rgba(5,14,24,.78)!important;border-bottom:1px solid var(--v33-edge2)!important;box-shadow:none!important}
html[data-los-v33] .panel,html[data-los-v33] .nx-panel,html[data-los-v33] .mc-panel{background:linear-gradient(180deg,var(--v33-glass),var(--v33-glass2))!important;border:1px solid var(--v33-edge2)!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;border-radius:12px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-los-v33] .v32-nav-dd-btn{background:transparent!important;box-shadow:none!important}
html[data-los-v33] .v32-nav-dd-menu{background:rgba(7,19,31,.96)!important;border-color:var(--v33-edge)!important}
html[data-los-v33] .btn{border-radius:8px!important;box-shadow:none!important;text-shadow:none!important}
html[data-los-v33] .btn.primary{background:linear-gradient(180deg,#178a96,var(--v33-btn))!important;border:1px solid rgba(111,221,230,.35)!important;color:#f2fbfc!important}

/* Top bar additions */
.v33-nav{display:inline-flex;align-items:center;padding:9px 14px;font:600 14.5px var(--v33-serif);color:var(--v33-cyan);background:transparent;border:1px solid var(--v33-edge);border-radius:8px;cursor:pointer;white-space:nowrap}
.v33-nav[aria-current=page],.v33-nav:hover{border-color:var(--v33-cyan);background:rgba(111,214,230,.08)}
.v33-badge-chip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font:12px var(--v33-mono);letter-spacing:.06em;color:var(--v33-muted);background:rgba(4,12,20,.8);border:1px solid var(--v33-edge2);cursor:pointer;white-space:nowrap}
.v33-badge-chip.on{color:#bff5ee;border-color:rgba(47,211,181,.45)}
.v33-dot{width:8px;height:8px;border-radius:50%;background:#5b6b75;flex:0 0 8px}
.on>.v33-dot,.v33-badge-state.on .v33-dot{background:var(--v33-teal);box-shadow:0 0 10px var(--v33-teal)}
.v33-nav:focus-visible,.v33-badge-chip:focus-visible,.v33-studio :focus-visible,.v33-badge-card :focus-visible{outline:2px solid var(--v33-cyan);outline-offset:2px}

/* Studio */
.v33-studio{color:var(--v33-text);font-family:var(--v33-serif);display:grid;gap:18px}
.v33-kicker{display:block;font:12px var(--v33-mono);letter-spacing:.12em;color:var(--v33-cyan);opacity:.9}
.v33-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap}
.v33-head h2{margin:6px 0 6px;font:700 28px/1.1 var(--v33-serif);letter-spacing:.06em;font-variant-caps:all-small-caps}
.v33-head p{margin:0;color:var(--v33-muted);max-width:68ch;line-height:1.55}
.v33-metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}
.v33-metrics div{padding:12px 14px;border-radius:10px;background:var(--v33-glass);border:1px solid var(--v33-edge2);display:grid;gap:2px}
.v33-metrics b{font:600 22px var(--v33-mono);color:var(--v33-text)}
.v33-metrics span{font-size:13px;color:var(--v33-muted)}
.v33-metrics .warn{border-color:rgba(243,167,174,.5)}.v33-metrics .warn b{color:var(--v33-red)}
.v33-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(260px,320px);gap:18px;align-items:start}
.v33-panel{background:linear-gradient(180deg,var(--v33-glass),var(--v33-glass2));border:1px solid var(--v33-edge2);border-radius:12px;padding:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.v33-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;flex-wrap:wrap}
.v33-panel-head h3{margin:0;font:700 16px var(--v33-serif);letter-spacing:.04em}
.v33-editor{display:grid;gap:10px;max-height:calc(100vh - 210px);overflow:auto}
.v33-editor label{display:grid;gap:5px;font-size:13.5px;color:var(--v33-muted)}
.v33-studio input,.v33-studio select,.v33-studio textarea,.v33-badge-card input,.v33-badge-card select{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:8px;border:1px solid rgba(95,214,232,.2);background:rgba(2,9,16,.75);color:var(--v33-text);font:15px var(--v33-serif)}
.v33-studio textarea{resize:vertical;line-height:1.45}
.v33-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v33-sections{display:grid;gap:10px}
.v33-sections fieldset{border:1px solid var(--v33-edge2);border-radius:10px;padding:10px;display:grid;gap:6px;margin:0}
.v33-sections legend{font:11px var(--v33-mono);letter-spacing:.1em;color:var(--v33-muted);padding:0 4px}
.v33-sections input{font-weight:700}
.v33-x{justify-self:end;background:none;border:0;color:var(--v33-muted);font:13px var(--v33-serif);text-decoration:underline;cursor:pointer}
.v33-check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:8px;color:var(--v33-text)!important}
.v33-check input{width:auto;margin-top:3px}
.v33-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--v33-edge);background:rgba(111,214,230,.06);color:var(--v33-text);font:600 14.5px var(--v33-serif);cursor:pointer}
.v33-btn:hover{border-color:var(--v33-cyan)}
.v33-btn.primary{background:linear-gradient(180deg,#178a96,var(--v33-btn));border-color:rgba(111,221,230,.4);color:#f2fbfc;box-shadow:0 0 22px rgba(47,211,181,.18)}
.v33-btn.ghost{background:transparent}
.v33-btn.block{width:100%}
.v33-btn:disabled{opacity:.6;cursor:progress}
.v33-side{display:grid;gap:18px}
.v33-dispatch{display:grid;gap:10px}
.v33-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--v33-muted)}
.v33-badge-state{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--v33-edge2);background:rgba(2,9,16,.6)}
.v33-badge-state.on{border-color:rgba(47,211,181,.4)}
.v33-badge-state div{display:grid}.v33-badge-state small{color:var(--v33-muted)}
.v33-verify{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}
.v33-verify input{font-family:var(--v33-mono)!important;letter-spacing:.08em;text-transform:uppercase}
.v33-verify input::placeholder{text-transform:none;letter-spacing:normal}
.v33-ok{color:var(--v33-teal)}.v33-bad{color:var(--v33-red)}

/* Letter preview: the Shared Letterhead template on paper */
.v33-stage{display:grid;justify-items:center;padding:6px 0 10px;max-height:calc(100vh - 210px);overflow:auto}
.v33-paper{position:relative;display:flex;flex-direction:column;width:min(100%,640px);aspect-ratio:612/792;box-sizing:border-box;padding:7.5% 8.8% 12%;background:#fff;color:#22282f;font:12.6px/1.4 var(--v33-serif);border-radius:4px;box-shadow:0 0 0 1px rgba(95,214,232,.25),0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(47,211,181,.12)}
.v33-paper-bar{position:absolute;top:0;left:0;right:0;height:4px;background:#127f8a;border-radius:4px 4px 0 0}
.v33-lh{display:flex;gap:14px;align-items:flex-start}
.v33-lh img{width:48px;height:57px;object-fit:contain;margin:0 22px 0 10px}
.v33-lh div{display:grid;padding-top:4px}.v33-lh strong{color:#1a2942;font-size:12.6px}.v33-lh span{color:#4d5761}
.v33-office{display:grid;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #6b8599}
.v33-office strong{color:#1a2942}
.v33-ltitle{margin:14px 0 40px;font:700 16.8px var(--v33-serif);color:#1a2942}
.v33-to{display:grid}
.v33-salute{margin-top:12px}
.v33-paper section h4,.v33-ack h4{margin:12px 0 8px;font:700 14.7px var(--v33-serif);color:#1a2942}
.v33-paper section p{margin:0}
.v33-close{display:grid;margin-top:36px;margin-bottom:24px}
.v33-ack{margin-top:18px}.v33-ack div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:32px}.v33-ack div span{border-top:1px solid #22282f;padding-top:4px;font-size:12.5px;color:#4d5761}.v33-ack small{color:#127f8a}
.v33-foot{margin-top:auto;margin-bottom:-9%;display:grid;padding-top:10px;border-top:1px solid #6b8599;font-size:12.6px;line-height:1.3}

/* Ledger */
.v33-seg{display:inline-flex;border:1px solid var(--v33-edge2);border-radius:8px;overflow:hidden}
.v33-seg button{background:transparent;border:0;border-right:1px solid var(--v33-edge2);color:var(--v33-muted);padding:7px 12px;font:14px var(--v33-serif);cursor:pointer}
.v33-seg button:last-child{border-right:0}
.v33-seg button[aria-pressed=true]{background:rgba(111,214,230,.12);color:var(--v33-text)}
.v33-seg b{font:600 12px var(--v33-mono);margin-left:4px}
.v33-table-wrap{overflow-x:auto}
.v33-table{width:100%;border-collapse:collapse;font-size:14.5px}
.v33-table th{text-align:left;font:11px var(--v33-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--v33-muted);padding:8px 10px;border-bottom:1px solid var(--v33-edge)}
.v33-table td{padding:10px;border-bottom:1px solid var(--v33-edge2);vertical-align:top}
.v33-table td small{display:block;color:var(--v33-muted);font-size:12.5px}
.v33-table code{font:13px var(--v33-mono);color:var(--v33-cyan)}
.v33-table tr.is-overdue td:first-child{box-shadow:inset 3px 0 0 var(--v33-red)}
.v33-late{color:var(--v33-red)}
.v33-link{display:block;margin-top:4px;color:var(--v33-cyan);font-size:13px}
.v33-acts{display:flex;flex-wrap:wrap;gap:6px}
.v33-acts button,.v33-acts select{min-height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--v33-edge2);background:rgba(111,214,230,.05);color:var(--v33-text);font:13.5px var(--v33-serif);cursor:pointer;width:auto}
.v33-acts button:hover{border-color:var(--v33-cyan)}
.v33-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12.5px;border:1px solid var(--v33-edge);color:var(--v33-cyan)}
.v33-pill.s-out-for-signature,.v33-pill.s-sent-in-adobe,.v33-pill.s-prepared{color:var(--v33-amber);border-color:rgba(240,207,152,.45)}
.v33-pill.s-signed,.v33-pill.s-delivered{color:var(--v33-teal);border-color:rgba(47,211,181,.45)}
.v33-pill.s-declined,.v33-pill.s-expired{color:var(--v33-red);border-color:rgba(243,167,174,.45)}
.v33-empty{color:var(--v33-muted);margin:6px 2px}

/* Badge dialog (matches the 4.9 Executive Access card) */
.v33-badge-modal{border:0;padding:0;background:transparent;max-width:min(460px,94vw)}
.v33-badge-modal::backdrop{background:rgba(2,8,14,.72);backdrop-filter:blur(6px)}
.v33-badge-card{display:grid;gap:8px;padding:30px;border-radius:18px;color:var(--v33-text);font-family:var(--v33-serif);background:linear-gradient(180deg,rgba(9,26,40,.97),rgba(11,30,45,.95));border:1px solid rgba(95,214,232,.3);box-shadow:0 0 0 1px rgba(95,214,232,.12),0 0 40px rgba(47,211,181,.15),0 30px 70px rgba(0,0,0,.6)}
.v33-badge-card h2{margin:4px 0 2px;font:700 28px var(--v33-serif);letter-spacing:.07em;font-variant-caps:all-small-caps}
.v33-badge-card p{margin:0 0 6px;color:var(--v33-muted)}
.v33-badge-card label{font-size:14px;color:var(--v33-muted)}
.v33-badge-card #v33BadgeCode{font-family:var(--v33-mono);letter-spacing:.3em;text-transform:uppercase}
.v33-badge-card small{color:var(--v33-muted);line-height:1.5}
.v33-badge-err{min-height:1.2em;color:var(--v33-red)!important}
.v33-row{display:flex;gap:10px}.v33-row .primary{flex:1}

#v33Toast{position:fixed;right:20px;bottom:20px;z-index:500;max-width:min(460px,90vw);padding:12px 16px;border-radius:10px;background:rgba(6,20,32,.96);border:1px solid rgba(95,214,232,.35);color:var(--v33-text);font:14.5px var(--v33-serif);box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
#v33Toast.show{opacity:1;transform:none}
.v33-offscreen{position:fixed;left:-9999px;top:0}

@media (max-width:1280px){.v33-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.v33-side{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media (max-width:860px){.v33-grid,.v33-side{grid-template-columns:1fr}.v33-metrics{grid-template-columns:repeat(2,1fr)}.v33-editor,.v33-stage{max-height:none}.v33-paper{aspect-ratio:auto}.v33-foot{margin-bottom:0;margin-top:24px}}
@media (prefers-reduced-motion:reduce){#v33Toast{transition:none}}
@media print{#v33Field{display:none}}
