/* CENTRI Control Global V3 · 2026-08-04
   Capa visual compartida: responsive, consistencia y correo global. */

:root{
  --cc-v3-ink:#17221d;
  --cc-v3-muted:#67716c;
  --cc-v3-border:#e4e7e4;
  --cc-v3-soft:#f7f8f6;
  --cc-v3-surface:#ffffff;
  --cc-v3-accent:#8eea16;
  --cc-v3-accent-dark:#345f18;
  --cc-v3-shadow:0 18px 45px rgba(23,34,29,.08);
  --cc-v3-radius:20px;
}

*,:before,:after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
.cc-shell,.cc-workspace,.cc-main-grid,.cc-page-content,.panel,.table-wrap{min-width:0}
.cc-page-content{width:100%;max-width:1680px;margin:0 auto;padding:clamp(18px,2.4vw,34px)}
.cc-workspace{background:linear-gradient(180deg,#f6f7f4 0,#f1f3ef 100%)}
.top{position:sticky;top:0;z-index:38;backdrop-filter:blur(18px);background:rgba(247,248,246,.9);border-bottom:1px solid rgba(217,222,217,.85)}
.panel{border:1px solid var(--cc-v3-border);border-radius:var(--cc-v3-radius);box-shadow:0 8px 28px rgba(23,34,29,.045);overflow:hidden}
.panel:hover{box-shadow:0 12px 34px rgba(23,34,29,.065)}
.toolbar,.cc-section-heading{min-width:0}
.toolbar>div,.cc-section-heading>div{min-width:0}
.toolbar h1,.toolbar h2,.cc-section-heading h1,.cc-section-heading h2{overflow-wrap:anywhere}
.table-wrap{width:100%;max-width:100%;overflow:auto;border-radius:14px;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:760px;width:100%}
.table-wrap thead th{position:sticky;top:0;z-index:2;background:#f8f9f7}
table td,table th{vertical-align:middle}
input,select,textarea,button{max-width:100%}
label>span:first-child{font-weight:700;color:var(--cc-v3-ink)}
input,select,textarea{border-radius:12px!important;border-color:#dce1dc!important;background:#fff!important;transition:border-color .18s ease,box-shadow .18s ease}
input:focus,select:focus,textarea:focus{border-color:#9ecf6b!important;box-shadow:0 0 0 4px rgba(142,234,22,.14)!important;outline:none}
.button{border-radius:12px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.button.primary{box-shadow:0 8px 18px rgba(80,129,32,.16)}
.notice{border-radius:14px}
.badge{white-space:nowrap}

/* Navegación */
.cc-next-sidebar{scrollbar-width:thin}
.cc-nav-section{margin-bottom:12px}
.cc-nav-title{letter-spacing:.11em}
.cc-next-sidebar .nav a{position:relative;min-height:44px;border-radius:12px;transition:background .18s ease,transform .18s ease,color .18s ease}
.cc-next-sidebar .nav a:hover{transform:translateX(2px)}
.cc-next-sidebar .nav a.active{box-shadow:inset 3px 0 0 var(--cc-v3-accent)}
.cc-nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--cc-v3-accent);box-shadow:0 0 0 4px rgba(142,234,22,.12)}
.cc-command-modal[hidden]{display:none!important}

/* Dashboard global */
.cc-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.cc-kpi-card{min-width:0}
.cc-kpi-card strong{overflow-wrap:anywhere}
.cc-control-layout,.cc-directory-row{min-width:0}
.cc-control-hero{overflow:hidden}
.cc-control-health-card{min-width:0}

/* Correo global */
.cc-global-mail-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:stretch;margin-bottom:18px}
.cc-global-mail-hero>div:first-child,.cc-global-mail-status-card{background:var(--cc-v3-surface);border:1px solid var(--cc-v3-border);border-radius:24px;padding:clamp(22px,3vw,36px);box-shadow:var(--cc-v3-shadow)}
.cc-global-mail-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.045em;color:var(--cc-v3-ink)}
.cc-global-mail-hero p{max-width:760px;color:var(--cc-v3-muted);font-size:16px;line-height:1.65}
.cc-global-mail-status-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;background:linear-gradient(145deg,#1c2b23,#2f4d3c);color:#fff}
.cc-global-mail-status-card small,.cc-global-mail-status-card p{color:rgba(255,255,255,.7);margin:0}
.cc-global-mail-status-card strong{display:block;font-size:21px;margin:4px 0;overflow-wrap:anywhere}
.cc-global-mail-status-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--cc-v3-accent);color:#1c2b23;font-size:25px;font-weight:900}
.cc-global-mail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.cc-global-mail-kpis article{background:#fff;border:1px solid var(--cc-v3-border);border-radius:17px;padding:17px 18px;min-width:0}
.cc-global-mail-kpis small,.cc-global-mail-kpis span{display:block;color:var(--cc-v3-muted)}
.cc-global-mail-kpis strong{display:block;margin:5px 0;font-size:20px;color:var(--cc-v3-ink);overflow-wrap:anywhere}
.cc-global-mail-form{display:grid;gap:18px}
.cc-global-mail-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cc-global-mail-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.cc-setting-switch,.cc-global-document-grid label,.cc-danger-checkbox{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--cc-v3-border);border-radius:15px;padding:15px;background:var(--cc-v3-soft);cursor:pointer;min-width:0}
.cc-setting-switch:hover,.cc-global-document-grid label:hover{border-color:#b9d99a;background:#fbfff7}
.cc-setting-switch input,.cc-global-document-grid input,.cc-danger-checkbox input{width:19px;height:19px;flex:0 0 auto;margin-top:2px;accent-color:#578d24}
.cc-setting-switch b,.cc-global-document-grid b,.cc-danger-checkbox b{display:block;color:var(--cc-v3-ink);margin-bottom:4px}
.cc-setting-switch small,.cc-global-document-grid small,.cc-danger-checkbox small{display:block;color:var(--cc-v3-muted);line-height:1.45}
.cc-global-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cc-global-mail-grid label,.cc-global-test-grid label{display:grid;gap:7px;min-width:0}
.cc-password-field{grid-column:span 2}
.cc-password-field>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.cc-danger-checkbox{margin-top:16px;border-color:#f0c9c9;background:#fff8f8}
.cc-global-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.cc-global-mail-actions-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cc-global-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cc-global-test-grid form{border:1px solid var(--cc-v3-border);border-radius:16px;background:var(--cc-v3-soft);padding:18px;display:grid;gap:11px;align-content:start}
.cc-global-test-grid form strong{font-size:18px;color:var(--cc-v3-ink)}
.cc-global-test-grid form p{margin:0;color:var(--cc-v3-muted)}
.cc-global-mail-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px}
.cc-global-mail-flow>div{min-width:0}
.cc-global-mail-flow>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e9f7da;color:#355f19;font-weight:900;margin-bottom:10px}
.cc-global-mail-flow strong{display:block;font-size:16px;color:var(--cc-v3-ink)}
.cc-global-mail-flow p{margin:5px 0 0;color:var(--cc-v3-muted);line-height:1.5}
.cc-global-mail-flow>i{font-style:normal;color:#8b958f;font-size:22px}

/* La configuración SMTP ya no pertenece a una empresa. */
[data-dian-service-block="email"],#service-email,#dian-mail-settings-form{display:none!important}

/* Estados de interacción */
[data-cc-processing="1"]{opacity:.72;pointer-events:none}
.button[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none!important}

@media(max-width:1180px){
  .cc-global-mail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-global-mail-switches,.cc-global-mail-grid,.cc-global-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .cc-global-mail-hero{grid-template-columns:1fr}
  .cc-global-mail-status-card{grid-template-columns:auto minmax(0,1fr)}
  .cc-global-mail-status-card>.badge{grid-column:1/-1;justify-self:start}
  .cc-global-mail-actions-panel{align-items:flex-start;flex-direction:column}
  .cc-global-mail-actions-panel .button{width:100%}
  .cc-global-mail-flow{grid-template-columns:1fr}
  .cc-global-mail-flow>i{transform:rotate(90deg);justify-self:center}
}
@media(max-width:680px){
  .cc-page-content{padding:14px}
  .panel{border-radius:16px}
  .cc-global-mail-hero>div:first-child,.cc-global-mail-status-card{padding:20px;border-radius:18px}
  .cc-global-mail-kpis,.cc-global-mail-switches,.cc-global-mail-grid,.cc-global-document-grid,.cc-global-test-grid{grid-template-columns:1fr}
  .cc-password-field{grid-column:auto}
  .cc-password-field>div{grid-template-columns:1fr}
  .cc-global-mail-status-card{grid-template-columns:auto minmax(0,1fr)}
  .cc-section-heading{align-items:flex-start!important;flex-direction:column}
  .cc-global-mail-badges{justify-content:flex-start}
  .button{width:100%}
  .toolbar .button,.cc-control-hero-actions .button{width:100%}
  .table-wrap{margin-left:0;margin-right:0}
}