:root{--bg:#15181a;--panel:#1b2024;--panel2:#232930;--line:#313a44;--text:#f7f8f6;--muted:#96a1ad;--accent:#0B1F4D;--accent2:#C69A2D;--accent-deep:#071633;--good:#C69A2D;--warn:#f0a323;--bad:#ff6b6b;--shadow:0 18px 60px rgba(0,0,0,.30);--radius:14px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;background-image:radial-gradient(circle at 88% 5%,rgba(198,154,45,.12),transparent 30%),radial-gradient(circle at 20% 100%,rgba(11,31,77,.10),transparent 35%)}button,input,textarea,select{font:inherit}.hidden{display:none!important}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative}.auth-brand{display:flex;gap:13px;align-items:center;position:absolute;top:34px;left:40px}.brand-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#a30e1c);box-shadow:0 8px 26px rgba(239,59,59,.3);font-weight:950;font-style:italic;font-size:25px}.brand-mark.small{width:36px;height:36px;border-radius:9px;font-size:20px}.brand-name{font-weight:900;letter-spacing:1.9px;font-size:15px}.brand-sub{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:3px}.auth-card{width:min(460px,100%);background:rgba(27,32,36,.96);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.auth-card h1{font-size:27px;margin:0 0 8px}.auth-card p{color:var(--muted);line-height:1.55}.auth-foot{position:absolute;bottom:25px;color:#647386;font-size:12px}
.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:12px;font-weight:700;color:#c7d0db}.input,.field input,.field textarea,.field select{width:100%;border:1px solid #2a374a;background:#0a1018;color:var(--text);padding:12px 13px;border-radius:9px;outline:none;transition:.15s}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.input:focus{border-color:#5c6d83;box-shadow:0 0 0 3px rgba(92,109,131,.15)}.row{display:flex;gap:12px}.row>*{flex:1}.btn{border:0;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent2)}.btn.ghost{background:#151e2b;border:1px solid #2b394d;color:#dfe6ee}.btn.danger{background:#35161b;border:1px solid #6b252f;color:#ff9da8}.btn.good{background:#123327;border:1px solid #215d45;color:#80e2b7}.btn.full{width:100%}.link-btn{border:0;background:none;color:#ff7777;font-weight:800;cursor:pointer;padding:0}.help{font-size:12px;color:var(--muted);line-height:1.5}.error{color:#ff9494;font-size:13px;margin:10px 0}.success{color:#7ee0b5;font-size:13px}.divider{height:1px;background:var(--line);margin:22px 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:rgba(21,24,26,.97);border-right:1px solid #29313a;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;gap:11px;align-items:center;padding:0 6px 24px}.sidebar nav{display:grid;gap:5px}.nav-item{background:transparent;border:0;color:#92a0b2;padding:11px 12px;border-radius:9px;text-align:left;font-weight:750;display:flex;align-items:center;gap:11px;cursor:pointer}.nav-item:hover{background:#111a26;color:#e8edf3}.nav-item.active{background:#171f2c;color:#fff}.nav-dot{width:7px;height:7px;border-radius:50%;background:#536177}.nav-item.active .nav-dot{background:var(--accent);box-shadow:0 0 12px rgba(239,59,59,.65)}.side-bottom{margin-top:auto}.user-card{padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:#0d141e}.user-name{font-size:13px;font-weight:800}.user-role{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.main{grid-column:2;min-width:0}.topbar{height:105px;border-bottom:1px solid #1e2836;display:flex;align-items:center;justify-content:space-between;padding:22px 34px;position:sticky;top:0;background:rgba(21,24,26,.92);backdrop-filter:blur(12px);z-index:10}.eyebrow{color:var(--accent2);font-size:10px;font-weight:900;letter-spacing:2px}.topbar h1{font-size:26px;margin:4px 0 0}.top-actions{display:flex;gap:10px}.content{padding:28px 34px 60px}.banner{margin:18px 34px 0;padding:12px 15px;border-radius:9px;font-size:13px}.banner.warn{background:#382a0d;border:1px solid #705315;color:#f5d995}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat-card{background:linear-gradient(145deg,#111925,#0d141e);border:1px solid var(--line);border-radius:var(--radius);padding:19px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:800}.stat-value{font-size:31px;font-weight:900;margin-top:8px}.stat-sub{font-size:11px;color:#69798d;margin-top:5px}.panel{background:linear-gradient(145deg,#1e2429,#171c21);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.16)}.panel-head{padding:18px 20px;border-bottom:1px solid #202b3a;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:16px;margin:0}.panel-body{padding:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.toolbar .search{max-width:360px;flex:1}.filter-row{display:flex;gap:8px}.select-small{background:#111a26;border:1px solid #2b394d;color:#dbe2ea;border-radius:8px;padding:9px 10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#76869a;text-align:left;padding:12px 14px;border-bottom:1px solid #263143}.table td{padding:13px 14px;border-bottom:1px solid #1d2735;font-size:13px;color:#d5dde7}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#131c29}.muted{color:var(--muted)}.mini{font-size:11px}.strong{font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;border:1px solid #334157;background:#172131;color:#b9c4d2}.badge.completed,.badge.ready{background:#0e2d22;border-color:#1c5941;color:#79ddb1}.badge.sent,.badge.viewed{background:#17263c;border-color:#29496f;color:#8dbbff}.badge.draft{background:#2b260e;border-color:#5d5114;color:#decf71}.badge.voided,.badge.expired{background:#32161b;border-color:#61252f;color:#ff909c}.tag{display:inline-flex;padding:4px 7px;border:1px solid #324156;border-radius:6px;color:#9cadc0;font-size:10px;margin-right:4px}.empty{padding:48px;text-align:center;color:var(--muted)}
.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.template-card{background:#0f1722;border:1px solid var(--line);border-radius:12px;padding:18px;cursor:pointer;transition:.16s}.template-card:hover{border-color:#41536d;transform:translateY(-2px)}.template-top{display:flex;justify-content:space-between;gap:12px}.template-name{font-weight:850;line-height:1.3}.template-meta{font-size:11px;color:var(--muted);margin-top:8px}.template-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;border-top:1px solid #202a38;padding-top:13px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:24px;z-index:100}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#101721;border:1px solid #334158;border-radius:16px;box-shadow:var(--shadow)}.modal.large{width:min(920px,100%)}.modal-head{padding:20px 22px;border-bottom:1px solid #253144;display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:19px}.modal-body{padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px}.close-btn{border:0;background:#172231;color:#aeb9c6;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:18px}.code-box{background:#070b11;border:1px solid #2a3749;border-radius:9px;padding:12px;font-family:ui-monospace,monospace;word-break:break-all;font-size:12px;color:#dbe6f2}.secret-box{background:#1e1610;border:1px solid #5d3d22;padding:14px;border-radius:10px;color:#ffd6a4}.toast-root{position:fixed;right:22px;bottom:22px;display:grid;gap:9px;z-index:200}.toast{min-width:280px;max-width:420px;background:#17212e;border:1px solid #34445a;color:#eef3f8;padding:13px 15px;border-radius:10px;box-shadow:var(--shadow);font-size:13px}.toast.bad{border-color:#6a2832;background:#2d1519}.toast.good{border-color:#22563f;background:#10251d}
.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:150px 190px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #202a38}.audit-type{font-weight:800;font-size:12px}.audit-time,.audit-actor{font-size:11px;color:var(--muted)}
.editor-backdrop{position:fixed;inset:0;background:#070b10;z-index:150;display:grid;grid-template-rows:64px 1fr}.editor-head{background:#0d141e;border-bottom:1px solid #263244;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.editor-title{font-weight:850}.editor-actions{display:flex;gap:8px}.editor-layout{display:grid;grid-template-columns:190px 1fr 260px;min-height:0}.field-tools{background:#0c121b;border-right:1px solid #222e3e;padding:16px;overflow:auto}.field-tools h3,.property-panel h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#8190a3;margin:5px 0 12px}.tool-field{width:100%;border:1px solid #2a3a50;background:#131d2a;color:#dfe7ef;padding:10px;margin-bottom:8px;border-radius:8px;text-align:left;cursor:pointer;font-weight:750}.tool-field.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(198,154,45,.16)}.editor-canvas-area{overflow:auto;background:#1a1f27;padding:28px;display:flex;align-items:flex-start;justify-content:center}.page-shell{position:relative;box-shadow:0 16px 50px rgba(0,0,0,.45);background:#fff;line-height:0}.page-shell canvas{display:block;max-width:none}.field-layer{position:absolute;inset:0;line-height:normal}.placed-field{position:absolute;border:2px solid var(--signer-border,var(--accent));background:var(--signer-bg,rgba(11,31,77,.14));color:var(--signer-text,#0B1F4D);font-size:10px;font-weight:900;padding:3px;cursor:move;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.placed-field.selected{outline:3px solid color-mix(in srgb,var(--signer-border,var(--accent)) 32%, transparent);z-index:5}.resize-handle{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;background:var(--signer-border,var(--accent));cursor:nwse-resize}.property-panel{background:#0c121b;border-left:1px solid #222e3e;padding:16px;overflow:auto}.page-nav{display:flex;gap:8px;align-items:center;margin-top:20px}.page-nav .btn{padding:8px 10px}.editor-hint{font-size:11px;color:#77879b;line-height:1.5;margin-top:14px}
.sign-status{display:flex;gap:9px;align-items:center}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px rgba(57,200,137,.7)}.skeleton{background:linear-gradient(90deg,#121b27,#182333,#121b27);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px;height:18px}.skeleton.tall{height:240px}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.editor-layout{grid-template-columns:160px 1fr 220px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.side-bottom{display:none}.main{display:block}.topbar{position:static;padding:18px 16px;height:auto}.content{padding:18px 16px}.banner{margin:12px 16px}.stats{grid-template-columns:1fr 1fr}.top-actions{display:none}.editor-layout{grid-template-columns:1fr}.field-tools,.property-panel{display:none}.auth-brand{position:static;margin-bottom:20px}.auth-wrap{display:flex;flex-direction:column}.auth-foot{position:static;margin-top:20px;text-align:center}}
/* Public signer */
.sign-page{min-height:100vh;background:#eef1f5;color:#17202b}.sign-top{height:84px;background:#15181a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 15px rgba(0,0,0,.18)}.sign-top .brand-name{font-size:16px}.sign-top-right{text-align:right;font-size:11px;color:#aab6c5}.sign-container{width:min(1180px,calc(100% - 28px));margin:22px auto 50px}.sign-card{background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 9px 35px rgba(30,42,58,.08);overflow:hidden}.sign-card-head{padding:20px 24px;border-bottom:1px solid #e1e5eb}.sign-card-head h1{font-size:20px;margin:0;color:#131c27}.sign-card-head p{font-size:13px;color:#657284;margin:7px 0 0}.consent-box{padding:28px}.consent-copy{background:#f6f7f9;border:1px solid #dde2e8;padding:18px;border-radius:10px;font-size:13px;line-height:1.6;color:#435064;max-height:200px;overflow:auto}.consent-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#293647;font-size:13px}.consent-check input{margin-top:3px}.sign-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:650px}.sign-document{background:#dfe4ea;padding:24px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.sign-page-shell{position:relative;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.18);line-height:0}.sign-page-shell canvas{display:block}.sign-field-layer{position:absolute;inset:0;line-height:normal}.sign-field{position:absolute;border:2px solid var(--accent);background:rgba(255,255,255,.94);border-radius:3px;display:flex;align-items:center;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.sign-field.done{border-color:#279667;background:#effcf6}.sign-field input[type=text],.sign-field input[type=date]{width:100%;height:100%;border:0;background:transparent;color:#17202b;padding:3px 5px;outline:none;font-size:11px}.sign-field.checkbox{justify-content:center}.sign-field.checkbox input{width:18px;height:18px}.signature-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent-deep);font-weight:800;font-size:10px;cursor:pointer;padding:3px;text-align:center}.sign-field.done .signature-placeholder{color:#156b48;font-family:cursive;font-size:13px}.sign-side{background:#fff;border-left:1px solid #dde2e8;padding:22px;color:#263445}.sign-side h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#748196;margin:0 0 14px}.sign-info{padding:13px 0;border-bottom:1px solid #e5e8ed}.sign-info-label{font-size:10px;color:#8894a4;text-transform:uppercase;letter-spacing:.8px}.sign-info-value{font-size:13px;font-weight:700;margin-top:4px;word-break:break-word}.sign-page-controls{display:flex;gap:7px;align-items:center;margin:20px 0}.sign-page-controls button{background:#eef1f5;border:1px solid #d3d9e1;color:#243142;border-radius:7px;padding:7px 10px;cursor:pointer}.sign-submit{width:100%;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:13px;font-weight:850;cursor:pointer}.sign-submit:disabled{opacity:.45}.sign-help{font-size:11px;color:#7b8797;line-height:1.5;margin-top:13px}.sign-error{background:#F8F2E5;color:#071633;border:1px solid #D7BD7A;padding:12px;border-radius:8px;font-size:13px;margin:12px 0}.sign-success{padding:52px;text-align:center}.sign-success .check{width:58px;height:58px;border-radius:50%;background:#e5f8ef;color:#19865a;display:grid;place-items:center;font-size:31px;font-weight:900;margin:0 auto 16px}.sign-success h2{color:#17202b;margin:0 0 8px}.sign-success p{color:#647183}.sign-success-actions{display:flex;gap:9px;justify-content:center;margin-top:22px}.light-btn{border:1px solid #cfd6df;background:#fff;color:#273548;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}.red-btn{border:0;background:var(--accent);color:white;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}.signature-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;display:grid;place-items:center;padding:20px}.signature-dialog{width:min(580px,100%);background:#fff;color:#17202b;border-radius:14px;overflow:hidden}.signature-dialog-head{padding:18px 20px;border-bottom:1px solid #e0e5eb;display:flex;justify-content:space-between;align-items:center}.signature-dialog-head h2{font-size:18px;margin:0}.signature-dialog-body{padding:20px}.sig-tabs{display:flex;gap:8px;margin-bottom:15px}.sig-tabs button{border:1px solid #d3d9e2;background:#f7f8fa;padding:8px 13px;border-radius:7px;cursor:pointer;font-weight:700}.sig-tabs button.active{border-color:var(--accent);color:var(--accent-deep);background:#F8F2E5}.typed-signature{font-family:cursive;font-size:34px;border:1px solid #d9dee5;border-radius:8px;padding:16px;min-height:75px;display:flex;align-items:center}.draw-canvas{border:1px solid #cbd2dc;border-radius:8px;width:100%;height:180px;touch-action:none;background:white}.sig-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.verify-wrap{min-height:100vh;background:#edf1f5;display:grid;place-items:center;padding:20px;color:#17202b}.verify-card{width:min(650px,100%);background:white;border:1px solid #dbe1e8;border-radius:16px;box-shadow:0 12px 40px rgba(30,45,60,.1);padding:30px}.verify-card h1{margin:0 0 8px}.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.verify-item{background:#f6f8fa;border:1px solid #e2e6eb;border-radius:8px;padding:12px}.verify-item .k{font-size:10px;text-transform:uppercase;color:#7a8797}.verify-item .v{font-weight:800;margin-top:4px;word-break:break-word}.hash-light{font-family:ui-monospace,monospace;font-size:10px;word-break:break-all;color:#5d6978;background:#f7f8fa;border:1px solid #e3e7ec;padding:10px;border-radius:7px}
@media(max-width:800px){.sign-workspace{grid-template-columns:1fr}.sign-side{border-left:0;border-top:1px solid #dde2e8}.sign-document{padding:10px}.sign-top{padding:0 14px}.sign-container{width:100%;margin:0}.sign-card{border-radius:0;border-left:0;border-right:0}.verify-grid{grid-template-columns:1fr}}

.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:white}


.brand-logo{display:block;object-fit:contain;max-width:100%;height:auto}
.brand-logo-auth{width:210px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.18))}
.brand-logo-side{width:150px}
.brand-logo-sign{width:150px}
.auth-brand{gap:18px;align-items:flex-end}
.side-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 6px 24px}
.side-brand .brand-sub,.auth-brand .brand-sub,.sign-top .brand-sub{color:#8fa0ad}
.sign-top-brand{display:flex;align-items:center;gap:16px}
@media(max-width:760px){.brand-logo-auth{width:180px}.brand-logo-side,.brand-logo-sign{width:130px}.sign-top{height:auto;min-height:84px;align-items:flex-start;padding:14px}.sign-top-brand{align-items:flex-start;flex-direction:column;gap:8px}}

/* =========================================================
   CHELSEA SIGN v1.0.2 - Chelsea Insurance light brand system
   Matches chelseacover.com: white / asphalt / Chelsea navy
   ========================================================= */
:root{
  --bg:#f4f6f3;
  --panel:#ffffff;
  --panel2:#f8faf8;
  --line:#dfe3df;
  --text:#15181a;
  --muted:#667078;
  --accent:#0B1F4D;
  --accent2:#C69A2D;
  --accent-deep:#071633;
  --good:#0B1F4D;
  --warn:#f0a323;
  --bad:#c93e4a;
  --shadow:0 18px 48px rgba(21,24,26,.10);
}
html,body{background:var(--bg);color:var(--text)}
body{background-image:radial-gradient(circle at 90% 0,rgba(198,154,45,.09),transparent 28%),linear-gradient(180deg,#ffffff 0,#f4f6f3 62%,#eef1ed 100%)}

/* Authentication / first-run */
.auth-wrap{background:linear-gradient(135deg,#fff 0%,#f7f9f6 62%,#F6F1E6 100%)}
.auth-wrap:after{content:"";position:fixed;right:0;top:0;width:7px;height:100%;background:linear-gradient(180deg,var(--accent2),var(--accent-deep));opacity:.95}
.auth-brand{gap:18px;align-items:flex-end}
.auth-card{background:#fff;border:1px solid #dfe3df;box-shadow:0 24px 70px rgba(21,24,26,.11)}
.auth-card h1{color:#15181a}
.auth-card p,.auth-foot{color:#667078}
.brand-name{color:#15181a}
.brand-sub{color:#667078}
.eyebrow{color:var(--accent);font-weight:900}
.field label{color:#3e474e}
.input,.field input,.field textarea,.field select{background:#fff;color:#15181a;border:1px solid #ccd4cf}
.field input:focus,.field textarea:focus,.field select:focus,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(11,31,77,.12)}
.help,.muted{color:#667078}
.error{color:#b72f3b}.success{color:#071633}
.divider{background:#e2e6e2}
.link-btn{color:var(--accent-deep)}
.btn{box-shadow:none}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-deep)}
.btn.ghost{background:#fff;border:1px solid #ccd4cf;color:#273138}
.btn.ghost:hover{border-color:#9eaaa3;background:#f7f9f7}
.btn.good{background:#F8F2E5;border:1px solid #D7BD7A;color:#071633}
.btn.danger{background:#fff4f4;border:1px solid #ecc9cd;color:#a92d38}

/* Main administration */
.app-shell{background:#f4f6f3}
.sidebar{background:#fff;border-right:1px solid #dfe3df;box-shadow:8px 0 30px rgba(21,24,26,.035)}
.side-brand{border-bottom:1px solid #edf0ed;margin-bottom:16px;padding-bottom:20px}
.sidebar .brand-name{color:#15181a}
.sidebar .brand-sub{color:#758078}
.nav-item{color:#59636a}
.nav-item:hover{background:#f3f6f3;color:#15181a}
.nav-item.active{background:#F8F2E5;color:#071633;box-shadow:inset 3px 0 0 var(--accent)}
.nav-dot{background:#b3bbb6}
.nav-item.active .nav-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(11,31,77,.10)}
.user-card{background:#f7f9f7;border:1px solid #dfe3df}
.user-name{color:#15181a}.user-role{color:#6f7971}
.main{background:#f4f6f3}
.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #dfe3df;box-shadow:0 5px 22px rgba(21,24,26,.035)}
.topbar h1{color:#15181a}
.banner.warn{background:#fff9e9;border-color:#ead79b;color:#705515}

/* Dashboard cards / tables */
.stat-card{background:#fff;border:1px solid #dfe3df;box-shadow:0 9px 28px rgba(21,24,26,.045)}
.stat-card:before{content:"";display:block;width:28px;height:3px;background:var(--accent);border-radius:99px;margin-bottom:13px}
.stat-label{color:#68736b}.stat-value{color:#15181a}.stat-sub{color:#849087}
.panel{background:#fff;border:1px solid #dfe3df;box-shadow:0 10px 32px rgba(21,24,26,.05)}
.panel-head{border-bottom:1px solid #e5e8e5}.panel-head h2{color:#15181a}
.select-small{background:#fff;border:1px solid #ccd4cf;color:#273138}
.table th{color:#6f7973;border-bottom:1px solid #dfe3df;background:#fafbfa}
.table td{color:#303940;border-bottom:1px solid #edf0ed}
.table tbody tr:hover{background:#f7faf7}
.badge{background:#f2f4f3;border-color:#d8ded9;color:#58635b}
.badge.completed,.badge.ready{background:#F8F2E5;border-color:#D7BD7A;color:#071633}
.badge.sent,.badge.viewed{background:#eff6ff;border-color:#c8dcf4;color:#295f95}
.badge.draft{background:#fff9e9;border-color:#eadca9;color:#846615}
.badge.voided,.badge.expired{background:#fff2f3;border-color:#edc6ca;color:#a32c37}
.tag{border-color:#d5dcd6;color:#5e6a61;background:#fafbfa}
.template-card{background:#fff;border:1px solid #dfe3df;box-shadow:0 8px 24px rgba(21,24,26,.04)}
.template-card:hover{border-color:#BFA35C;box-shadow:0 12px 32px rgba(21,24,26,.075)}
.template-name{color:#15181a}.template-bottom{border-top-color:#edf0ed}
.empty{color:#718077}

/* Dialogs, toast and audit */
.modal-backdrop{background:rgba(21,24,26,.46);backdrop-filter:blur(3px)}
.modal{background:#fff;border:1px solid #dfe3df;box-shadow:0 30px 80px rgba(21,24,26,.22);color:#15181a}
.modal-head{border-bottom:1px solid #e2e6e2}.close-btn{background:#f2f4f2;color:#58625b}
.code-box{background:#f5f7f5;border:1px solid #d9dfda;color:#273138}
.secret-box{background:#fff8ea;border:1px solid #ead7aa;color:#654d14}
.toast{background:#fff;border:1px solid #d5ddd7;color:#15181a;box-shadow:0 14px 36px rgba(21,24,26,.14)}
.toast.bad{border-color:#e7bfc4;background:#fff6f6}.toast.good{border-color:#bfe1c8;background:#FBF7ED}
.audit-row{border-bottom-color:#e7eae7}.audit-time,.audit-actor{color:#717c74}

/* Template field editor */
.editor-backdrop{background:#e8ece8}
.editor-head{background:#fff;border-bottom:1px solid #d9dfda;color:#15181a;box-shadow:0 5px 18px rgba(21,24,26,.06)}
.field-tools,.property-panel{background:#fff}
.field-tools{border-right:1px solid #d9dfda}.property-panel{border-left:1px solid #d9dfda}
.field-tools h3,.property-panel h3{color:#667078}
.tool-field{border:1px solid #d4dbd6;background:#f8faf8;color:#273248}
.tool-field:hover{border-color:#C9B06E}.tool-field.active{border-color:var(--accent);background:#F8F2E5;box-shadow:0 0 0 2px rgba(11,31,77,.08)}
.editor-canvas-area{background:#e4e9e5}
.editor-hint{color:#69766d}
.placed-field{border-color:var(--signer-border,var(--accent));background:var(--signer-bg,#F8F2E5);color:var(--signer-text,#0B1F4D)}
.placed-field.selected{outline-color:color-mix(in srgb,var(--signer-border,var(--accent)) 28%, transparent)}
.resize-handle{background:var(--signer-border,var(--accent))}

/* Public signer */
.sign-page{background:#f3f5f2;color:#15181a;background-image:none}
.sign-top{background:#fff;color:#15181a;border-bottom:3px solid var(--accent);box-shadow:0 3px 18px rgba(21,24,26,.07)}
.sign-top .brand-name{color:#15181a}.sign-top .brand-sub{color:#68736b}.sign-top-right{color:#667078}
.sign-card{border-color:#dce2dd;box-shadow:0 12px 38px rgba(21,24,26,.07)}
.sign-card-head{border-bottom-color:#e2e7e3}.sign-card-head h1{color:#15181a}.sign-card-head p{color:#667078}
.consent-copy{background:#f7f9f7;border-color:#dce2dd;color:#435049}
.consent-check{color:#2e3932}
.sign-workspace{background:#fff}.sign-document{background:#e6eae7}
.sign-side{border-left-color:#dfe4e0;color:#26312a}.sign-side h3{color:#667078}.sign-info{border-bottom-color:#e4e8e5}.sign-info-label{color:#7b867e}.sign-info-value{color:#26312a}
.sign-page-controls button{background:#f5f7f5;border-color:#d5dbd7;color:#2f3932}
.sign-field{border-color:var(--accent)}.signature-placeholder{color:var(--accent-deep)}
.sign-submit,.red-btn{background:var(--accent)}.sign-submit:hover,.red-btn:hover{background:var(--accent-deep)}
.sig-tabs button.active{border-color:var(--accent);color:var(--accent-deep);background:#F8F2E5}
.sign-error{background:#fff3f4;color:#a22e39;border-color:#eac5ca}
.signature-dialog{color:#15181a}.signature-dialog-head{border-bottom-color:#e1e6e2}

/* Verification */
.verify-wrap{background:#f3f5f2;color:#15181a;background-image:none}
.verify-card{background:#fff;border-color:#dbe2dc;box-shadow:0 16px 46px rgba(21,24,26,.08)}
.verify-item{background:#f8faf8;border-color:#e1e6e2}.verify-item .k{color:#748078}.verify-item .v{color:#15181a}
.hash-light{background:#f7f9f7;border-color:#dfe4e0;color:#59645d}

/* Brand assets */
.brand-logo{display:block;object-fit:contain;max-width:100%;height:auto}
.brand-logo-auth{width:205px;filter:drop-shadow(0 4px 13px rgba(21,24,26,.08))}
.brand-logo-side{width:165px}
.brand-logo-sign{width:155px}
.auth-brand{align-items:center}.auth-brand>div{padding-bottom:4px}
.side-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sign-top-brand{display:flex;align-items:center;gap:16px}

@media(max-width:760px){
  .sidebar{box-shadow:none;border-bottom:1px solid #dfe3df}
  .sidebar nav{grid-template-columns:repeat(3,1fr)}
  .nav-item.active{box-shadow:inset 0 -3px 0 var(--accent)}
  .brand-logo-auth{width:180px}.brand-logo-side,.brand-logo-sign{width:135px}
  .sign-top{height:auto;min-height:88px;padding:13px 14px}
  .sign-top-brand{gap:10px}
}

/* =========================================================
   CHELSEA SIGN v1.1.0 - UI polish, field system, platform email
   ========================================================= */
.btn{min-height:42px;padding:10px 16px;border-radius:10px;font-size:13px;line-height:1.15;white-space:nowrap}
.btn:hover{transform:none}.btn:focus-visible,.close-btn:focus-visible,.tool-field:focus-visible{outline:3px solid rgba(11,31,77,.18);outline-offset:2px}
.btn.danger.subtle{background:#fff;border-color:#e5d8da;color:#9d3a43}.btn.danger.subtle:hover{background:#fff7f7;border-color:#deb9bd}
.modal{width:min(700px,calc(100vw - 32px));border-radius:18px;overflow:hidden}.modal.large{width:min(900px,calc(100vw - 32px))}.modal.clean{width:min(720px,calc(100vw - 32px))}
.modal-head{padding:18px 22px;background:#fff}.modal-head h2{font-size:18px;line-height:1.3;max-width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{padding:22px 24px 24px;overflow:auto;max-height:calc(90vh - 66px)}
.close-btn{width:34px;height:34px;border-radius:9px;font-size:19px;display:grid;place-items:center}.close-btn:hover{background:#e8ece8}
.modal-actions{padding-top:20px;gap:10px}.modal-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px -24px -24px;padding:16px 24px;background:#fafbfa;border-top:1px solid #e4e8e4}.modal-footer-actions>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:4px 0 18px}.detail-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:850;color:#647068}.detail-sub{font-size:13px;color:#69746d;margin-top:6px;line-height:1.45}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.detail-item{border:1px solid #e1e6e2;background:#f8faf8;border-radius:11px;padding:14px}.detail-item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#78837b;font-weight:800}.detail-item strong{display:block;font-size:22px;margin-top:4px;color:#18201b}.tech-details{border:1px solid #e1e6e2;border-radius:11px;background:#fafbfa;padding:0 14px}.tech-details summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:800;color:#58635b}.tech-details[open] summary{border-bottom:1px solid #e7ebe8}.tech-details .field{margin:12px 0 14px}
.envelope-form{display:grid;gap:14px}.form-section{border:1px solid #e1e6e2;border-radius:13px;background:#fff;padding:16px 18px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-title>span{width:27px;height:27px;border-radius:50%;background:#F8F2E5;color:#071633;font-size:12px;font-weight:900;display:grid;place-items:center}.section-title>div{display:grid;gap:1px}.section-title strong{font-size:13px}.section-title small{font-size:11px;color:#7a857d}.field label em{font-style:normal;font-weight:500;color:#89928c}.help.compact{margin:2px 0 0}
.delivery-card{display:flex;align-items:center;gap:10px;flex:1;align-self:center;border:1px solid #dfe5e0;border-radius:11px;padding:11px 12px;background:#f8faf8;min-height:60px}.delivery-card .delivery-dot{width:9px;height:9px;border-radius:50%;background:#b4beb7;flex:0 0 auto}.delivery-card.ready{background:#FBF7ED;border-color:#E2D1A6}.delivery-card.ready .delivery-dot{background:#0B1F4D;box-shadow:0 0 0 4px rgba(11,31,77,.10)}.delivery-card.not-ready{background:#fffaf0;border-color:#eadbb7}.delivery-card.not-ready .delivery-dot{background:#f0a323}.delivery-card strong{display:block;font-size:12px}.delivery-card small{display:block;font-size:10.5px;color:#768178;margin-top:2px;line-height:1.35}
.delivery-warning{border:1px solid #ead7aa;background:#fff9ea;border-radius:11px;padding:14px 15px;color:#654d14;margin-bottom:16px}.delivery-warning p{margin:5px 0 0;font-size:12px;line-height:1.45}.send-success{text-align:center;padding:10px 8px 4px}.send-success h3{margin:10px 0 5px;font-size:20px}.send-success p{margin:0 auto 14px;max-width:500px;color:#68736b}.send-check{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:#F8F2E5;color:#071633;font-size:12px;font-weight:950;border:1px solid #D7BD7A}.send-meta{font-size:12px;color:#68736b;margin:12px 0 18px}
.editor-layout{grid-template-columns:220px minmax(0,1fr) 280px}.field-tools{padding:14px}.field-tools h3{margin:11px 0 7px}.field-tools h3:first-child{margin-top:2px}.tool-field{min-height:37px;margin-bottom:6px;border-radius:9px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:12px;font-weight:750}.tool-field small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;background:#F8F2E5;color:#071633;border-radius:99px;padding:3px 5px}.tool-field.active small{background:#EEDFB7}.page-nav{margin-top:16px;padding-top:14px;border-top:1px solid #e2e7e3}.auto-field-note{font-size:11px;line-height:1.45;background:#F8F2E5;border:1px solid #c8e5d0;color:#0B1F4D;padding:10px;border-radius:9px;margin:12px 0}.property-panel{padding:16px}
.sign-field.auto{background:rgba(11,31,77,.08);border-style:solid}.auto-field-value{width:100%;height:100%;display:flex;align-items:center;padding:2px 6px;font-size:11px;font-weight:650;color:#0B1F4D;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:rgba(255,255,255,.86);border-radius:3px}.sign-field.auto.done{border-color:#0B1F4D}
@media(max-width:950px){.editor-layout{grid-template-columns:180px minmax(0,1fr) 230px}}
@media(max-width:760px){.row{flex-direction:column;gap:0}.detail-grid{grid-template-columns:repeat(3,1fr)}.modal-footer-actions{align-items:stretch;flex-direction:column}.modal-footer-actions>div{width:100%}.modal-footer-actions .btn{flex:1}.editor-layout{grid-template-columns:150px minmax(0,1fr)}.property-panel{display:none}.field-tools{padding:10px}.tool-field{font-size:10px;padding:7px}.tool-field small{display:none}}


/* =========================================================
   CHELSEA SIGN v1.1.2 - brand, email workflow and UI refinement
   ========================================================= */
.stat-value-text{font-size:20px;line-height:1.18;letter-spacing:-.25px;overflow-wrap:anywhere;word-break:break-word;margin-top:10px}
.template-actions .btn{min-width:108px}.template-actions .btn.primary{min-width:132px}.template-actions{gap:18px}
.message-placement-note{display:flex;align-items:flex-start;gap:10px;margin-top:9px;padding:10px 11px;border:1px solid #E7D8B6;background:#FBF8F0;border-radius:9px;color:#2B3447}
.message-placement-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#F3E8CC;color:#071633;font-size:10px;font-weight:900}
.message-placement-note strong{display:block;font-size:11px;color:#273248}.message-placement-note small{display:block;margin-top:2px;font-size:10.5px;line-height:1.4;color:#718078}
.accent-control{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center}.accent-swatch{width:38px;height:42px;border-radius:9px;border:1px solid #cbd6ce;box-shadow:inset 0 0 0 4px #fff}
.editor-head{min-height:76px;height:auto;padding:11px 18px}.editor-title{font-size:15px;line-height:1.25}.editor-subtitle{font-size:10.5px;line-height:1.35;color:#7a857d;margin-top:3px}.editor-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}
.palette-intro{padding:11px 11px 10px;margin:-1px 0 13px;border:1px solid #dce5de;background:#f7faf7;border-radius:10px}.palette-intro strong{display:block;font-size:12px;color:#202b24}.palette-intro span{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:#748078}
.field-tools h3{padding-top:9px;border-top:1px solid #edf1ee}.field-tools h3:first-of-type{border-top:0;padding-top:0}.tool-field{transition:border-color .12s,background .12s,box-shadow .12s}.tool-field:hover{background:#f3f9f5;border-color:#C9B06E}.tool-field.active{background:#F8F0DC;border-color:#0B1F4D;box-shadow:0 0 0 2px rgba(11,31,77,.10)}
.property-panel{background:#fbfcfb}.property-panel #fieldProps>.field:first-child{margin-top:8px}.auto-field-note{box-shadow:inset 3px 0 0 #0B1F4D}
.btn.primary{box-shadow:0 1px 2px rgba(11,31,77,.12)}.btn.primary:hover{box-shadow:0 4px 12px rgba(11,31,77,.14)}
@media(max-width:1050px){.stat-value-text{font-size:18px}.template-actions .btn{min-width:0}}

/* =========================================================
   CHELSEA SIGN v1.2.0 - ad-hoc envelopes + multi-signer builder
   ========================================================= */
.source-switch{display:flex;gap:8px;margin-bottom:14px;padding:4px;background:#f4f7f4;border:1px solid #e0e6e1;border-radius:11px}.source-choice{flex:1;min-height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:#657169;font-weight:800;cursor:pointer}.source-choice.active{background:#fff;border-color:#cdd8d0;color:#18231c;box-shadow:0 1px 3px rgba(21,24,26,.06)}.source-choice:disabled{opacity:.45;cursor:not-allowed}
.env-drop-zone{border:2px dashed #b9c9bd;border-radius:13px;background:#f8fbf8;min-height:145px;padding:24px;display:grid;place-items:center;text-align:center;gap:6px;cursor:pointer;transition:.15s border-color,.15s background}.env-drop-zone:hover,.env-drop-zone.dragging{border-color:#0B1F4D;background:#f0f9f3}.env-drop-zone strong{font-size:14px;color:#273248}.env-drop-zone span{font-size:11px;color:#748078}.drop-icon{width:42px;height:42px;border-radius:11px;background:#F3E8CC;color:#071633;display:grid;place-items:center;font-size:10px;font-weight:950;letter-spacing:.6px}
.env-file-list{display:grid;gap:7px;margin:10px 0 12px}.env-file-order-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 2px 2px}.env-file-order-head strong{font-size:11px;color:#273248}.env-file-order-head span{font-size:10px;color:#748078;text-align:right}.env-file-row{display:grid;grid-template-columns:28px 28px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #dce5de;background:#fff;border-radius:10px;padding:8px 9px;transition:.12s border-color,.12s background,.12s opacity}.env-file-row.file-drag-over{border-color:#0B1F4D;background:#f1faf4}.env-file-row.file-dragging{opacity:.5}.file-drag-handle{width:28px;height:30px;border:0;background:transparent;color:#839087;cursor:grab;font-size:17px;line-height:1;letter-spacing:-3px}.file-drag-handle:active{cursor:grabbing}.file-order-number{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#F8F2E5;color:#071633;font-size:10px;font-weight:900}.file-row-copy{min-width:0;display:grid;gap:2px}.file-row-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row-copy small{font-size:10px;color:#7b857f}.file-order-actions{display:flex;align-items:center;gap:4px}.file-order-btn,.file-remove-btn{width:30px;height:30px;border-radius:8px;border:1px solid #dbe4dd;background:#fff;color:#526057;display:grid;place-items:center;cursor:pointer;font-size:14px;font-weight:800}.file-order-btn:hover{border-color:#0B1F4D;color:#071633;background:#FBF8F0}.file-order-btn:disabled{opacity:.3;cursor:not-allowed}.file-remove-btn{border-color:#eadbdd;color:#a43f49}.file-remove-btn:hover{background:#fff7f7}.add-more-pdfs{justify-self:start;margin-top:2px}
.signer-list{display:grid;gap:10px}.signer-entry{border:1px solid #dde5df;border-radius:11px;background:#fafcfb;padding:12px}.signer-entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.signer-entry-head>div{display:flex;align-items:center;gap:8px}.signer-entry-head strong{font-size:12px}.signer-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0B1F4D;color:#fff;font-size:11px;font-weight:900}.remove-signer{width:29px;height:29px;border-radius:8px;border:1px solid #e4d6d8;background:#fff;color:#9d3a43;font-size:17px;cursor:pointer}.add-signer-btn{margin-top:10px}
.signer-summary-list{display:grid;gap:8px}.signer-summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e0e6e1;border-radius:10px;padding:10px 12px;background:#fafcfb}.signer-order{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#F8F2E5;color:#071633;font-weight:900}.signer-summary strong,.signer-summary span,.signer-summary small{display:block}.signer-summary strong{font-size:12px}.signer-summary>div:nth-child(2)>span{font-size:10.5px;color:#6d7971;margin-top:2px}.signer-summary small{font-size:10px;color:#88918b;margin-top:2px}.signer-count{color:#0B1F4D!important;font-weight:750;margin-top:3px}
.builder-signer-select{width:100%;margin-top:9px;min-height:38px;border:1px solid #cfd9d1;border-radius:8px;background:#fff;padding:7px 9px;color:#27322b;font-size:11px;font-weight:750}.field-owner-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;border-radius:99px;background:var(--signer-border,#0B1F4D);color:#fff;font-size:8px;font-weight:950;margin-right:5px;padding:0 5px}.placed-field{gap:3px}.placed-field.field-preview{cursor:default;background:var(--signer-bg,rgba(255,255,255,.92));border-style:solid;box-shadow:0 1px 5px rgba(21,24,26,.10);color:var(--signer-text,#273248);flex-wrap:wrap}.field-preview-name{width:100%;font-size:7.5px;color:#718078;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-mode .tool-field{opacity:.52;cursor:default}.preview-mode .property-panel{background:#f7faf7}.preview-panel{border:1px solid #E3D0A1;background:#FBF8F0;border-radius:10px;padding:13px;color:#0B1F4D}.preview-panel strong{font-size:12px}.preview-panel p{font-size:11px;line-height:1.45;margin:5px 0 0}
.multi-link-list{display:grid;gap:8px;margin:12px 0}.multi-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e6e1;border-radius:10px;background:#fafcfb;padding:10px 11px}.multi-link-row strong,.multi-link-row span{display:block;text-align:left}.multi-link-row strong{font-size:11px}.multi-link-row span{font-size:10px;color:#78837c;margin-top:2px}
@media(max-width:760px){.source-switch{flex-direction:column}.signer-summary{grid-template-columns:30px minmax(0,1fr)}.signer-summary>.badge{grid-column:2}.multi-link-row{align-items:stretch;flex-direction:column}}

@media(max-width:620px){.env-file-order-head{align-items:flex-start;flex-direction:column}.env-file-order-head span{text-align:left}.env-file-row{grid-template-columns:26px 26px minmax(0,1fr)}.file-order-actions{grid-column:3;justify-content:flex-start}.file-drag-handle{width:26px}.file-order-number{width:22px;height:22px}}

/* Chelsea Sign v1.2.3 - signer colors + mandatory preview */
.signer-color-legend{display:grid;gap:5px;margin-top:10px}.signer-color-legend.compact{grid-template-columns:1fr 1fr}.signer-color-item{display:flex;align-items:center;gap:6px;min-width:0;font-size:9.5px;line-height:1.25;color:#66736b;font-weight:750}.signer-color-item i{width:10px;height:10px;border-radius:3px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.preview-panel .signer-color-legend{margin-top:12px;padding-top:10px;border-top:1px solid #E7D8B6}.preview-mode .placed-field{pointer-events:none}.preview-mode #saveSend{box-shadow:0 0 0 3px rgba(11,31,77,.13)}


/* Chelsea Sign v1.3.0 - sequential signing, stronger signer colors, retention */
.sequential-route-note,.sequential-send-summary,.retention-note{border:1px solid #E2D6BA;background:#FAF7F0;border-radius:10px;padding:12px 14px;margin:10px 0 14px;color:#28334B}.sequential-route-note strong,.sequential-send-summary strong,.retention-note strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#071633}.sequential-route-note span,.sequential-send-summary span,.retention-note span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:#66736b}.customer-signer{border-color:#b7d9c0;background:#FBF8F0}.customer-signer .signer-number{background:#071633}.customer-signer .signer-role-label{color:#071633}.signer-color-item i{box-sizing:border-box}.placed-field{opacity:.96}.placed-field.field-preview{opacity:1}.preview-mode .placed-field{box-shadow:0 1px 6px rgba(21,24,26,.12)}

/* Chelsea Sign v1.3.0 - public sequential signing navigation */
.sign-order-note{margin:14px 0 0;padding:10px 12px;border:1px solid #d8e5dc;background:#f6faf7;border-radius:8px}
.sign-order-note strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#071633}
.sign-order-note span{display:block;margin-top:3px;font-size:11px;color:#64716a}
.sign-next{width:100%;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:13px;font-weight:850;cursor:pointer;margin:12px 0 8px}
.sign-next:hover{background:var(--accent-deep)}
.sign-next.ready-finalize{box-shadow:0 0 0 3px rgba(11,31,77,.14)}
.secondary-finish{width:100%;background:#fff!important;color:#071633!important;border:1px solid #b9d9c1!important;margin-top:0}
.secondary-finish:hover{background:#f4faf6!important}
.sign-field.next-focus{box-shadow:0 0 0 5px rgba(11,31,77,.23),0 2px 8px rgba(0,0,0,.12);z-index:5}

/* Chelsea Sign v1.3.1 completed document sets + cleanup controls */
.btn-small{min-height:34px!important;padding:7px 10px!important;font-size:11px!important;border-radius:8px!important}.table-actions{width:96px}.table-actions .btn{position:relative;z-index:2}.completed-files{margin:22px 0 4px;border:1px solid #d9e5dc;background:#fbfdfb;border-radius:13px;overflow:hidden}.completed-files-head{padding:17px 18px 15px;border-bottom:1px solid #e1e9e3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.completed-files-head h3{margin:3px 0 5px;font-size:15px}.completed-files-head p{margin:0;max-width:520px;font-size:11px;line-height:1.5;color:#718078}.completed-file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.individual-doc-list{display:grid}.individual-doc-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid #edf1ee}.individual-doc-row:last-child{border-bottom:0}.doc-order{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#F8F2E5;color:#071633;font-size:11px;font-weight:900}.doc-file-info{min-width:0}.doc-file-info strong{display:block;font-size:11.5px;color:#273138;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-file-info span{display:block;margin-top:2px;font-size:10px;color:#7a867f}.legacy-doc-note{padding:10px 15px;background:#fffaf0;border-top:1px solid #efe1bd;color:#7b6840;font-size:10.5px;line-height:1.5}@media(max-width:760px){.completed-files-head{flex-direction:column}.completed-file-actions{width:100%;justify-content:flex-start}.completed-file-actions .btn{flex:1}.individual-doc-row{grid-template-columns:28px minmax(0,1fr)}.individual-doc-row .btn{grid-column:2;width:max-content}}

/* Signer header logo: size by height so the square crest fits inside the header bar */
.sign-top{height:auto;min-height:124px;padding-top:12px;padding-bottom:12px}
.sign-top .brand-logo-sign{width:auto;height:100px;max-width:none;flex-shrink:0}
@media(max-width:760px){.sign-top{min-height:96px;padding-top:10px;padding-bottom:10px}.sign-top .brand-logo-sign{height:76px}}