:root{color-scheme:light;--ink:#20243a;--muted:#697086;--blue:#2e78d2;--border:#dfe3ee;--purple:#7656ad;--cyan:#20a2b9;--pink:#e55a98;--primary-dark:#245fa9}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f6f7fb;color:var(--ink);font:16px/1.55 Arial,sans-serif}.brand{display:flex;align-items:center;gap:14px;padding:22px max(24px,calc((100vw - 1160px)/2));background:white;border-bottom:1px solid var(--border)}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#7059af,#3d8bc5);color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand .domain{margin-left:auto;font-size:13px;color:var(--muted)}main{max-width:1160px;margin:32px auto;padding:0 20px;min-height:70vh}.auth-card{max-width:510px;margin:50px auto;padding:32px;background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 40px #26334b0a}h1{font-size:29px;line-height:1.2;margin:12px 0}h2{font-size:26px;line-height:1.25}h3{font-size:20px}.section-kicker{font-size:12px;font-weight:800;color:var(--purple);letter-spacing:.1em}p{color:var(--muted)}form{display:grid;gap:18px;margin:20px 0}label{display:grid;gap:6px;font-size:15px;font-weight:600}input,select{font:inherit;color:var(--ink);background:white;border:1px solid #b9c9e0;border-radius:9px;padding:12px;width:100%;min-width:0}input:focus,select:focus{outline:3px solid #c9dcfa;border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid transparent;border-radius:10px;font:700 14px Arial,sans-serif;line-height:1.4;cursor:pointer;text-decoration:none}.primary{background:var(--blue);color:white}.secondary{background:white;border-color:#c8d6ea;color:#35577e}.button:disabled{opacity:.5;cursor:wait}.button:hover:not(:disabled){filter:brightness(.96)}details{margin:20px 0;padding:14px;border:1px solid var(--border);border-radius:10px}summary{cursor:pointer;font-weight:600}code{display:block;overflow-wrap:anywhere;background:#f0f4fb;padding:12px;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.toolbar>div:first-child{display:grid;gap:5px}.toolbar span{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.panel,#unit-dialog{background:white;border:1px solid var(--border);border-radius:18px;padding:28px}.panel>section+section{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.user-form{grid-template-columns:1fr 1fr auto;align-items:end}.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border)}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted)}#invite-box{padding:20px;background:#eef3fc;border-radius:12px}#invite-box button{margin-top:12px}#message{padding:16px;background:#eaf2fe;border:1px solid var(--border);border-radius:12px;color:var(--ink)}#message.error{background:#fff0ec;color:#913c2c}.unit-shell{padding:0}.unit-confirm{font-weight:400}.unit-confirm input{flex-shrink:0}.helper{font-size:14px}.unit-table{min-width:700px}footer{text-align:center;padding:24px;color:var(--muted);font-size:12px}@media(max-width:700px){.brand{padding:16px}.brand .domain{display:none}main{padding:0 12px;margin-top:20px}.auth-card{margin:20px auto;padding:24px}.user-form{grid-template-columns:1fr}.panel,#unit-dialog{padding:18px}.toolbar .actions{width:100%}.toolbar .button{flex:1}.user-row .actions{width:100%}}

/* Identidade visual compartilhada com o sistema comercial PF. */
body{font-family:"DM Sans",Arial,sans-serif;background:radial-gradient(ellipse at 94% 18%,#20a2b90d,transparent 36%),radial-gradient(ellipse at 6% 90%,#e55a980a,transparent 35%),#f6f7fb}
body::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--pink),var(--purple) 23%,var(--blue) 45%,var(--cyan) 65%,#e6c94e 92%,#e99a50)}
.brand{padding:20px max(24px,calc((100vw - 1160px)/2));min-height:92px;box-shadow:0 4px 18px #2b365b06}
.brand-mark{background:linear-gradient(145deg,var(--purple),var(--blue) 55%,var(--cyan));border-radius:14px;box-shadow:0 6px 16px #2e78d21a}
.brand strong{font-size:20px;letter-spacing:-.025em}.brand>div:nth-child(2)>span{font-size:14px;color:var(--muted);margin-top:2px}
.brand .domain{font-size:12px}
.auth-card{max-width:540px;margin:42px auto;padding:36px 40px;border-radius:24px;box-shadow:0 18px 60px #2b365b0b;border-top:4px solid var(--purple)}
.auth-card h1{font-size:32px;letter-spacing:-.035em;margin:14px 0 18px}
.auth-card>p{line-height:1.65;margin:0 0 24px}
.auth-card form{gap:20px;margin:24px 0}
.section-kicker{font-size:11px;letter-spacing:.14em}
input,select{border-color:#d5dbe8;min-height:48px;border-radius:10px;padding:13px 14px}
input:focus,select:focus{outline:3px solid #2e78d21a;border-color:var(--blue)}
input[type=checkbox]{accent-color:var(--blue)}
.button{min-height:46px;border-radius:11px;font-size:15px;transition:background .15s,box-shadow .15s}
.button.primary{background:var(--blue);box-shadow:0 5px 14px #2e78d21a}
.button.primary:hover:not(:disabled){background:var(--primary-dark);filter:none;box-shadow:0 7px 20px #2e78d226}
.button.secondary{color:#35577e;border-color:#d5dbe8}
.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #7656ad66;outline-offset:3px}
.auth-card .button.primary{min-height:50px;font-size:16px}
.auth-card details{margin:26px 0 0;padding:16px 18px;background:#fafafe;border-color:#e3dfef}
.auth-card summary{font-size:14px;color:#655487}
.toolbar{padding:18px 22px;background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 24px #2b365b05}
.panel,#unit-dialog{border-radius:20px;box-shadow:0 10px 30px #2b365b06}
#administration h2{letter-spacing:-.025em}
#invite-box{background:#eef5fd;border:1px solid #cbdcf1}
#message{max-width:1160px;margin:20px auto}
#unit-dialog .unit-totals{background:transparent;padding:0;gap:12px}
.unit-totals>div{padding:18px;border:1px solid #ccd9f2;border-radius:12px;background:#edf3ff}
.unit-totals>div:nth-child(2){background:#ecf6fc;border-color:#c9e3f1}
.unit-totals>div:nth-child(3){background:#f1edfb;border-color:#dad0f0}
.unit-totals>div:nth-child(4){background:#fff2f7;border-color:#edcedd}
.unit-totals span{font-size:13px;color:var(--muted)}.unit-totals strong{font-size:23px;margin-top:7px}
.unit-table-wrap{border:1px solid var(--border);border-radius:12px}
.unit-table th{color:#515a75;background:#f2f5fa}.unit-table tbody tr:hover{background:#fafbfe}
footer{padding:26px 20px;font-size:12px;line-height:1.6}
@media(max-width:700px){.brand{padding:16px 20px;min-height:80px}.brand strong{font-size:18px}.auth-card{padding:26px 24px;margin:24px auto}.auth-card h1{font-size:28px}.toolbar{padding:16px}.unit-totals>div{padding:13px}.unit-totals strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
