:root{font-family:Arial,sans-serif;color:#f4f2f9;background:#0a0c13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#29194235,transparent 45%),#0a0c13}main{max-width:1120px;margin:auto;padding:36px 22px}header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}header a{color:#ad97cc;text-decoration:none}h1,h2{font-family:Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(33px,5vw,55px);max-width:650px}.intro{margin:70px 0 32px}.intro p{max-width:700px;color:#aea6b9}.eyebrow{letter-spacing:.22em;color:#a481d4;font-weight:700;font-size:11px}.panel{border:1px solid #302b3c;background:#12141c;padding:26px;border-radius:17px;margin:20px 0;box-shadow:0 15px 45px #0002}.panel h2{margin:0 0 16px}label{display:grid;gap:7px;margin:13px 0;color:#ccc4dc;font-size:12px}input,select{width:100%;background:#0c1018;color:#fff;border:1px solid #443a51;padding:12px;border-radius:9px}button{background:#62409d;border:1px solid #8b64be;color:#fff;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}details{margin-top:20px;border-top:1px solid #34303b;padding-top:16px;color:#aaa2b8}summary{cursor:pointer}#loginBox{width:min(480px,100%)}#status{color:#ccb4ec;min-height:24px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #302c39;font-size:12px;white-space:nowrap}th{color:#a29caf}p{line-height:1.6}#dashboard[hidden]{display:none}@media(max-width:600px){.panel{padding:18px}.intro{margin:45px 0 26px}.toolbar{align-items:flex-start;flex-direction:column}}.managed-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #30313c;padding-bottom:16px;margin:18px 0}.managed-tabs button{background:#1b1d28;border-color:#343444;color:#b9b4c6;font-size:12px;padding:9px 12px}.managed-tabs button.chosen{background:#3e285f;border-color:#7654a0;color:white}.managed-records{display:grid;gap:9px;margin-bottom:20px}.managed-card{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #30313b;background:#171922;padding:12px 16px;border-radius:10px}.managed-card strong{display:block;font-size:13px}.managed-card small{display:block;color:#9c91af;margin-top:5px}.managed-actions{display:flex;gap:6px}.managed-actions button,.managed-card button{font-size:11px;padding:8px 10px;background:#222432;border-color:#403b50}#managedEditor{border-top:1px solid #31303d;padding-top:18px;margin-top:15px}#managedEditor form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#managedEditor form label{margin:0}#managedEditor form button{margin-top:14px}#recordStatus{color:#c7a6f2;font-size:12px}@media(max-width:580px){#managedEditor form{grid-template-columns:1fr}.managed-card{align-items:flex-start;flex-direction:column}}

/* HOUSE MEDIA — SECURE WORKSPACE / NAVY FIRST v2
   Uniform with /painel/: navy-first hierarchy, neutral cards, violet accents. */
:root{
  color-scheme:dark;
  font-family:'DM Sans',system-ui,sans-serif;
  color:#F3F5FA;
  background:#080C17;
  --hm-page:#080C17;
  --hm-panel:#121824;
  --hm-raised:#182131;
  --hm-stroke:#2D3849;
  --hm-muted:#A4ACBD;
  --hm-violet:#7650AE;
  --hm-lilac:#BAA6E2;
}
body{
  background:radial-gradient(ellipse at 100% 0%,rgba(70,92,122,.1),transparent 36%),#080C17;
  color:#F3F5FA;
  font-family:'DM Sans',system-ui,sans-serif;
}
header{padding:5px 0 16px;border-bottom:1px solid #283344}
header a{color:var(--hm-lilac)}
header a:hover{color:#D6C5F4}
h1,h2,h3{
  font-family:'Zalando Sans Expanded','DM Sans',sans-serif;
  color:#F5F6FA;
  letter-spacing:-.055em;
}
h1{line-height:1.12}
h2{font-size:clamp(19px,2.3vw,24px);line-height:1.2}
.intro{margin:65px 0 32px}
.intro p{color:var(--hm-muted)}
.eyebrow{color:var(--hm-lilac)}
.panel{
  background:var(--hm-panel);
  border:1px solid var(--hm-stroke);
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}
label{color:#B9C4D3}
input,select{
  background:#0E1521;
  border:1px solid #3A475B;
  color:#F3F5FA;
}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{
  outline:2px solid #A88CD4;
  outline-offset:2px;
}
input:focus,select:focus{border-color:#8973B5}
button{
  background:#1D2939;
  border:1px solid #364459;
  color:#E9ECF5;
  transition:background .2s,border-color .2s;
}
button:hover{background:#2A3647;border-color:#4A5B72}
#loginForm button,#signupForm button,#inviteForm button,#recordForm button[type=submit]{
  background:linear-gradient(120deg,#422B69,#62409D);
  border-color:#70549C;
  color:#FFF;
}
#loginForm button:hover,#signupForm button:hover,#inviteForm button:hover,#recordForm button[type=submit]:hover{
  background:linear-gradient(120deg,#573B7C,#7654AE);
  border-color:#9A7AC8;
}
details{border-top-color:#303C4D;color:#AAB6C8}
summary:hover{color:#E7DEFA}
#status{color:#BCA9E1}
#loginBox{background:#141C2A}
.toolbar{gap:20px}
.toolbar p{color:#9EABBD}
table{background:transparent}
th,td{border-bottom:1px solid #2C3848;color:#C8D0DC}
th{color:#9EACBF;font-weight:700}
tr:hover td{background:#192231}
.managed-tabs{border-bottom:1px solid #303C4E}
.managed-tabs button{
  background:#192332;
  border-color:#354256;
  color:#B7C1D0;
}
.managed-tabs button:hover{background:#263246;color:white}
.managed-tabs button.chosen{
  background:#273347;
  border-color:#675780;
  color:#F4F3FC;
  box-shadow:inset 0 -2px 0 #9E7ACB;
}
.managed-card{
  background:#182231;
  border-color:#344052;
}
.managed-card strong{color:#EEF1F8}
.managed-card small{color:#9BAABC}
.managed-actions button,.managed-card button{
  background:#202C3B;
  border-color:#3B495D;
  color:#D6DFEA;
}
.managed-actions button:hover,.managed-card button:hover{
  background:#303D50;
  border-color:#5E6A80;
}
#managedEditor{border-top-color:#303C4D}
#recordStatus{color:#BCA5DE}
@media(max-width:600px){.intro{margin:45px 0 26px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}


/* Secure CRM: new-client action below all form fields */
#managedEditor form .managed-submit{
  grid-column:1 / -1;
  width:100%;
  min-height:46px;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}