:root{--navy: #12304f;--navy-deep: #0a1e33;--teal: #0d8f92;--teal-bright: #17b8ab;--bg: #f2f5f9;--surface: #ffffff;--text: #10202f;--muted: #62748a;--label: #34495f;--border: #d9e1ea;--danger: #c02d24;--section-fill: #eef3f8;--section-text: #12304f;--app-font: "Segoe UI", system-ui, -apple-system, "Inter", sans-serif;--surface-sunken: color-mix(in srgb, var(--bg) 60%, var(--surface));--surface-raised: color-mix(in srgb, var(--surface) 96%, var(--text));--hairline: color-mix(in srgb, var(--border) 80%, var(--muted));--hairline-strong: color-mix(in srgb, var(--border) 55%, var(--muted));--accent: var(--teal-bright);--accent-deep: var(--teal);--accent-wash: color-mix(in srgb, var(--teal-bright) 12%, var(--surface));--accent-edge: color-mix(in srgb, var(--teal-bright) 38%, transparent);--ring: color-mix(in srgb, var(--teal-bright) 34%, transparent);--ok: #0f7a46;--ok-wash: color-mix(in srgb, #0f7a46 10%, var(--surface));--ok-edge: color-mix(in srgb, #0f7a46 32%, transparent);--warn: #96660c;--warn-wash: color-mix(in srgb, #d69a1c 14%, var(--surface));--warn-edge: color-mix(in srgb, #d69a1c 38%, transparent);--danger-wash: color-mix(in srgb, var(--danger) 9%, var(--surface));--danger-edge: color-mix(in srgb, var(--danger) 32%, transparent);--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(9, 24, 40, .06), 0 1px 3px rgba(9, 24, 40, .05);--sh-2: 0 2px 4px rgba(9, 24, 40, .06), 0 6px 16px rgba(9, 24, 40, .08);--sh-3: 0 8px 20px rgba(9, 24, 40, .12), 0 24px 48px rgba(9, 24, 40, .16);--ease: cubic-bezier(.2, .8, .3, 1);--fast: .13s var(--ease);--chrome-bg: linear-gradient(100deg, var(--navy-deep), var(--navy) 62%, color-mix(in srgb, var(--navy) 78%, var(--teal)));--chrome-fg: #ffffff;--chrome-line: color-mix(in srgb, var(--teal) 55%, transparent);--chrome-btn-bg: rgba(255, 255, 255, .08);--chrome-btn-border: rgba(255, 255, 255, .24);--logo-filter: brightness(0) invert(1)}*{box-sizing:border-box}body{margin:0;font-family:var(--app-font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--teal-bright) 28%,transparent)}.num,table.grid td.num,table.grid th.num,input[type=number],.mono{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 32%,transparent);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 55%,transparent);background-clip:content-box}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1100px 620px at 12% -8%,color-mix(in srgb,var(--teal) 55%,transparent),transparent 62%),radial-gradient(900px 520px at 92% 108%,color-mix(in srgb,var(--teal-bright) 34%,transparent),transparent 60%),linear-gradient(155deg,var(--navy-deep) 0%,var(--navy) 60%,var(--navy-deep) 100%)}.login-card{background:var(--surface);border-radius:var(--r-lg);padding:2.1rem;width:min(392px,92vw);display:grid;gap:.95rem;box-shadow:var(--sh-3);border:1px solid var(--hairline)}.login-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}.login-brand h1{margin:0;font-size:1.3rem;letter-spacing:-.01em;color:var(--navy)}.login-brand p{margin:0;font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.brand-logo{width:48px;height:48px;flex-shrink:0;object-fit:contain}.brand-logo-sm{width:30px;height:30px;filter:var(--logo-filter)}.login-card label{display:grid;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--label)}.login-card input{padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--r-md);font-size:1rem;background:var(--surface);color:var(--text);transition:border-color var(--fast),box-shadow var(--fast)}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.login-card button{padding:.72rem;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 68%,var(--teal)));color:#fff;font-size:.98rem;font-weight:650;cursor:pointer;box-shadow:var(--sh-1);transition:transform var(--fast),box-shadow var(--fast),filter var(--fast)}.login-card button:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--sh-2);transform:translateY(-1px)}.login-card button:active:not(:disabled){transform:translateY(0)}.login-card button:disabled{opacity:.5;cursor:default}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--chrome-bg);color:var(--chrome-fg);padding:.62rem 1.15rem;border-bottom:1px solid var(--chrome-line);box-shadow:none}.chrome{position:sticky;top:0;z-index:30;box-shadow:var(--sh-1)}.topbar-brand{display:flex;align-items:center;gap:.65rem;font-weight:650;letter-spacing:-.01em}.topbar-brand .brand-mark{width:30px;height:30px;border-radius:var(--r-sm);font-size:.8rem}.topbar-user{display:flex;align-items:center;gap:.85rem;font-size:.85rem;color:color-mix(in srgb,var(--chrome-fg) 78%,transparent)}.topbar-user button{background:var(--chrome-btn-bg);border:1px solid var(--chrome-btn-border);color:var(--chrome-fg);border-radius:var(--r-sm);padding:.34rem .8rem;cursor:pointer;transition:background var(--fast),border-color var(--fast),color var(--fast)}.topbar-user button:hover{border-color:var(--accent);color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 12%,var(--chrome-btn-bg))}.content{padding:1.75rem 2rem;max-width:1480px;width:100%;margin:0 auto;flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.82rem}.mono{font-family:Cascadia Mono,Consolas,monospace}.spacer{flex:1}.menubar{display:flex;align-items:stretch;gap:2px;background:var(--surface);border-bottom:1px solid var(--hairline);padding:0 1.15rem;flex-wrap:wrap}.menu-panel.flip{left:auto;right:0}.menu-panel.sectioned{min-width:264px}.menu-section{display:flex;flex-direction:column}.menu-section+.menu-section{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--hairline)}.menu-section-head{margin:.1rem 0 .15rem;padding:0 .7rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.menu-direct,.menu-top{appearance:none;background:none;border:0;cursor:pointer;font:inherit;font-size:.875rem;color:var(--text);padding:.62rem .8rem;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;border-radius:0;display:inline-flex;align-items:center;box-shadow:none}.menu-direct:hover,.menu-top:hover{background:var(--surface-sunken);color:var(--navy)}.menu-direct.active,.menu-top.active{color:var(--navy);font-weight:650;border-bottom-color:var(--accent)}.menu-top.open{background:var(--surface-sunken);color:var(--navy)}.menu-top:after{content:"▾";font-size:.7em;margin-left:.38rem;opacity:.6}.menu-direct:focus-visible,.menu-top:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu{position:relative;display:flex}.menu-panel{position:absolute;top:100%;left:0;z-index:40;min-width:226px;padding:.3rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-3);display:flex;flex-direction:column}.menu-panel a{padding:.44rem .7rem;border-radius:var(--r-sm);font-size:.875rem;color:color-mix(in srgb,var(--text) 86%,var(--muted));text-decoration:none;white-space:nowrap}.menu-panel a:hover{background:var(--surface-sunken);color:var(--text)}.menu-panel a.active{background:var(--accent-wash);color:var(--navy);font-weight:650}.menu-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:720px){.menubar{padding:0 .5rem}}table.grid{border-collapse:separate;border-spacing:0;width:100%;background:var(--surface);font-size:.885rem;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1)}table.grid th,table.grid td{border-bottom:1px solid var(--hairline);padding:.6rem .75rem;text-align:left;vertical-align:top}table.grid tbody tr:last-child td{border-bottom:none}table.grid thead th{background:var(--surface-sunken);color:var(--label);font-weight:650;font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--hairline-strong);position:sticky;top:0;z-index:2}table.grid tbody tr{transition:background var(--fast)}table.grid tr.clickable:hover{background:var(--accent-wash);cursor:pointer}table.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--fast)}table.grid th.sortable:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface-sunken));color:var(--accent-deep)}table.grid tr.inactive td{color:var(--muted)}table.grid tr.selected td{background:var(--accent-wash);font-weight:600}table.grid tr.row-error td{background:var(--danger-wash)}.report-grid td.num,.report-grid th.num{text-align:right;font-variant-numeric:tabular-nums}.report-grid .group-row td{background:var(--section-fill);color:var(--section-text);font-weight:650}.report-grid .subtotal-row td{border-top:2px solid var(--hairline-strong);font-weight:650}.print-only-title{margin-top:-.4rem}tr.je-totals td,table.grid tfoot td{background:var(--surface-sunken);border-top:2px solid var(--accent-edge);font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:1rem 1.25rem;margin:.9rem 0;align-items:start}.field{display:grid;grid-template-rows:auto auto;align-content:start;gap:.3rem;font-size:.87rem}.field>span{font-weight:600;color:var(--label);min-height:2.3em;display:flex;align-items:flex-end;gap:.3rem;flex-wrap:wrap;line-height:1.15;font-size:.8rem;letter-spacing:.01em}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;height:40px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--r-md);font-size:.93rem;font-family:var(--app-font);background:var(--surface);color:var(--text);transition:border-color var(--fast),box-shadow var(--fast),background var(--fast)}.field input:hover:not(:disabled),.field select:hover:not(:disabled),.field textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-sunken);color:var(--muted);cursor:default}.field.has-error input,.field.has-error select{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-edge)}.field textarea{height:auto;min-height:84px;resize:vertical}.field.inline{grid-template-columns:auto 1fr;grid-template-rows:auto;align-items:center}.field.inline input{width:auto;height:auto}.field.dt-multiselect,.field.dt-longtext{grid-column:1 / -1}.field.dt-checkbox .checkbox-box{height:40px;display:flex;align-items:center}.field .prefixed{display:flex;align-items:center;gap:2px}.field .prefixed code{color:var(--muted)}.field .prefixed input{flex:1}.color-editor{display:flex;align-items:center;gap:.5rem}.color-editor input[type=color]{width:48px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}input[type=checkbox]{accent-color:var(--accent-deep)}.field.dt-checkbox .checkbox-box input,table.grid td>input[type=checkbox]{width:16px;height:16px;margin:0;vertical-align:middle}.multiselect input[type=checkbox]{width:14px;height:14px}.multiselect{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);min-height:40px;box-sizing:border-box;background:var(--surface)}.multiselect label{display:flex;align-items:center;gap:.3rem}.field select.listbox{height:auto;min-height:118px;padding:3px}.field select.listbox option{padding:.34rem .55rem;border-radius:var(--r-sm)}.field select.listbox option:checked{background:var(--accent-deep) linear-gradient(0deg,var(--accent-deep),var(--accent-deep));color:#fff}.record-form.view .field input,.record-form.view .field select,.record-form.view .field textarea,.record-form.view .multiselect{border-color:transparent;background:transparent;color:var(--text);opacity:1;box-shadow:none;padding-left:0;font-weight:550}table.je-lines td{padding:.3rem .4rem}table.je-lines td input,table.je-lines td select{height:34px;padding:.28rem .45rem;border:1px solid var(--border);border-radius:var(--r-sm);font-size:.85rem;background:var(--surface);color:var(--text);font-family:var(--app-font);transition:border-color var(--fast),box-shadow var(--fast)}table.je-lines td input:focus,table.je-lines td select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}table.je-lines tfoot td{background:var(--surface-sunken);border-top:2px solid var(--accent-edge)}table.grid.prefs td{vertical-align:middle}table.grid.prefs .pref-value{display:flex;align-items:center;gap:.6rem}table.grid.prefs td select,table.grid.prefs td input[type=number]{height:36px;min-width:220px;padding:.32rem .55rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--app-font);font-size:.89rem}.content h2{margin:.2rem 0 .9rem;padding-bottom:.55rem;font-size:1.42rem;font-weight:680;letter-spacing:-.02em;border-bottom:1px solid var(--hairline)}.content h3{display:flex;align-items:center;gap:.55rem;margin:1.5rem 0 .6rem;padding:0;background:none;border:none;color:var(--text);font-size:1.02rem;font-weight:680;letter-spacing:-.008em;text-transform:none}.content h3:before{content:"";width:3px;height:1.05em;border-radius:var(--r-pill);background:var(--accent);flex-shrink:0}.section-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);margin:1rem 0;overflow:hidden;box-shadow:var(--sh-1);transition:box-shadow var(--fast),border-color var(--fast)}.section-card:hover{box-shadow:var(--sh-2)}.section-card h3{margin:0;padding:.95rem 1.15rem .35rem;font-size:1.02rem}.section-card .form-section{margin:0;padding:.8rem 1.15rem;background:var(--surface-sunken);border:none;border-bottom:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:0;color:var(--text);font-size:1rem;font-weight:680;letter-spacing:-.008em;text-transform:none}.section-card .form-grid{margin:0;padding:1.05rem 1.15rem 1.2rem}.section-card>.muted.small{display:block;padding:0 1.15rem;margin:.15rem 0 0}button{padding:.5rem .95rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);cursor:pointer;font-size:.885rem;font-weight:550;font-family:var(--app-font);transition:background var(--fast),border-color var(--fast),color var(--fast),box-shadow var(--fast),transform var(--fast)}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep);background:var(--accent-wash)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}button.primary{background:linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 62%,var(--teal)));border-color:transparent;color:#fff;font-weight:650;box-shadow:var(--sh-1)}button.primary:hover:not(:disabled){filter:brightness(1.1);color:#fff;box-shadow:var(--sh-2);transform:translateY(-1px)}button.primary:active:not(:disabled){transform:translateY(0)}button.danger{background:linear-gradient(135deg,var(--danger),color-mix(in srgb,var(--danger) 78%,#000));border-color:transparent;color:#fff;font-weight:650;box-shadow:var(--sh-1)}button.danger:hover:not(:disabled){filter:brightness(1.1);color:#fff;box-shadow:var(--sh-2);transform:translateY(-1px)}button.danger:active:not(:disabled){transform:translateY(0)}button.approve,button.ok{background:linear-gradient(135deg,var(--ok),color-mix(in srgb,var(--ok) 74%,var(--accent)));border-color:transparent;color:#fff;font-weight:650;box-shadow:var(--sh-1)}button.approve:hover:not(:disabled),button.ok:hover:not(:disabled){filter:brightness(1.1);color:#fff;box-shadow:var(--sh-2);transform:translateY(-1px)}button.approve:active:not(:disabled),button.ok:active:not(:disabled){transform:translateY(0)}button:where(:not(.primary):not(.danger):not(.approve):not(.ok):not(.linkish)){background:var(--surface);border-color:var(--hairline-strong);box-shadow:var(--sh-1)}button:disabled{opacity:.45;cursor:default}button.linkish{border:none;background:none;color:var(--accent-deep);padding:.2rem .3rem;font-size:.85rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent-edge);border-radius:0}button.linkish:hover{background:none;color:var(--accent-deep);border-bottom-color:var(--accent)}.row-actions{display:flex;gap:.4rem}.row-actions button{padding:.28rem .65rem;font-size:.82rem}.form-actions{display:flex;gap:.65rem;margin-top:.9rem;align-items:center}.swatch{display:inline-block;width:18px;height:18px;border-radius:var(--r-sm);border:1px solid var(--border);vertical-align:middle}.dev-id{opacity:.7}.notice{background:var(--warn-wash);border:1px solid var(--warn-edge);border-left:3px solid var(--warn);border-radius:var(--r-md);padding:.7rem .85rem;font-size:.86rem;color:color-mix(in srgb,var(--text) 88%,var(--warn));margin:.6rem 0;box-shadow:var(--sh-1)}.notice.ok{background:var(--ok-wash);border-color:var(--ok-edge);border-left-color:var(--ok);color:color-mix(in srgb,var(--text) 86%,var(--ok))}.error{color:var(--danger);font-size:.85rem;font-weight:550}.tag{display:inline-block;padding:.16rem .6rem;border-radius:var(--r-pill);background:var(--surface-sunken);border:1px solid var(--hairline-strong);color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.02em;margin-left:.45rem;white-space:nowrap}.tag.ok{background:var(--ok-wash);border-color:var(--ok-edge);color:var(--ok)}.tag.warn{background:var(--warn-wash);border-color:var(--warn-edge);color:var(--warn)}.tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--hairline);margin-bottom:1rem}.tabs button{border:none;background:none;padding:.55rem 1rem;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-weight:600}.tabs button:hover:not(.active){background:none;color:var(--text);border-bottom-color:var(--hairline-strong)}.tabs button.active{border-bottom-color:var(--accent);color:var(--navy);font-weight:680}.tabs.subtabs{margin-top:1.2rem;background:var(--surface-sunken);border:1px solid var(--hairline);border-bottom:none;border-radius:var(--r-md) var(--r-md) 0 0;padding:.35rem .35rem 0;gap:.2rem}.tabs.subtabs button{color:var(--muted);font-weight:600;border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:none;padding:.55rem 1.1rem}.tabs.subtabs button:hover:not(.active){background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--text)}.tabs.subtabs button.active{background:var(--surface);font-weight:680;color:var(--navy);box-shadow:0 -2px 0 var(--accent) inset}.tabs.subtabs button.has-error{color:var(--danger)}.tabs.subtabs button.has-error:after{content:" ●"}.list-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.8rem 0 1rem}.list-toolbar h2{margin:0;border:none;padding:0}.list-toolbar input,.list-toolbar select{padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-family:var(--app-font);font-size:.88rem;transition:border-color var(--fast),box-shadow var(--fast)}.list-toolbar input:focus,.list-toolbar select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--navy-deep) 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;animation:fade-in .14s var(--ease)}.modal{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:1.35rem 1.5rem;width:min(760px,94vw);max-height:88vh;overflow:auto;box-shadow:var(--sh-3);animation:rise-in .16s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:.9rem;margin:.8rem 0 1.3rem}.feature-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:1rem 1.1rem;box-shadow:var(--sh-1);transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.feature-card.on{border-color:var(--accent-edge);box-shadow:0 0 0 1px var(--accent-edge),var(--sh-1)}.feature-card.link{text-decoration:none;color:var(--text);display:block}.feature-card.link:hover{border-color:var(--accent)}.feature-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}@media print{.sidebar,.topbar,.report-toolbar select,.report-toolbar input,.report-toolbar button,.list-toolbar button,.muted.small{display:none!important}.content{padding:0;max-width:none}.report-toolbar h2{border:none}table.grid{box-shadow:none;border-color:#999}table.grid thead th{background:#eee!important;color:#000!important;position:static}.section-card{box-shadow:none;break-inside:avoid}body{background:#fff}}.field-help{position:relative;display:inline-flex;align-items:center}.field-help-btn{width:16px;height:16px;padding:0;border-radius:var(--r-pill);border:1px solid var(--hairline-strong);background:var(--surface);color:var(--muted);font-size:.66rem;font-weight:700;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background var(--fast),color var(--fast),border-color var(--fast)}.field-help-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.field-help-pop{position:absolute;z-index:60;top:calc(100% + 8px);left:-6px;width:max(250px,22rem);max-width:78vw;display:flex;flex-direction:column;gap:.4rem;padding:.8rem .9rem;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-md);box-shadow:var(--sh-3);animation:rise-in .13s var(--ease);cursor:default;white-space:normal}.field-help-pop:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:10px;background:var(--surface);border-left:1px solid var(--hairline-strong);border-top:1px solid var(--hairline-strong);transform:rotate(45deg)}.field-help-title{font-size:.86rem;font-weight:680;color:var(--text);letter-spacing:-.005em}.field-help-body{font-size:.85rem;font-weight:400;line-height:1.45;color:var(--muted)}.field-help-dev{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin-top:.15rem;padding-top:.5rem;border-top:1px dashed var(--hairline-strong);font-size:.74rem;font-weight:400;color:var(--muted)}.field-help-dev b{font-weight:650;color:var(--label);margin-right:.2rem}.field-help-dev code{font-family:Cascadia Mono,Consolas,monospace;background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:4px;padding:0 .3rem}.doc-shell{display:flex;flex-direction:column;gap:1rem}.doc-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.75rem 1.1rem;background:var(--chrome-bg);color:var(--chrome-fg);border-radius:var(--r-lg);box-shadow:var(--sh-1);position:sticky;top:var(--chrome-h, 92px);z-index:20}.doc-bar-title{margin:0;font-size:1.12rem;font-weight:680;color:var(--chrome-fg);letter-spacing:-.01em}.doc-bar-icon{flex:none}.doc-bar-number{font-size:13px;font-weight:500;opacity:.75;margin-left:-.2rem}.doc-bar .tag{background:#ffffff1f;border-color:#ffffff47;color:#fff}.doc-bar-actions{display:flex;gap:.5rem;margin-left:auto;align-items:center}.doc-bar-actions button{background:var(--chrome-btn-bg);border:1px solid var(--chrome-btn-border);color:var(--chrome-fg);border-radius:var(--r-md);height:36px;padding:0 .9rem;box-shadow:none}.doc-bar-actions button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--chrome-btn-bg))}.doc-bar-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--navy);font-weight:680}.doc-bar-actions button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#fff)}.doc-bar-actions button.danger{border-color:color-mix(in srgb,var(--danger) 70%,#fff)}.doc-menu{position:relative}.doc-menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);color:var(--text);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:.3rem;z-index:25;display:flex;flex-direction:column}.doc-menu-list button{background:none;border:none;color:var(--text);text-align:left;height:34px;padding:0 .75rem;border-radius:var(--r-sm);box-shadow:none}.doc-menu-list button:hover:not(:disabled){background:var(--surface-sunken)}.doc-menu-list button.danger{color:var(--danger)}.doc-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.doc-main{min-width:0}.doc-rail{position:sticky;top:calc(var(--chrome-h, 92px) + 79px);display:flex;flex-direction:column;gap:.8rem}.doc-rail-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:.85rem 1rem;box-shadow:var(--sh-1)}.doc-rail-card h4{margin:0 0 .55rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.doc-rail-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.86rem;padding:.18rem 0}.doc-rail-row .muted{font-size:.8rem}.doc-rail-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--hairline);margin-top:.4rem;padding-top:.5rem;font-weight:700;color:var(--navy)}.doc-rail-total strong{font-size:1.35rem;letter-spacing:-.01em}.doc-rail-actions{display:flex;gap:.5rem;margin-top:.6rem}.doc-rail-actions button{flex:1;height:34px}.doc-rail-reason{margin-top:.5rem}.doc-rail-reason input{width:100%;height:34px}.doc-related-row{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;padding:.4rem 0;border-bottom:1px solid var(--hairline);cursor:pointer;font-size:.85rem}.doc-related-row:last-of-type{border-bottom:none}.doc-related-row:hover{background:var(--surface-sunken)}.doc-related-row .num{font-variant-numeric:tabular-nums}.doc-progress{height:6px;border-radius:var(--r-pill);background:var(--surface-sunken);overflow:hidden;margin:.35rem 0 .2rem}.doc-progress>i{display:block;height:100%;background:var(--accent);border-radius:inherit}.doc-progress-label{font-size:.78rem;color:var(--muted)}.doc-rail-empty{font-size:.82rem;color:var(--muted);font-style:italic}.doc-shell .section-card{margin:0 0 .9rem}.doc-shell .section-card>h3{margin:0;padding:10px 16px;background:var(--section-fill);border-bottom:1px solid var(--hairline);font-size:12.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}.doc-shell .section-card>h3:before{content:"";width:7px;height:7px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);margin-right:.25rem;transition:transform var(--fast)}.doc-shell .section-card.collapsed>h3:before{transform:rotate(-45deg)}.doc-shell .section-card.collapsed>.form-grid,.doc-shell .section-card.collapsed>table{display:none}.doc-shell .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:14px 16px 16px}.doc-shell .field>span{font-size:11.5px;font-weight:600;color:#34495f;min-height:1.35em}.doc-shell .field>span .req{color:#c02d24}.doc-shell .field input,.doc-shell .field select{height:36px;padding:0 12px;font-size:13px;line-height:1.3;border-radius:var(--r-md)}.doc-shell .field textarea{border-radius:var(--r-md)}.doc-shell .doc-lines{margin:0 0 .9rem}.doc-shell .doc-lines>.tabs.subtabs{margin:0;padding:4px 10px 0;gap:2px}.doc-shell .doc-lines>.tabs.subtabs button{padding:10px 14px;font-size:13px}.doc-shell .doc-lines .lines-scroll{overflow-x:auto;overflow-y:hidden}.doc-shell .doc-lines .lines-scroll>table{margin:0;width:max-content;min-width:100%}.doc-shell .doc-lines table th{background:#fbfcfd;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:650;color:#34495f;padding:8px 12px;white-space:nowrap}.doc-shell .doc-lines table td{padding:6px 12px;vertical-align:middle}.doc-shell .doc-lines table input,.doc-shell .doc-lines table select{height:32px;font-size:12.5px;padding:0 8px;width:100%;min-width:0}.doc-shell .doc-lines .col-line_no{width:40px;color:var(--muted)}.doc-shell .doc-lines .col-quantity{width:78px}.doc-shell .doc-lines .col-uom{width:68px}.doc-shell .doc-lines .col-rate,.doc-shell .doc-lines .col-line_amount{width:106px}.doc-shell .doc-lines .col-line_total,.doc-shell .doc-lines .col-gross_amount{width:108px}.doc-shell .doc-lines .col-tax_amount{width:92px}.doc-shell .doc-lines .col-tax_code_id,.doc-shell .doc-lines .col-wht_code_id{width:112px}.doc-shell .doc-lines .col-item_id,.doc-shell .doc-lines .col-account_id{min-width:190px;max-width:240px}.doc-shell .doc-lines table select{text-overflow:ellipsis}.doc-shell .doc-lines .col-description{min-width:170px}.doc-shell .doc-lines td.col-quantity,.doc-shell .doc-lines td.col-rate,.doc-shell .doc-lines td.col-line_total,.doc-shell .doc-lines td.col-line_amount,.doc-shell .doc-lines td.col-tax_amount,.doc-shell .doc-lines td.col-gross_amount,.doc-shell .doc-lines th.col-quantity,.doc-shell .doc-lines th.col-rate,.doc-shell .doc-lines th.col-line_total,.doc-shell .doc-lines th.col-line_amount,.doc-shell .doc-lines th.col-tax_amount,.doc-shell .doc-lines th.col-gross_amount{text-align:right;font-variant-numeric:tabular-nums}.doc-shell .doc-lines td.col-quantity input,.doc-shell .doc-lines td.col-rate input,.doc-shell .doc-lines td.col-line_amount input{text-align:right}.doc-shell .doc-lines .sublist-tabs{display:flex;gap:2px;padding:8px 12px 0}.doc-shell .doc-lines .sublist-tabs button{background:none;box-shadow:none;border:0;border-bottom:2px solid transparent;border-radius:0;height:auto;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}.grid th .req{color:#c02d24}.doc-shell .doc-lines .sublist-tabs button.active{color:var(--navy);font-weight:680;border-bottom-color:var(--accent)}.doc-shell .doc-lines>.form-actions{padding:8px 12px;margin:0}.doc-shell .doc-lines .section-card{border:0;box-shadow:none;margin:0;border-radius:0}.doc-shell .tabs.subtabs{background:none;border-radius:0;border-bottom:1px solid var(--hairline);padding:0 .3rem;gap:.2rem}.doc-shell .tabs.subtabs button{background:none;box-shadow:none;border-radius:0;border-bottom:2px solid transparent;padding:.6rem .85rem}.doc-shell .tabs.subtabs button.active{background:none;box-shadow:none;border-bottom-color:var(--accent);color:var(--navy);font-weight:680}@media(max-width:1024px){.doc-body{grid-template-columns:1fr}.doc-rail{position:static}}