*{box-sizing:border-box}
body:has(.sys),html:has(.sys){height:100dvh;overflow:hidden}
body:has(.sys) #main,#content{height:100dvh;min-height:0;overflow:hidden}
body:has(.sys) #content{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}

img {
    width: 30px;
    height: auto;
    object-fit: cover;
  }
  
.sys{--a:var(--A);padding:12px 16px 24px;color:var(--T)}
.sys-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:4px 10px;border:1px solid var(--BD);border-radius:10px;background:color-mix(in srgb,var(--CARD) 96%,transparent);backdrop-filter:blur(12px)}

.sys-env-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
 gap: 8px;
 margin: 4px 0 8px;
}
.sys-env-card {
  background: var(--CARD);
  border: 1px solid var(--BD);
  border-radius: 5px;
  padding: 4px 6px;
  display: flex;
  flex-direction: column;
  transition: .1s;
  min-height: 48px;
  cursor: pointer;
}
.sys-env-card:hover {
  border-color: color-mix(in srgb, var(--a) 40%, var(--BD));
  transform: translateY(-1px);
}
.sys-env-card .top {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sys-env-card .top .ic {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 3px;
  font-size: 9px;
  flex-shrink: 0;
  color: #fff;
}
.sys-env-card .top strong {
  font-weight: 600;
  color: var(--MT);
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.sys-env-card .main-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--T);
  letter-spacing: -.02em;
  line-height: 1.2;
}
.sys-env-card .sub-value {
  font-size: 7px;
  color: var(--MT);
}
.sys-env-card .double-row {
  display: flex;
  gap: 6px;
}
.sys-env-card .double-row .col {
  flex: 1;
}
.sys-env-card .double-row .col .val {
  font-size: 11px;
  font-weight: 600;
  color: var(--T);
}
.sys-env-card .double-row .col .lbl {
  font-size: 6px;
  color: var(--LT);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.sys-progress{display:none;position:fixed;inset:0;align-items:center;justify-content:center;padding:20px;background:#0009;z-index:1200}
.sys-progress.open{display:flex}
.sys-progress-box{background:var(--CARD);border:1px solid var(--BD);border-radius:12px;padding:20px 28px;max-width:420px;width:100%;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.sys-progress-box h2{font-size:16px;color:var(--T);margin:0 0 10px}
.sys-progress-track{height:6px;background:var(--BG);border-radius:4px;overflow:hidden}
.sys-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--a),#22c55e);transition:width .3s}
.sys-progress-label{font-size:10px;color:var(--MT);margin-top:6px}

.sys-toast{position:fixed;bottom:100px;right:0px;background:var(--CARD);border:1px solid var(--BD);border-radius:8px;padding:12px 20px;box-shadow:0 8px 32px rgba(0,0,0,.25);transform:translateX(120%);transition:transform .4s cubic-bezier(.22,.68,0,1);z-index:1400;max-width:380px;border-left:4px solid #22c55e}
.sys-toast.show{transform:translateX(0)}
.sys-toast .msg{font-size:12px;color:var(--T)}
.sys-toast .msg i{margin-right:8px}
.sys-toast .msg small{color:var(--MT);font-size:10px;display:block;margin-top:2px}

.sys-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;min-height:32px}
.sys-bar .spacer{flex:1}
.sys-bar-actions{display:flex;gap:3px;align-items:center}
.sys-bar-actions.hidden{display:none}
.sys-btn{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--BD);background:var(--CARD);color:var(--T);border-radius:4px;padding:4px 8px;cursor:pointer;font:600 9px inherit;transition:.1s}
.sys-btn:hover{border-color:color-mix(in srgb,var(--a) 40%,var(--BD));color:var(--a)}
.sys-btn.primary{background:var(--a);border-color:var(--a);color:#fff}
.sys-btn.primary:hover{filter:brightness(1.08)}
.sys-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}
.sys-btn.danger:hover{filter:brightness(1.08)}
.sys-btn.sm{padding:2px 6px;font-size:10px}
.sys-search{display:flex;gap:4px;align-items:center;flex:1}
.sys-search input,.sys-search select{background:var(--BG);color:var(--T);border:1px solid var(--BD);border-radius:4px;padding:4px 8px;font-size:10px;outline:none}
.sys-search input:focus,.sys-search select:focus{border-color:var(--a);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 10%,transparent)}
.sys-search input{flex:1;min-width:100px}
.sys-items{background:var(--CARD);border:1px solid var(--BD);border-radius:6px;overflow:hidden}
.sys-list{max-height:70vh;overflow-y:auto}
.sys-item {
    display: grid;
    grid-template-columns: 2% 38% 15% 5% 10% 10% 15%;
    gap: 4px;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--BD) 40%, transparent);
    font-size: 11px;
    cursor: pointer;
}.sys-item:last-child{border-bottom:0}
.sys-item:hover{background:color-mix(in srgb,var(--a) 5%,transparent)}
.sys-item .name strong{color:var(--T);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;}
.sys-item .name small{color:var(--LT);font:10px monospace;display:block}
.sys-item .meta{color:var(--MT);font-size:10px}
.sys-item .cat{display:inline-block;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap}
.sys-item .cat.cache{background:#3b82f622;color:#3b82f6}
.sys-item .cat.temp{background:#f59e0b22;color:#f59e0b}
.sys-item .cat.sessions{background:#8b5cf622;color:#8b5cf6}
.sys-item .cat.backups{background:#ef444422;color:#ef4444}
.sys-item .cat.domain_errors{background:#ec489922;color:#ec4899}
.sys-item .cat.code{background:#06b6d422;color:#06b6d4}
.sys-item .cat.logs{background:#22c55e22;color:#22c55e}
.sys-item .cat.notes{background:#eab30822;color:#eab308}
.sys-item .cat.schedules{background:#14b8a622;color:#14b8a6}
.sys-item .cat.history{background:#6366f122;color:#6366f1}
.sys-item .domain{font-size:11px;color:var(--MT);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sys-item .ext{font-size:10px;color:var(--LT);font-family:monospace;text-transform:uppercase}
.sys-item .date{font-size:11px;color:var(--MT);white-space:nowrap}
.sys-th {
    display: grid;
    grid-template-columns: 2% 38% 15% 5% 10% 10% 15%;
    gap: 4px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 700;
    color: var(--LT);
    border-bottom: 2px solid var(--BD);
    cursor: pointer;
    background: color-mix(in srgb, var(--BG) 40%, transparent);
}.sys-th span:hover{color:var(--T)}
.sys-th .sort-arrow{margin-left:2px;font-size:7px}
.sys-th .chk-all{cursor:pointer;accent-color:var(--a);width:14px;height:14px}
.sys-empty{padding:16px;text-align:center;color:var(--LT);font-size:10px}

.sys-modal-overlay{display:none;position:fixed;inset:0;align-items:center;justify-content:center;padding:20px;background:#0009;z-index:1300}
.sys-modal-overlay.open{display:flex}
.sys-modal-box{background:var(--CARD);border:1px solid var(--BD);border-radius:10px;padding:16px 20px;max-width:440px;width:100%;box-shadow:0 24px 80px rgba(0,0,0,.4);animation:modalIn .3s ease}
@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.sys-modal-box .icon{font-size:32px;text-align:center;margin:0 0 4px}
.sys-modal-box h2{font-size:16px;color:var(--T);margin:0 0 6px;text-align:center}
.sys-modal-box p{font-size:11px;color:var(--MT);line-height:1.5;margin:0 0 10px;text-align:center}
.sys-modal-box .chart-container{background:var(--BG);border-radius:6px;padding:12px 16px;margin:0 0 12px;min-height:80px}
.sys-modal-box .chart-bar{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid color-mix(in srgb,var(--BD) 50%,transparent)}
.sys-modal-box .chart-bar:last-child{border-bottom:0}
.sys-modal-box .chart-bar .label{font-size:11px;color:var(--MT);min-width:60px}
.sys-modal-box .chart-bar .track{flex:1;height:14px;background:var(--BG);border-radius:3px;overflow:hidden;position:relative}
.sys-modal-box .chart-bar .track .fill{height:100%;border-radius:3px;transition:width .6s ease}
.sys-modal-box .chart-bar .value{font-size:11px;font-weight:600;color:var(--T);min-width:50px;text-align:right}
.sys-modal-box .preview{max-height:120px;overflow-y:auto;background:var(--BG);border:1px solid var(--BD);border-radius:4px;padding:5px 7px;font-size:10px;color:var(--MT);margin:0 0 8px;font-family:monospace;line-height:1.3}
.sys-modal-actions{display:flex;justify-content:center;gap:6px;margin-top:4px}
.sys-modal-actions .sys-btn{min-width:70px;justify-content:center}
.sys-modal-actions .sys-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}
.sys-modal-actions .sys-btn.secondary{background:transparent;border-color:var(--BD);color:var(--MT)}
.sys-modal-actions .sys-btn.secondary:hover{border-color:var(--a);color:var(--a)}

@media(max-width:980px){.sys-env-grid{grid-template-columns:repeat(5,1fr)}.sys-item{grid-template-columns:14px minmax(100px,1fr) 40px 60px 40px 45px 40px;font-size:10px}.sys-item .date{font-size:10px}.sys-item .ext{display:none}.sys-th{grid-template-columns:14px minmax(100px,1fr) 40px 60px 40px 45px 40px;font-size:10px}.sys-th span:nth-child(5){display:none}}
@media(max-width:720px){.sys-env-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.sys{padding:6px 8px 12px}.sys-env-grid{grid-template-columns:repeat(3,1fr)}.sys-item{grid-template-columns:12px minmax(60px,1fr) 30px;font-size:10px}.sys-item .date,.sys-item .ext,.sys-item .cat,.sys-item .domain{display:none}.sys-th{grid-template-columns:12px minmax(60px,1fr) 30px;font-size:7px}.sys-th span:nth-child(3),.sys-th span:nth-child(4),.sys-th span:nth-child(5),.sys-th span:nth-child(6){display:none}.sys-search input{min-width:60px}.sys-search select{min-width:60px}.sys-modal-box{padding:12px 10px}.sys-modal-box h2{font-size:12px}}
/* Componentes específicos da central de backups, no padrão visual de ajustes. */
.sys-alert{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--BD);border-radius:6px;background:var(--CARD);font-size:10px;color:var(--MT)}
.sys-alert.success{border-color:#22c55e55}.sys-alert.success>i{color:#22c55e}.sys-alert.warn{border-color:#eab30855}.sys-alert.warn>i{color:#eab308}
.sys-item .actions .sys-btn{flex-shrink:0}.sys-item .actions a{text-decoration:none}
@media(max-width:980px){.sys-item .actions{gap:1px}.sys-item .actions .sys-btn{padding:2px 4px;font-size:9px}}
/* Ajustes de composição para a página de domínios no padrão sys. */
.sys-header .n-page-title{color:var(--T);font-size:16px;font-weight:700}.sys-header .n-page-subtitle{color:var(--MT);font-size:10px}.sys-header .n-page-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#fff;flex-shrink:0}.sys-header .n-page-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.sys-items.dom-table-only{overflow-x:auto}.sys-items.dom-table-only .n-table{min-width:1120px}
@media(max-width:720px){.sys-header{align-items:flex-start}.sys-header .n-page-actions{width:100%;justify-content:flex-end}.sys-header{flex-wrap:wrap}}
/* Linhas de domínios no mesmo grid compacto da tela de ajustes. */
.sys-items.dom-table-only .sys-list{max-height:70vh;overflow-y:auto}.sys-items.dom-table-only .sys-th{grid-template-columns:16px minmax(180px,1.35fr) 78px minmax(150px,1.1fr) minmax(130px,1fr) 90px 82px minmax(150px,1.2fr)}.sys-items.dom-table-only .sys-item.domain-row{grid-template-columns:16px minmax(180px,1.35fr) 78px minmax(150px,1.1fr) minmax(130px,1fr) 90px 82px minmax(150px,1.2fr);cursor:pointer}.sys-items.dom-table-only .sys-item.domain-row>span{min-width:0}.sys-items.dom-table-only .sys-item.domain-row .dom-path-cell,.sys-items.dom-table-only .sys-item.domain-row .dom-url-cell{max-width:none}.sys-items.dom-table-only .sys-item.domain-row .n-table-actions{justify-content:flex-start}
@media(max-width:980px){.sys-items.dom-table-only .sys-th,.sys-items.dom-table-only .sys-item.domain-row{grid-template-columns:14px minmax(130px,1.25fr) 60px minmax(100px,1fr) 90px 70px 50px minmax(100px,1fr);font-size:10px}}
@media(max-width:720px){.sys-items.dom-table-only .sys-th,.sys-items.dom-table-only .sys-item.domain-row{grid-template-columns:12px minmax(100px,1fr) 55px 42px}.sys-items.dom-table-only .sys-th span:nth-child(n+5),.sys-items.dom-table-only .sys-item.domain-row>span:nth-child(n+5){display:none}.sys-items.dom-table-only .sys-item.domain-row .dom-kind{font-size:9px}.sys-items.dom-table-only .sys-item.domain-row .n-table-actions{gap:1px}}
/* Barra de busca comum: input e filtros permanecem alinhados na mesma linha. */
.dom-search-controls{min-width:0}.dom-search-controls input{min-width:160px}.dom-search-controls select{flex:0 1 150px;min-width:125px}.dom-table-toolbar>.sys-btn{flex-shrink:0;white-space:nowrap}
@media(max-width:720px){.dom-search-controls{width:100%;flex-wrap:wrap}.dom-search-controls input{flex:1;min-width:140px}.dom-search-controls select{flex:1;min-width:120px}.dom-table-toolbar>.sys-btn{width:100%;justify-content:center}}

/* Histórico administrativo: mesma base visual sys usada por ajustes, domínios e backups. */
.hist-kpis{grid-template-columns:repeat(4,minmax(120px,1fr))}.hist-stat{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:48px;padding:7px 9px}.hist-stat .n-stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;flex-shrink:0}.hist-stat .n-stat-info{min-width:0}.hist-stat .n-stat-val{font-size:14px;font-weight:700;color:var(--T);line-height:1.2}.hist-stat .n-stat-lbl{font-size:8px;color:var(--MT);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-tabs{align-items:center;border-bottom:1px solid var(--BD);padding-bottom:5px}.hist-tab{background:transparent;border-color:transparent;color:var(--MT);font-size:10px}.hist-tab.active,.hist-tab:hover{background:color-mix(in srgb,var(--a) 12%,transparent);border-color:var(--a);color:var(--a)}.hist-actions{margin-left:auto}.hist-toolbar{padding:5px 0}.hist-toolbar .n-search{min-width:180px}.hist-select{background:var(--BG);color:var(--T);border:1px solid var(--BD);border-radius:4px;padding:4px 8px;font-size:10px;outline:none;min-width:135px}.hist-select:focus{border-color:var(--a);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 10%,transparent)}.hist-table-wrap{overflow:auto}.hist-table{width:100%;border-collapse:collapse;color:var(--T);font-size:11px}.hist-table th{padding:6px 8px;text-align:left;color:var(--LT);font-size:10px;font-weight:700;border-bottom:2px solid var(--BD);background:color-mix(in srgb,var(--BG) 40%,transparent);white-space:nowrap}.hist-table td{padding:6px 8px;border-bottom:1px solid color-mix(in srgb,var(--BD) 40%,transparent);vertical-align:middle}.hist-table tbody tr:hover{background:color-mix(in srgb,var(--a) 5%,transparent)}.hist-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.hist-card{background:var(--CARD);border:1px solid var(--BD);border-radius:6px;overflow:hidden}.hist-card-head{padding:7px 10px;border-bottom:1px solid var(--BD);background:color-mix(in srgb,var(--BG) 25%,transparent)}.hist-card-title{font-size:11px;font-weight:700;color:var(--T)}.hist-card-body{padding:10px}.hist-terminal{max-height:55vh;overflow:auto;padding:10px;background:var(--BG);border:1px solid var(--BD);border-radius:6px;font:10px/1.6 monospace;color:var(--MT)}.hist-terminal>div{padding:2px 0;border-bottom:1px solid color-mix(in srgb,var(--BD) 30%,transparent)}.hist-tab-pane{display:none}.hist-tab-pane.active{display:block}.hist-load-more-wrap{display:flex;justify-content:center;padding:8px}.hist-table .n-truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.hist-kpis{grid-template-columns:repeat(2,minmax(100px,1fr))}.hist-tabs{align-items:stretch;flex-wrap:wrap}.hist-actions{width:100%;justify-content:flex-end;margin-left:0}.hist-toolbar{align-items:stretch;flex-direction:column}.hist-toolbar .n-search,.hist-select{width:100%;min-width:0}.hist-chart-grid{grid-template-columns:1fr}.hist-table{min-width:720px}}

/* Componentes administrativos compartilhados: ações, histórico e notas. */
.sys-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--a) 38%,var(--BD));background:color-mix(in srgb,var(--a) 10%,var(--CARD));color:var(--T);border-radius:5px;padding:5px 9px;cursor:pointer;font:600 10px inherit;line-height:1;transition:.15s}.sys-action-btn:hover{border-color:var(--a);background:color-mix(in srgb,var(--a) 18%,var(--CARD));color:var(--a);transform:translateY(-1px)}.sys-action-btn.primary{background:var(--a);border-color:var(--a);color:#fff}.sys-action-btn.primary:hover{filter:brightness(1.08);color:#fff}.sys-action-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.sys-action-btn.danger:hover{filter:brightness(1.08);color:#fff}.sys-action-btn.sm{padding:7px 10px;font-size:11px}.hist-page,.notes-page{height:calc(100dvh - 72px);min-height:420px;display:flex;flex-direction:column;overflow:hidden}.hist-page .hist-tabs,.notes-page .notes-toolbar{flex-shrink:0}.hist-page .hist-tab-pane.active{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}.hist-page .hist-toolbar{flex-shrink:0}.hist-page .hist-table-wrap{flex:1;min-height:0;overflow:auto}.hist-page .hist-terminal{flex:1;max-height:none;min-height:0}.hist-page .hist-chart-grid,.hist-page .hist-card{flex-shrink:0}.hist-page .hist-tab-pane.active>.hist-card:last-child{flex:1;min-height:0;overflow:auto}.notes-kpis{flex-shrink:0}.notes-toolbar{flex-shrink:0}.notes-select{background:var(--BG);color:var(--T);border:1px solid var(--BD);border-radius:4px;padding:4px 8px;font-size:10px;outline:none;min-width:135px}.notes-select:focus{border-color:var(--a);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 10%,transparent)}.notes-actions{margin-left:auto}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;flex:1;min-height:0;overflow:auto;align-content:start;padding:2px}.notes-stat{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:48px;padding:7px 9px}.notes-stat .n-stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;flex-shrink:0}.notes-stat .n-stat-val{font-size:14px;font-weight:700;color:var(--T);line-height:1.2}.notes-stat .n-stat-lbl{font-size:8px;color:var(--MT);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-card{background:var(--CARD);border:1px solid var(--BD);border-radius:6px;overflow:hidden;transition:.15s}.notes-card:hover{border-color:var(--a);transform:translateY(-1px)}.notes-card-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--BD)}.notes-card-title{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--T);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-card-body{padding:9px}.notes-card-delete{margin-left:auto;width:25px;height:25px;padding:0;background:transparent;border:1px solid transparent;color:var(--LT);border-radius:4px;cursor:pointer}.notes-card-delete:hover{border-color:#ef4444;color:#ef4444}.notes-view-btn{min-width:27px}.notes-page .n-style-068a8ddc17{grid-column:1/-1}@media(max-width:720px){.hist-page,.notes-page{height:calc(100dvh - 60px);min-height:360px}.notes-toolbar{align-items:stretch;flex-wrap:wrap}.notes-toolbar .n-search{min-width:100%;order:0}.notes-select{flex:1;min-width:120px}.notes-actions{width:100%;justify-content:flex-end;margin-left:0}.notes-grid{grid-template-columns:1fr}}


/* Campos e grids reutilizáveis para todas as telas administrativas. */
.sys-field{width:100%;background:var(--BG);color:var(--T);border:1px solid var(--BD);border-radius:4px;padding:5px 8px;font:inherit;font-size:10px;outline:none;min-height:28px}.sys-field:focus{border-color:var(--a);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 10%,transparent)}.sys-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sys-form-grid>label{display:flex;flex-direction:column;gap:4px;color:var(--MT);font-size:10px;font-weight:700}.sys-form-grid .sys-field{width:100%}.sys-alert fieldset,.sys-alert legend{color:var(--T)}@media(max-width:600px){.sys-form-grid{grid-template-columns:1fr}}

@media(max-width:720px){.sys-bar[style*="flex-wrap:nowrap"]{flex-wrap:wrap!important}.sys-bar[style*="flex-wrap:nowrap"] .sys-search{width:100%;flex-basis:100%}.sys-bar[style*="flex-wrap:nowrap"] .sys-field{flex:1 1 120px!important;min-width:0!important}}

/* Ajustes de domínio, perfil e modais profissionais */
.domain-page-shell{display:flex;min-height:calc(100dvh - var(--TB-H,56px));height:auto;align-items:stretch}.domain-page-shell>#main{flex:1;min-width:0;min-height:calc(100dvh - var(--TB-H,56px));display:flex;flex-direction:column}.domain-page-shell>#main>#content{flex:1;min-height:0;overflow:auto;padding-bottom:110px}.domain-title{display:flex;align-items:center;gap:10px}.domain-title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff}.domain-config-tabs,.profile-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--BD);margin-bottom:12px}.domain-config-card,.profile-card{background:var(--CARD);border:1px solid var(--BD);border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:0 8px 28px rgba(0,0,0,.06)}.card-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--BD);padding-bottom:13px;margin-bottom:15px}.card-section-head h2{margin:3px 0 4px;font-size:18px;color:var(--T)}.card-section-head p{margin:0;color:var(--MT);font-size:12px}.card-section-head>i{font-size:22px;color:var(--A)}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--A);font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--BD)}.checkbox-field{display:flex!important;align-items:center;gap:8px;padding-top:25px}.user-access-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.user-access-row{display:flex;align-items:center;gap:10px;border:1px solid var(--BD);border-radius:8px;padding:11px;cursor:pointer}.user-access-row:has(input:checked){border-color:var(--A);background:color-mix(in srgb,var(--A) 8%,transparent)}.user-access-row small{display:block;color:var(--MT);font-size:11px;margin-top:3px}.user-avatar-small{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--A);color:#fff}.smtp-source-badge{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.smtp-source-badge.local{color:#15803d;background:#dcfce7}.smtp-source-badge.global{color:#92400e;background:#fef3c7}.smtp-effective{background:var(--BG);border:1px dashed var(--BD);padding:10px;border-radius:7px;color:var(--MT);font-size:12px;margin-bottom:14px}.profile-hero{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--A) 15%,var(--CARD)),var(--CARD));border:1px solid var(--BD);border-radius:12px;padding:20px;margin-bottom:12px}.profile-hero h1{margin:2px 0 4px;color:var(--T);font-size:24px}.profile-hero p{margin:0;color:var(--MT);font-size:12px}.profile-avatar-large{width:72px;height:72px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--A);color:#fff;font-size:27px;flex:none;border:3px solid color-mix(in srgb,var(--A) 35%,#fff)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-hero-actions{margin-left:auto}.profile-upload{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.profile-upload input[type=file]{max-width:100%}.profile-tabs{margin-top:0}@media(max-width:720px){.domain-page-shell>#main>#content{padding:10px 10px 90px}.domain-config-card,.profile-card{padding:12px}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero-actions{width:100%;margin-left:0}.sys-form-grid{grid-template-columns:1fr!important}.checkbox-field{padding-top:0}}