:root{--green:#16784c;--deep:#125737;--pale:#edf6ef;--ink:#193b2d;--muted:#687970;--line:#dce7df;--bg:#f5f8f5;--red:#ae3939;--amber:#936419;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:11px 17px;font-weight:600;min-height:43px;transition:background .15s}button:hover{background:var(--pale)}button:disabled{cursor:wait;opacity:.5}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:var(--deep)}.danger{color:var(--red)}.quiet{background:transparent;border-color:transparent}.small{font-size:13px;padding:7px 11px;min-height:34px}a{color:var(--green);text-underline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-.9px;line-height:1.15}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.55}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.header{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{background:var(--green);color:white;width:48px;height:44px;display:grid;place-items:center;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:-1px}.brand-title{font-weight:700;font-size:17px}.brand-sub{font-size:12px;color:var(--muted);margin-top:3px}.header-actions,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.shell{max-width:1330px;margin:0 auto;padding:32px 36px 70px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading p{margin:10px 0 0}.local{font-size:12px;padding:6px 10px;border-radius:7px;background:var(--pale);color:var(--deep);font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 23px}.stat-number{font-size:31px;font-weight:650;letter-spacing:-1px;margin-top:8px}.stat-label{font-size:13px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{margin:0}.panel-body{padding:22px}.toolbar{display:flex;gap:12px;margin-bottom:16px}.toolbar input{max-width:380px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd9cf;border-radius:8px;background:white;color:var(--ink);min-height:44px}textarea{min-height:110px;resize:vertical}label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}label input,label select,label textarea{margin-top:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{color:var(--muted);font-size:12px}th{font-weight:600;padding:14px 22px;border-bottom:1px solid var(--line);background:#fafcf9}td{padding:19px 22px;border-bottom:1px solid #edf1ee}tbody tr:last-child td{border-bottom:0}.object-row{cursor:pointer}.object-row:hover{background:#f6faf6}.code{font-weight:700;color:var(--green);white-space:nowrap}.badge{display:inline-block;padding:6px 10px;background:#f0f3f1;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.badge.green{background:#e6f4e9;color:#23683f}.badge.amber{background:#fff4da;color:#835e16}.badge.blue{background:#eaf1f7;color:#3e6484}.count{font-variant-numeric:tabular-nums}.progress{height:4px;background:#e8eee9;border-radius:10px;width:80px;margin-top:7px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green)}.empty{text-align:center;padding:65px 24px;color:var(--muted)}.empty h2{color:var(--ink);margin:14px 0 8px}.empty-icon{display:inline-grid;place-items:center;background:var(--pale);border-radius:16px;width:58px;height:58px;font-size:28px;color:var(--green)}.back{margin-bottom:16px;padding-left:0}.project-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:25px;font-size:13px}.project-meta b{display:block;font-size:15px;margin-top:5px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:23px;align-items:start}.sidebar{background:white;border:1px solid var(--line);border-radius:13px;padding:12px}.stage-button{width:100%;text-align:left;border:0;background:transparent;margin-bottom:4px;padding:13px 12px;font-weight:500;display:flex;justify-content:space-between;gap:8px}.stage-button.active{background:var(--pale);color:var(--green);font-weight:700}.stage-count{font-size:12px;color:var(--muted)}.add-stage{width:100%;margin-top:12px;border-style:dashed;color:var(--green);font-size:13px}.folder{padding:22px;border-bottom:1px solid var(--line)}.folder:last-child{border-bottom:0}.folder-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.folder-title h3{margin:0;font-size:17px}.folder-label{display:flex;gap:9px;align-items:center}.folder-icon{color:var(--green);font-size:23px}.dropzone{border:1.5px dashed #b4cdbb;border-radius:10px;padding:23px;text-align:center;background:#f9fcf9;cursor:pointer;margin-bottom:14px;color:var(--muted);line-height:1.7}.dropzone:hover,.dropzone.drag{background:var(--pale);border-color:var(--green)}.dropzone b{color:var(--green);font-weight:600}.dropzone small{display:block;font-size:12px}.doc{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:10px;background:#fff}.doc-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}.doc-icon{background:var(--pale);color:var(--green);padding:8px;border-radius:7px;font-size:10px;font-weight:700;min-width:42px;text-align:center}.doc-name{font-weight:600;overflow-wrap:anywhere;line-height:1.5;flex:1}.doc-meta{font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}.doc-check{width:18px;height:18px;min-height:0;margin:7px 0;accent-color:var(--green)}.doc.inactive{background:#f9faf9;opacity:.8}.doc-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:53px}.signatures{margin:12px 0 0 53px;background:var(--pale);padding:12px;border-radius:8px;font-size:13px;line-height:1.6}.signature-item{padding:4px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-actions{padding:18px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fbfdfb;border-top:1px solid var(--line)}.request-item{padding:16px 22px;border-bottom:1px solid var(--line)}.request-item:last-child{border-bottom:0}.request-item p{margin-bottom:9px;font-size:13px}.request-link{display:flex;gap:8px;align-items:center}.request-link input{font-size:12px;min-width:0}.event{font-size:13px;padding:9px 0;border-bottom:1px solid #edf2ee}.event small{color:var(--muted);display:block;margin-bottom:3px}.notice{padding:14px 17px;border-radius:9px;background:#fff6df;color:#785a20;font-size:14px;line-height:1.6;margin-bottom:18px}.notice.success{background:var(--pale);color:var(--deep)}.notice.error{background:#fff0ee;color:var(--red)}details>summary{cursor:pointer;color:var(--green);font-weight:600;padding:12px 0}dialog{border:0;border-radius:16px;padding:0;max-width:580px;width:calc(100% - 32px);box-shadow:0 20px 90px #123c2b33;color:var(--ink)}dialog::backdrop{background:#102c2466;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-body{padding:25px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-error{color:var(--red);font-size:14px;line-height:1.5;margin:12px 0}.auth{max-width:500px;margin:65px auto;background:white;border:1px solid var(--line);border-radius:18px;padding:35px}.auth h1{font-size:27px}.auth .primary{width:100%}.auth-switch{text-align:center;margin:15px 0 0}#toast{position:fixed;right:24px;bottom:24px;background:var(--deep);color:white;max-width:420px;padding:15px 20px;border-radius:11px;box-shadow:0 8px 30px #123c2b26;z-index:10;display:none;line-height:1.5}#toast.visible{display:block}#toast.error{background:#90372e}.loading{text-align:center;padding:100px 20px;color:var(--green)}.preview-dialog{max-width:1100px;width:94vw}.preview-dialog .modal-body{padding:0}.preview-dialog iframe{width:100%;height:72vh;border:0;background:white}.public-shell{max-width:900px;margin:auto;padding:35px 25px 180px}.public-shell h1{font-size:34px;margin:14px 0}.public-shell .intro{font-size:20px;line-height:1.5;color:var(--muted)}.public-shell .doc{padding:22px;margin-top:14px}.public-shell .doc-name{font-size:20px}.public-shell .doc-meta{font-size:15px}.public-shell button{font-size:18px;padding:13px 24px;min-height:52px}.public-shell .doc-actions{margin-left:0;gap:12px}.public-shell .folder{padding:25px}.public-shell .folder-title h3{font-size:22px}.public-shell .signatures{margin-left:0;font-size:16px}.public-header{max-width:900px;padding:22px 25px;margin:auto;display:flex;justify-content:space-between;align-items:center}.public-top{background:white;border-bottom:1px solid var(--line)}.sticky-sign{position:fixed;bottom:0;left:0;width:100%;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:18px 24px;z-index:3}.sticky-inner{max-width:850px;margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between}.sticky-inner button{font-size:21px;padding:17px 26px;min-height:62px}.sticky-inner p{margin:0;font-size:16px;color:var(--muted)}.terms-line{font-size:16px;line-height:1.7;margin:24px 0}.terms-link{padding:0!important;min-height:0!important;font-size:inherit!important;font-weight:inherit;border:0;background:none;color:var(--green);text-decoration:underline}.terms-content{margin-top:16px;background:white;border:1px solid var(--line);padding:22px;border-radius:12px;font-size:16px;line-height:1.7}.terms-content p{margin-bottom:15px}.cert{display:block;width:100%;text-align:left;white-space:normal;margin:10px 0;border:2px solid var(--line);padding:18px;border-radius:12px;background:white}.cert.selected{border-color:var(--green);background:var(--pale)}.cert b{font-size:19px;display:block;margin-bottom:7px}.cert span{display:block;font-size:15px;line-height:1.6;color:var(--muted)}.cert:disabled{opacity:.6;cursor:not-allowed}.wide{width:100%;font-size:19px;padding:16px}.sign-progress{padding:23px 0;line-height:1.7;font-size:19px}.checkmark{width:65px;height:65px;border-radius:50%;background:var(--pale);color:var(--green);font-size:36px;display:grid;place-items:center;margin:0 auto 20px}.done{text-align:center;padding:35px 10px}.public-error{margin-top:45px}input[type=checkbox]{accent-color:var(--green)}.hidden{display:none!important}
/* Object title and compact customer workspace. */
.heading>div:first-child{min-width:0;flex:1}.project-identity{display:flex;align-items:baseline;gap:22px;margin-bottom:12px}.project-identity h1{flex-shrink:0;margin:0}.project-name{font-size:21px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.edit-project{margin-top:8px;padding-left:0}.project-identity+p{margin-top:0}.public-mode{scroll-padding-top:calc(var(--public-top-height,170px) + 12px)}.public-mode .public-top{position:sticky;top:0;z-index:4;background:#fffffff7;backdrop-filter:blur(12px);box-shadow:0 3px 15px #173d2b08}.public-mode .public-header{padding:10px 25px}.public-mode .public-header .brand-mark{height:36px;width:42px;border-radius:8px;font-size:13px}.public-mode .public-header .brand-title{font-size:16px}.public-mode .public-header .brand-sub{font-size:11px}.public-context{max-width:900px;margin:auto;padding:0 25px 12px}.public-object{display:flex;align-items:baseline;gap:16px;margin-bottom:7px}.public-code{font-size:15px;font-weight:750;color:var(--green);white-space:nowrap}.public-object-name{font-size:17px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.public-caption{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:8px}.public-caption h1{font-size:24px;letter-spacing:-.5px;margin:0}.public-customer{font-size:15px;overflow-wrap:anywhere}.public-instruction{font-size:15px;line-height:1.45;display:flex;justify-content:space-between;gap:14px;color:var(--muted)}.public-counter{white-space:nowrap}.public-mode .public-shell{padding-top:18px;padding-bottom:calc(var(--public-bottom-height,155px) + 24px)}.public-mode .sticky-sign{padding:12px 24px 10px;z-index:5}.public-mode .sticky-inner{gap:18px}.public-mode .sticky-inner p{font-size:14px;line-height:1.45}.public-mode .sticky-inner button{padding:13px 23px;min-height:54px;font-size:19px}.sticky-legal{max-width:850px;margin:9px auto 0;padding-top:8px;border-top:1px solid var(--line)}.sticky-legal .terms-line{font-size:13px;line-height:1.5;margin:0 0 4px}.footer-note{font-size:12px;line-height:1.4;margin:0;color:var(--muted)}.sticky-legal .terms-content{max-height:25vh;overflow:auto;overscroll-behavior:contain;margin-top:10px;padding:15px;font-size:14px}.public-mode .doc,.public-mode .panel{scroll-margin-top:calc(var(--public-top-height,170px) + 12px)}
@media(max-width:800px){.header{height:auto;min-height:76px;padding:16px 20px;flex-wrap:wrap}.shell{padding:25px 18px 50px}.heading{align-items:flex-start}h1{font-size:27px}.workspace{grid-template-columns:1fr}.sidebar{display:flex;flex-wrap:wrap;gap:5px}.stage-button{width:auto;margin:0}.add-stage{width:auto;margin:0}.stats{gap:9px}.stat{padding:15px}.stat-number{font-size:26px}td,th{padding:14px}.project-meta{gap:15px}.doc-actions{margin-left:0}.signatures{margin-left:0}.header-actions{gap:4px}.brand-sub{display:none}.public-header .local{display:none}.public-shell{padding:24px 16px 190px}.public-shell h1{font-size:29px}.public-shell .folder{padding:17px}.public-shell .doc{padding:17px}.sticky-inner{display:block}.sticky-inner p{margin-bottom:9px;font-size:14px}.sticky-inner button{width:100%;font-size:19px}.request-link{flex-wrap:wrap}.request-link input{flex-basis:100%}.heading .actions{justify-content:flex-end}.public-shell .doc-actions button{flex:1}.modal-head{padding:18px}.modal-body{padding:20px}.public-shell .doc-name{font-size:18px}.project-identity{display:block}.project-name{font-size:18px;margin-top:10px}.public-mode .public-header{padding:8px 16px}.public-mode .public-header .brand-title{font-size:14px}.public-context{padding:0 16px 9px}.public-object{gap:10px;margin-bottom:5px}.public-object-name{font-size:15px}.public-code{font-size:13px}.public-caption{gap:3px;margin-bottom:5px;display:block}.public-caption h1{font-size:20px;margin:0 0 3px}.public-customer{font-size:13px}.public-instruction{font-size:13px;gap:5px;flex-wrap:wrap}.public-mode .sticky-sign{padding:10px 16px}.public-mode .sticky-inner p{margin-bottom:8px;font-size:13px}.public-mode .sticky-inner p br{display:none}.no-manual-send{margin-left:8px}.public-mode .sticky-inner button{font-size:17px;min-height:50px;padding:12px}.sticky-legal .terms-line{font-size:12px}.footer-note{font-size:11px}.sticky-legal{margin-top:8px;padding-top:6px}}

.task-folder{background:#f7fbf7}.task-folder .folder-title{align-items:flex-start;gap:16px;flex-wrap:wrap}.task-folder h3{line-height:1.5}.task-folder .badge{flex-shrink:0}
/* Full-width fixed bands: use side space while keeping document reading width. */
.customer-masthead{display:grid;grid-template-columns:300px minmax(0,1fr) 215px;align-items:center;gap:28px;padding:14px 32px;width:100%;margin:auto}.customer-brand{min-width:0}.customer-brand .brand{gap:12px}.customer-brand .brand-mark{flex:0 0 42px;width:42px;height:40px;font-size:13px}.customer-brand .brand-title{font-size:16px;line-height:1.35;max-width:235px}.customer-brand .brand-sub{font-size:11px;line-height:1.4;max-width:235px}.customer-info{min-width:0;border-left:1px solid var(--line);padding-left:26px}.customer-object-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;line-height:1.4;margin-bottom:5px}.customer-object-meta .public-code{font-size:14px}.customer-object-meta .public-customer{font-size:13px}.customer-object-name{font-size:17px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-instruction{font-size:13px;color:var(--muted);line-height:1.4;margin:6px 0 0}.customer-status{align-self:center;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.customer-status h1{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0}.customer-status-count{font-size:13px;color:var(--deep);background:var(--pale);border-radius:7px;padding:7px 11px;white-space:nowrap}.public-mode .sticky-sign{padding:12px 32px}.customer-dock{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:28px;width:100%;margin:auto}.customer-remaining{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:2px 8px;font-size:13px;color:var(--muted);line-height:1.5}.customer-remaining>b{color:var(--deep);font-size:15px;white-space:nowrap}.customer-remaining small{grid-column:1/-1;font-size:11px;line-height:1.5}.customer-dock .sticky-legal{max-width:none;margin:0;padding:0 24px;border-top:0;border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.customer-dock .terms-line{font-size:13px;line-height:1.5;margin:0 0 4px}.customer-dock .footer-note{font-size:12px;line-height:1.5}.public-mode .dock-sign-button{font-size:18px;min-height:54px;padding:14px 22px;white-space:nowrap}.customer-dock .terms-content{font-size:14px;text-align:left}
@media(min-width:1700px){.customer-masthead{grid-template-columns:360px minmax(0,1fr) 265px;gap:32px}.customer-brand .brand-title,.customer-brand .brand-sub{max-width:290px}.customer-brand .brand-title{font-size:17px}.customer-dock{grid-template-columns:300px minmax(0,1fr) 360px;gap:32px}.customer-dock .dock-sign-button{width:100%}.customer-object-name{font-size:18px}}
@media(max-width:1100px) and (min-width:801px){.customer-masthead{grid-template-columns:230px minmax(0,1fr) 170px;padding:12px 22px;gap:18px}.customer-brand .brand-title{font-size:14px}.customer-brand .brand-sub{font-size:10px}.customer-info{padding-left:18px}.customer-status h1{font-size:16px}.customer-object-name{font-size:15px}.customer-dock{grid-template-columns:160px minmax(0,1fr) 280px;gap:16px}.public-mode .sticky-sign{padding:12px 22px}.customer-dock .sticky-legal{padding:0 16px}.customer-dock .dock-sign-button{font-size:15px;white-space:normal}.customer-remaining{display:block}.customer-remaining>b{display:block}.customer-remaining small{display:block}}
@media(max-width:800px){.customer-masthead{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 16px}.customer-brand .brand-mark{flex-basis:32px;width:32px;height:32px;font-size:10px;border-radius:7px}.customer-brand .brand{gap:8px}.customer-brand .brand-title{font-size:12px;max-width:215px}.customer-brand .brand-sub{display:none}.customer-status{gap:0}.customer-status h1{display:none}.customer-status-count{padding:5px 8px;font-size:11px}.customer-info{grid-column:1/-1;grid-row:2;padding:0;border:0}.customer-object-meta{gap:4px 12px;margin-bottom:3px}.customer-object-meta .public-code,.customer-object-meta .public-customer{font-size:12px}.customer-object-name{font-size:14px;line-height:1.35}.customer-instruction{font-size:12px;margin-top:4px}.public-mode .sticky-sign{padding:10px 16px}.customer-dock{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.customer-remaining{display:block;font-size:12px;line-height:1.4}.customer-remaining>b{display:block;font-size:14px}.customer-remaining small{display:none}.public-mode .dock-sign-button{font-size:15px;min-height:50px;padding:12px 15px;max-width:240px;white-space:normal}.customer-dock .sticky-legal{grid-column:1/-1;grid-row:2;padding:8px 0 0;margin:0;border:0;border-top:1px solid var(--line)}.customer-dock .terms-line{font-size:12px;line-height:1.45;margin-bottom:3px}.customer-dock .footer-note{font-size:11px;line-height:1.4}}
/* Staff workspace: ordinary type size, compact sticky object context + stages. */
.staff-mode{font-size:14px}.staff-mode .header{position:sticky;top:0;z-index:8;height:60px;padding:9px 24px;background:#fff}.staff-mode .header .brand{gap:10px}.staff-mode .header .brand-mark{width:38px;height:36px;font-size:12px;border-radius:8px}.staff-mode .header .brand-title{font-size:14px;line-height:1.35}.staff-mode .header .brand-sub{font-size:11px}.staff-mode .header .small{font-size:12px;padding:6px 10px;min-height:32px}.staff-mode .local{font-size:11px;padding:5px 8px}.staff-mode .shell{max-width:1600px;padding:20px 24px 50px}.staff-project-header{position:sticky;top:var(--staff-header-height,60px);z-index:7;background:#fff;border:1px solid var(--line);border-radius:0 0 11px 11px;padding:11px 16px;margin-bottom:18px;box-shadow:0 5px 14px #193b2d08}.staff-summary-title{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0}.staff-summary-title h1{font-size:22px;letter-spacing:-.5px;white-space:nowrap;margin:0;line-height:1.4;display:flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--line);border-radius:0;background:#f8fbf9}.staff-object-name{flex:1;min-width:0;font-size:15px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;display:flex;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:0;background:#fff}.staff-summary-title button{font-size:12px;min-height:42px;padding:7px 12px;border:1px solid var(--line);border-radius:0;background:#fff;white-space:nowrap}.staff-summary-meta{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding-top:9px;margin-top:8px;border-top:1px solid #edf2ee;font-size:12px;line-height:1.5}.staff-summary-meta b{font-weight:600}.staff-summary-meta>.badge{margin-left:auto;font-size:11px;padding:5px 8px}.staff-mode .workspace{grid-template-columns:195px minmax(0,1fr);gap:18px}.staff-mode .sidebar{position:sticky;top:calc(var(--staff-top-height,155px) + 12px);max-height:calc(100dvh - var(--staff-top-height,155px) - 24px);overflow-y:auto;padding:9px}.staff-mode .stage-button{padding:10px;font-size:13px;line-height:1.4;min-height:38px}.staff-mode .stage-count{font-size:11px}.staff-mode .add-stage{font-size:12px;padding:9px 7px;min-height:36px;margin-top:7px}.staff-mode .panel-head{padding:13px 17px}.staff-mode .panel-head h2{font-size:18px}.staff-mode .panel-head h3{font-size:14px}.staff-mode .folder{padding:16px}.staff-mode .folder-title{margin-bottom:10px}.staff-mode .folder-title h3{font-size:15px}.staff-mode .dropzone{padding:15px;margin-bottom:10px;font-size:13px}.staff-mode .doc{padding:12px;margin-top:8px}.staff-mode .doc-name{font-size:14px}.staff-mode .doc-meta{font-size:11px}.staff-mode .doc-actions .small{font-size:12px;padding:6px 10px;min-height:31px}.staff-mode .notice{font-size:13px;padding:11px 13px;margin-bottom:13px}.staff-mode .footer-actions{padding:13px 17px}.staff-mode .footer-actions button,.staff-mode .task-folder>.actions button{font-size:13px;padding:9px 13px;min-height:37px}.staff-mode .folder>p{font-size:13px;margin-bottom:12px}.staff-mode .folder .badge{font-size:11px}.staff-mode .folder .folder-icon{font-size:20px}.staff-mode .request-item{padding:13px 17px}.staff-mode .request-item p{font-size:12px}.staff-mode .panel-body{padding:17px}.staff-mode .doc,.staff-mode .panel{scroll-margin-top:calc(var(--staff-top-height,155px) + 12px)}
@media(max-width:1000px){.staff-created{display:none}.staff-summary-title{gap:10px}.staff-summary-title h1{font-size:19px}.staff-object-name{font-size:14px}.staff-summary-meta{gap:7px 15px}.staff-mode .workspace{grid-template-columns:175px minmax(0,1fr);gap:14px}}
@media(max-width:800px){.staff-mode .header{height:auto;min-height:54px;padding:9px 14px;gap:8px}.staff-mode .header .brand-title{font-size:12px}.staff-mode .header .brand-mark{width:32px;height:32px;font-size:10px}.staff-mode .header-actions{gap:2px}.staff-mode .header .local{display:none}.staff-mode .shell{padding:10px 12px 35px}.staff-project-header{padding:10px 12px;margin-bottom:12px}.staff-summary-title{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.staff-summary-title h1{font-size:18px}.staff-object-name{grid-column:1/-1;grid-row:2;font-size:13px;min-height:42px}.staff-summary-title button:last-child{margin-left:0}.staff-summary-meta{gap:5px 12px;font-size:11px;padding-top:7px;margin-top:7px}.staff-summary-meta>.badge{margin-left:0;font-size:10px}.staff-mode .workspace{display:block}.staff-mode .sidebar{position:sticky;z-index:6;top:var(--staff-top-height,160px);display:flex;flex-wrap:nowrap;max-height:70px;overflow-x:auto;overflow-y:hidden;border-radius:8px;padding:6px;margin-bottom:12px;gap:4px}.staff-mode .stage-button{white-space:nowrap;min-height:34px;gap:6px;padding:7px 9px;flex-shrink:0;font-size:12px}.staff-mode .add-stage{white-space:nowrap;flex-shrink:0;margin:0;font-size:11px;padding:7px 9px}.staff-mode .folder{padding:12px}.staff-mode .folder-title h3{font-size:14px}.staff-mode .doc-actions{margin-left:0}}
.support-code{font-size:26px;font-weight:750;letter-spacing:.3px;margin-bottom:10px;line-height:1.3}.customer-error p{font-size:17px;line-height:1.5;margin:0 0 12px}.customer-error details{margin:9px 0 15px}.customer-error summary{font-size:14px;font-weight:500;color:var(--muted)}.customer-error details p{font-size:13px}.customer-error pre,.diagnostic-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Consolas,monospace;margin:10px 0;max-height:180px;overflow:auto;color:var(--ink)}.customer-error button{font-size:14px;min-height:40px}.error-entry{margin-top:12px;border:1px solid var(--line);border-radius:9px;padding:0 16px}.error-entry summary{font-size:15px;line-height:1.5}.error-entry summary b{display:inline-block;min-width:40px;font-variant-numeric:tabular-nums}.error-entry p{font-size:14px;line-height:1.6}.error-entry button{margin-bottom:16px}.diagnostic-entry{padding:14px 0;border-bottom:1px solid var(--line)}.diagnostic-entry small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.diagnostic-entry summary{font-size:13px}.diagnostic-entry:last-of-type{border-bottom:0}

.preview-dialog .modal-body:has(#error-catalog){padding:24px;max-height:72vh;overflow:auto}

.download-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:48px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:18px;font-weight:600}.download-button.primary{color:#fff;background:var(--green)}.delivery-dock{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.delivery-dock>span{color:var(--muted)}@media(max-width:800px){.delivery-dock{flex-wrap:wrap}.delivery-dock>.download-button{width:100%}}

/* CPZS interface system · 2026-11. Local font; two densities, one palette. */
@font-face{font-family:Manrope;src:url('/fonts/Manrope-Variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--green:#147b51;--deep:#105e3e;--pale:#eaf5ef;--ink:#193b2e;--muted:#586e62;--line:#d7e5dc;--bg:#f3f7f4;--red:#ae3939;--amber:#835c16;--radius:12px;--shadow:0 4px 20px #193b2e06;font-family:Manrope,"Segoe UI",Arial,sans-serif;font-synthesis:none;line-height:1.5}
body{font-family:Manrope,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:750;line-height:1.3}h1{letter-spacing:-.035em}h2{letter-spacing:-.025em}h3{letter-spacing:-.012em}button{font-weight:650;line-height:1.35;transition:background .14s,border-color .14s,box-shadow .14s}button:disabled{cursor:not-allowed;opacity:.55}button[aria-busy=true]{cursor:wait}button:hover:not(:disabled){border-color:#aecbbb}.primary:hover:not(:disabled){border-color:var(--deep)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.object-row:focus-visible{outline:3px solid #147b5180;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--green)}.quiet:hover:not(:disabled){background:var(--pale)}.nav-current{background:var(--pale);color:var(--deep);border-color:var(--line)}.panel,.stat,.sidebar{box-shadow:var(--shadow)}.panel{border-radius:var(--radius)}.panel-head{background:#fff}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750}.badge,.stage-count,.stat-number,.count,.public-code{font-variant-numeric:tabular-nums}.badge{font-weight:700}.stat-number{font-weight:750}.staff-mode .stat{padding:17px 20px;position:relative}.staff-mode .stat:before{content:'';display:block;width:24px;height:3px;background:#8cb89e;border-radius:2px;margin-bottom:12px}.staff-mode .stat-label{font-size:12px}.staff-mode .stat-number{font-size:28px;margin-top:3px}.staff-mode .heading{margin-bottom:22px}.staff-mode .heading h1{margin-bottom:8px}.staff-mode .toolbar input{max-width:530px;font-size:13px}.staff-mode th{padding:12px 18px;font-size:11px;background:#f7faf8}.staff-mode td{padding:17px 18px;font-size:13px}.staff-mode .header .brand-title{font-weight:750}.staff-mode .sidebar{padding:8px;border-radius:12px}.staff-mode .stage-button{position:relative;border:1px solid transparent;border-radius:8px;align-items:flex-start;gap:12px;padding:11px 12px;min-height:42px;font-weight:600}.staff-mode .stage-button>span:first-child{min-width:0;overflow-wrap:anywhere}.staff-mode .stage-button.active{background:var(--pale);border-color:#cfe5d8;color:var(--deep);box-shadow:inset 3px 0 var(--green)}.staff-mode .stage-count{flex-shrink:0;padding-top:2px;color:var(--muted);font-weight:650}.staff-mode .add-stage{border-color:#b9d5c5;background:#fafdfb;margin-top:12px}.staff-mode .doc-icon{width:38px;min-width:38px;flex:0 0 38px;font-size:10px;border-radius:7px;padding:8px 4px}.staff-mode .doc-top{gap:12px}.staff-mode .doc-check{flex:0 0 18px;margin:7px 10px}.staff-mode .doc-actions,.staff-mode .signatures{margin-left:50px}.staff-mode .doc-name{font-weight:650;line-height:1.5}.staff-mode .doc-meta{font-size:12px;margin-top:3px}.staff-mode .doc{border-radius:10px}.staff-mode .dropzone{border-color:#b1cebd;background:#f7fbf8;border-width:1px;padding:18px 14px;line-height:1.6}.staff-mode .dropzone small{font-size:11px;margin-top:4px}.staff-mode .folder-title h3{font-weight:750}.staff-mode .task-folder{background:#f6fbf8}.staff-mode .task-folder .folder-label{max-width:75%}.staff-mode .notice{line-height:1.65;border-left:3px solid #d9b76e}.staff-summary-title h1,.staff-object-name,.staff-summary-title button{border-radius:0}.staff-mode .footer-actions{align-items:center}.staff-mode .request-link button{white-space:nowrap}.staff-mode .request-item{background:#fff}.staff-mode .request-item p{margin-bottom:10px}.staff-mode .request-link input{background:#f7faf8}.object-row:focus-visible{outline-offset:-4px}.public-shell .doc-name{font-weight:700;line-height:1.5}.public-shell .doc-meta{color:var(--muted)}.public-shell .doc-actions button{font-weight:700}.public-mode .dock-sign-button{font-weight:750}.customer-object-name{font-weight:700}.customer-instruction{color:#4c6658}.customer-status-count{border:1px solid #d2e8db}.modal-head h2{line-height:1.4}.modal-head{padding:18px 24px}.modal-head button{flex-shrink:0}.preview-dialog .modal-head h2{font-size:19px;overflow-wrap:anywhere}.instruction-shell{max-width:1280px!important}.instruction-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.instruction-nav{position:sticky;top:80px;padding:18px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.instruction-nav .eyebrow{display:block;padding:0 10px;margin-bottom:12px}.instruction-nav a{display:block;color:var(--muted);text-decoration:none;font-size:13px;padding:9px 10px;border-radius:7px;line-height:1.45}.instruction-nav a:hover{background:var(--pale);color:var(--deep)}.instruction-article{min-width:0;border:1px solid var(--line);background:#fff;border-radius:14px;padding:6px 32px}.guide-section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.guide-section:last-child{border:0}.guide-section h2{font-size:23px;margin-bottom:16px}.guide-section p,.guide-section li{font-size:14px;line-height:1.8}.guide-section p{margin-bottom:16px}.guide-section p:last-child{margin-bottom:0}.guide-section .eyebrow{margin-bottom:8px;color:var(--green)}.guide-note{background:var(--pale);border:1px solid #d7eadd;padding:16px 18px;border-radius:9px;font-size:13px;line-height:1.8}.mail-example{margin:18px 0;padding:20px 24px;background:#f7faf8;border-left:3px solid var(--green);border-radius:0 9px 9px 0}.mail-example p{font-size:13px}.guide-steps{padding-left:22px;margin:0 0 18px}.guide-steps li{padding-left:7px;margin-bottom:14px}.guide-steps li::marker{font-weight:750;color:var(--green)}.guide-signoff{margin-top:24px;color:var(--muted);font-size:13px!important}
@media(max-width:1000px){.instruction-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.instruction-article{padding:4px 24px}.staff-mode .task-folder .folder-label{max-width:100%}}
@media(max-width:800px){.staff-mode .doc-actions,.staff-mode .signatures{margin-left:0}.staff-mode .sidebar{border-radius:9px}.staff-mode .stage-button{min-height:36px;padding:8px 10px}.staff-mode .add-stage{margin:0}.staff-mode .stage-count{padding-top:0}.instruction-layout{display:block}.instruction-nav{position:static;display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px;padding:12px}.instruction-nav .eyebrow{width:100%;margin:0 0 5px}.instruction-nav a{font-size:12px;padding:7px 9px;background:#f7faf8}.instruction-article{padding:0 18px}.guide-section{padding:22px 0;scroll-margin-top:130px}.guide-section h2{font-size:20px}.guide-section p,.guide-section li{font-size:14px;line-height:1.75}.instruction-shell>.heading{gap:12px}.instruction-shell>.heading>button{white-space:nowrap;font-size:12px;padding:9px 12px}.staff-mode .stat{padding:12px}.staff-mode .stat-label{font-size:11px}.staff-mode .stats{gap:8px}.staff-mode .stat-number{font-size:24px}.staff-mode .header-actions{row-gap:4px}.public-shell .doc-name{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.preview-dialog:has(.date-area-frame){max-width:1320px;width:97vw}.preview-dialog .modal-body:has(.date-area-frame){padding:0}.preview-dialog .date-area-frame{display:block;width:100%;height:78vh;border:0}

/* Shared controls retain the existing green/white visual language. */
.icon-library{position:absolute;overflow:hidden;pointer-events:none}.ui-icon{display:block;flex:none}
.modal-head{gap:12px}.modal-head h2{min-width:0;overflow-wrap:anywhere}.modal-tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:7px;flex:none}
dialog{max-height:calc(100dvh - 24px)}dialog[open]{display:flex;flex-direction:column}.modal-head{flex:none}.modal-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.document-dialog[open]{width:96vw;max-width:1600px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;border-radius:8px}
.document-dialog .modal-head{padding:6px 10px;min-height:46px;gap:10px}.document-dialog .modal-head h2{font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1;outline:none}
.document-dialog .modal-body{display:flex;flex:1;min-height:0;padding:0;overflow:hidden}.document-dialog .document-frame{display:block;flex:1;width:100%;height:100%;min-height:0;border:0}
.document-dialog .modal-tools .preview-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}
.document-dialog .icon-button{width:34px;height:34px;min-height:34px;padding:7px}.document-dialog .modal-head h2{letter-spacing:0}
.document-dialog.is-maximized{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
.signing-dialog{max-width:620px}.signing-dialog .modal-body{padding:16px 20px}.signing-dialog .cert-list{max-height:44dvh;min-height:70px;overflow:auto;overscroll-behavior:contain;padding:2px}
.signing-dialog .cert{margin:0 0 8px;padding:12px 14px;border-radius:6px}.signing-dialog .cert:last-child{margin-bottom:0}.signing-dialog .cert b{font-size:16px;line-height:1.4;margin-bottom:3px}.signing-dialog .cert span{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.signing-dialog .cert .cert-thumbprint{font-size:11px}
.personal-cert-filter{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:12px 0;font-size:13px;line-height:1.4}.personal-cert-filter input{width:16px;height:16px;min-height:16px;min-width:16px;padding:0;flex:none;margin:0}
.sign-documents{font-size:13px;margin:12px 0}.sign-documents summary{cursor:pointer}.sign-documents ol{padding-left:22px;max-height:18dvh;overflow:auto;overflow-wrap:anywhere}.signing-terms{font-size:13px;margin:14px 0;line-height:1.6}.signing-dialog .wide{min-height:42px;padding:10px 14px;font-size:16px}
.cert-empty{padding:14px 10px;color:var(--muted);font-size:14px;line-height:1.6}.completed-documents{margin:16px 0}.completed-documents>summary{padding:12px 0;font-size:15px;font-weight:650;cursor:pointer}.completed-documents .doc{margin-top:12px}
@media(max-width:600px){.document-dialog[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.document-dialog .modal-head{gap:6px;padding:5px 8px}.document-dialog .modal-head h2{font-size:13px}.document-dialog .preview-download span{display:none}.document-dialog .modal-tools .preview-download{width:34px;padding:7px}.signing-dialog .modal-body{padding:12px}.signing-dialog .cert-list{max-height:40dvh}.modal-tools{gap:4px}}

.trash-name{font-size:12px;line-height:1.5;max-width:480px;margin-top:4px}.staff-summary-meta>.danger{font-size:11px;min-height:29px;padding:5px 9px}.staff-summary-meta>.danger:hover{background:#fff0ee;border-color:#e3bcbc}

/* IRD: action is conveyed by both the color and the explicit heading/status. */
:root{--ird-ready-bg:#edf7f0;--ird-ready-line:#c4e0cd;--ird-edit-bg:#fcf0ef;--ird-edit-line:#ebcecb}
.ird-block{padding:18px;border:1px solid;border-radius:12px;margin-top:16px}.ird-ready{background:var(--ird-ready-bg);border-color:var(--ird-ready-line)}.ird-editable{background:var(--ird-edit-bg);border-color:var(--ird-edit-line)}
.ird-block-heading{margin-bottom:14px}.ird-block-heading h3{font-size:15px;margin:0 0 5px}.ird-block-heading p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.ird-block .dropzone{background:#ffffffa6;margin-bottom:12px}.ird-editable .dropzone{border-color:#dcb7b3}.ird-block .doc:last-child{margin-bottom:0}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.template-slot{min-width:0;padding:16px;border:1px solid #e6cbc8;border-radius:10px;background:#ffffff65}.template-slot h4{font-size:14px;margin:0 0 12px;line-height:1.5}.template-slot:last-child{grid-column:1/-1}
.template-slot .doc{padding:14px;margin-bottom:8px}.template-slot .doc-top{gap:10px}.template-slot .doc-name{font-size:13px}.template-slot .doc-actions{gap:6px;flex-wrap:wrap}.template-slot .small{font-size:11px;padding:7px 10px}
.template-document{min-width:0}.template-document.is-ready{background:var(--ird-ready-bg);border:1px solid var(--ird-ready-line);border-radius:9px;padding:10px}.template-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;margin-top:10px}.instruction-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:13px}.template-document>.instruction-text{margin-top:10px}.empty-instruction{font-size:11px;margin:8px 0}.ird-history{margin-top:18px}
.customer-upload{margin-top:12px;padding:12px;background:white;border:1px solid var(--line);border-radius:9px}.customer-upload small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.customer-upload .actions{flex-wrap:wrap;margin-top:10px;gap:8px}.customer-upload a{font-size:12px}.inline-check{display:flex;align-items:center;gap:10px}.inline-check input{width:18px;height:18px;flex:0 0 18px}
.public-mode .customer-ready,.public-mode .customer-template{border-width:1px;border-style:solid}.public-mode .customer-instructions{font-size:17px;background:#ffffff85;border-radius:9px;padding:15px;margin:15px 0}.public-mode .doc-actions{flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:12px 20px;background:white;color:var(--deep);font-weight:600}.public-mode .button{font-size:18px;min-height:52px}.upload-success{margin-top:15px}.upload-success p{margin:8px 0}.review-feedback{margin-top:15px;padding:14px;border:1px solid #dcb7b3;border-radius:9px}.review-feedback p{margin:5px 0;font-size:17px}
@media(max-width:1100px){.template-grid{grid-template-columns:minmax(0,1fr)}.ird-block{padding:14px}.template-slot:last-child{grid-column:auto}}
@media(max-width:600px){.public-mode .customer-instructions{font-size:16px}.public-mode .doc-actions>*{width:100%}.ird-block{padding:12px}.template-slot{padding:12px}}

/* Release: a compact 2x2 template grid, prominent instructions and persistent terms. */
.template-slot:last-child{grid-column:auto}
.request-disclosure>summary{padding:18px 22px;cursor:pointer;font-weight:650}
.repeat-label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600}.repeat-label input{width:16px;height:16px}
.public-mode .customer-instructions{background:#fff;border:1px solid #94b4a1;border-left:5px solid #187c50;padding:17px 20px;box-shadow:0 2px 8px #173e2c08}
.customer-instructions .instruction-heading{display:block;color:#145d3c;font-size:16px;margin-bottom:8px;letter-spacing:.1px}
.public-mode .customer-instructions .instruction-text{font-size:18px;font-weight:600;line-height:1.65}
.customer-dock.legal-only{display:block}.customer-dock.legal-only .sticky-legal{border:0;padding:0;max-width:none}
.delivery-dock>span{max-width:950px;line-height:1.5}.customer-status{min-width:0}.customer-status h1{max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px){.public-mode .customer-instructions{padding:14px}.public-mode .customer-instructions .instruction-text{font-size:16px}}