/* o atributo hidden sempre vence o display das classes */
[hidden]{display:none !important}
/* AgroEdu Hub — o que é novo em relação ao tema trazido da Plataforma AgroPós (base/tema-v2/tema-v3) */
.hub-logo{display:flex;align-items:center;gap:10px;font:800 1.15rem/1 Montserrat,Inter,sans-serif;color:var(--shell-ink);letter-spacing:-.01em}
.hub-logo b{color:var(--accent)}
.hub-logo-side{font-size:1rem}
.login-brand .hub-logo{font-size:1.4rem}
.login-ok{color:var(--good);background:var(--good-wash);border-radius:10px;padding:10px 12px;font-size:.84rem}
.escolha-lista{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.escolha-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.escolha-item:hover{border-color:var(--accent);background:var(--accent-wash)}
.escolha-item b{font-size:.92rem;display:block}
.escolha-item small{color:var(--ink-muted);font-size:.76rem}
.escolha-item .chip{flex:none}

.conta-badge{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:10px;background:rgba(244,241,234,.08);border:1px solid var(--shell-border)}
.conta-cor{width:10px;height:10px;border-radius:3px;background:var(--conta-cor,#FF4900);flex:none}
.conta-nome{font:600 .8rem/1.2 var(--font-ui);color:var(--shell-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banner-dono{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--warning-wash);color:var(--ink);border-bottom:1px solid var(--warning);padding:10px 24px;font-size:.84rem}
.banner-dono .btn{padding:6px 12px}
.user-menu .dd .conta-op{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.user-menu .dd .conta-op small{color:var(--ink-muted);font-size:.72rem}
.user-menu .dd .conta-op.atual{opacity:.6;cursor:default}
.user-menu .dd .dd-grp{font:700 .68rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:8px 12px 4px}

/* uso do plano */
.uso-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.uso-item{display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.uso-item .uso-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.uso-item .uso-h b{font-size:.84rem}
.uso-item .uso-h small{color:var(--ink-muted);font-size:.74rem}
.uso-item .uso-n{font:800 1.5rem/1 Montserrat,Inter,sans-serif;font-variant-numeric:tabular-nums}
.uso-item .uso-n small{font:600 .8rem/1 var(--font-ui);color:var(--ink-muted)}
.uso-bar{height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.uso-bar i{display:block;height:100%;border-radius:6px;background:var(--good)}
.uso-bar.alerta i{background:var(--warning)}
.uso-bar.cheio i{background:var(--critical)}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700}
.status-pill.ativa{background:var(--good-wash);color:var(--good)}
.status-pill.teste{background:var(--warning-wash);color:var(--warning)}
.status-pill.suspensa,.status-pill.erro{background:var(--critical-wash);color:var(--critical)}
.status-pill.encerrada,.status-pill.nao_testada{background:var(--surface-2);color:var(--ink-muted)}
.status-pill.ok{background:var(--good-wash);color:var(--good)}

/* conexões */
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.cx-card{display:flex;flex-direction:column;gap:10px;padding:18px}
.cx-card .cx-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cx-card h4{margin:0;font-size:.95rem}
.cx-card p{margin:0;font-size:.78rem;color:var(--ink-muted);line-height:1.4}
.cx-card .cx-meta{font-size:.74rem;color:var(--ink-muted)}
.cx-card .cx-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.cx-grupo{font:800 .72rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:22px 0 10px}
.cx-grupo:first-child{margin-top:0}
.cx-form{display:flex;flex-direction:column;gap:14px}
.cx-form .field input,.cx-form .field textarea,.cx-form .field select,.form-grid .field input,.form-grid .field select,.form-grid .field textarea{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:9px 12px;font:inherit;font-size:.86rem;color:var(--ink);width:100%}
.cx-form .field textarea{min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}
.cx-form .field small,.form-grid .field small{color:var(--ink-muted);font-size:.72rem}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}
.form-acoes{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.form-msg{font-size:.82rem;margin-right:auto}
.form-msg.erro{color:var(--critical)}
.form-msg.ok{color:var(--good)}
.cor-linha{display:flex;align-items:center;gap:10px}
.cor-linha input[type=color]{width:44px;height:36px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}

/* usuários como página (na AgroPós era um modal) */
.usr-pagina .usr-wrap{height:min(76vh,760px);position:relative;border-top:none}
.usr-msg{font-size:.8rem}
.usr-msg.erro{color:var(--critical)}
.usr-msg.ok{color:var(--good)}
.usr-convites{padding:12px 8px 4px}
.usr-convites h5{margin:0 0 6px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.usr-convite{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;border:1px dashed var(--border);font-size:.78rem;margin-bottom:4px}
.usr-convite small{display:block;color:var(--ink-muted)}
.usr-convite .acoes{display:flex;gap:4px;flex:none}
.usr-convite .acoes button{background:none;border:none;color:var(--accent);cursor:pointer;font:600 .74rem var(--font-ui);padding:2px 4px}
.link-caixa{display:flex;gap:6px;align-items:center}
.link-caixa input{flex:1;min-width:0;border:1px solid var(--border);background:var(--surface-3);border-radius:8px;padding:8px 10px;font:inherit;font-size:.78rem;color:var(--ink)}

/* painel do dono */
.dono-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dono-tabela td .who small{display:block}
.dono-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.dono-kpis .kpi-card b{font:800 1.4rem/1 Montserrat,Inter,sans-serif}
.dono-kpis .kpi-card small{color:var(--ink-muted);font-size:.72rem}
.log-lista{display:flex;flex-direction:column}
.log-item{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-2);font-size:.8rem}
.log-item small{color:var(--ink-muted);font-size:.72rem}
.log-item code{font-size:.72rem;color:var(--ink-soft);word-break:break-all}
.marcas-lista{display:flex;flex-direction:column;gap:8px}
.marca-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-2);border-radius:12px}
.marca-item .conta-cor{width:12px;height:12px}
.marca-item b{font-size:.86rem}
.marca-item small{color:var(--ink-muted);font-size:.74rem}
.marca-item .sp{flex:1}
.vazio{padding:28px;text-align:center;color:var(--ink-muted);font-size:.84rem}
@media (max-width:760px){.log-item{grid-template-columns:1fr}.banner-dono{flex-direction:column;align-items:flex-start;padding:10px 16px}}

/* marca da conta: logo e cores */
.hub-logo.com-logo{display:block}
.hub-logo .marca-logo{max-height:44px;max-width:220px;object-fit:contain;display:block}
.login-brand .hub-logo .marca-logo{max-height:64px;max-width:280px}
.mobilebar .hub-logo .marca-logo{max-height:26px;max-width:140px}
.hub-logo .marca-ini{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--conta-cor,#FF4900);color:#fff;font:800 1.05rem/1 Montserrat,Inter,sans-serif;flex:none}
.hub-logo .marca-nome{font:800 1.05rem/1.15 Montserrat,Inter,sans-serif;color:var(--shell-ink);letter-spacing:-.01em}
.login-brand .hub-logo .marca-ini{width:48px;height:48px;font-size:1.4rem;border-radius:14px}
.login-brand .hub-logo .marca-nome{font-size:1.5rem}
.mobilebar .hub-logo .marca-ini{width:26px;height:26px;font-size:.85rem;border-radius:8px}
.mobilebar .hub-logo .marca-nome{font-size:.9rem}
.login-brand{background:radial-gradient(120% 90% at 0% 0%,var(--shell-3,#0F3D22) 0%,var(--shell) 55%)}
.nav-grp{color:var(--nav-grp-ink,#FF9D6E)}
.hoje-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px}
.hoje-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--border-2);background:var(--surface);box-shadow:var(--shadow)}
.hoje-card i{flex:none;width:10px;height:10px;border-radius:3px;margin-top:5px;background:var(--good)}
.hoje-card.warning i{background:var(--warning)} .hoje-card.critical i{background:var(--critical)}
.hoje-card b{display:block;font-size:.86rem} .hoje-card span{font-size:.78rem;color:var(--ink-muted);line-height:1.4}
.hoje-card a,.hoje-card button.link{font:600 .76rem var(--font-ui);color:var(--accent);background:none;border:none;padding:0;cursor:pointer;margin-top:4px;display:inline-block}
.saudacao{font:800 1.5rem/1.2 Montserrat,Inter,sans-serif;margin:0 0 4px}
.saudacao-sub{color:var(--ink-muted);font-size:.86rem;margin:0 0 18px}
.preview-marca{border-radius:16px;overflow:hidden;border:1px solid var(--border-2);display:grid;grid-template-columns:120px 1fr;min-height:120px}
.preview-marca .pv-side{background:linear-gradient(185deg,var(--pv-shell,#071F11),var(--pv-shell2,#0c2a17));padding:12px;display:flex;flex-direction:column;gap:8px}
.preview-marca .pv-side i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.18)}
.preview-marca .pv-side i.on{background:var(--pv-accent,#FF4900)}
.preview-marca .pv-main{padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.preview-marca .pv-btn{display:inline-block;background:var(--pv-accent,#FF4900);color:var(--pv-accent-ink,#fff);border-radius:9px;padding:7px 12px;font:600 .78rem var(--font-ui);width:max-content}
.preview-marca .pv-logo{color:#fff;font:800 .8rem Montserrat,Inter,sans-serif;display:flex;align-items:center;gap:6px;min-height:28px}
.preview-marca .pv-logo img{max-height:28px;max-width:100px;object-fit:contain}

/* login: título em duas linhas (o tema antigo punha a 2ª parte em caixa alta ao lado e cortava) */
.login-hero .brand-nome{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.login-hero .brand-nome .l1{font:800 2.1rem/1.1 Montserrat,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.login-hero .brand-nome .l2{font:600 1.05rem/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--conta-cor,#FF4900);white-space:normal}
/* celular: a faixa do login vira uma linha — título menor e sem a frase longa */
@media (max-width:760px){
  .login-brand .hub-logo{font-size:1rem} .login-brand .hub-logo .marca-ini{width:34px;height:34px;font-size:1rem;border-radius:10px} .login-brand .hub-logo .marca-nome{font-size:1rem} .login-brand .hub-logo .marca-logo{max-height:34px;max-width:150px}
  .login-hero .brand-nome .l1{font-size:1rem} .login-hero .brand-nome .l2{font-size:.74rem}
  .login-hero .login-tag{display:none}
  .login-brand .login-foot{display:none}
}