:root{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f5f7f9;line-height:1.5;font-synthesis:none;--ink:#172033;--muted:#6d7789;--line:#e2e7ec;--green:#087566;--green-dark:#075c51;--green-soft:#e9f4f1;--red:#b3263e;--sidebar:#122a2b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7f9}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 7px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em}.muted{color:var(--muted)}.small{font-size:13px}.brand,.auth-brand{display:flex;align-items:center;gap:11px;font-size:18px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--green);color:#fff;font-weight:850;letter-spacing:-.04em}.panel,.metric{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 24px rgba(23,32,51,.035)}.primary,.secondary,.icon-button{border:0;border-radius:9px;padding:10px 15px;font-weight:750}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#edf2f3;color:#294143}.icon-button{padding:3px 9px;background:transparent;color:#607076;font-size:26px}.full{width:100%}.form-error{min-height:20px;margin:6px 0 0;color:var(--red);font-size:13px}.toast{position:fixed;right:24px;top:20px;z-index:100;padding:13px 18px;border-radius:10px;background:#163737;color:#fff;box-shadow:0 12px 32px #142d2d44}.toast.error{background:#8c2033}.auth-shell{min-height:100vh;padding:30px max(5vw,26px);background:radial-gradient(circle at 12% 18%,#d9efe9 0,transparent 32%),linear-gradient(135deg,#f9fbfb,#eef3f3)}.auth-brand{max-width:1180px;margin:auto}.auth-layout{min-height:calc(100vh - 105px);max-width:1080px;margin:auto;display:grid;grid-template-columns:1.35fr .75fr;align-items:center;gap:80px}.auth-copy h1{max-width:690px;margin:.18em 0;font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-.05em}.auth-copy>p:last-of-type{max-width:600px;color:#5c6977;font-size:19px}.feature-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.feature-list span{padding:8px 12px;border:1px solid #cfe0dd;border-radius:999px;background:#ffffffa8;color:#31504d;font-size:13px;font-weight:700}.auth-card{padding:30px}.auth-card h2{margin:0;font-size:28px}.auth-card form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:6px;color:#34434f;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #cfd7de;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #08756618}details{margin-top:14px;color:var(--muted);font-size:13px}code{font-size:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;z-index:20;display:flex;flex-direction:column;padding:22px 16px;background:var(--sidebar);color:#e9f4f2}.sidebar .brand{padding:0 8px 24px}.sidebar .brand-mark{background:#20a891}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;padding:11px 12px;background:transparent;color:#adc1bf;text-align:left;font-weight:650}.nav-item span{width:19px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.sidebar-footer{margin-top:auto}.sync-note{display:flex;gap:9px;align-items:center;margin:0 11px 16px;color:#8fa8a5;font-size:11px}.sync-note i{width:8px;height:8px;border-radius:50%;background:#39c59c;box-shadow:0 0 0 4px #39c59c1f}.workspace{margin-left:238px;min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(12px)}.organization-picker{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.organization-picker select{min-width:260px;padding:8px 34px 8px 11px;font-weight:700}.topbar-actions{display:flex;gap:9px}.menu-button{display:none;border:0;background:transparent;font-size:23px}.content{max-width:1440px;margin:auto;padding:38px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-heading h1{margin:0;font-size:31px;letter-spacing:-.03em}.page-heading p:last-child{margin:5px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{padding:19px 20px}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin:4px 0;font-size:29px}.metric.danger strong{color:var(--red)}.table-panel{overflow:hidden}.toolbar{display:flex;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.toolbar select{width:auto;min-width:145px}.search{flex:1;display:flex;align-items:center;border:1px solid #cfd7de;border-radius:9px;background:#fff}.search span{padding-left:12px;color:#77828e;font-size:20px}.search input{border:0;box-shadow:none!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:11px 15px;background:#f8fafb;color:#788390;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.06em}td{padding:14px 15px;border-top:1px solid #edf0f2;font-size:13px}td strong,td small{display:block}td small{margin-top:2px;color:var(--muted)}.service{display:inline-flex;align-items:center;gap:7px}.service:before{content:"";width:7px;height:7px;border-radius:50%;background:#5573c9}.service.eotpremnice:before{background:#d38e25}.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef1f4;color:#5d6876;font-size:11px;font-weight:800}.status.accepted,.status.delivered,.status.succeeded{background:#e6f5ef;color:#08715d}.status.queued,.status.sent,.status.running,.status.retrying{background:#fff3d8;color:#865b08}.status.rejected,.status.error,.status.failed{background:#fdebee;color:#a22439}.row-action{border:0;background:transparent;color:var(--green);font-weight:800}.empty-state{padding:55px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink)}.list-panel{overflow:hidden}.list-row{display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr 1fr auto;gap:20px;align-items:center;padding:16px 19px;border-bottom:1px solid #edf0f2;font-size:13px}.list-row:last-child{border-bottom:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:3px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{padding:22px}.integration-card h3{margin:0}.integration-card form{display:grid;gap:13px;margin-top:18px}.integration-state{display:inline-flex;margin-top:8px;padding:3px 8px;border-radius:999px;background:#edf1f2;color:#6a7480;font-size:11px;font-weight:800}.integration-state.connected{background:#e5f5ef;color:#08715d}dialog{width:min(680px,calc(100vw - 30px));border:0;border-radius:16px;padding:0;box-shadow:0 28px 80px #17203344}dialog::backdrop{background:#0f202666;backdrop-filter:blur(3px)}dialog>form,dialog>#document-detail{padding:25px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin-top:16px}.check input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.detail-item{padding:12px;border-radius:9px;background:#f6f8f9}.detail-item span,.detail-item strong{display:block}.detail-item span{color:var(--muted);font-size:11px}.artifact-list{display:grid;gap:8px}.artifact{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.token-box{word-break:break-all;padding:12px;border-radius:9px;background:#edf6f3;color:#164a42;font-family:ui-monospace,monospace;font-size:12px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.list-row{grid-template-columns:1fr 1fr}}@media(max-width:780px){.auth-layout{grid-template-columns:1fr;gap:35px;padding:55px 0}.auth-copy h1{font-size:44px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button{display:block}.topbar{padding:0 16px}.organization-picker{font-size:0}.organization-picker select{min-width:145px;max-width:42vw}.topbar-actions .secondary{display:none}.content{padding:25px 16px}.metric-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1}.page-heading{align-items:start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.list-row{grid-template-columns:1fr}.topbar-actions .primary{padding:9px 11px}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.auth-copy h1{font-size:38px}.auth-shell{padding:22px}.page-heading{display:block}.page-heading>button{margin-top:14px}}
/* Business-first workspace: high contrast, wide forms and clearly separated sections. */
:root{--ink:#111827;--muted:#566273;--line:#c7d1db;--green:#006b5d;--green-dark:#004e44;--green-soft:#dff3ee;--red:#a71932;--sidebar:#102829}
body{background:#eef2f4;color:var(--ink)}
.nav-item .nav-label{width:auto;flex:1;text-align:left;font-size:inherit}.nav-item .nav-count{min-width:25px;padding:1px 7px;border-radius:999px;background:#ffffff12;text-align:center;font-size:10px}.nav-item.scope-active{background:#ffffff12;color:#fff}
.content{max-width:none;padding:30px clamp(20px,3vw,52px)}
.panel,.metric{border-color:#cbd5df;box-shadow:0 5px 18px rgba(15,23,42,.07)}
th{background:#e8eef1;color:#374151;font-weight:850}
td{border-top-color:#dce3e8}
input,select,textarea{border:1px solid #aebbc7;background:#fff;color:#111827;padding:11px 12px}
textarea{width:100%;border-radius:9px;font:inherit;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#006b5d;box-shadow:0 0 0 3px #006b5d24;outline:none}
.field-label{display:inline}.required-marker{display:inline;color:var(--red);font-size:15px;font-weight:900}
dialog.document-workspace{width:min(1500px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 28px)}
dialog.document-workspace>form{padding:28px clamp(20px,3vw,42px)}
.document-workspace .document-section{margin:22px 0;padding:20px;border:1px solid #b8c5ce;border-radius:12px;background:#f8fafb}
.document-workspace .document-section legend{padding:0 9px;color:#153e3a;font-size:15px;font-weight:850}
.document-workspace .form-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px 18px}
.document-workspace .span-2{grid-column:span 2}
.quick-picker{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px;padding:14px;border-radius:10px;background:#e4f0ed}
.document-line{margin:0 0 14px;padding:17px;border:1px solid #c2cdd5;border-left:5px solid var(--green);border-radius:10px;background:#fff}
.line-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.table-wrap tbody tr:hover{background:#f0f8f6}
.row-action{padding:7px 11px;border-radius:7px;background:#e1f1ed}
.row-actions{display:flex;align-items:center;gap:6px}.row-action.print-action{background:#edf1f4;color:#40535a}
.danger-button{margin-right:auto;border:1px solid #d9a8b1;border-radius:9px;padding:10px 15px;background:#fff1f3;color:#981b31;font-weight:800}
.danger-button:hover{background:#fbdde2}
#detail-dialog{width:min(1100px,calc(100vw - 30px));max-width:none;max-height:calc(100vh - 28px)}
.document-preview{margin-top:20px}.preview-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.preview-party{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.preview-party span,.preview-party strong,.preview-party small{display:block}.preview-party span{color:var(--muted);font-size:11px;text-transform:uppercase}.preview-lines{margin:16px 0;border:1px solid var(--line);border-radius:10px;overflow:auto}.preview-lines table{white-space:normal}.preview-lines td,.preview-lines th{vertical-align:top}.preview-note{padding:12px 14px;border-left:4px solid var(--green);background:#f2f8f6}.technical-files{margin-top:24px;padding-top:18px;border-top:1px dashed var(--line)}
@media(max-width:1100px){.document-workspace .form-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:650px){.document-workspace .form-grid{grid-template-columns:1fr}.document-workspace .span-2{grid-column:auto}.quick-picker,.preview-parties{grid-template-columns:1fr}}
.template-toolbar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-bottom:18px;padding:14px;border:1px solid #c7d9d5;border-radius:11px;background:#eef7f4}.template-toolbar label{min-width:220px;flex:1}.template-toolbar button{white-space:nowrap}.template-status{flex-basis:100%;color:var(--muted)}.danger-text{color:var(--red)}
