:root{color:#172b40;background:#f3f6fa;font-family:Segoe UI,Arial,sans-serif}
body{background:radial-gradient(ellipse at 0 20%,#e8f2ff 0,transparent 40%),#f3f6fa}
.topbar{height:108px;padding:12px max(28px,calc((100vw - 1240px)/2));background:#03080e;border-bottom:1px solid #183148;gap:24px}
.product-logo{display:block;flex:none}.product-logo img{width:244px;height:auto;display:block}
.brand-owner{display:flex;align-items:center;gap:24px}.brand-owner>span{font-size:10px;letter-spacing:2px;color:#8bacc6;white-space:nowrap}.brand-owner img{width:215px;height:82px;object-fit:contain}
main{max-width:1240px;padding:22px 28px 32px}
.workspace-bar{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;color:#536980;font-size:14px}.workspace-bar i{display:inline-block;width:7px;height:7px;background:#17a9ea;border-radius:50%;margin-right:8px}.workspace-bar .secondary{padding:8px 14px;background:transparent;border:1px solid #cedde9;color:#536980;font-size:12px}#company-space-name{font-weight:700;color:#1f3d55}
.company-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:#fff;border:1px solid #dce6f0;border-radius:12px}.company-nav button{background:#f3f8fc;color:#2a4a63;border:1px solid transparent;padding:10px 16px;font-size:13px;margin:0}.company-nav button:hover{background:#e3f1ff;box-shadow:none}.company-nav button.active{background:#087ccd;color:#fff}.company-nav button.active:hover{background:#0665a8}
#panel-sign .welcome{min-height:168px;margin-bottom:18px}#panel-sign .welcome-copy{padding:22px 28px}#panel-sign .welcome h1{font-size:28px;margin:0 0 10px}#panel-sign .welcome-copy>p:not(.eyebrow){margin:0 0 12px;font-size:14px}#panel-sign .mascot{width:220px}#panel-sign .welcome .eyebrow{margin:0 0 10px}
.welcome{background:#02070e;border:1px solid #163449;border-radius:20px;overflow:hidden;position:relative;min-height:310px;margin-bottom:30px;display:flex;align-items:center;isolation:isolate}
.welcome:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,#073b5b 0,transparent 67%);z-index:-1}
.welcome-copy{padding:36px 42px;width:70%;position:relative;z-index:1}.welcome .eyebrow{color:#54ceff;font-size:10px;letter-spacing:2.1px;margin:0 0 18px}.welcome h1{color:#f5fbff;font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px}.welcome-copy>p:not(.eyebrow){color:#b0c5d6;font-size:15px;max-width:410px;margin:0 0 22px;line-height:1.6}
.welcome-tags{display:flex;gap:9px;flex-wrap:wrap}.welcome-tags span{color:#bfe7ff;background:#0c2538;border:1px solid #174663;border-radius:30px;font-size:10px;padding:7px 11px}
.mascot{position:absolute;right:16px;bottom:0;width:350px;height:100%;object-fit:contain;z-index:0;mask-image:linear-gradient(to right,transparent,#000 17%);-webkit-mask-image:linear-gradient(to right,transparent,#000 17%)}
.grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}.grid>.card{min-width:0}
.card{border:1px solid #dce6f0;border-radius:15px;padding:28px;box-shadow:0 5px 22px #10294004;margin-bottom:24px}
h2{font-size:21px;letter-spacing:-.45px;line-height:1.3}label{font-size:13px;color:#314960}input,select{border-color:#d3dee9;background:#fcfdff;border-radius:8px;min-height:44px;font-size:14px}input:focus,select:focus{border-color:#219dea;outline:2px solid #2eaeff22}input[type=file]{border-style:dashed;padding:16px 12px;background:#f5faff}input[type=file]::file-selector-button{background:#e3f1ff;border:0;border-radius:5px;color:#076ab4;padding:9px 11px;margin-right:12px;font-weight:600;cursor:pointer}
button{background:#087ccd;border-radius:8px;padding:12px 17px;font-size:14px;transition:background .15s,box-shadow .15s}button:hover{background:#0665a8;box-shadow:0 4px 12px #087ccd24}button.secondary{color:#285979;background:#edf5fc;border:1px solid #d9e9f7;font-size:12px}button.secondary:hover{background:#deeffc}button:disabled:hover{box-shadow:none}
#create,#sign{width:100%;margin-top:10px;background:linear-gradient(110deg,#067acb,#119bed)}#create:hover,#sign:hover{background:#067acb}
.step-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.step-heading>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e7f4ff;color:#087fcb;font-size:13px;font-weight:700;flex:none}.step-heading p{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7a8da1;margin:0 0 5px}.step-heading h2{margin:0}
.note{font-size:12px;color:#6c7e91;line-height:1.7}.grid>.card>p{font-size:13px;color:#637b90;line-height:1.6}.navigation{background:#f3f7fb;border-radius:8px;padding:5px;font-size:12px}.navigation button{border:0;background:white}
#stage{border-color:#d9e2eb;box-shadow:0 6px 20px #0822410a}#selection{background:#0f9dff20;border-color:#1387d2;color:#0969a3}#selection [data-resize]{background:#1387d2}#size-controls{background:#f2f7fc;border-radius:8px;padding:8px 12px;margin-bottom:16px;gap:20px}#size-controls label{font-size:12px;margin:0}#size-controls output{float:right;font-size:11px;color:#60809b}#size-controls input{min-height:28px;accent-color:#128bd8;margin-top:3px;background:transparent}
.a1-card{background:linear-gradient(110deg,#fff,#f0f8ff);border-left:3px solid #1599e6}.section-tag{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#0984cd;display:block;margin-bottom:12px}.a1-card h2{font-size:25px;margin-bottom:14px}.a1-card>p{font-size:14px;color:#567189;max-width:840px}.a1-card ol{font-size:13px;color:#536c82;padding-left:20px}.a1-card label{max-width:760px}.a1-card input{background:white}.a1-card #local-open{background:#087ccd;color:white;font-size:13px}
#login,#setup{max-width:480px;margin:55px auto 80px;padding:34px}#login h1,#setup h1{font-size:32px}#login .eyebrow{font-size:10px;letter-spacing:1.5px;color:#118cd5}#login button,#setup button{width:100%;margin-top:16px}#status:not(:empty){border:1px solid #c3e1f4;background:#e9f6ff;padding:13px 17px;border-radius:9px;font-size:14px;margin-bottom:20px}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dbe5ee;padding-top:22px;font-size:11px;color:#7b8d9d}footer strong{color:#365b78;font-weight:700}#signer>h1{margin-bottom:28px}#signer>.eyebrow{font-size:10px;color:#1288ce;letter-spacing:1.8px}
@media(max-width:900px){.brand-owner>span{display:none}.welcome-copy{padding:30px;width:70%}.welcome h1{font-size:36px}.mascot{width:290px;right:0}.grid{grid-template-columns:1fr}.welcome-copy>p:not(.eyebrow){max-width:320px}.card{padding:24px}#panel-sign .welcome h1{font-size:24px}#panel-sign .mascot{width:180px}}
@media(max-width:600px){.topbar{height:86px;padding:10px 18px;gap:10px}.product-logo img{width:184px}.brand-owner img{width:140px;height:58px}main{padding:18px 16px}.welcome{min-height:270px;border-radius:14px}.welcome-copy{width:100%;padding:25px 22px}.welcome h1{font-size:31px;max-width:275px}.welcome .eyebrow{font-size:8px;letter-spacing:1px}.welcome-copy>p:not(.eyebrow){max-width:235px;font-size:12px}.mascot{width:190px;right:-56px;opacity:.35}.welcome-tags{max-width:280px;gap:6px}.welcome-tags span{font-size:8px;padding:6px 9px}.card{padding:20px}.a1-card h2{font-size:23px}footer{flex-direction:column;gap:8px}.brand-owner{gap:0}.step-heading h2{font-size:19px}#login,#setup{margin:32px auto;padding:26px}.company-nav button{flex:1;min-width:118px;font-size:12px;padding:9px 10px}#panel-sign .welcome{min-height:132px}#panel-sign .welcome-copy{padding:18px 16px}#panel-sign .mascot{display:none}.doc-filters{grid-template-columns:1fr}}

#preview-empty{min-height:320px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#eef3f850 24px),#fafcfe;border:1px dashed #d6e3ee;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:22px;padding:28px 14px}#preview-empty>strong{font-size:14px;color:#527591;margin-top:22px}#preview-empty>p{font-size:12px;line-height:1.7;color:#8296a8;margin:9px 0 0}.empty-document{width:62px;height:78px;border:2px solid #b5d7ed;background:white;border-radius:6px;position:relative;padding:17px 10px}.empty-document span{display:block;height:3px;background:#d2e6f3;border-radius:2px;margin:7px 0}.empty-document span:last-of-type{width:60%}.empty-document b{position:absolute;right:-10px;bottom:-9px;width:31px;height:31px;background:#1596dc;color:white;border:4px solid #fafcfe;border-radius:50%;display:grid;place-items:center;font-size:15px}.a1-card ol{list-style:decimal;padding-left:23px;margin:15px 0}.a1-card ol li{display:list-item;border:0;padding:5px 0;line-height:1.6}.a1-card ol li::marker{color:#128bcd;font-weight:700}

.people-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:22px;flex-wrap:wrap}.people-heading h3{font-size:14px;margin:0}.people-actions{display:flex;gap:8px;flex-wrap:wrap}.people-heading button{font-size:11px;padding:8px}.person-row{display:flex;border:1px solid #dce4ee;border-left:4px solid var(--person-color);border-radius:7px;margin:9px 0;overflow:hidden}.person-row.active{outline:2px solid var(--person-color);outline-offset:1px}.person-select{flex:1;background:#f6f9fc;color:#29455b;text-align:left;font-size:12px;padding:10px;white-space:normal}.person-select:hover{background:#e8f1f7}.remove-person{padding:7px;background:white;color:#8a4753;font-size:10px}.remove-person:hover{background:#fae9ed}.share-person{border-left:4px solid var(--person-color);padding:12px;margin:14px 0;background:white;border-radius:5px}.share-person strong{font-size:13px}.share-person input{font-size:12px}.share-person a{font-size:12px;margin-right:14px;color:#0878b8}.share-person button{margin-top:10px}#documents details,#legacy-docs details{width:100%;flex-basis:100%;font-size:12px}#documents summary,#legacy-docs summary{cursor:pointer;color:#227aac}#documents details p,#legacy-docs details p{margin:8px 0}
.doc-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.legend-chip{display:inline-flex;align-items:center;gap:6px;background:#f3f8fc;color:#3d5870;border:1px solid #d7e4ef;padding:7px 11px;font-size:12px;margin:0}.legend-chip:hover{background:#e7f2fb;box-shadow:none}.legend-chip.active{background:#087ccd;color:#fff;border-color:#087ccd}.legend-chip i{width:11px;height:11px;border-radius:3px;display:inline-block;border:1px solid transparent}.legend-chip i.doc-pending{background:#f4a259;border-color:#d67d2e}.legend-chip i.doc-partial{background:#e8c547;border-color:#c4a322}.legend-chip i.doc-signed{background:#5cb87a;border-color:#3a9158}.legend-chip i.doc-revoked{background:#d65c5c;border-color:#b13d3d}
.doc-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr);gap:12px;margin:4px 0 14px}.doc-filters label{margin:0;font-size:12px}.doc-filters input{min-height:40px;margin-top:6px}
.doc-card-body{flex:1;min-width:220px}.doc-title{display:block;font-size:15px}.doc-status,.doc-dates{margin:4px 0 0;font-size:12px;color:#4d6478;font-weight:400;line-height:1.5}
#documents,#legacy-docs{display:flex;flex-direction:column;gap:10px}#documents li.doc-card,#legacy-docs li.doc-card{border:1px solid;border-left-width:6px;border-radius:10px;padding:14px 16px;margin:0}
.doc-card.doc-pending{background:#fff4e8;border-color:#f0b27a;border-left-color:#e67e22}
.doc-card.doc-partial{background:#fff8dc;border-color:#e0c04a;border-left-color:#d4ac0d}
.doc-card.doc-signed{background:#e8f7ee;border-color:#7dca93;border-left-color:#27ae60}
.doc-card.doc-revoked{background:#fdecea;border-color:#e08a8a;border-left-color:#c0392b}
#company-form,#profile-form,#password-form,#cert-form{max-width:560px}#company-error,#cert-error,#create-error{color:#a32929;font-weight:600}#profile-cnpj{background:#f3f7fb}
.a1-action{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;margin:8px 0}.a1-action input{max-width:240px;min-height:38px;margin:0}
.a1-dialog{border:0;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 32px);color:#172b40;box-shadow:0 18px 48px #0a243866}.a1-dialog::backdrop{background:#0a1c2ccc}.a1-dialog h2{margin:0 0 8px;font-size:22px}.a1-dialog #a1-dialog-doc{margin:0 0 14px;font-size:14px;font-weight:600;color:#2a4a63}.a1-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;align-items:center}.a1-dialog-actions a{color:#0878b8;font-weight:600;font-size:14px}.a1-dialog #a1-dialog-error{color:#a32929;font-weight:600;min-height:1.2em;margin:8px 0 0}.a1-dialog #a1-dialog-confirm{margin:0}
#password-form,#cert-form{margin-top:22px}#cert-remove{margin-top:12px}#selection,.other-selection,.signer-mark{border-color:var(--person-color,#1387d2);background:color-mix(in srgb,var(--person-color,#1387d2) 14%,transparent);color:var(--person-color,#1387d2)}#selection [data-resize]{background:var(--person-color,#1387d2)}.other-selection{position:absolute;border:2px dashed var(--person-color);border-radius:0;font-size:11px;padding:2px;line-height:1.2;overflow:hidden;z-index:2;box-shadow:none}.other-selection:hover{background:color-mix(in srgb,var(--person-color) 25%,transparent);box-shadow:none}#selection{z-index:3}#active-person{font-weight:600}#signer-stage{position:relative}#signer-marks{position:absolute;inset:0;pointer-events:none}.signer-mark{position:absolute;border:2px dashed var(--person-color);font-size:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}#check-completion{margin:0 10px 12px 0}