:root {
    --primary-color: #2563eb;
    --primary-dark: #1d4ed8;
    --sidebar-bg: #1e1e2d;
    --sidebar-text: #6f7288;
    --sidebar-active: #ffffff;
    --bg-body: #f6f8fc;
    --bg-card: #ffffff;
    --text-main: #1e293b;
    --text-muted: #64748b;
    --success: #1bc5bd;
    --danger: #f64e60;
    --warning: #ffa800;
    --login-bg-image: url('https://picsum.photos/seed/office/800/1200');
    --border-radius: 12px;
    --shadow: 0 2px 8px rgba(15, 23, 42, 0.045);
    --font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-body);
    color: var(--text-main);
    height: 100vh;
    overflow: hidden;
}

.first-access-card{max-width:620px}.first-access-intro{color:var(--text-muted);line-height:1.65;margin:0 0 28px;max-width:58ch}.form-hint{display:block;color:var(--text-muted);font-size:.78rem;line-height:1.45;margin-top:7px}.first-access-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#9f1239;font-size:.84rem;line-height:1.5;margin:0 0 18px;padding:12px 14px}.first-access-aside>div{max-width:410px}.first-access-aside i{font-size:2rem;margin-bottom:20px}.first-access-aside h2{font-size:1.75rem;margin:0 0 10px}.first-access-aside p{color:#dbeafe;line-height:1.7}
.first-credentials-backdrop{align-items:center;background:rgba(15,23,42,.72);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.first-credentials-dialog{background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(15,23,42,.28);display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:880px;overflow:hidden;width:100%}.first-credentials-dialog>header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:24px 26px}.first-credentials-dialog h2{font-size:1.35rem;font-weight:700;margin:0 0 5px}.first-credentials-dialog header p{color:#64748b;font-size:.9rem;margin:0}.first-credentials-close{align-items:center;background:#f1f5f9;border:0;border-radius:10px;color:#334155;display:flex;height:38px;justify-content:center;width:38px}.first-credentials-close:hover{background:#e2e8f0}.first-credentials-warning{align-items:flex-start;background:#fffbeb;color:#92400e;display:flex;font-size:.86rem;gap:10px;line-height:1.5;margin:18px 26px 0;padding:12px 14px;border-radius:12px}.first-credentials-list{display:grid;gap:14px;overflow:auto;padding:18px 26px}.first-credentials-service{border:1px solid #e2e8f0;border-radius:14px;padding:16px}.first-credentials-service h3{color:#16376a;font-size:.95rem;margin:0 0 10px}.first-credential-row{align-items:center;display:grid;gap:12px;grid-template-columns:150px minmax(0,1fr) 34px;padding:7px 0}.first-credential-row>span{color:#64748b;font-size:.78rem;font-weight:600}.first-credential-row code{background:#f8fafc;border-radius:8px;overflow-wrap:anywhere;padding:7px 9px}.first-credential-row button{background:transparent;border:0;border-radius:7px;color:#2563eb;height:32px}.first-credential-row button:hover{background:#eff6ff}.first-credentials-dialog>footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:18px 26px}@media(max-width:640px){.first-credentials-backdrop{padding:10px}.first-credentials-dialog{max-height:calc(100vh - 20px)}.first-credential-row{grid-template-columns:1fr 34px}.first-credential-row>span{grid-column:1/-1}.first-credentials-dialog>footer{align-items:stretch;flex-direction:column-reverse}.first-credentials-dialog>footer .btn{justify-content:center;width:100%}}

.hidden { display: none; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }

.btn {
    padding: 10px 20px;
    border-radius: 9px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}
.btn:hover, .btn:focus, .btn:active { text-decoration: none; }
.btn-sm { padding: 6px 12px; font-size: 12px; }
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: var(--primary-dark); }
.btn-primary:disabled { background-color: #ccc; cursor: not-allowed; }
.btn:disabled,
button:disabled,
input[type="submit"]:disabled,
.btn[aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: .58;
    pointer-events: none;
    transform: none !important;
    box-shadow: none !important;
}
.btn[data-action-locked="1"],
button[data-action-locked="1"] { filter: saturate(.72); }
.btn-outline { background-color: transparent; border: 1px solid #e4e6ef; color: var(--text-main); }
.btn-outline:hover { background-color: #f3f6f9; }
.btn-outline-danger { background-color: transparent; border: 1px solid rgba(246, 78, 96, 0.45); color: var(--danger); }
.btn-outline-danger:hover { background-color: rgba(246, 78, 96, 0.06); border-color: rgba(246, 78, 96, 0.7); }
.btn-danger { background-color: var(--danger); color: white; }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }
.font-bold { font-weight: 700; }

.auth-container { display: flex; height: 100vh; width: 100vw; background: white; }
.auth-left { width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 15%; background: white; }
.auth-right { width: 50%; background:#16376a; background-image:linear-gradient(145deg,#16376a 0%,#1d4e89 58%,#2563eb 100%); position: relative; overflow:hidden; }
.auth-right::before { content:''; position:absolute; width:420px; height:420px; right:-130px; bottom:-170px; border:70px solid rgba(255,255,255,.055); border-radius:50%; }
.auth-right::after { content: ''; position: absolute; width:260px; height:260px; left:12%; top:16%; border-radius:50%; background:rgba(255,255,255,.035); }
.brand-logo { font-size: 24px; font-weight: 800; color: var(--text-main); margin-bottom: 40px; display: flex; align-items: center; gap: 10px; }
.brand-logo i { color: var(--primary-color); }
.brand-logo.logo-only { gap: 0; }
.brand-logo.logo-only img { height: 40px !important; }

.form-group { margin-bottom: 20px; }
.form-label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 14px; }
.form-input { width: 100%; padding: 11px 14px; border: 1px solid #dfe6ee; border-radius: 9px; background-color: #f8fafc; transition: border-color 0.2s, box-shadow .2s, background-color .2s; }
.form-input:focus { border-color: var(--primary-color); background-color: white; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.auth-link { color: var(--primary-color); text-decoration: none; font-size: 13px; font-weight: 600; }
.auth-footer { margin-top: 30px; font-size: 14px; }

/* Domain management */
.panel-primary-nav{display:flex;align-items:center;gap:4px;margin-right:auto;margin-left:24px}.panel-primary-nav a{padding:7px 12px;border-radius:8px;color:#bfdbfe;font-size:12px;font-weight:650;text-decoration:none}.panel-primary-nav a:hover,.panel-primary-nav a.active{color:#fff;background:rgba(255,255,255,.13)}
.domain-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 26px;border-radius:16px;color:#fff;background:#16376a;box-shadow:0 8px 24px rgba(22,55,106,.15)}.domain-banner:after{content:"";position:absolute;right:-46px;top:-72px;width:190px;height:190px;border:28px solid rgba(255,255,255,.045);border-radius:50%}.domain-banner h1{position:relative;z-index:1;margin:0;font-size:25px;font-weight:750;letter-spacing:-.025em}.domain-banner p{position:relative;z-index:1;margin:5px 0 0;color:#dbeafe;font-size:13px}.domain-primary-action{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;color:#1d4ed8;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.domain-primary-action svg,.domain-back svg,.domain-check svg,.domain-manage svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.domain-summary{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) minmax(250px,1.6fr);align-items:center;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.domain-summary>div{display:flex;align-items:baseline;gap:8px;padding:18px 20px;border-right:1px solid #eef2f7}.domain-summary strong{color:#16376a;font-size:22px;font-variant-numeric:tabular-nums}.domain-summary span{color:#64748b;font-size:11px}.domain-summary p{margin:0;padding:18px 20px;color:#64748b;font-size:11px}.domain-summary b{display:block;margin-top:3px;color:#1e293b;font-size:13px;font-weight:650}
.domain-list{overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.domain-row{display:grid;grid-template-columns:40px minmax(240px,1fr) 170px 100px 115px;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid #eef2f7}.domain-row:last-child{border-bottom:0}.domain-row:hover{background:#f8fafc}.domain-row-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#2563eb;background:#eff6ff}.domain-row-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.domain-row-main{min-width:0}.domain-row-main>div{display:flex;align-items:center;gap:8px}.domain-row-main a{overflow:hidden;color:#172554;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.domain-row-main>span{display:block;margin-top:3px;color:#64748b;font-size:11px}.domain-type-primary{padding:2px 7px;border-radius:99px;color:#1d4ed8;background:#dbeafe;font-size:9px;font-weight:750;text-transform:uppercase}.domain-status{justify-self:start;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1px currentColor}.domain-row-ssl{display:grid;gap:2px}.domain-row-ssl small{color:#94a3b8;font-size:9px;text-transform:uppercase}.domain-row-ssl strong{color:#334155;font-size:11px}.domain-manage{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#2563eb;font-size:11px;font-weight:700;text-decoration:none}
.domain-empty{padding:64px 24px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-align:center}.domain-empty svg{width:42px;height:42px;margin:0 auto 16px;color:#2563eb;fill:none;stroke:currentColor;stroke-width:1.4}.domain-empty h2{color:#172554;font-size:18px}.domain-empty p{margin:7px 0 18px;color:#64748b;font-size:12px}.domain-empty a,.domain-inline-link{color:#2563eb;font-size:12px;font-weight:700;text-underline-offset:3px}
.domain-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#64748b;font-size:12px;font-weight:650;text-decoration:none}.domain-create-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.domain-create-grid>section,.domain-next-step{padding:26px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.domain-create-grid h1{color:#172554;font-size:24px;letter-spacing:-.02em}.domain-create-grid>section>p{margin-top:5px;color:#64748b;font-size:12px}.domain-create-form{margin-top:24px}.domain-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.domain-choice-grid label{cursor:pointer}.domain-choice-grid input{position:absolute;opacity:0;pointer-events:none}.domain-choice-grid label>span{display:block;min-height:94px;padding:15px;border:1px solid #dbe3ed;border-radius:12px}.domain-choice-grid input:checked+span{border-color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb}.domain-choice-grid input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}.domain-choice-grid b{display:block;color:#172554;font-size:13px}.domain-choice-grid small{display:block;margin-top:6px;color:#64748b;font-size:10px;line-height:1.5}.domain-field{display:grid;gap:6px;margin-top:16px}.domain-field[hidden]{display:none}.domain-field>span{color:#334155;font-size:11px;font-weight:700}.domain-field input,.domain-field select,.domain-record-form input,.domain-record-form select{min-height:42px;padding:9px 11px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#1e293b;font-size:12px}.domain-field small{color:#64748b;font-size:10px}.domain-submit,.domain-record-form>button,.domain-mail-actions button{min-height:43px;margin-top:20px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:#2563eb;font-size:12px;font-weight:700;cursor:pointer}.domain-next-step{color:#fff;background:#16376a;border:0}.domain-next-step>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}.domain-next-step h2{margin-top:26px;font-size:19px}.domain-next-step p{margin-top:7px;color:#bfdbfe;font-size:11px;line-height:1.6}.domain-next-step div{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.domain-next-step small{display:block;color:#93c5fd;font-size:9px;text-transform:uppercase}.domain-next-step strong{display:block;margin-top:5px;font-size:12px}
.domain-errors{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;color:#991b1b;background:#fff1f2;font-size:11px}.domain-errors ul{margin:5px 0 0 17px}.domain-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:14px;color:#fff;background:#16376a}.domain-detail-title{display:flex;align-items:center;gap:10px}.domain-detail-title h1{font-size:22px;letter-spacing:-.02em}.domain-detail-title span{padding:3px 8px;border-radius:99px;color:#16376a;background:#dbeafe;font-size:9px;font-weight:750;text-transform:uppercase}.domain-detail-head p{margin-top:5px;color:#bfdbfe;font-size:11px}.domain-check{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;cursor:pointer}.domain-tabs{display:flex;gap:22px;margin:0 8px;border-bottom:1px solid #dbe3ed}.domain-tabs a{padding:16px 2px 12px;border-bottom:2px solid transparent;color:#64748b;font-size:11px;font-weight:650;text-decoration:none}.domain-tabs a.active{border-bottom-color:#2563eb;color:#1d4ed8}.domain-overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px}.domain-health,.domain-facts,.domain-quick,.domain-dns,.domain-email,.domain-danger{padding:22px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.domain-health h2,.domain-facts h2,.domain-quick h2,.domain-dns h2,.domain-email h2,.domain-danger h2{color:#172554;font-size:15px}.domain-health-line{display:flex;gap:12px;margin-top:20px}.domain-health-line>span{width:10px;height:10px;margin-top:3px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #fef3c7}.domain-health-line.ok>span{background:#10b981;box-shadow:0 0 0 5px #d1fae5}.domain-health-line strong{color:#334155;font-size:12px}.domain-health-line p{margin-top:4px;color:#64748b;font-size:10px;line-height:1.5}.domain-record-needed{margin-top:20px;padding:13px;border-radius:9px;background:#f8fafc}.domain-record-needed small{display:block;color:#64748b;font-size:9px;text-transform:uppercase}.domain-record-needed b{display:block;margin-top:5px;color:#172554;font:650 11px/1.4 ui-monospace,SFMono-Regular,monospace}.domain-facts dl{margin-top:12px}.domain-facts dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:10px}.domain-facts dl>div:last-child{border-bottom:0}.domain-facts dt{color:#64748b}.domain-facts dd{color:#334155;font-weight:650}.domain-quick{margin-top:16px}.domain-quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.domain-quick form{display:flex}.domain-quick button,.domain-quick a{display:flex;width:100%;align-items:center;gap:10px;padding:13px;border:1px solid #e2e8f0;border-radius:11px;color:#334155;background:#fff;text-align:left;text-decoration:none;cursor:pointer}.domain-quick svg{width:19px;height:19px;flex:none;color:#2563eb;fill:none;stroke:currentColor;stroke-width:1.7}.domain-quick b{display:block;font-size:11px}.domain-quick small{display:block;margin-top:3px;color:#64748b;font-size:9px;line-height:1.4}
.domain-section-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.domain-section-head p,.domain-email>p{margin-top:4px;color:#64748b;font-size:10px}.domain-notice{padding:5px 9px;border-radius:99px;color:#92400e;background:#fef3c7;font-size:9px;font-weight:650}.domain-dns,.domain-email{margin-top:18px}.domain-record-table{margin-top:17px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.domain-record-header,.domain-record-row{display:grid;grid-template-columns:65px 1fr 2fr 70px 70px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #eef2f7}.domain-record-header{color:#64748b;background:#f8fafc;font-size:9px;font-weight:700;text-transform:uppercase}.domain-record-row:last-child{border-bottom:0}.domain-record-row{font-size:10px}.domain-record-row b{color:#2563eb}.domain-record-row code{overflow:hidden;color:#334155;text-overflow:ellipsis;white-space:nowrap}.domain-record-row button{border:0;color:#dc2626;background:transparent;font-size:9px;cursor:pointer}.domain-record-empty{padding:28px;color:#64748b;text-align:center;font-size:10px}.domain-record-form{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}.domain-record-form h3{color:#334155;font-size:12px}.domain-record-form>div{display:grid;grid-template-columns:100px 1fr 2fr 100px 100px;gap:9px;margin-top:12px}.domain-record-form label{display:grid;gap:5px;color:#64748b;font-size:9px}.domain-record-form p{margin-top:9px;color:#64748b;font-size:9px}.domain-mail-actions{display:flex;gap:10px;margin-top:18px}.domain-mail-actions button{margin:0}.domain-mail-actions a{display:flex;align-items:center;padding:0 15px;border:1px solid #dbe3ed;border-radius:9px;color:#2563eb;font-size:11px;font-weight:700;text-decoration:none}.domain-mail-info{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:1px;margin-top:20px;overflow:hidden;border:1px solid #e2e8f0;border-radius:10px;background:#e2e8f0}.domain-mail-info>*{padding:12px;background:#f8fafc;color:#475569;font-size:9px}.domain-mail-info b{color:#172554}.domain-redirect-target{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:14px;border-radius:10px;background:#f8fafc}.domain-redirect-target strong{color:#172554;font-size:12px}.domain-redirect-target span{padding:4px 8px;border-radius:99px;color:#1d4ed8;background:#dbeafe;font-size:9px;font-weight:700}.domain-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.domain-danger p{margin-top:3px;color:#64748b;font-size:10px}.domain-danger button{padding:9px 12px;border:1px solid #fecaca;border-radius:8px;color:#dc2626;background:#fff;font-size:10px;font-weight:700;cursor:pointer}
@media(max-width:900px){.domain-summary{grid-template-columns:repeat(3,1fr)}.domain-summary p{grid-column:1/-1;border-top:1px solid #eef2f7}.domain-row{grid-template-columns:40px 1fr auto}.domain-row-ssl{display:none}.domain-manage{grid-column:2}.domain-create-grid{grid-template-columns:1fr}.domain-next-step{order:-1}.domain-overview-grid{grid-template-columns:1fr}.domain-quick>div{grid-template-columns:1fr}.domain-record-form>div{grid-template-columns:1fr 1fr}.domain-mail-info{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.panel-primary-nav{margin-left:8px}.panel-primary-nav a{padding:6px 8px;font-size:10px}.domain-banner{align-items:flex-start;flex-direction:column}.domain-summary{grid-template-columns:1fr}.domain-summary>div{border-right:0;border-bottom:1px solid #eef2f7}.domain-summary p{grid-column:auto}.domain-row{grid-template-columns:36px minmax(0,1fr);gap:10px}.domain-status{grid-column:2}.domain-manage{justify-content:flex-start}.domain-choice-grid{grid-template-columns:1fr}.domain-detail-head{align-items:flex-start;flex-direction:column}.domain-tabs{overflow-x:auto}.domain-record-header{display:none}.domain-record-row{grid-template-columns:50px 1fr}.domain-record-row code{grid-column:1/-1}.domain-record-form>div{grid-template-columns:1fr}.domain-mail-actions,.domain-danger{align-items:stretch;flex-direction:column}.domain-mail-actions a{min-height:43px}.domain-mail-info{grid-template-columns:1fr}}

.register-page { min-height:100vh; display:grid; grid-template-columns:minmax(340px,.82fr) minmax(560px,1.18fr); background:#f6f8fc; }
.register-brand { position:relative; overflow:hidden; display:flex; flex-direction:column; padding:42px clamp(32px,5vw,76px); color:#fff; background:#16376a; }
.register-brand::before { content:""; position:absolute; width:360px; height:360px; right:-180px; bottom:-170px; border:64px solid rgba(255,255,255,.05); border-radius:50%; }
.register-logo { position:relative; z-index:1; color:#fff; font-size:18px; font-weight:750; text-decoration:none; letter-spacing:-.02em; }
.register-logo span { display:inline-grid; place-items:center; height:30px; padding:0 9px; margin-right:7px; border-radius:7px; color:#16376a; background:#fff; font-size:13px; letter-spacing:.02em; }
.register-promise { position:relative; z-index:1; margin:auto 0; max-width:500px; }
.register-promise h1 { max-width:12ch; color:#fff; font-size:clamp(38px,4vw,62px); line-height:1.02; letter-spacing:-.04em; }
.register-promise p { max-width:48ch; margin-top:22px; color:#bfdbfe; font-size:15px; line-height:1.7; }
.register-flow { position:relative; z-index:1; display:flex; align-items:center; gap:10px; color:#dbeafe; font-size:11px; font-weight:700; }
.register-flow i { display:block; width:28px; height:1px; background:rgba(255,255,255,.3); }
.register-form-panel { display:flex; align-items:center; justify-content:center; padding:34px clamp(24px,5vw,72px); }
.register-form-wrap { width:min(100%,680px); }
.register-heading h2 { color:#16376a; font-size:30px; line-height:1.15; letter-spacing:-.025em; }
.register-heading p { max-width:60ch; margin-top:8px; color:#64748b; font-size:13px; line-height:1.55; }
.register-errors { margin-top:18px; padding:13px 15px; border:1px solid #fecaca; border-radius:10px; color:#991b1b; background:#fff1f2; font-size:12px; line-height:1.5; }
.register-errors ul { margin:5px 0 0 18px; }
.register-form { margin-top:24px; }
.register-field { display:grid; gap:7px; margin-bottom:15px; }
.register-field label,.register-plans legend { color:#334155; font-size:12px; font-weight:700; }
.register-field input { width:100%; min-height:43px; padding:10px 12px; border:1px solid #d6deea; border-radius:9px; color:#1e293b; background:#fff; font:500 14px/1.2 inherit; transition:border-color .2s,box-shadow .2s; }
.register-field input:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.11); }
.register-passwords { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.register-help { margin:-7px 0 20px; color:#64748b; font-size:11px; line-height:1.5; }
.register-plans { border:0; }
.register-plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:9px; }
.register-plan { cursor:pointer; }
.register-plan input { position:absolute; opacity:0; pointer-events:none; }
.register-plan-body { display:block; padding:15px; border:1px solid #d6deea; border-radius:12px; background:#fff; transition:border-color .2s,box-shadow .2s,background .2s; }
.register-plan input:focus-visible + .register-plan-body { outline:2px solid #2563eb; outline-offset:2px; }
.register-plan input:checked + .register-plan-body { border-color:#2563eb; background:#eff6ff; box-shadow:inset 0 0 0 1px #2563eb; }
.register-plan-name { display:block; color:#16376a; font-size:14px; font-weight:750; }
.register-plan-specs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.register-plan-specs span { color:#64748b; font-size:10px; }
.register-plan-specs strong { display:block; margin-bottom:2px; color:#1e293b; font-size:12px; }
.register-submit,.provision-continue { display:flex; width:100%; align-items:center; justify-content:center; min-height:46px; margin-top:22px; border:0; border-radius:9px; color:#fff; background:#2563eb; cursor:pointer; font:700 13px/1 inherit; text-decoration:none; transition:background .2s,transform .2s; }
.register-submit:hover,.provision-continue:hover { background:#1d4ed8; transform:translateY(-1px); }
.register-login { margin-top:18px; color:#64748b; text-align:center; font-size:12px; }
.register-login a { color:#2563eb; font-weight:700; text-underline-offset:3px; }
.register-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; }
.provision-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:#16376a; }
.provision-card { width:min(100%,560px); padding:42px; border-radius:16px; background:#fff; box-shadow:0 28px 70px rgba(6,24,52,.28); }
.provision-logo { color:#16376a; }
.provision-logo span { color:#fff; background:#16376a; }
.provision-orbit { position:relative; width:74px; height:74px; margin:46px 0 28px; border:1px solid #dbeafe; border-radius:50%; }
.provision-orbit::before { content:""; position:absolute; inset:12px; border:2px solid #bfdbfe; border-top-color:#2563eb; border-radius:50%; animation:register-spin 1.2s linear infinite; }
.provision-orbit span { position:absolute; width:9px; height:9px; left:7px; top:8px; border-radius:50%; background:#2563eb; }
.provision-page[data-state="completed"] .provision-orbit::before { border-color:#10b981; animation:none; }
.provision-page[data-state="error"] .provision-orbit::before { border-color:#ef4444; animation:none; }
.provision-copy h1 { color:#16376a; font-size:28px; line-height:1.18; letter-spacing:-.025em; }
.provision-copy p { margin-top:10px; color:#64748b; font-size:13px; line-height:1.65; }
.provision-status-line { display:flex; align-items:center; gap:11px; margin-top:28px; padding-top:20px; border-top:1px solid #e2e8f0; }
.provision-dot { width:9px; height:9px; border-radius:50%; background:#2563eb; box-shadow:0 0 0 5px #dbeafe; }
.provision-status-line div { display:grid; gap:2px; }
.provision-status-line small { color:#94a3b8; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.provision-status-line strong { color:#1e293b; font-size:13px; }
.provision-message { margin:12px 0 0 20px; color:#64748b; font-size:12px; }
.provision-continue[hidden] { display:none; }
@keyframes register-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .provision-orbit::before { animation:none; } .register-submit,.provision-continue { transition:none; } }
@media (max-width:900px) { .register-page { grid-template-columns:1fr; } .register-brand { min-height:230px; padding:28px 24px; } .register-promise { margin:38px 0 24px; } .register-promise h1 { max-width:18ch; font-size:36px; } .register-promise p { margin-top:12px; } .register-flow { display:none; } .register-form-panel { padding:30px 20px 42px; } }
@media (max-width:560px) { .register-passwords,.register-plan-grid { grid-template-columns:1fr; } .register-plan-specs { display:flex; justify-content:space-between; } .provision-card { padding:28px 22px; } }

.dashboard-container { display: flex; height: 100vh; }
.sidebar { width: 250px; background-color: var(--sidebar-bg); display: flex; flex-direction: column; transition: width 0.3s; flex-shrink: 0; }
.sidebar-header { height: 70px; display: flex; align-items: center; justify-content: center; padding: 0 25px; font-weight: 800; color: white; font-size: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sidebar-brand { display: flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; color: inherit; width: 100%; overflow: hidden; }
.sidebar-brand-logo { height: 50px; width: auto; max-width: 170px; object-fit: contain; background: transparent; padding: 0; border-radius: 0; }
.sidebar-brand-icon-img { display: none; height: 32px; width: 32px; object-fit: contain; }
.sidebar-brand-icon { color: var(--primary-color); }
.sidebar-brand-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-brand.logo-only { gap: 0; }
.nav-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sidebar.collapsed { width: 84px; }
.sidebar.collapsed .nav-item { justify-content: center; }
.sidebar.collapsed .nav-item .nav-text { display: none; }
.sidebar.collapsed .sidebar-brand-name { display: none; }
.sidebar.collapsed .sidebar-brand-logo { display: none; }
.sidebar.collapsed .sidebar-brand-icon-img { display: block; }
.sidebar.collapsed .sidebar-header { padding: 0; justify-content: center; }
.sidebar.collapsed .sidebar-brand { justify-content: center; }
.sidebar-nav { padding: 20px 0; flex: 1; }
.nav-item { padding: 12px 25px; color: var(--sidebar-text); text-decoration: none; display: flex; align-items: center; gap: 15px; font-weight: 500; font-size: 15px; transition: all 0.2s; border-left: 3px solid transparent; cursor: pointer; }
.nav-item:hover, .nav-item.active { color: var(--sidebar-active); background-color: rgba(255,255,255,0.05); border-left-color: var(--primary-color); }
.nav-item i { font-size: 18px; width: 20px; text-align: center; }

.main-content { flex: 1; display: flex; flex-direction: column; background-color: var(--bg-body); overflow: hidden; }
.top-bar { height: 70px; background: white; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; box-shadow: var(--shadow); flex-shrink: 0; }
.page-title { font-size: 22px; font-weight: 700; }
.user-profile { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.user-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }

.content-scroll { padding: 30px; overflow-y: auto; flex: 1; }

.whitelabel-container { max-width: 900px; background: white; border-radius: var(--border-radius); padding: 30px; box-shadow: var(--shadow); margin: 0 auto; }
.config-section { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f3f6f9; }
.config-section:last-child { border-bottom: none; }
.section-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; color: var(--text-main); display: flex; align-items: center; gap: 10px; }
.section-title i { color: var(--primary-color); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-full { grid-column: span 2; }
.color-picker-wrapper { display: flex; align-items: center; gap: 15px; padding: 10px; border: 1px solid #e4e6ef; border-radius: 6px; background: #f9f9f9; cursor: pointer; }
.color-preview { width: 40px; height: 40px; border-radius: 6px; border: 1px solid #ddd; }
input[type="color"] { width: 40px; height: 40px; border: none; padding: 0; background: none; cursor: pointer; }
.file-upload-box { border: 2px dashed #e4e6ef; padding: 20px; text-align: center; border-radius: 6px; cursor: pointer; transition: all 0.2s; position: relative; background: #f9f9f9; }
.file-upload-box:hover { border-color: var(--primary-color); background: #f0f7ff; }
.file-input-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-info { font-size: 13px; color: var(--text-muted); }
.preview-logo { max-height: 50px; margin-bottom: 10px; display: none; }

.wl-settings { width: 100%; }
.wl-layout { display: grid; grid-template-columns: 240px 1fr; gap: 16px; align-items: start; }
.settings-service-layout{grid-template-columns:minmax(0,1fr);max-width:920px}.settings-service-page .wl-card{border:1px solid #e3eaf2;border-radius:14px}.settings-service-page .wl-tab{padding:22px}.settings-service-page .breadcrumbs{margin-bottom:8px}
.wl-nav { background: transparent; padding-top: 4px; }
.wl-nav-item { display: block; padding: 10px 12px; border-left: 3px solid transparent; color: var(--text-main); text-decoration: none; font-weight: 600; border-radius: 6px; }
.wl-nav-item:hover { background: #f9f9f9; }
.wl-nav-item.active { border-left-color: var(--primary-color); background: #f9f9f9; }
.wl-card { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 0; overflow: visible; }
.wl-card-title { font-size: 16px; font-weight: 800; padding: 14px 0px; border-bottom: 1px solid #f3f6f9; margin-bottom: 20px; }
.wl-tab { padding: 9px 26px 26px 26px; }
.wl-help { font-size: 12px; color: var(--text-muted); margin-top: 0; margin-bottom: 10px; line-height: 1.35; }
.wl-settings .form-group { margin-bottom: 16px; }
.wl-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.wl-row > div { flex: 1; min-width: 220px; }

.wl-switch { position: relative; display: inline-block; width: 46px; height: 26px; }
.wl-switch input { opacity: 0; width: 0; height: 0; }
.wl-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cfd3dc; transition: .2s; border-radius: 999px; }
.wl-slider:before { position: absolute; content: ''; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; transition: .2s; border-radius: 50%; }
.wl-switch input:checked + .wl-slider { background-color: var(--primary-color); }
.wl-switch input:checked + .wl-slider:before { transform: translateX(20px); }

.wl-upload-row { display: grid; grid-template-columns: 220px 1fr; gap: 12px; align-items: center; }
.wl-upload-wide { grid-template-columns: 360px 1fr; }
.wl-upload-preview { border: 1px solid #e4e6ef; border-radius: 6px; background: white; height: 80px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wl-upload-preview img { max-height: 64px; max-width: 90%; object-fit: contain; }
.wl-login-preview { height: 160px; background: #f3f6f9; }
.wl-login-preview img { max-height: 100%; max-width: 100%; object-fit: cover; width: 100%; height: 100%; }
.wl-upload-empty { font-size: 12px; color: var(--text-muted); }
.wl-upload-actions input[type="file"] { width: 100%; padding: 10px 12px; border: 1px solid #e4e6ef; border-radius: 6px; background: #f3f6f9; }
.wl-upload-actions { display: flex; flex-direction: column; gap: 10px; }

.wl-radius { display: flex; align-items: center; gap: 12px; }
.wl-radius input[type="range"] { width: 100%; }

.server-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; }
.server-card { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 18px 18px; position: relative; border: 1px solid #eef0f4; transition: transform 0.2s, box-shadow 0.2s; border-left: 3px solid #e5e7eb; }
.server-card:has(.srv-dot.ok) { border-left-color: #22c55e; }
.server-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.server-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }
.server-status { font-size: 12px; padding: 4px 8px; border-radius: 4px; background: #e8fff3; color: var(--success); font-weight: 600; text-transform: uppercase; }
.server-status.offline { background: #ffe2e5; color: var(--danger); }
.server-name { font-size: 18px; font-weight: 700; color: var(--text-main); margin-bottom: 5px; }
.server-ip { font-size: 13px; color: var(--text-muted); font-family: monospace; }
.card-actions { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #f3f6f9; padding-top: 15px; }
.metric-chip-sm { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid #eef0f4; background: #fff; color: #6b7280; font-size: 12px; font-weight: 700; }
.server-card-metrics { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.server-card-foot { margin-top: 10px; color: var(--text-muted); font-size: 12px; }

.srv-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.srv-card-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.srv-dot { width: 12px; height: 12px; border-radius: 999px; border: 2px solid #e5e7eb; background: #fff; flex-shrink: 0; }
.srv-dot.ok { border-color: #22c55e; background: #22c55e; }
.srv-dot.bad { border-color: #ef4444; background: #ef4444; }
.srv-title-stack { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.srv-name { font-weight: 700; font-size: 15px; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.srv-host { color: var(--text-muted); font-size: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.srv-card-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.srv-badge { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 6px; background: rgba(34, 197, 94, 0.12); color: #16a34a; font-weight: 700; font-size: 12px; }
.srv-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.srv-disk { margin-top: 10px; }
.srv-disk-bar { height: 10px; border-radius: 6px; background: #eef0f4; overflow: hidden; border: 1px solid #e5e7eb; }
.srv-disk-fill { height: 100%; background: #22c55e; }
.srv-disk-sub { margin-top: 6px; font-size: 12px; color: var(--text-muted); }
.srv-tags { margin-top: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.srv-tag { display: inline-flex; align-items: center; gap: 8px; color: var(--text-main); font-size: 13px; font-weight: 600; }
.srv-tag.bad { color: #6b7280; }
.srv-tag-dot { width: 12px; height: 12px; border-radius: 999px; background: #d1d5db; }
.srv-tag-dot.ok { background: #22c55e; }
.srv-tag-dot.bad { background: #ef4444; }
.srv-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.srv-foot-left { color: var(--text-muted); font-size: 12px; }

.srv-groups { display: grid; gap: 16px; }
.srv-company-head { font-size: 14px; font-weight: 900; color: var(--text-main); padding: 6px 2px; }
.srv-group { border: 1px solid #eef0f4; border-radius: 12px; background: #fff; overflow: hidden; }
.srv-group-head { padding: 14px 16px; border-bottom: 1px solid #f3f6f9; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; background: #fff; }
.srv-group-title { font-size: 14px; font-weight: 900; color: var(--text-main); }
.srv-group-meta { color: var(--text-muted); font-size: 12px; font-weight: 700; }
.srv-dropzone { padding: 16px; min-height: 120px; align-content: start; }
.srv-dropzone.drag-over { background: #f9fafb; box-shadow: inset 0 0 0 2px rgba(27, 197, 189, 0.22); }
.server-card.dragging { opacity: 0.55; transform: none; box-shadow: var(--shadow); }
.srv-drop-hint { border: 1px dashed #d9dde6; border-radius: 10px; padding: 16px; color: var(--text-muted); font-size: 12px; font-weight: 700; text-align: center; }

.detail-header { background: linear-gradient(135deg,#16376a,#1d4e89); color:#fff; padding: 22px 25px; border-radius: 16px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; box-shadow:0 8px 24px rgba(22,55,106,.12); }
.detail-header .server-name { color:#fff; }
.detail-header .server-ip { color:#bfdbfe; }
.sysbar { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 14px 16px; margin-bottom: 18px; }
.sysbar-title { font-size: 14px; font-weight: 900; color: var(--text-main); margin-bottom: 10px; }
.sysbar-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.sysbar-item { border: 1px solid #eef0f4; background: #fff; border-radius: 10px; padding: 10px 12px; }
.sysbar-k { color: var(--text-muted); font-size: 11px; font-weight: 900; letter-spacing: 0.3px; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; }
.sysbar-v { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--text-main); }

.monitor-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; margin-bottom: 20px; }
.monitor-card { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); border: 1px solid #f0f1f4; overflow: hidden; }
.monitor-head { padding: 14px 16px; border-bottom: 1px solid #f3f6f9; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.monitor-title { font-size: 14px; font-weight: 900; }
.monitor-kpi { font-size: 14px; font-weight: 900; color: #0f766e; }
.monitor-body { padding: 16px; }
.monitor-sub { margin-top: 10px; color: var(--text-muted); font-size: 12px; }
.monitor-mem, .monitor-swap { grid-column: span 1; }
.monitor-net { grid-column: 1 / -1; }
.net-kpi { font-size: 18px; font-weight: 900; }
.net-sub { margin-top: 6px; color: var(--text-muted); font-size: 12px; }

.spark { width: 100%; height: 160px; display: block; }
.mvo-chart { display: grid; gap: 8px; }
.mvo-chart-kpi { font-size: 12px; font-weight: 900; color: var(--text-main); }
.mvo-chart-wrap { position: relative; }
.mvo-chart-svg { width: 100%; height: 180px; display: block; }
.mvo-chart-grid { stroke: #eef0f4; stroke-width: 1; }
.mvo-chart-axis { fill: #9aa3af; font-size: 10px; font-weight: 900; }
.mvo-chart-hoverline { stroke: rgba(17, 24, 39, 0.2); stroke-width: 1; }
.mvo-chart-hoverdot { fill: #111827; stroke: #fff; stroke-width: 2; }
.mvo-chart-hit { fill: transparent; cursor: crosshair; }
.mvo-chart-tooltip { position: absolute; top: 16px; left: 16px; background: rgba(17, 24, 39, 0.96); color: #fff; padding: 8px 10px; border-radius: 10px; font-size: 12px; font-weight: 800; pointer-events: none; box-shadow: 0 10px 25px rgba(0,0,0,0.18); min-width: 150px; }
.mvo-tip-time { font-size: 11px; font-weight: 900; opacity: 0.95; margin-bottom: 6px; }
.mvo-tip-row { display: flex; align-items: center; gap: 8px; }
.mvo-tip-dot { width: 10px; height: 10px; border-radius: 999px; background: #22c55e; display: inline-block; }
.mvo-tip-k { opacity: 0.95; }
.mvo-tip-v { margin-left: auto; font-weight: 900; }

.gauge { position: relative; width: 180px; max-width: 100%; margin: 0 auto; }
.gauge-svg { width: 100%; height: auto; display: block; }
.gauge-track { fill: none; stroke: #eef0f4; stroke-width: 14; }
.gauge-bar { fill: none; stroke-width: 14; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 80px 80px; }
.gauge-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); text-align: center; width: 140px; }
.gauge-value { font-size: 16px; font-weight: 900; color: var(--text-main); }
.gauge-pct { margin-top: 6px; font-size: 13px; font-weight: 900; color: var(--text-muted); }
.gauge-sub { margin-top: 10px; color: var(--text-muted); font-size: 12px; text-align: center; line-height: 1.35; }

.funcs-card { background: white; padding: 18px 20px; border-radius: var(--border-radius); box-shadow: var(--shadow); }
.funcs-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.funcs-title { font-size: 18px; font-weight: 900; }
.funcs-blocks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.func-block { border: 1px solid #eef0f4; border-radius: 12px; overflow: hidden; background: #fff; }
.func-block-head { padding: 14px 16px; border-bottom: 1px solid #f3f6f9; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.func-block-title { display: inline-flex; align-items: center; gap: 10px; }
.func-block-meta { display: flex; flex-direction: column; gap: 4px; }
.func-block-name { font-size: 18px; font-weight: 900; }
.func-block-sub { color: var(--text-muted); font-size: 12px; font-weight: 700; }
.func-block-body { padding: 0; }
.funcs-layout { display: grid; grid-template-columns: 240px 1fr; gap: 16px; align-items: start; }
.funcs-nav { border: 1px solid #eef0f4; border-radius: 12px; overflow: hidden; background: #fff; }
.funcs-nav-item { width: 100%; display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; align-items: center; padding: 12px 12px; text-decoration: none; color: var(--text-main); border-bottom: 1px solid #f3f6f9; background: #fff; cursor: pointer; font: inherit; }
.funcs-nav-item:last-child { border-bottom: none; }
.funcs-nav-item:hover { background: #f9fafb; }
.funcs-nav-item.active { background: #f9fafb; box-shadow: inset 3px 0 0 var(--primary-color); }
.funcs-nav-item.add { background: #fff; }
.funcs-plus { width: 22px; height: 22px; border-radius: 8px; border: 1px dashed #d9dde6; display: inline-flex; align-items: center; justify-content: center; color: var(--text-muted); font-weight: 900; }
.funcs-dot { width: 18px; height: 18px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f3f4f6; color: transparent; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; }
.funcs-dot.ok { border-color: rgba(27, 197, 189, 0.22); background: rgba(27, 197, 189, 0.08); color: #0f766e; }
.funcs-nav-label { font-weight: 800; }
.funcs-nav-sub { color: var(--text-muted); font-size: 12px; font-weight: 700; }
.funcs-panel { border: 1px solid #eef0f4; border-radius: 12px; overflow: hidden; background: #fff; }
.funcs-panel-head { padding: 14px 16px; border-bottom: 1px solid #f3f6f9; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.funcs-panel-title { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 900; }
.funcs-panel-body { padding: 0; }
.func-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #f3f6f9; }
.func-row:last-child { border-bottom: none; }
.func-row-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.func-icon { width: 42px; height: 42px; border-radius: 12px; border: 1px solid #eef0f4; background: #f3f6f9; display: inline-flex; align-items: center; justify-content: center; color: #7a8194; flex-shrink: 0; }
.func-icon svg { width: 22px; height: 22px; display: block; }
.func-meta { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.func-name { font-weight: 600; }
.func-sub { color: var(--text-muted); font-size: 12px; }
.func-row-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.func-mini-chart { width: 200px; height: 22px; display: flex; align-items: center; justify-content: flex-end; margin-left: 10px; flex-shrink: 0; }
.mvo-mini { position: relative; width: 200px; height: 22px; }
.mvo-mini-svg { width: 200px; height: 22px; display: block; }
.mvo-mini-hit { fill: transparent; cursor: crosshair; pointer-events: all; }
.mvo-float-tip { position: fixed; z-index: 9999; }
.svc-metrics { display: flex; gap: 8px; flex-wrap: wrap; margin: -6px 0 0 70px; padding-bottom: 10px; }
.svc-metric { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; border: 1px solid #eef0f4; background: #fff; color: #6b7280; font-size: 12px; font-weight: 700; }
.svc-metrics-sub { margin: -2px 0 12px 70px; color: var(--text-muted); font-size: 12px; }
.svc-history { margin: 0 16px 14px 70px; }
.svc-history-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.svc-history-title { font-size: 13px; font-weight: 900; color: var(--text-main); }
.svc-history-sub { font-size: 12px; color: var(--text-muted); }
.svc-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.svc-history-card { border: 1px solid #eef0f4; background: #fff; border-radius: 12px; padding: 10px 10px; }
.svc-history-k { color: var(--text-muted); font-size: 11px; font-weight: 900; letter-spacing: 0.2px; text-transform: uppercase; margin-bottom: 8px; }
.svc-history-empty { color: var(--text-muted); font-size: 12px; font-weight: 700; }

#phpini-modal { width: 860px; max-width: 95%; }

.svc-picker { display: grid; gap: 14px; }
.svc-details { border: 1px solid #f3f6f9; background: #fafafa; border-radius: 12px; padding: 10px 12px; }
.svc-details[open] { background: #f9fafb; }
.svc-summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; padding: 8px 4px; }
.svc-summary::-webkit-details-marker { display: none; }
.svc-summary-title { font-size: 13px; font-weight: 900; color: var(--text-main); }
.svc-summary-count { width: 24px; height: 24px; border-radius: 999px; border: 1px solid #eef0f4; background: #fff; color: #6b7280; font-weight: 900; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.svc-summary::after { content: '›'; transform: rotate(90deg); color: #9aa3af; font-weight: 900; margin-left: auto; }
.svc-details[open] > .svc-summary::after { transform: rotate(-90deg); }
.svc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.svc-card { border: 1px solid #eef0f4; background: #fff; border-radius: 12px; padding: 12px 12px; display: flex; flex-direction: column; gap: 10px; }
.svc-card.installed { opacity: 0.8; }
.svc-card-top { display: flex; gap: 12px; align-items: flex-start; }
.svc-card-icon { width: 42px; height: 42px; border-radius: 12px; border: 1px solid #eef0f4; background: #f3f6f9; display: inline-flex; align-items: center; justify-content: center; color: #7a8194; flex-shrink: 0; }
.svc-card-icon svg { width: 22px; height: 22px; display: block; }
.svc-card-meta { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.svc-card-name { font-size: 15px; font-weight: 900; }
.svc-card-desc { color: var(--text-muted); font-size: 12px; line-height: 1.35; }
.svc-card-actions { display: flex; justify-content: flex-end; }
.svc-action-form { margin: 0; }

.sysinfo-card { background: white; padding: 18px 20px; border-radius: var(--border-radius); box-shadow: var(--shadow); margin-bottom: 20px; }
.sysinfo-title { font-size: 14px; font-weight: 800; color: var(--text-main); margin-bottom: 10px; }
.sysinfo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sysinfo-item { border: 1px solid #f3f6f9; background: #fafafa; border-radius: 10px; padding: 12px 14px; }
.sysinfo-k { color: var(--text-muted); font-size: 12px; font-weight: 800; letter-spacing: 0.2px; text-transform: uppercase; }
.sysinfo-v { margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--text-main); }
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px; }
.metric-card { background: white; padding: 18px 18px; border-radius: var(--border-radius); box-shadow: var(--shadow); display: grid; gap: 10px; }
.metric-top { display: flex; align-items: center; gap: 12px; }
.metric-icon { width: 44px; height: 44px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.metric-head { display: grid; gap: 2px; min-width: 0; }
.metric-title { font-size: 12px; font-weight: 900; letter-spacing: 0.2px; color: var(--text-muted); text-transform: uppercase; }
.metric-time { font-size: 12px; color: #9aa3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.metric-chip { margin-left: auto; border: 1px solid #eef0f4; background: #f9fafb; color: #6b7280; font-weight: 900; font-size: 12px; padding: 4px 10px; border-radius: 999px; }
.metric-value { font-size: 20px; font-weight: 600; color: var(--text-main); line-height: 1.15; }
.metric-value-split { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.metric-unit { font-size: 12px; color: #9aa3af; font-weight: 900; letter-spacing: 0.2px; text-transform: uppercase; }
.metric-kpis { display: flex; flex-wrap: wrap; gap: 8px; }
.metric-kpi { border: 1px solid #eef0f4; background: #f9fafb; border-radius: 999px; padding: 3px 8px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 900; color: #6b7280; }
.metric-kpi-k { color: #9aa3af; font-weight: 900; }
.metric-kpi-v { color: var(--text-main); font-weight: 900; }
.metric-sub { font-size: 12px; color: var(--text-muted); }
.metric-bar { height: 6px; background: #f3f6f9; border-radius: 999px; overflow: hidden; }
.metric-bar-fill { height: 100%; width: 0%; background: var(--primary-color); }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.password-rules { margin-top: 10px; padding-left: 0; list-style: none; color: var(--text-muted); font-size: 13px; }
.password-rules li { margin: 6px 0; display: flex; align-items: center; gap: 10px; }
.password-rules li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #d1d3e0; display: inline-block; }
.password-rules li.ok { color: var(--success); }
.password-rules li.ok::before { background: var(--success); }
.password-rules li.bad { color: var(--danger); }
.password-rules li.bad::before { background: var(--danger); }
.password-rules li.warn { color: var(--warning); }
.password-rules li.warn::before { background: var(--warning); }

.pw-meter { height: 6px; background: #f3f6f9; border-radius: 3px; overflow: hidden; margin-top: 10px; }
.pw-meter-fill { height: 100%; width: 0%; background: var(--danger); transition: width 0.15s ease, background-color 0.15s ease; }
.pw-weak { border-color: var(--danger) !important; }
.pw-medium { border-color: var(--warning) !important; }
.pw-strong { border-color: var(--success) !important; }
.input-inline { position: relative; }
.input-inline .input-action { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--text-muted); cursor: pointer; }

.php-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }
.php-table th { text-align: left; padding: 12px; border-bottom: 2px solid #f3f6f9; color: var(--text-muted); font-weight: 600; }
.php-table td { padding: 12px; border-bottom: 1px solid #f3f6f9; }
.php-table tr:hover { background-color: #fafafa; }
.row-check { width: 16px; height: 16px; accent-color: var(--primary-color); }
.cell-stack { display: flex; flex-direction: column; gap: 6px; }
.cell-title { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--text-main); }
.cell-sub { color: var(--text-muted); font-size: 12px; }

.service-row { display: flex; align-items: center; gap: 12px; }
.service-icon { width: 34px; height: 34px; border-radius: 10px; border: 1px solid #eef0f4; background: #f3f6f9; display: inline-flex; align-items: center; justify-content: center; color: #7a8194; }
.service-count { font-size: 12px; color: var(--text-muted); border: 1px solid #eef0f4; background: #fafafa; padding: 2px 8px; border-radius: 999px; font-weight: 600; }

.services-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.services-header-left { display: flex; flex-direction: column; gap: 6px; }
.services-layout { display: grid; grid-template-columns: 280px 1fr; gap: 16px; }
.services-nav { border: 1px solid #eef0f4; border-radius: 14px; overflow: hidden; background: #fff; }
.services-nav-item { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; padding: 16px 16px; text-decoration: none; color: var(--text-main); border-bottom: 1px solid #f3f6f9; background: #fff; }
.services-nav-item:last-child { border-bottom: none; }
.services-nav-item:hover { background: #f9fafb; }
.services-nav-item.active { background: #f9fafb; box-shadow: inset 3px 0 0 var(--primary-color); }
.services-nav-icon { width: 44px; height: 44px; border-radius: 12px; border: 1px solid #eef0f4; background: #fff; display: inline-flex; align-items: center; justify-content: center; color: #7a8194; flex-shrink: 0; }
.services-nav-main { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1; }
.services-nav-name { font-size: 18px; font-weight: 800; line-height: 1.1; }
.services-nav-badge { width: 26px; height: 26px; border-radius: 999px; border: 1px solid #eef0f4; background: #f3f6f9; color: #6b7280; font-weight: 800; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

.pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: 0.2px; border: 1px solid transparent; width: fit-content; background: transparent; }
.pill-dot { width: 7px; height: 7px; border-radius: 999px; background: currentColor; }
.pill-success { color: #0f766e; border-color: rgba(27, 197, 189, 0.22); }
.pill-warning { color: #9a6700; border-color: rgba(255, 168, 0, 0.22); }
.pill-danger { color: #a61429; border-color: rgba(246, 78, 96, 0.20); }
.pill-muted { color: #6b7280; border-color: rgba(107, 114, 128, 0.18); }
.services-panel { border: 1px solid #f0f1f4; border-radius: 12px; background: #fff; box-shadow: var(--shadow); overflow: hidden; }
.services-panel-head { padding: 16px 18px; border-bottom: 1px solid #f3f6f9; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.services-panel-title { display: flex; align-items: center; gap: 12px; }
.services-panel-icon { width: 42px; height: 42px; border-radius: 12px; border: 1px solid #eef0f4; background: #f3f6f9; display: inline-flex; align-items: center; justify-content: center; color: #7a8194; font-size: 18px; }
.services-panel-meta { display: flex; flex-direction: column; gap: 6px; }
.services-panel-name { font-size: 18px; font-weight: 800; }
.services-panel-sub { color: var(--text-muted); font-size: 13px; }
.services-panel-actions { display: flex; align-items: center; gap: 10px; }
.services-panel-body { padding: 18px; }
.services-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.services-kv-item { border: 1px solid #f3f6f9; background: #fafafa; border-radius: 10px; padding: 12px 14px; }
.services-kv-k { color: var(--text-muted); font-size: 12px; font-weight: 700; letter-spacing: 0.2px; text-transform: uppercase; }
.services-kv-v { margin-top: 6px; font-size: 18px; font-weight: 800; }
.services-instances { margin-top: 14px; }
.services-instances-title { font-size: 13px; font-weight: 800; color: var(--text-main); margin-bottom: 10px; }
.services-instances .php-table { margin-top: 0; }
.services-panel-foot { padding: 16px 18px; border-top: 1px solid #f3f6f9; display: flex; justify-content: flex-start; }

.phpini-card { border: 1px solid #f3f6f9; background: #fafafa; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; }
.phpini-title { font-size: 13px; font-weight: 900; color: var(--text-main); margin-bottom: 10px; }
.phpini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.phpini-item { border: 1px solid #eef0f4; background: #fff; border-radius: 10px; padding: 10px 12px; }
.phpini-k { color: var(--text-muted); font-size: 12px; font-weight: 800; }
.phpini-v { margin-top: 6px; font-size: 13px; font-weight: 700; color: var(--text-main); }

.phpini-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.phpini-desc { min-width: 280px; flex: 1 1 auto; }
.phpini-desc-title { font-size: 14px; font-weight: 900; color: var(--text-main); }
.phpini-desc-sub { margin-top: 6px; color: var(--text-muted); font-size: 13px; line-height: 1.45; }

.phpini-table { border: 1px solid #eef0f4; border-radius: 12px; background: #fff; }
.phpini-th, .phpini-tr { display: grid; grid-template-columns: 1fr 1fr 44px; gap: 0; align-items: center; }
.phpini-th { background: #fafafa; border-bottom: 1px solid #eef0f4; padding: 10px 14px; color: var(--text-muted); font-size: 11px; font-weight: 900; letter-spacing: 0.2px; text-transform: uppercase; }
.phpini-tr { padding: 12px 14px; border-bottom: 1px solid #f3f6f9; position: relative; }
.phpini-tr:last-child { border-bottom: none; }
.phpini-td { min-width: 0; }
.phpini-key { display: flex; align-items: center; gap: 10px; }
.phpini-key .phpini-k { color: var(--text-main); font-size: 14px; font-weight: 900; }
.phpini-tag { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; border: 1px solid rgba(107,114,128,0.22); background: rgba(107,114,128,0.08); color: #6b7280; font-size: 11px; font-weight: 800; }
.phpini-tag.server { border-color: rgba(14,165,233,0.22); background: rgba(14,165,233,0.08); color: #0369a1; }
.phpini-val { color: var(--text-main); font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phpini-actions { display: flex; justify-content: flex-end; position: relative; }
.phpini-more { width: 34px; height: 34px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.phpini-more:hover { background: #f3f6f9; color: var(--text-main); }
.phpini-menu { position: absolute; top: 40px; right: 0; min-width: 160px; background: #fff; border: 1px solid #e4e6ef; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 8px; z-index: 80; display: none; }
.phpini-menu.open { display: block; }
.phpini-menu button { width: 100%; text-align: left; padding: 10px 10px; border-radius: 8px; background: transparent; border: none; cursor: pointer; font-size: 14px; color: var(--text-main); font-weight: 700; }
.phpini-menu button:hover { background: #f3f6f9; }

.phpini-pill { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 900; border: 1px solid transparent; }
.phpini-pill.ok { color: #0f766e; border-color: rgba(27, 197, 189, 0.22); background: rgba(27, 197, 189, 0.08); }
.phpini-pill.off { color: #6b7280; border-color: rgba(107,114,128,0.18); background: rgba(107,114,128,0.08); }
.phpini-tag.custom { border-color: rgba(14,165,233,0.22); background: rgba(14,165,233,0.08); color: #0369a1; }

.phpini-addrow { border-bottom: 1px solid #eef0f4; background: #fff; padding: 12px 14px 14px; }
.phpini-editrow { border-bottom: 1px solid #eef0f4; background: #fff; padding: 12px 14px 14px; }
.phpini-addgrid { display: grid; grid-template-columns: 1.2fr 0.6fr 1.2fr; gap: 16px; align-items: end; }
.phpini-addlabel { color: var(--text-muted); font-size: 12px; font-weight: 800; margin-bottom: 8px; }
.phpini-addactions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 12px; }
.phpini-bool { display: flex; align-items: center; gap: 18px; padding-top: 8px; }
.phpini-bool label { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--text-main); }
.phpini-bool[hidden] { display: none !important; }
.form-input[hidden] { display: none !important; }

.phpini-addrow[hidden], .phpini-editrow[hidden] { display: none !important; }

.status-badge { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.2px; border: 1px solid transparent; }
.status-badge::before { content: ''; width: 7px; height: 7px; border-radius: 999px; background: currentColor; opacity: 0.9; }
.status-badge.status-success { color: #0f766e; border-color: rgba(27, 197, 189, 0.22); }
.status-badge.status-warning { color: #9a6700; border-color: rgba(255, 168, 0, 0.22); }
.status-badge.status-danger { color: #a61429; border-color: rgba(246, 78, 96, 0.20); }
.status-badge.status-muted { color: #6b7280; border-color: rgba(107, 114, 128, 0.18); }

.row-actions { position: relative; display: flex; justify-content: flex-end; }
.icon-btn { width: 34px; height: 34px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }
.icon-btn:hover { background: #f3f6f9; color: var(--text-main); }
.icon-btn.sm { width: 28px; height: 28px; border-radius: 7px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.dropdown-menu { position: absolute; top: 38px; right: 0; min-width: 220px; background: white; border: 1px solid #e4e6ef; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 8px; z-index: 50; }
.dropdown-item { width: 100%; display: block; text-align: left; padding: 10px 12px; border-radius: 8px; text-decoration: none; color: var(--text-main); background: transparent; border: none; cursor: pointer; font-size: 14px; }
.dropdown-item:hover { background: #f3f6f9; }
.dropdown-item.danger { color: var(--danger); }
.dropdown-item.danger:hover { background: rgba(246, 78, 96, 0.06); }
.dropdown-menu form { margin: 0; }

.table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.table-toolbar-left { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.table-toolbar-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.table-search { display: flex; align-items: center; gap: 10px; }
.table-search input[type="text"] { width: 260px; max-width: 70vw; }
.pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; }
.pagination-links { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pagination-info { color: var(--text-muted); font-size: 13px; }
.page-link { padding: 8px 10px; border-radius: 8px; border: 1px solid #e4e6ef; text-decoration: none; color: var(--text-main); background: white; }
.page-link:hover { background: #f3f6f9; }
.page-link.active { background: #f3f6f9; border-color: #d9dde6; font-weight: 700; }
.page-link.disabled { opacity: 0.5; pointer-events: none; }

.entity-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; padding:22px 25px; border-radius:16px; background:linear-gradient(135deg,#16376a,#1d4e89); color:#fff; box-shadow:0 8px 24px rgba(22,55,106,.12); }
.entity-header h1,.entity-header h2,.entity-header h3,.entity-header p { color:#fff !important; }
.entity-left { display: flex; align-items: flex-start; gap: 12px; min-width: 280px; }
.entity-avatar { width: 34px; height: 34px; border-radius: 999px; background: #e9f5e8; color: #2e7d32; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; margin-top: 2px; }
.entity-meta { display: flex; flex-direction: column; gap: 4px; }
.entity-title-row { display: flex; align-items: center; gap: 8px; }
.entity-title { font-size: 26px; font-weight: 300; color: var(--text-main); line-height: 1.1; }
.entity-sub { color: var(--text-muted); font-size: 13px; display: flex; align-items: center; gap: 8px; }
.entity-right { display: flex; align-items: center; justify-content: flex-end; gap: 10px; position: relative; }

.page-header { margin-bottom: 18px; }
main > .page-header, main > .page-header-row { padding:20px 24px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#16376a,#1d4e89); box-shadow:0 8px 24px rgba(22,55,106,.12); margin-bottom:18px; }
main > .page-header .page-title-big, main > .page-header h1, main > .page-header h2, main > .page-header-row .page-title-big, main > .page-header-row h1, main > .page-header-row h2 { color:#fff; font-size:24px; font-weight:750; }
main > .page-header .page-subtitle, main > .page-header-row .page-subtitle, main > .page-header .breadcrumbs, main > .page-header .breadcrumbs a { color:#bfdbfe; }
main > .page-header-row .btn-primary { background:#fff; color:#1d4ed8; }
.breadcrumbs { display: flex; align-items: center; gap: 10px; color: var(--text-muted); font-size: 13px; margin-bottom: 10px; padding: 10px 15px; background-color: #eee; border-radius: 5px; }
.breadcrumbs a { color: inherit; text-decoration: none; }
.breadcrumbs a:hover { color: var(--text-main); }
.page-header-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.page-title-big { font-size: 26px; font-weight: 700; color: var(--text-main); }
.page-subtitle { margin-top: 6px; color: var(--text-muted); font-size: 13px; }
.page-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:16px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#16376a 0%,#1d5ca0 100%);box-shadow:0 14px 30px rgba(22,55,106,.16)}
.settings-hero h1{font-size:28px;line-height:1.15;margin:4px 0 8px}.settings-hero p{max-width:700px;color:#dbeafe;font-size:14px;line-height:1.55}.settings-hero>i{font-size:42px;color:rgba(255,255,255,.28)}.settings-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bfdbfe}
.settings-context-note{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:16px;border:1px solid #dbe7f5;border-radius:12px;background:#f8fbff;color:#1d4e89}.settings-context-note>div{display:grid;gap:2px}.settings-context-note span{font-size:12px;color:#64748b}
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-card { display: flex; gap: 16px; align-items: center; background: white; border: 1px solid #dfe6ee; border-radius: 14px; padding: 18px 20px; text-decoration: none; color: var(--text-main); box-shadow: var(--shadow); transition:.2s ease; }
.settings-card:hover { border-color: #93c5fd; background: #fff; transform:translateY(-1px); box-shadow:0 10px 24px rgba(15,23,42,.07); }
.settings-card.disabled { opacity: 0.6; pointer-events: none; }
.settings-card-icon { width: 48px; height: 48px; flex:0 0 48px; border: 1px solid #dbeafe; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #1d5ca0; background: #eff6ff; }
.settings-card-body { display: flex; flex-direction: column; gap: 6px; }
.settings-card-title { font-size: 16px; font-weight: 700; }
.settings-card-subtitle { color: var(--text-muted); font-size: 13px; line-height: 1.4; }
.settings-card-arrow{margin-left:auto;color:#94a3b8;font-size:12px}


.tabs { display: grid; grid-template-columns: repeat(5, 1fr); background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); overflow: hidden; margin-bottom: 18px; }
.tab-item { padding: 14px 16px; text-decoration: none; color: var(--text-main); border-bottom: 2px solid transparent; display: flex; gap: 8px; align-items: center; justify-content: flex-start; }
.tab-item:hover { background: #f9f9f9; }
.tab-item.active { border-bottom-color: var(--primary-color); }
.tab-badge { background: #f3f6f9; border-radius: 999px; padding: 2px 8px; font-size: 12px; color: var(--text-muted); }
.tab-panel-title { font-size: 16px; font-weight: 800; padding: 18px; border-bottom: 1px solid #f3f6f9; margin-bottom: 20px; }

dialog { border: none; border-radius: 16px; padding: 0; box-shadow: 0 24px 60px rgba(15,23,42,.24); width: 520px; max-width: 90%; background: white; margin: auto; max-height: 90vh; overflow-y: auto; }
dialog::backdrop { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px); }
#service-modal { width: 980px; max-width: 95%; }
.modal-header { padding: 20px 25px; border-bottom: 1px solid #f3f6f9; display: flex; justify-content: space-between; align-items: center; }
.modal-header h3 { font-size: 18px; font-weight: 700; }
.close-modal { background: none; border: none; font-size: 20px; cursor: pointer; color: var(--text-muted); }
.modal-body { padding: 25px; }
.modal-footer { padding: 15px 25px; background: #f9f9f9; display: flex; justify-content: flex-end; gap: 10px; }

.groups-modal-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.groups-modal-left { padding-right: 25px; border-right: 1px solid #f3f6f9; }
.groups-modal-right { padding-left: 25px; }
.groups-modal-help { color: var(--text-muted); font-size: 13px; line-height: 1.5; margin-bottom: 14px; }
.groups-create { margin: 0; }
.groups-create-row { display: flex; gap: 10px; align-items: center; }
.groups-filter { margin-bottom: 12px; }
.group-list { display: grid; gap: 10px; }
.group-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #eef0f4; border-radius: 8px; background: #fff; }
.group-item.dragging { opacity: 0.6; }
.group-handle { color: #9aa3af; cursor: grab; display: inline-flex; align-items: center; }
.group-name { font-weight: 700; flex: 1; }
.group-company { font-size: 12px; color: var(--text-muted); border: 1px solid #eef0f4; background: #fafafa; padding: 3px 8px; border-radius: 999px; }
.group-actions { display: inline-flex; gap: 6px; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; }
.group-item:hover .group-actions { opacity: 1; pointer-events: auto; }
.group-name-input { flex: 1; }

@media (max-width: 860px) {
    .groups-modal-layout { grid-template-columns: 1fr; }
    .groups-modal-left { padding-right: 0; border-right: 0; padding-bottom: 18px; border-bottom: 1px solid #f3f6f9; margin-bottom: 18px; }
    .groups-modal-right { padding-left: 0; }
    .services-layout { grid-template-columns: 1fr; }
    .sysinfo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .phpini-grid { grid-template-columns: 1fr; }
    .sysbar-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .monitor-grid { grid-template-columns: 1fr; }
    .monitor-mem, .monitor-swap { grid-column: auto; }
    .monitor-net { grid-column: auto; }
    .funcs-layout { grid-template-columns: 1fr; }
    .funcs-blocks { grid-template-columns: 1fr; }
    .svc-grid { grid-template-columns: 1fr; }
}

#toast-container { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; }
.toast { background: white; padding: 15px 20px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 12px; min-width: 300px; animation: slideIn 0.3s ease-out; border-left: 4px solid var(--primary-color); }
.toast.success { border-left-color: var(--success); }
.toast.error { border-left-color: var(--danger); }
.toast.info { border-left-color: var(--primary-color); }
.toast-content h5 { font-size: 14px; margin-bottom: 2px; }
.toast-content p { font-size: 12px; color: var(--text-muted); }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }

@media (max-width: 768px) {
    .auth-container { flex-direction: column; }
    .auth-left { width: 100%; padding: 20px; }
    .auth-right { display: none; }
    .sidebar { position: absolute; left: -250px; height: 100%; z-index: 100; }
    .sidebar.open { left: 0; }
    .menu-toggle { display: block; cursor: pointer; font-size: 20px; margin-right: 15px; }
    .php-table { display: block; overflow-x: auto; }
    dialog { width: 95%; }
    .grid-2 { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
    .form-full { grid-column: span 1; }
    .wl-layout { grid-template-columns: 1fr; }
    .wl-nav { display: flex; gap: 10px; overflow-x: auto; padding: 0 0 10px; }
    .wl-nav-item { border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; }
    .wl-nav-item.active { border-left: none; border-bottom-color: var(--primary-color); }
    .wl-upload-row, .wl-upload-wide { grid-template-columns: 1fr; }
    .wl-upload-preview { height: 70px; }
    .wl-login-preview { height: 140px; }
    .tabs { grid-template-columns: 1fr; }
    .settings-grid { grid-template-columns: 1fr; }
    .entity-title { font-size: 22px; }
}
@media (min-width: 769px) { .menu-toggle { display: none; } }

.site-detail-hero { position:relative; overflow:hidden; min-height:128px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 26px; color:#fff; border-radius:16px; background:linear-gradient(135deg,#16376a 0%,#1d4e89 100%); box-shadow:0 8px 24px rgba(22,55,106,.14); }
.panel-section-hero { position:relative; overflow:hidden; padding:20px 24px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#16376a,#1d4e89); box-shadow:0 8px 24px rgba(22,55,106,.12); }
.panel-section-hero::after { content:""; position:absolute; right:-35px; bottom:-85px; width:150px; height:150px; border:24px solid rgba(255,255,255,.045); border-radius:50%; pointer-events:none; }
.panel-section-hero > * { position:relative; z-index:1; }
.panel-section-hero h1 { color:#fff; font-size:24px; font-weight:750; margin:0 0 4px; }
.panel-section-hero p { color:#bfdbfe !important; font-size:13px; }
.panel-section-hero .btn-primary { background:#fff; color:#1d4ed8; }
.panel-section-hero .btn-outline { border-color:rgba(255,255,255,.45); color:#fff; background:rgba(255,255,255,.08); }
.site-detail-hero::after { content:""; position:absolute; width:230px; height:230px; right:-60px; bottom:-150px; border:34px solid rgba(255,255,255,.045); border-radius:50%; pointer-events:none; }
.site-detail-hero-content,.site-detail-actions { position:relative; z-index:1; }
.site-detail-hero h1 { margin:8px 0 4px; font-size:24px; line-height:1.2; font-weight:750; color:#fff; }
.site-detail-back { display:inline-flex; align-items:center; gap:5px; color:#bfdbfe; font-size:12px; font-weight:600; text-decoration:none; }
.site-detail-back:hover { color:#fff; }
.site-detail-back svg { width:15px; height:15px; stroke-width:2; }
.site-detail-id { color:#bfdbfe; font-size:11px; }
.site-detail-status { padding:4px 8px; border-radius:999px; color:#d1fae5; background:rgba(16,185,129,.2); border:1px solid rgba(167,243,208,.25); font-size:10px; font-weight:800; }
.site-detail-delete { padding:9px 14px; color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.4); border-radius:9px; font-size:12px; font-weight:700; cursor:pointer; }
.site-detail-delete:hover { background:#fff; border-color:#fff; color:#dc2626; }
.site-management { margin: 16px 0 22px; }
.site-overview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.sites-total-metrics { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.sites-total-metrics > article { min-height: 104px; display: flex; align-items: center; gap: 14px; padding: 18px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 1px 3px rgba(15,23,42,.04); transition: opacity .2s ease, border-color .2s ease; }
.sites-total-metrics > article > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sites-total-metrics small { color: #64748b; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.sites-total-metrics strong { color: #0f172a; font-size: 20px; line-height: 1.2; white-space: nowrap; }
.sites-total-metrics article div > span { color: #94a3b8; font-size: 11px; }
.sites-usage-track{height:6px;margin-top:8px;border-radius:999px;background:#e8eef7;overflow:hidden}.sites-usage-track>i{display:block;width:100%;height:100%;border-radius:inherit;background:#2563eb;transform:scaleX(var(--usage,0));transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.sites-usage-track.ram>i{background:#7c3aed}.sites-usage-track.cpu>i{background:#0891b2}.sites-iops-split,.sites-network-split{display:flex!important;gap:10px;margin-top:7px}.sites-iops-split span,.sites-network-split span{font-variant-numeric:tabular-nums;color:#475569!important;font-weight:650}.sites-metric-icon.cpu{background:#e0f2fe;color:#0369a1}.sites-metric-icon.iops{background:#fff7ed;color:#c2410c}
.sites-metric-icon { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font-size: 17px; }
.sites-metric-icon.disk { color: #2563eb; background: #eff6ff; }
.sites-metric-icon.ram { color: #7c3aed; background: #f5f3ff; }
.sites-metric-icon.rx { color: #059669; background: #ecfdf5; }
.sites-metric-icon.tx { color: #ea580c; background: #fff7ed; }
.sites-metrics-update { position: absolute; right: 3px; bottom: -18px; color: #94a3b8; font-size: 10px; }
.sites-total-metrics.is-loading > article { opacity: .72; }
.sites-total-metrics.is-loading .sites-metrics-update i { animation: spin 1s linear infinite; }
.sites-total-metrics.has-error .sites-metrics-update { color: #e11d48; }
.site-overview-card { display: flex; align-items: center; gap: 15px; min-height: 112px; padding: 20px; background: #fff; border: 1px solid #e9edf2; border-radius: 12px; box-shadow: var(--shadow); }
.site-overview-card > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.site-overview-card small { color: var(--text-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }
.site-overview-card strong { color: var(--text-main); font-size: 22px; line-height: 1.2; }
.site-overview-card div > span { color: var(--text-muted); font-size: 12px; }
.site-overview-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; font-size: 19px; background: rgba(54,153,255,.1); color: var(--primary-color); }
.site-overview-icon svg,.site-card-icon svg,.site-card-arrow svg { width:22px; height:22px; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.site-overview-icon.memory { background: rgba(137,80,252,.1); color: #8950fc; }
.site-overview-icon.online { background: rgba(27,197,189,.12); color: var(--success); }
.site-overview-icon.offline { background: rgba(246,78,96,.1); color: var(--danger); }
.site-overview-status.online { color: var(--success); }
.site-overview-status.offline { color: var(--danger); }
.site-metrics-warning { max-width: 1000px; margin: -12px 0 20px; color: #8a6d1d; font-size: 12px; }
.site-management-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: 1000px; }
.site-management-card { min-height: 92px; display: flex; align-items: center; gap: 16px; padding: 18px; background: #fff; border: 1px solid #e9edf2; border-radius: 12px; color: var(--text-main); text-decoration: none; box-shadow: var(--shadow); }
.site-card-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:10px; background:#eff6ff; color:#2563eb; }
.site-card-arrow { margin-left:auto; color:#94a3b8; display:grid; place-items:center; }
.site-card-arrow svg { width:17px; height:17px; }
.site-management-card div { display: flex; flex-direction: column; gap: 5px; }
.site-management-card strong { font-size: 16px; }
.site-management-card span { color: var(--text-muted); font-size: 12px; }
.site-management-card:not(.disabled):hover { border-color: var(--primary-color); transform: translateY(-1px); }
.site-management-card.disabled { opacity: .58; cursor: default; }
.ftp-page-header { margin-bottom: 18px; }
.ftp-summary { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1px; background: #e9edf2; border: 1px solid #e9edf2; border-radius: 12px; overflow: hidden; margin-bottom: 18px; }
.ftp-summary > div { display: flex; flex-direction: column; gap: 6px; background: #fff; padding: 16px 18px; }
.ftp-summary span { color: var(--text-muted); font-size: 12px; text-transform: uppercase; font-weight: 700; }
.ftp-summary strong { font-size: 15px; overflow-wrap: anywhere; }
.ftp-panel { background: #fff; border: 1px solid #edf0f4; border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; }
.ftp-table-wrap { overflow-x: auto; }
.ftp-table { margin: 0; min-width: 850px; }
.ftp-directory { display: inline-flex; align-items: center; gap: 8px; background: #f5f7fa; padding: 7px 10px; border-radius: 7px; }
.ftp-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.ftp-actions form { margin: 0; }
.ftp-delete { color: var(--danger); }
.ftp-action-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid #e4e6ef; border-radius: 8px; background: #fff; color: var(--text-main); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.ftp-action-btn:hover { background: #f3f6f9; border-color: #d5dae2; }
.ftp-action-btn.ftp-delete:hover { background: rgba(246,78,96,.06); border-color: rgba(246,78,96,.25); }
.ftp-table th:last-child, .ftp-table td:last-child { position: sticky; right: 0; background: #fff; z-index: 2; min-width: 168px; box-shadow: -8px 0 12px -12px rgba(0,0,0,.3); }
.ftp-table th:last-child { z-index: 3; }
.ftp-empty { padding: 54px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.ftp-empty > i { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: #f3f6f9; color: var(--text-muted); font-size: 24px; }
.ftp-empty p, .modal-header p { color: var(--text-muted); font-size: 13px; margin-top: 5px; }
.ftp-username-row, .ftp-password-row { display: flex; align-items: center; gap: 10px; }
.ftp-username-row strong { white-space: nowrap; }
.form-group small { display: block; color: var(--text-muted); margin-top: 7px; line-height: 1.4; }
.form-label span { color: var(--text-muted); font-weight: 400; }
.ftp-secret { margin-top: 12px; border: 1px solid #edf0f4; border-radius: 8px; padding: 12px; }
.ftp-secret summary { cursor: pointer; color: var(--text-muted); font-size: 13px; }
.ftp-secret code { display: block; margin-top: 10px; padding: 10px; background: #f5f7fa; border-radius: 6px; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .sites-total-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .site-management-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-overview-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .site-management-grid, .ftp-summary { grid-template-columns: 1fr; } .ftp-username-row, .ftp-password-row { align-items: stretch; flex-direction: column; } .ftp-username-row strong { align-self: flex-start; } }
@media (max-width: 600px) { .site-detail-hero { align-items:flex-start; flex-direction:column; padding:18px; } .site-detail-actions,.site-detail-actions form,.site-detail-delete { width:100%; } }
@media (max-width: 600px) { .sites-total-metrics { grid-template-columns: 1fr; } }
.logs-page-header { margin-bottom: 14px; }
.logs-meta { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--text-muted); font-size: 12px; margin-bottom: 14px; }
.logs-meta i { color: var(--success); margin-right: 5px; }
.logs-alert { padding: 12px 14px; margin-bottom: 14px; border: 1px solid rgba(246,78,96,.3); border-radius: 9px; background: rgba(246,78,96,.06); color: #a61429; }
.logs-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.log-terminal-card { overflow: hidden; border: 1px solid #262b35; border-radius: 12px; background: #090c10; box-shadow: 0 12px 30px rgba(0,0,0,.14); }
.advanced-tabs{display:flex;gap:4px;overflow-x:auto;margin:18px 0;border-bottom:1px solid #dce5f1}.advanced-tabs button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#61718a;font-weight:600;white-space:nowrap;cursor:pointer}.advanced-tabs button:hover{color:#16376a;background:#eef5ff}.advanced-tabs button.active{color:#16376a;border-bottom-color:#2563eb}.advanced-panel{display:none;background:#fff;border:1px solid #e3eaf4;border-radius:14px;padding:22px}.advanced-panel.active{display:block}.advanced-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.advanced-panel h3{margin:0;color:#172033}.advanced-panel header p{margin:5px 0 0;color:#64748b;max-width:72ch}.advanced-form{display:grid;gap:16px}.advanced-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}.advanced-detail>div{padding:12px;background:#f6f8fc;border-radius:10px;min-width:0}.advanced-detail dt{font-size:.72rem;color:#64748b}.advanced-detail dd{margin:4px 0 0;font-weight:600}.advanced-actions{display:flex;flex-wrap:wrap;gap:10px}.inline-tool{display:flex;align-items:center;gap:8px}.inline-tool .form-input{min-width:220px}.field-help,.editor-status{font-size:.78rem;color:#64748b}.code-editor,.tool-output{width:100%;border:1px solid #cad6e6;border-radius:10px;background:#0b1220;color:#e5edf8;padding:16px;font:13px/1.6 'JetBrains Mono',monospace;tab-size:4}.code-editor{resize:vertical;min-height:360px}.tool-output{min-height:220px;max-height:460px;overflow:auto;white-space:pre-wrap;margin-top:18px}.safe-terminal{overflow:hidden;border-radius:12px;background:#090d15;border:1px solid #293245}.safe-terminal pre{min-height:300px;max-height:460px;overflow:auto;padding:18px;margin:0;color:#dce8f8;font:13px/1.6 'JetBrains Mono',monospace;white-space:pre-wrap}.safe-terminal form{display:flex;border-top:1px solid #293245;padding:12px 16px}.safe-terminal label{display:flex;align-items:center;gap:8px;width:100%}.terminal-prompt{color:#75c9a3;font:13px 'JetBrains Mono',monospace}.safe-terminal input[name=command]{flex:1;border:0;outline:0;background:transparent;color:#fff;font:13px 'JetBrains Mono',monospace}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border:1px solid #e3eaf4;border-radius:12px}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:#64748b;margin-top:3px}.status-badge{padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:700}.status-badge.active{background:#dff7eb;color:#08724b}.status-badge.pending{background:#eaf2ff;color:#1d5ca0}@media(max-width:700px){.advanced-panel{padding:16px}.advanced-panel>header,.toggle-row{align-items:stretch;flex-direction:column}.advanced-detail,.form-grid{grid-template-columns:1fr}.inline-tool{align-items:stretch;flex-direction:column}.inline-tool .form-input{min-width:0;width:100%}.advanced-actions{display:grid}.advanced-actions>*{width:100%}.advanced-actions .btn{width:100%}}
.log-terminal-card > header { min-height: 48px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 12px; padding: 0 16px; color: #f4f6f8; background: #171b22; border-bottom: 1px solid #292f39; }
.log-terminal-card > header strong { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 13px; }
.log-terminal-card > header span { justify-self: end; color: #939dac; font-size: 11px; }
.terminal-lights { display: flex; gap: 6px; }
.terminal-lights i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.terminal-lights i:nth-child(2) { background: #febc2e; }
.terminal-lights i:nth-child(3) { background: #28c840; }
.log-terminal { min-height: 270px; max-height: 440px; margin: 0; padding: 18px; overflow: auto; background: #090c10; color: #f5f7fa; font: 12px/1.62 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; white-space: pre; tab-size: 4; scrollbar-color: #4b5563 #11151b; }
#refresh-site-logs.is-loading { opacity: .75; cursor: wait; }
@media (max-width: 600px) { .log-terminal { min-height: 230px; padding: 14px; font-size: 11px; } .log-terminal-card > header span { display: none; } }
.domain-host-new{margin:12px 0 18px;padding:11px 14px;border:1px solid #dbe7f6;border-radius:10px;background:#f7faff;color:#52657d;font-size:13px}.domain-host-new a{color:#1d4e89;font-weight:700;text-decoration:none}.domain-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.domain-record-actions form{margin:0}.dns-edit{border:0;background:transparent;color:#1d4e89;font-weight:700;cursor:pointer}.domain-record-form .domain-replace{display:flex;align-items:center;gap:8px;margin:10px 0;color:#52657d;font-size:13px}.domain-record-form .domain-replace input{width:16px;min-height:16px;padding:0}

/* Gerenciamento de subdomínios */
.domain-banner-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px}.domain-secondary-action{display:flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:12px;font-weight:700;text-decoration:none}.domain-secondary-action:hover{background:rgba(255,255,255,.1)}.domain-summary{grid-template-columns:repeat(4,minmax(100px,1fr)) minmax(230px,1.5fr)}.domain-subdomain-fields[hidden]{display:none}.domain-subdomain-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:0 12px}.domain-address-preview{grid-column:1/-1;margin:10px 0 0;padding:10px 12px;border-radius:9px;color:#52657d;background:#f7faff;font-size:11px}.domain-address-preview strong{color:#16376a}@media(max-width:900px){.domain-summary{grid-template-columns:repeat(2,1fr)}.domain-summary p{grid-column:1/-1}.domain-subdomain-fields{grid-template-columns:1fr}}@media(max-width:640px){.domain-banner-actions{width:100%;align-items:stretch;flex-direction:column}.domain-banner-actions a{justify-content:center}.domain-summary{grid-template-columns:1fr}}
.domain-subdomain-path{grid-column:1/-1}.domain-subdomain-path em{margin-left:5px;color:#7b8ba1;font-size:9px;font-style:normal;font-weight:600;text-transform:uppercase}.domain-subdomain-path b{color:#334155;font-weight:700}
.mail-relay-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;margin-bottom:20px;padding:24px;border:1px solid #dbe5f1;border-radius:14px;background:#fff}.mail-relay-title{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.mail-relay-title h3{color:#172554;font-size:16px}.mail-relay-title p{margin-top:3px;color:#64748b;font-size:12px}.mail-relay-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eaf2ff;color:#1d4e89}.status-neutral{color:#52657d;background:#eef2f7}.mail-relay-explain{max-width:62ch;margin-top:18px;color:#52657d;font-size:13px;line-height:1.65}.mail-relay-current{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mail-relay-current div{padding:11px 13px;border-radius:9px;background:#f6f8fc}.mail-relay-current dt{color:#718096;font-size:10px;font-weight:700;text-transform:uppercase}.mail-relay-current dd{margin-top:4px;color:#243653;font-size:12px;font-weight:650;overflow-wrap:anywhere}.mail-relay-form{display:grid;gap:13px;padding-left:28px;border-left:1px solid #e5ebf3}.mail-relay-form label{display:grid;gap:6px;color:#334155;font-size:12px;font-weight:700}.mail-relay-fields{display:grid;grid-template-columns:90px 1fr;gap:10px}.mail-relay-actions{display:flex;align-items:center;gap:9px;margin-top:2px}.mail-relay-remove{color:#b42334}.mail-relay-form input:focus,.mail-relay-form select:focus{border-color:#3b82f6;outline:3px solid rgba(59,130,246,.14)}
@media(max-width:800px){.mail-relay-card{grid-template-columns:1fr;gap:22px;padding:20px}.mail-relay-form{padding:20px 0 0;border-left:0;border-top:1px solid #e5ebf3}}@media(max-width:520px){.mail-relay-title{grid-template-columns:42px 1fr}.mail-relay-title .status-badge{grid-column:2;justify-self:start}.mail-relay-current,.mail-relay-fields{grid-template-columns:1fr}.mail-relay-actions{align-items:stretch;flex-direction:column}.mail-relay-actions .btn{width:100%}}
/* Multi-tenant administration */
.admin-shell{display:grid;gap:20px}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(22,55,106,.05)}.admin-metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef5ff;color:#1d63c6}.admin-metric strong{display:block;font-size:1.45rem;line-height:1.1;font-variant-numeric:tabular-nums}.admin-metric span{display:block;color:#64748b;font-size:.78rem;margin-top:4px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.admin-panel{background:#fff;border-radius:14px;border:1px solid #e8edf5;padding:22px;box-shadow:0 8px 24px rgba(22,55,106,.04)}.admin-panel-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}.admin-panel-head h2{font-size:1rem;margin:0}.admin-panel-head p{font-size:.78rem;color:#64748b;margin:4px 0 0}.admin-panel-head>a{font-size:.78rem;color:#1d63c6;font-weight:600}.admin-action-list{display:grid}.admin-action-list>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid #edf1f7;color:#172033}.admin-action-list>a:first-child{border-top:0}.admin-action-list>a>i:first-child{color:#1d63c6}.admin-action-list strong,.admin-action-list small{display:block}.admin-action-list small{color:#64748b;margin-top:2px}.audit-list>div{display:flex;gap:10px;padding:10px 0;border-top:1px solid #edf1f7}.audit-list>div:first-child{border-top:0}.audit-list p,.audit-list strong,.audit-list small{display:block;margin:0}.audit-list small{color:#64748b;margin-top:3px}.audit-dot{width:8px;height:8px;background:#1d63c6;border-radius:50%;margin-top:6px;flex:none}.admin-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#64748b;gap:7px}.admin-empty>i{font-size:1.5rem;color:#8ba8cc}.admin-empty strong{color:#28364b}.token-reveal{background:#eaf8f1;border:1px solid #bde7d1;border-radius:14px;padding:16px 18px;display:grid;gap:12px}.token-reveal>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.token-reveal>div:first-child i{grid-row:1/3;color:#0c8d5a}.token-reveal span{font-size:.78rem;color:#39715c}.token-copy{display:flex;align-items:center;gap:10px}.token-copy code{padding:10px 12px;background:#fff;border-radius:8px;overflow:auto;flex:1}.quota-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#173d72;color:#fff;border-radius:14px;padding:18px 22px;gap:20px}.quota-strip>div{border-left:1px solid rgba(255,255,255,.2);padding-left:20px}.quota-strip>div:first-child{border-left:0;padding-left:0}.quota-strip span,.quota-strip strong{display:block}.quota-strip span{font-size:.75rem;color:#c8d8ed}.quota-strip strong{margin-top:4px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{border:1px solid #e3eaf4;border-radius:14px;padding:18px}.plan-card h3{margin:12px 0 4px}.plan-card code{font-size:.68rem;color:#64748b;word-break:break-all}.plan-card dl{display:grid;gap:9px;margin:18px 0 0}.plan-card dl>div{display:flex;justify-content:space-between;gap:12px}.plan-card dt{color:#64748b;font-size:.78rem}.plan-card dd{font-size:.78rem;font-weight:600;margin:0}.impersonation-banner{background:#fff4d6;border-bottom:1px solid #efcf79;color:#654800;position:sticky;top:58px;z-index:35}.impersonation-inner{max-width:1220px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.impersonation-copy{display:flex;align-items:center;gap:10px}.impersonation-copy span{display:block;font-size:.72rem;margin-top:2px}.impersonation-actions{display:flex;gap:8px}.table-responsive{overflow-x:auto}.cell-sub{display:block}

/* Server operations */
.server-back{display:inline-flex;align-items:center;gap:7px;color:#bfdbfe;font-size:.76rem;font-weight:650;margin-bottom:8px}.server-back:hover{color:#fff}.server-alert{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-radius:12px;background:#fff3f4;border:1px solid #ffd1d7;color:#8f1830}.server-alert p{margin:3px 0 0;font-size:.8rem}.server-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #dce5f1}.server-tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;padding:11px 14px;background:transparent;color:#61718a;font-weight:650;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease}.server-tabs button:hover{color:#16376a;background:#eef5ff}.server-tabs button:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:-3px}.server-tabs button.active{color:#16376a;border-bottom-color:#2563eb}.server-tabs button span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#fde7ea;color:#a61429;font-size:.65rem}.server-tab-panel{display:none}.server-tab-panel.active{display:block}.server-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.server-summary article{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e8edf5;border-radius:14px}.server-summary article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef5ff;color:#1d63c6}.server-summary span,.server-summary strong,.server-summary small{display:block}.server-summary span{font-size:.7rem;text-transform:uppercase;letter-spacing:.035em;color:#64748b;font-weight:700}.server-summary strong{font-size:1.1rem;margin-top:3px;font-variant-numeric:tabular-nums}.server-summary small{color:#78879c;margin-top:2px}.server-health{margin-top:16px}.server-health dl,.server-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.server-health dl>div,.server-details>div{padding:13px 0;border-top:1px solid #edf1f7}.server-health dl>div:nth-child(-n+2),.server-details>div:nth-child(-n+2){border-top:0}.server-health dt,.server-details dt{font-size:.72rem;color:#64748b}.server-health dd,.server-details dd{margin:5px 0 0;font-size:.84rem;font-weight:650;overflow-wrap:anywhere}.server-service-list{display:grid}.server-service{display:grid;grid-template-columns:minmax(320px,1fr) 130px minmax(260px,auto);align-items:center;gap:18px;padding:16px 0;border-top:1px solid #edf1f7}.server-service:first-child{border-top:0}.server-service-copy{display:flex;gap:12px;min-width:0}.server-service-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:#eef5ff;color:#1d63c6}.server-service-copy strong,.server-service-copy p,.server-service-copy small{display:block}.server-service-copy p{margin:3px 0;color:#53627a;font-size:.78rem}.server-service-copy small,.server-service-state small{color:#8490a2;font-size:.68rem}.server-service-state{display:grid;justify-items:start;gap:4px}.server-service-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.server-service-actions form{display:inline-flex}.server-log-filters{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(130px,1fr)) auto;gap:12px;align-items:end;margin-bottom:16px}.server-log-filters .form-group{margin:0}.system-log-terminal{min-height:360px;max-height:610px;overflow:auto;border-radius:12px;background:#090d15;color:#e5edf8;border:1px solid #293245}.system-log-empty,.system-log-loading{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8fa1b8;text-align:center;padding:24px}.system-log-empty i{font-size:1.5rem}.system-log-empty strong{color:#e5edf8}.system-log-empty.is-error{color:#fca5a5}.system-log-loading{flex-direction:row;flex-wrap:wrap}.system-log-loading span{width:7px;height:7px;border-radius:50%;background:#7db7ff;animation:log-pulse .9s ease-in-out infinite}.system-log-loading span:nth-child(2){animation-delay:.15s}.system-log-loading span:nth-child(3){animation-delay:.3s}.system-log-loading p{flex-basis:100%;margin:4px 0}.log-entry{display:grid;grid-template-columns:155px 115px minmax(0,1fr);gap:12px;padding:9px 14px;border-top:1px solid #1d2737;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.log-entry:first-child{border-top:0}.log-entry time,.log-entry>span{color:#91a0b5}.log-entry pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#dce8f8}.log-entry.error pre{color:#fca5a5}.log-entry.warning pre{color:#fde68a}.is-loading i{animation:spin .8s linear infinite}@keyframes log-pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}
.agent-service-summary{display:flex!important;align-items:center;gap:6px;margin-top:6px}.agent-service-summary .is-healthy{color:#0f766e;font-weight:650}.agent-service-summary .has-failure{color:#a61429;font-weight:650}
@media(max-width:1050px){.server-summary{grid-template-columns:repeat(2,1fr)}.server-service{grid-template-columns:minmax(260px,1fr) 120px}.server-service-actions{grid-column:1/-1;justify-content:flex-start}.server-log-filters{grid-template-columns:repeat(2,1fr)}.server-log-filters>button{align-self:stretch}}
@media(max-width:650px){.server-manage .admin-hero{align-items:stretch;flex-direction:column}.server-summary{grid-template-columns:1fr}.server-service{grid-template-columns:1fr}.server-service-state{justify-items:start}.server-service-actions{grid-column:auto}.server-service-actions .btn,.server-service-actions form{width:100%}.server-service-actions form .btn{width:100%}.server-log-filters{grid-template-columns:1fr}.server-health dl,.server-details{grid-template-columns:1fr}.server-health dl>div:nth-child(2),.server-details>div:nth-child(2){border-top:1px solid #edf1f7}.log-entry{grid-template-columns:1fr;gap:2px}.system-log-terminal{max-height:520px}}
.maintenance-notice{display:flex;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#173f76}.maintenance-notice>i{margin-top:3px}.maintenance-notice p{margin:3px 0 0;color:#52657f;font-size:.78rem}.maintenance-form fieldset{border:0;padding:0;margin:0 0 20px}.maintenance-form legend{margin-bottom:10px;font-size:.78rem;font-weight:750;color:#334155}.maintenance-components,.maintenance-scope-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.maintenance-components label,.maintenance-scope-grid label{position:relative}.maintenance-components input,.maintenance-scope-grid input{position:absolute;opacity:0;pointer-events:none}.maintenance-components label>span,.maintenance-scope-grid label>span{display:flex;height:100%;flex-direction:column;gap:4px;padding:13px;border:1px solid #dce5f1;border-radius:11px;background:#fff;cursor:pointer;transition:.16s ease}.maintenance-components label>span:hover,.maintenance-scope-grid label>span:hover{border-color:#93b8ed;transform:translateY(-1px)}.maintenance-components input:checked+span,.maintenance-scope-grid input:checked+span{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.12);background:#f5f9ff}.maintenance-components i{color:#2563eb;font-size:1.05rem}.maintenance-components strong,.maintenance-scope-grid strong{font-size:.77rem}.maintenance-components small,.maintenance-scope-grid small{font-size:.67rem;color:#718096}.maintenance-scope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.maintenance-base-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.78rem}.maintenance-dependent{display:none;margin-top:14px}.maintenance-dependent.active{display:block}.maintenance-client-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto}.maintenance-client-list label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e2e8f0;border-radius:9px}.maintenance-client-list span,.maintenance-client-list strong,.maintenance-client-list small{display:block}.maintenance-client-list small{color:#64748b}.maintenance-actions{display:flex;justify-content:flex-end;gap:9px}.maintenance-history{margin-top:16px}.maintenance-job{padding:15px 0;border-top:1px solid #edf1f7}.maintenance-job:first-child{border-top:0}.maintenance-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.maintenance-job-head strong,.maintenance-job-head small{display:block}.maintenance-job-head small{margin-top:3px;color:#718096;font-size:.69rem}.maintenance-progress{height:6px;margin:11px 0;border-radius:999px;overflow:hidden;background:#e7edf5}.maintenance-progress span{display:block;height:100%;background:#2563eb;transition:width .3s ease}.maintenance-job p{font-size:.74rem;color:#64748b}.maintenance-job ul{display:grid;gap:4px;padding:0;margin:9px 0;list-style:none}.maintenance-job li{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:7px;background:#f8fafc;font-size:.7rem}.maintenance-error{color:#b42318!important}.maintenance-rollback{margin-top:7px}.is-disabled{opacity:.48;pointer-events:none}
@media(max-width:1000px){.maintenance-components{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-client-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.maintenance-components,.maintenance-scope-grid,.maintenance-client-list{grid-template-columns:1fr}.maintenance-actions{flex-direction:column}.maintenance-actions .btn{width:100%}}
.runtime-note{margin:-8px 2px 0;color:#64748b;font-size:.78rem}.runtime-note i{color:#1d63c6;margin-right:6px}@media(max-width:900px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.panel-topbar>div{height:auto!important;min-height:58px;flex-wrap:wrap;padding-top:9px;padding-bottom:8px}.panel-topbar>div>a{white-space:nowrap}.panel-topbar .panel-primary-nav{order:3;width:100%;display:flex;overflow-x:auto;scrollbar-width:none}.panel-topbar .panel-primary-nav::-webkit-scrollbar{display:none}.panel-topbar .panel-primary-nav a{flex:1;text-align:center;padding:8px 7px;font-size:.72rem}.panel-topbar details{margin-left:auto}.impersonation-banner{top:99px}.admin-hero,.impersonation-inner{align-items:stretch;flex-direction:column}.admin-hero-actions,.impersonation-actions{display:grid;grid-template-columns:1fr 1fr}.admin-metrics,.plan-grid,.quota-strip{grid-template-columns:1fr}.quota-strip>div{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:12px 0 0}.quota-strip>div:first-child{border-top:0;padding-top:0}.admin-panel{padding:16px}.token-copy{align-items:stretch;flex-direction:column}.token-copy .btn{width:100%}}

/* Resource dashboards: live usage against the limits assigned to the tenant. */
@media(min-width:901px){.reseller-resource-band{grid-template-columns:repeat(5,minmax(0,1fr))}}
.reseller-resource-track.network i{background:#67e8f9}.reseller-iops-bars{display:grid;gap:5px;margin-top:11px}.reseller-iops-bars i{display:block;height:5px;border-radius:999px;background:#fb923c;transform:scaleX(var(--activity));transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.reseller-iops-bars i+ i{background:#fbbf24}
.agent-node-list{display:grid}.agent-node-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 2px;border-top:1px solid #edf1f7}.agent-node-row:first-child{border-top:0}.agent-node-status{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #f1f5f9}.agent-node-status.is-online{background:#0c9b68;box-shadow:0 0 0 4px #e2f7ef}.agent-node-status.is-offline{background:#d83a52;box-shadow:0 0 0 4px #fdecef}.agent-node-main{display:grid;gap:5px;min-width:0}.agent-node-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-node-main code{color:#475569;overflow-wrap:anywhere}.agent-node-main small{color:#64748b}.agent-node-actions{display:flex;align-items:center;gap:8px}.agent-node-actions form{margin:0}.agent-default-choice{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;background:#f6f8fc;cursor:pointer}.agent-default-choice input{width:17px;height:17px}.agent-default-choice span,.agent-default-choice strong,.agent-default-choice small{display:block}.agent-default-choice small{margin-top:3px;color:#64748b}@media(max-width:720px){.agent-node-row{grid-template-columns:auto 1fr}.agent-node-actions{grid-column:2;flex-wrap:wrap}.agent-node-actions .btn{min-height:40px}}
.agent-overview{display:grid;grid-template-columns:160px 120px 160px minmax(240px,1fr);align-items:stretch;background:#173d72;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(22,55,106,.13)}.agent-overview>div{padding:17px 20px;border-right:1px solid rgba(255,255,255,.16)}.agent-overview>div:last-child{border-right:0}.agent-overview-label{display:block;color:#c8d8ed;font-size:.72rem;margin-bottom:4px}.agent-overview strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.agent-overview .text-success{color:#6fe0b6}.agent-overview-note{display:flex;align-items:center;gap:12px;color:#dce8f8;font-size:.76rem;line-height:1.45}.agent-overview-note i{font-size:1.1rem;color:#9fc8ff}.agent-refresh-state{display:flex;align-items:center;gap:7px;color:#527195;font-size:.72rem;white-space:nowrap}.agent-job{margin-top:8px;max-width:680px;padding:10px 12px;background:#f6f8fc;border-radius:10px}.agent-job>div{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.agent-job progress{display:block;width:100%;height:7px;margin:8px 0;accent-color:#1d63c6}.agent-job>small{display:block;color:#a02b3d}.agent-log-toggle{border:0;background:none;color:#1d63c6;padding:2px 0;font-size:.72rem;font-weight:600;cursor:pointer}.agent-job pre{max-height:220px;overflow:auto;background:#12233d;color:#eaf2ff;padding:12px;border-radius:8px;font-size:.68rem;white-space:pre-wrap}.dialog-wide{width:min(820px,calc(100vw - 32px))!important}.agent-form-section+ .agent-form-section{margin-top:24px;padding-top:22px;border-top:1px solid #e7edf6}.agent-form-section h4{font-size:.88rem;margin:0 0 14px;color:#213653}.agent-secret-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.optional{font-size:.68rem;color:#72839b;font-weight:400}.caddy-policy-options{display:grid;gap:9px;margin-bottom:16px}.caddy-policy-options label{display:flex;align-items:flex-start;gap:11px;padding:12px;border-radius:11px;background:#f6f8fc;cursor:pointer}.caddy-policy-options input{margin-top:3px}.caddy-policy-options span,.caddy-policy-options strong,.caddy-policy-options small{display:block}.caddy-policy-options small{color:#64748b;margin-top:3px}.security-callout{display:flex;gap:10px;padding:12px;border-radius:10px;background:#fff7e6;color:#694d13;font-size:.75rem;line-height:1.45}.security-callout i{margin-top:2px;color:#b47a00}@media(max-width:820px){.agent-overview{grid-template-columns:repeat(3,1fr)}.agent-overview-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16)}.agent-overview>div:nth-child(3){border-right:0}}@media(max-width:560px){.agent-overview{grid-template-columns:1fr 1fr}.agent-overview>div:nth-child(2){border-right:0}.agent-overview>div:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16)}.agent-node-actions{gap:6px}.agent-node-actions .btn{font-size:.72rem;padding:8px 9px}}
.panel-footer-tools{display:flex;align-items:center;gap:18px}.panel-footer-tools form{margin:0}.panel-footer-tools label{display:flex;align-items:center;gap:7px}.panel-footer-tools select{appearance:none;background:#214b80;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:7px 28px 7px 10px;font-size:.72rem;line-height:1;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.panel-footer-tools select:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:640px){.panel-footer-tools{width:100%;justify-content:space-between;gap:12px}}
.auth-language{position:fixed;right:20px;bottom:18px;z-index:20}.auth-language label{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dbe3ef;border-radius:10px;background:rgba(255,255,255,.94);color:#53627a;box-shadow:0 8px 24px rgba(15,35,65,.08)}.auth-language select{border:0;background:transparent;color:inherit;font:inherit;outline:none;cursor:pointer}
.general-settings-panel{max-width:820px;margin:0 auto}.general-settings-form{display:grid;gap:20px}.general-toggle{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #dce5f0;border-radius:14px;background:#f8fbff;cursor:pointer}.general-toggle input{width:19px;height:19px;margin-top:2px;accent-color:#2563eb}.general-toggle span{display:grid;gap:4px}.general-toggle strong{color:#17233b}.general-toggle small{color:#64748b;line-height:1.5}.input-prefix{display:flex;align-items:center;border:1px solid #dce3ed;border-radius:10px;background:#fff;overflow:hidden}.input-prefix>span{padding:0 0 0 14px;color:#64748b;font-weight:600}.input-prefix .form-input{border:0;box-shadow:none}.settings-effective{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;background:#eff6ff;color:#1d4e89;font-size:13px}.general-settings-actions{display:flex;justify-content:flex-end}
.resource-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.resource-section-nav span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dce5f0;border-radius:999px;background:#fff;color:#334155;font-size:13px;font-weight:600}

/* Admin dashboard: marca, telemetria e feedback de interação. */
.panel-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;height:42px;color:#fff;text-decoration:none}.panel-brand img{display:block;width:92px;height:42px;object-fit:contain;transition:filter .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.panel-brand-name{padding-left:9px;border-left:1px solid rgba(255,255,255,.32);font-size:.78rem;font-weight:700;letter-spacing:.055em}.panel-brand:hover img{filter:brightness(1.12);transform:scale(1.025)}
.admin-hero-actions .btn{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .22s ease,transform .18s cubic-bezier(.16,1,.3,1)}.admin-hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(8,34,72,.22)}.admin-hero-actions .btn:active{transform:translateY(0) scale(.975);box-shadow:0 3px 8px rgba(8,34,72,.2)}
.admin-metric{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}.admin-metric:hover{transform:translateY(-2px);border-color:#cbdcf1;box-shadow:0 12px 28px rgba(22,55,106,.1)}
.admin-action-list{gap:4px}.admin-action-list>a{padding:14px 10px;border-radius:10px;transition:background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.admin-action-list>a:first-child{border-top-color:transparent}.admin-action-list>a:hover{background:#eaf2fc;color:#123e73;transform:translateX(3px);box-shadow:inset 0 0 0 1px #d8e6f6}.admin-action-list>a:active{background:#d9e8f8;transform:translateX(1px) scale(.99)}.admin-action-list>a>i:last-child{transition:transform .18s cubic-bezier(.16,1,.3,1),color .18s ease}.admin-action-list>a:hover>i:last-child{transform:translateX(3px);color:#1d63c6}
.master-admin-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.master-admin-form{display:grid;gap:16px}.master-admin-list{display:grid}.master-admin-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #edf1f7}.master-admin-list article:first-child{border-top:0;padding-top:0}.master-admin-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf2fc;color:#174f93;font-weight:800}.master-admin-list strong,.master-admin-list span,.master-admin-list small{display:block}.master-admin-list article>div>span{font-size:.78rem;color:#475569;margin-top:2px}.master-admin-list small{font-size:.7rem;color:#94a3b8;margin-top:3px}
.master-admin-actions{display:flex;align-items:center;gap:8px}.master-admin-dialog{width:min(620px,calc(100vw - 28px));padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(15,35,68,.22)}.master-admin-dialog::backdrop{background:rgba(12,29,54,.52);backdrop-filter:blur(2px)}.master-dialog-footer{display:grid;grid-template-columns:auto 1fr auto auto}.master-admin-dialog[open]{animation:master-dialog-in .18s cubic-bezier(.16,1,.3,1)}@keyframes master-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:820px){.master-admin-layout{grid-template-columns:1fr}}
@media(max-width:560px){.master-admin-list article{grid-template-columns:42px minmax(0,1fr)}.master-admin-actions{grid-column:1/-1;justify-content:flex-end}.master-dialog-footer{display:flex;flex-wrap:wrap}.master-dialog-footer span{display:none}.master-dialog-footer .btn{flex:1}}
.quota-strip{padding:20px 22px;gap:0;box-shadow:0 12px 28px rgba(22,55,106,.15)}.quota-chart{min-width:0;padding:0 20px;border-left:1px solid rgba(255,255,255,.16)}.quota-chart:first-child{border-left:0;padding-left:0}.quota-chart:last-child{padding-right:0}.quota-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quota-chart-head>span{display:flex;align-items:center;gap:7px;color:#cfe0f5;font-size:.75rem}.quota-chart-head>span i{color:#8fc0ff}.quota-chart-head b{font-size:.7rem;color:#dceaff;font-variant-numeric:tabular-nums}.quota-chart>strong{display:flex;gap:12px;flex-wrap:wrap;margin:7px 0 11px;font-size:.88rem;color:#fff;font-variant-numeric:tabular-nums}.traffic-in:before,.traffic-out:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.traffic-in:before{background:#6ee7b7}.traffic-out:before{background:#7db7ff}.usage-track,.traffic-track{height:7px;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.14);display:flex}.usage-track i,.traffic-track i{display:block;flex:0 0 100%;height:100%;transform:scaleX(var(--usage));transform-origin:left center;background:#6ee7b7;border-radius:inherit;animation:quota-fill .65s cubic-bezier(.16,1,.3,1) both}.usage-track.memory i{background:#a78bfa}.traffic-track i:first-child{background:#6ee7b7}.traffic-track i:last-child{background:#7db7ff;transform-origin:right center;margin-left:-100%}@keyframes quota-fill{from{transform:scaleX(0)}to{transform:scaleX(var(--usage))}}
@media(max-width:640px){.panel-brand img{width:78px;height:36px}.panel-brand-name{font-size:.68rem;padding-left:7px}.quota-chart{padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.quota-chart:first-child{padding-top:0;border-top:0}}
@media(prefers-reduced-motion:reduce){.panel-brand img,.admin-hero-actions .btn,.admin-metric,.admin-action-list>a,.admin-action-list>a>i:last-child{transition-duration:.01ms!important}.usage-track i,.traffic-track i{animation:none}.admin-hero-actions .btn:hover,.admin-metric:hover,.admin-action-list>a:hover{transform:none}}
.settings-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}.settings-toggle{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border-color,#dbe3ef);border-radius:12px;background:#f8fafc;cursor:pointer}.settings-toggle input{margin-top:4px}.settings-toggle span{display:flex;flex-direction:column;gap:3px}.settings-toggle small{color:var(--text-muted,#64748b)}.settings-extension-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:14px;border:1px solid var(--border-color,#dbe3ef);border-radius:12px;background:#f8fafc}.settings-extension-grid label{display:flex;align-items:center;gap:7px}
.database-user-group{padding:14px 0;border-top:1px solid #e2e8f0}.database-user-group summary{cursor:pointer}.database-user-list{display:grid;gap:8px;margin:14px 0}.database-user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:12px}.database-user-row div{display:flex;flex-direction:column}.database-user-form{display:grid;gap:14px;padding:14px;border:1px solid #dbe3ef;border-radius:12px}

/* Base de conhecimento */
.docs-body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth}
.docs-body{margin:0;min-height:100vh;background:#f6f8fc;color:#172033;font-family:'IBM Plex Sans',Inter,system-ui,sans-serif}.docs-body *{box-sizing:border-box}.docs-body ::selection{background:#bcd9ff;color:#102f59}.docs-topbar{position:sticky;top:0;z-index:40;background:#173d72;color:#fff;box-shadow:0 3px 14px rgba(10,34,70,.16)}.docs-topbar-inner{width:min(1180px,calc(100% - 32px));min-height:62px;margin:auto;display:flex;align-items:center;gap:28px}.docs-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:650;white-space:nowrap}.docs-brand img{width:94px;height:38px;object-fit:contain}.docs-brand span{padding-left:14px;border-left:1px solid rgba(255,255,255,.3);font-size:.8rem;color:#d7e7fa}.docs-topbar nav{display:flex;align-items:center;gap:5px;margin-left:auto}.docs-topbar nav a{padding:8px 10px;border-radius:8px;color:#dbeafe;text-decoration:none;font-size:.8rem;font-weight:600}.docs-topbar nav a:hover,.docs-topbar nav a:focus-visible{background:#28558b;color:#fff}.docs-account{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.34);border-radius:9px;padding:8px 11px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:650}.docs-account:hover{background:#fff;color:#173d72}.docs-main{width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 124px);margin:auto;padding:34px 0 64px}.docs-footer{min-height:62px;padding:18px max(16px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:#173d72;color:#dbeafe;font-size:.76rem}.docs-footer nav{display:flex;gap:18px}.docs-footer a{color:#fff;text-decoration:none}.docs-footer a:hover{text-decoration:underline;text-underline-offset:3px}.docs-landing{position:relative;overflow:hidden;border-radius:16px;background:#173d72;color:#fff;padding:54px 58px}.docs-landing:after{content:"";position:absolute;right:-80px;bottom:-150px;width:420px;height:320px;border:66px solid rgba(112,174,243,.14);border-radius:50%;transform:rotate(-18deg)}.docs-landing>div{position:relative;z-index:1;max-width:720px}.docs-landing h1{max-width:650px;margin:0;font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.docs-landing p{max-width:620px;margin:18px 0 28px;color:#d6e6f8;font-size:1.02rem;line-height:1.65}.docs-search{max-width:650px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(2,18,43,.22)}.docs-search>i{color:#71849c}.docs-search input{min-width:0;border:0;outline:0;padding:10px 2px;color:#1e293b;font:inherit}.docs-search button{border:0;border-radius:9px;background:#2563b7;color:#fff;padding:11px 18px;font:inherit;font-weight:650;cursor:pointer}.docs-search button:hover{background:#174f93}.docs-audience{margin-top:42px}.docs-audience>h2,.docs-quick h2{margin:0 0 18px;font-size:1.35rem;letter-spacing:-.015em}.docs-audience-list{border-top:1px solid #dce5f0}.docs-audience-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 8px;border-bottom:1px solid #dce5f0;color:#172033;text-decoration:none;transition:padding .18s ease,background-color .18s ease}.docs-audience-row:hover{padding-left:16px;padding-right:16px;background:#edf5ff}.docs-audience-row>i{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e6f0fc;color:#185499;font-size:1.05rem}.docs-audience-row strong,.docs-audience-row small{display:block}.docs-audience-row small{max-width:680px;margin-top:4px;color:#64748b;line-height:1.45}.docs-audience-row>b{color:#185499;font-size:.78rem}.docs-audience-row>b i{margin-left:7px}.docs-quick{display:grid;grid-template-columns:minmax(210px,.7fr) 1.3fr;gap:36px;margin-top:46px;padding:30px 34px;border-radius:14px;background:#fff;border:1px solid #e4eaf2}.docs-quick h2{margin-bottom:7px}.docs-quick p{margin:0;color:#64748b;line-height:1.55}.docs-quick nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.docs-quick a{padding:11px 12px;border-radius:9px;background:#f2f6fb;color:#174f93;text-decoration:none;font-size:.82rem;font-weight:650}.docs-quick a:hover{background:#e2edfa}.docs-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #dce5f0}.docs-page-head>div{max-width:720px}.docs-page-head a{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:#526b89;text-decoration:none;font-size:.76rem;font-weight:650}.docs-page-head h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.035em}.docs-page-head p{margin:14px 0 0;color:#607087;line-height:1.65}.docs-filter{width:min(340px,100%);display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #ced9e7;border-radius:10px;background:#fff}.docs-filter:focus-within{border-color:#2f6fbd;box-shadow:0 0 0 3px rgba(47,111,189,.12)}.docs-filter i{color:#7a8da5}.docs-filter input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;font:inherit;font-size:.84rem}.docs-layout{display:grid;grid-template-columns:220px minmax(0,780px);gap:54px;align-items:start}.docs-toc{position:sticky;top:88px}.docs-toc>strong{display:block;margin-bottom:10px;color:#8390a2;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.docs-toc nav{display:grid}.docs-toc a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#52657d;text-decoration:none;font-size:.8rem}.docs-toc a i{width:16px;color:#7895b8;text-align:center}.docs-toc a:hover{background:#eaf2fc;color:#174f93}.docs-content{min-width:0}.docs-content>section{scroll-margin-top:90px;margin-bottom:52px}.docs-content>section>header{display:flex;align-items:flex-start;gap:15px;margin-bottom:6px}.docs-content>section>header>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#173d72;color:#fff}.docs-content h2{margin:0;font-size:1.45rem;letter-spacing:-.02em}.docs-content>section>header p{margin:5px 0 0;color:#64748b;line-height:1.5}.docs-topic{margin-left:57px;padding:22px 0;border-bottom:1px solid #e1e7ef}.docs-topic h3{margin:0 0 8px;font-size:.98rem}.docs-topic p{max-width:72ch;margin:0;color:#4e5f75;line-height:1.72}.docs-topic ol{display:grid;gap:7px;margin:15px 0 0;padding-left:23px;color:#40536b;line-height:1.55}.docs-note{display:flex;gap:10px;margin-top:15px;padding:12px 14px;border-radius:10px;background:#eaf3ff;color:#244d7e;font-size:.8rem;line-height:1.5}.docs-note i{margin-top:2px;color:#2772c8}.docs-empty-filter{padding:70px 20px;text-align:center;color:#64748b}.docs-empty-filter i,.docs-empty-filter strong,.docs-empty-filter span{display:block}.docs-empty-filter i{font-size:1.7rem;color:#8da3be}.docs-empty-filter strong{margin-top:14px;color:#27364a}.changelog-head{align-items:center}.changelog-date{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:#eaf2fc;color:#275582;font-size:.75rem}.changelog-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.changelog-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid #dce5f0}.changelog-section-title>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px}.changelog-section-title.completed>i{background:#dff6eb;color:#087a4e}.changelog-section-title.planned>i{background:#e7effb;color:#1f5fa7}.changelog-section-title h2{margin:0;font-size:1.25rem}.changelog-section-title p{margin:4px 0 0;color:#64748b;font-size:.8rem}.changelog-entry{padding:21px 2px;border-bottom:1px solid #e1e7ef}.changelog-entry>span{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:6px;background:#eaf2fc;color:#285d99;font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.changelog-entry h3{margin:0 0 13px;font-size:.96rem}.changelog-entry ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.changelog-entry li{display:flex;align-items:flex-start;gap:9px;color:#52657d;font-size:.82rem;line-height:1.45}.changelog-entry li i{width:15px;margin-top:3px;color:#129064;text-align:center}.changelog-entry.planned li i{color:#7791ae}.auth-docs-link{position:fixed;left:20px;bottom:18px;z-index:20;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#53627a;text-decoration:none;font-size:.78rem;box-shadow:0 8px 24px rgba(15,35,65,.08)}
@media(max-width:860px){.docs-topbar-inner{flex-wrap:wrap;padding:10px 0}.docs-topbar nav{order:3;width:100%;overflow-x:auto}.docs-topbar nav a{flex:1;text-align:center}.docs-page-head{align-items:stretch;flex-direction:column}.docs-layout{grid-template-columns:1fr;gap:28px}.docs-toc{position:static;overflow-x:auto}.docs-toc nav{display:flex}.docs-toc a{white-space:nowrap}.changelog-grid,.docs-quick{grid-template-columns:1fr}}
@media(max-width:560px){.docs-main{width:calc(100% - 24px);padding-top:20px}.docs-brand span{display:none}.docs-account{padding:7px 9px;font-size:.7rem}.docs-landing{padding:34px 24px}.docs-landing h1{font-size:2.15rem}.docs-search{grid-template-columns:auto 1fr}.docs-search button{display:none}.docs-audience-row{grid-template-columns:42px 1fr}.docs-audience-row>b{grid-column:2}.docs-quick{padding:22px}.docs-quick nav{grid-template-columns:1fr}.docs-topic{margin-left:0}.docs-footer{align-items:flex-start;flex-direction:column}.auth-docs-link{bottom:68px}}

/* MWHCP product identity: preserves reseller logo overrides while naming the platform. */
.docs-brand{gap:10px}.docs-brand img{width:82px}.docs-brand b{font-size:.76rem;letter-spacing:.055em}.docs-brand span{margin-left:4px}
.register-logo strong{margin-left:8px;padding-left:10px;border-left:1px solid rgba(255,255,255,.36);font-size:.72rem;letter-spacing:.06em}
@media(max-width:560px){.docs-brand b{font-size:.68rem}.docs-brand img{width:72px}}
@media(prefers-reduced-motion:reduce){.docs-audience-row{transition:none}}
.agent-information{margin-top:7px}.agent-information summary{display:inline-flex;align-items:center;gap:7px;color:#1d63c6;font-size:.75rem;font-weight:650;cursor:pointer;list-style:none;padding:5px 0}.agent-information summary::-webkit-details-marker{display:none}.agent-information summary .fa-chevron-down{font-size:.62rem;transition:transform .2s ease}.agent-information[open] summary .fa-chevron-down{transform:rotate(180deg)}.agent-information-grid{display:grid!important;grid-template-columns:repeat(4,minmax(145px,1fr));gap:0!important;margin:10px 0 4px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc}.agent-information-grid>div{display:block!important;padding:13px 14px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.agent-information-grid>div:nth-child(4n){border-right:0}.agent-information-grid>div:nth-last-child(-n+4){border-bottom:0}.agent-information-grid span,.agent-information-grid strong,.agent-information-grid small{display:block}.agent-information-grid span{font-size:.66rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.agent-information-grid strong{font-size:.86rem;color:#183153;margin-top:5px;font-variant-numeric:tabular-nums}.agent-information-grid small{font-size:.68rem;color:#64748b;margin-top:3px}.agent-information footer{font-size:.66rem;color:#8493a8;margin-top:7px}.agent-information-empty{margin-top:8px;padding:12px 14px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:.75rem}@media(max-width:900px){.agent-information-grid{grid-template-columns:repeat(2,1fr)}.agent-information-grid>div:nth-child(2n){border-right:0}.agent-information-grid>div:nth-last-child(-n+4){border-bottom:1px solid #e2e8f0}.agent-information-grid>div:nth-last-child(-n+2){border-bottom:0}}@media(max-width:560px){.agent-information-grid{grid-template-columns:1fr}.agent-information-grid>div{border-right:0!important;border-bottom:1px solid #e2e8f0!important}.agent-information-grid>div:last-child{border-bottom:0!important}}
.infra-summary{background:#173d72;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(22,55,106,.15)}.infra-summary-main{display:grid;grid-template-columns:repeat(4,1fr)}.infra-summary-main article{padding:18px 20px;border-right:1px solid rgba(255,255,255,.15)}.infra-summary-main article:last-child{border-right:0}.infra-summary-main span{display:flex;align-items:center;gap:7px;color:#cfe0f5;font-size:.73rem}.infra-summary-main span i{color:#8fc0ff}.infra-summary-main strong{display:block;font-size:1.15rem;margin-top:8px;font-variant-numeric:tabular-nums}.infra-summary-main small{display:block;color:#c8d8ed;font-size:.68rem;margin-top:4px}.infra-bar{height:6px;background:rgba(255,255,255,.14);border-radius:6px;overflow:hidden;margin-top:11px}.infra-bar i{display:block;height:100%;width:100%;transform:scaleX(var(--usage));transform-origin:left;background:#a78bfa;border-radius:inherit;animation:quota-fill .65s cubic-bezier(.16,1,.3,1) both}.infra-bar.storage i{background:#6ee7b7}.infra-bar.cpu i{background:#7db7ff}.infra-bar.load i{background:#fbbf24}.infra-summary footer{display:flex;gap:18px;flex-wrap:wrap;padding:10px 20px;background:rgba(7,26,52,.28);font-size:.68rem;color:#dce8f8}.infra-summary footer span{display:flex;align-items:center;gap:5px}@media(max-width:900px){.infra-summary-main{grid-template-columns:repeat(2,1fr)}.infra-summary-main article:nth-child(2){border-right:0}.infra-summary-main article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}}@media(max-width:560px){.infra-summary-main{grid-template-columns:1fr}.infra-summary-main article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)!important}.infra-summary-main article:last-child{border-bottom:0!important}.infra-summary footer{display:grid;grid-template-columns:1fr 1fr}}
.reseller-dashboard{display:grid;gap:20px}.reseller-dashboard>.panel-section-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.reseller-resource-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#173d72;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(22,55,106,.14)}.reseller-resource-band article{padding:18px 20px;border-right:1px solid rgba(255,255,255,.15)}.reseller-resource-band article:last-child{border-right:0}.reseller-resource-band article>span{display:flex;gap:7px;align-items:center;color:#cfe0f5;font-size:.72rem}.reseller-resource-band article>span i{color:#8fc0ff}.reseller-resource-band strong{display:block;margin-top:9px;font-size:1rem;font-variant-numeric:tabular-nums}.reseller-resource-band strong small{font-size:.7rem;color:#c8d8ed;font-weight:500}.reseller-resource-band footer{font-size:.67rem;color:#c8d8ed;margin-top:8px}.reseller-resource-track{height:6px;margin-top:11px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden}.reseller-resource-track i{display:block;width:100%;height:100%;background:#a78bfa;transform:scaleX(var(--usage));transform-origin:left;border-radius:inherit;animation:quota-fill .65s cubic-bezier(.16,1,.3,1) both}.reseller-resource-track.storage i{background:#6ee7b7}.reseller-resource-track.cpu i{background:#7db7ff}.reseller-traffic{display:flex;gap:14px;margin-top:12px;font-size:.68rem;color:#dce8f8}@media(max-width:900px){.reseller-resource-band{grid-template-columns:repeat(2,1fr)}.reseller-resource-band article:nth-child(2){border-right:0}.reseller-resource-band article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}}@media(max-width:560px){.reseller-dashboard>.panel-section-hero{align-items:stretch;flex-direction:column}.reseller-resource-band{grid-template-columns:1fr}.reseller-resource-band article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)!important}.reseller-resource-band article:last-child{border-bottom:0!important}}
/* Confirmação reforçada para operações destrutivas */
.confirm-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;background:#fff;color:#17233b;box-shadow:0 24px 70px rgba(15,35,68,.24)}
.confirm-dialog::backdrop{background:rgba(9,22,44,.62);backdrop-filter:blur(3px)}
.confirm-dialog__header{display:flex;gap:16px;padding:24px 24px 18px;border-bottom:1px solid #e7edf6}
.confirm-dialog__header h2{margin:0 0 6px;font-size:1.2rem;letter-spacing:-.02em}
.confirm-dialog__header p{margin:0;color:#52637d;line-height:1.55}
.confirm-dialog__icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#fff0f0;color:#c52828;font-size:1.05rem}
.confirm-challenge{margin:20px 24px 0;padding:16px;border-radius:12px;background:#f6f8fc}
.confirm-challenge[hidden]{display:none}
.confirm-challenge>label:not(.confirm-understanding){display:block;margin:14px 0 8px;color:#273a58;font-weight:600}
.confirm-challenge .form-input{max-width:180px;font-variant-numeric:tabular-nums}
.confirm-understanding{display:flex;align-items:flex-start;gap:10px;color:#354967;line-height:1.45;cursor:pointer}
.confirm-understanding input{margin-top:3px;accent-color:#174f91}
#confirm-error{display:block;min-height:20px;margin-top:7px;color:#b42318}
.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px 24px}
.confirm-dialog__actions .btn:disabled{cursor:not-allowed;opacity:.48;transform:none}
@media(max-width:560px){.confirm-dialog__header{padding:20px 18px 16px}.confirm-challenge{margin:16px 18px 0}.confirm-dialog__actions{padding:18px;flex-direction:column-reverse}.confirm-dialog__actions .btn{width:100%}}

/* Capturas da base de conhecimento */
.docs-figure{margin:20px 0 2px}.docs-figure a{display:block;overflow:hidden;border:1px solid #d6e0ec;border-radius:14px;background:#eef3f9;box-shadow:0 12px 28px rgba(23,61,114,.1)}.docs-figure img{display:block;width:100%;height:auto;transition:transform .2s ease}.docs-figure a:hover img{transform:scale(1.006)}.docs-figure a:focus-visible{outline:3px solid rgba(37,99,183,.28);outline-offset:3px}.docs-figure figcaption{display:flex;align-items:flex-start;gap:8px;margin-top:9px;color:#64748b;font-size:.75rem;line-height:1.45}.docs-figure figcaption i{margin-top:2px;color:#4176b5}

/* Presença administrativa */
.admin-presence-list{display:grid;gap:0;margin:0 0 16px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.admin-presence-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-presence-row:last-child{border-bottom:0}.admin-presence-row p,.admin-presence-row strong,.admin-presence-row small{display:block;min-width:0}.admin-presence-row p{margin:0}.admin-presence-row strong{color:#1e293b;font-size:.78rem}.admin-presence-row small{margin-top:2px;color:#64748b;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-presence-row code{font-size:.64rem;color:#31577e}.admin-presence-row time{align-self:start;color:#94a3b8;font-size:.62rem;white-space:nowrap}.presence-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f0fb;color:#1d5fa8}.presence-state{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #f8fafc;border-radius:50%}.presence-state.online{background:#10b981}.presence-state.offline{background:#94a3b8}@media(max-width:600px){.admin-presence-row{grid-template-columns:38px minmax(0,1fr)}.admin-presence-row time{display:none}}

/* Gerenciamento WordPress */
.wp-manager-nav{display:flex;gap:4px;margin:-2px 0 20px;border-bottom:1px solid #dce5f1;overflow-x:auto}.wp-manager-nav button{display:flex;align-items:center;gap:8px;padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#61718a;font-weight:650;white-space:nowrap;cursor:pointer}.wp-manager-nav button:hover{background:#eef5ff;color:#16376a}.wp-manager-nav button.active{border-bottom-color:#2563eb;color:#16376a}.wp-manager-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:22px;align-items:start}.wp-user-form{display:grid;gap:13px;padding:17px;background:#f6f8fc;border-radius:12px}.wp-user-form[hidden]{display:none}.wp-user-form h4,.wp-update-panel h4{margin:0;color:#172033}.wp-user-form>div p,.wp-update-panel p{margin:4px 0 0;color:#64748b;font-size:.84rem}.wp-manager-main{min-width:0}.wp-manager-status{min-height:22px;margin-bottom:10px;color:#64748b;font-size:.82rem}.wp-manager-content[aria-busy=true]{opacity:.55;pointer-events:none}.wp-table-wrap{overflow-x:auto;border:1px solid #dce5f1;border-radius:12px}.wp-table{width:100%;border-collapse:collapse}.wp-table th,.wp-table td{padding:12px;text-align:left;border-bottom:1px solid #e7edf5;vertical-align:middle}.wp-table th{background:#f6f8fc;color:#53627a;font-size:.72rem;text-transform:uppercase;letter-spacing:.025em}.wp-table tbody tr:last-child td{border-bottom:0}.wp-table td strong,.wp-table td small{display:block}.wp-table td small{margin-top:3px;color:#718096}.wp-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.wp-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.wp-state.is-active{background:#dff7eb;color:#08724b}.wp-state.is-inactive{background:#edf2f8;color:#52627a}.wp-empty{display:grid;justify-items:center;gap:8px;padding:44px 20px;color:#64748b;text-align:center;border:1px dashed #cad6e6;border-radius:12px}.wp-empty i{font-size:1.5rem;color:#8aa0bd}.wp-empty strong{color:#26334a}.wp-update-panel{display:grid;gap:20px;padding:22px;border:1px solid #dce5f1;border-radius:12px}.wp-update-panel>div:first-child>i{float:left;margin:2px 12px 20px 0;color:#2573cb;font-size:1.4rem}.btn-sm{padding:7px 10px;font-size:.78rem}@media(max-width:850px){.wp-manager-layout{grid-template-columns:1fr}.wp-user-form{order:2}.wp-manager-main{order:1}}@media(max-width:700px){.wp-table th,.wp-table td{padding:10px}.wp-row-actions{min-width:150px}}

/* Manutenção do sistema do servidor */
.host-maintenance-panel{display:grid;gap:18px}.host-feedback{padding:10px 13px;border:1px solid #d7e2ef;border-radius:10px;background:#f7f9fc;color:#5d6b80;font-size:.82rem}.host-feedback.is-success{border-color:#b9ead6;background:#effbf6;color:#08724b}.host-feedback.is-warning{border-color:#f4dda1;background:#fff9e9;color:#8a5a0a}.host-feedback.is-error{border-color:#f1c2c8;background:#fff5f6;color:#a62638}.host-maintenance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.host-maintenance-summary article{display:grid;gap:6px;padding:14px;border:1px solid #dde5ef;border-radius:11px;background:#f8fafc}.host-maintenance-summary span{color:#66758b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.host-maintenance-summary strong{color:#17243a;font-size:1rem;overflow-wrap:anywhere}.host-maintenance-summary[aria-busy=true]{opacity:.58}.host-maintenance-form{display:grid;gap:18px}.host-maintenance-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:17px;border-bottom:1px solid #e2e8f0}.host-maintenance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.host-operation-block{display:grid;align-content:start;gap:13px;min-width:0;padding:16px;border:1px solid #dce5f0;border-radius:12px}.host-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.host-block-head h3{margin:0;color:#17243a;font-size:.95rem}.host-block-head p{margin:4px 0 0;color:#6c7b90;font-size:.78rem}.host-select-all{display:flex;align-items:center;gap:6px;color:#51627a;font-size:.75rem;white-space:nowrap}.host-table-wrap{max-height:370px;overflow:auto;border:1px solid #e1e8f1;border-radius:9px}.host-package-table{width:100%;border-collapse:collapse;font-size:.76rem}.host-package-table th,.host-package-table td{padding:9px 10px;text-align:left;border-bottom:1px solid #e8edf4}.host-package-table th{position:sticky;top:0;z-index:1;background:#f4f7fb;color:#56667d;font-size:.66rem;text-transform:uppercase}.host-package-table tr:last-child td{border-bottom:0}.host-package-table strong{color:#26364f}.host-kernel-list{display:grid;gap:8px}.host-kernel-list>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e0e7f0;border-radius:9px;cursor:pointer}.host-kernel-list>label:hover{border-color:#a9c5e8;background:#f7fbff}.host-kernel-list strong,.host-kernel-list small{display:block}.host-kernel-list strong{color:#24344d;font-size:.8rem}.host-kernel-list small,.host-kernel-help{color:#6a798d;font-size:.7rem}.host-job-log{display:grid;gap:5px;margin:10px 0 0;padding:9px 11px;list-style:none;border-radius:8px;background:#111827;color:#dbe7f5;font-size:.68rem}.host-job-log li{display:grid;grid-template-columns:65px 1fr;gap:8px}.host-job-log time{color:#7ea6d8}@media(max-width:950px){.host-maintenance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.host-maintenance-grid{grid-template-columns:1fr}}@media(max-width:600px){.host-maintenance-summary{grid-template-columns:1fr}.host-maintenance-toolbar .btn{width:100%}.host-block-head{flex-direction:column}.host-operation-block{padding:12px}.host-package-table th,.host-package-table td{padding:8px}}