/* =============================================================================
   Gecotel — Tema AdminKit (rojo/ámbar estético)
   Basado en el lenguaje visual de AdminKit: Inter, fondo #f5f7fb,
   tarjetas blancas con sombra sutil, barra lateral slate, esquinas suaves.
   ============================================================================= */
:root{
    --gc-font: "Inter","Helvetica Neue",Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --gc-bg:#f5f7fb;
    --gc-text:#495057;
    --gc-muted:#6c757d;
    --gc-heading:#212529;
    --gc-card:#ffffff;
    --gc-border:#e9ecef;
    --gc-border-2:#dee2e6;
    --gc-radius:.25rem;
    --gc-radius-lg:.3rem;
    --gc-shadow:0 0 .875rem 0 rgba(33,37,41,.05);
    --gc-shadow-sm:0 .05rem .2rem rgba(0,0,0,.05);
    /* Rojo teja + ámbar: presentes pero sobrios */
    --gc-primary:#c53030;
    --gc-primary-dark:#9b2c2c;
    --gc-primary-soft:rgba(197,48,48,.08);
    --gc-accent:#e6a817;
    --gc-accent-dark:#c98f12;
    --gc-accent-soft:#fdf6e3;
    --gc-success:#1cbb8c;
    --gc-sidebar:#222e3c;
}

/* ---- Contenedores / tipografía base (frontend) --------------------------- */
.gc-panel,
.gecotel-wrap,
.gecotel-container{
    font-family:var(--gc-font);
    color:var(--gc-text);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.gecotel-wrap{ background:var(--gc-bg); padding:28px 16px; }
.gecotel-container{
    background:var(--gc-card);
    border-radius:var(--gc-radius);
    box-shadow:var(--gc-shadow);
    border:0;
    max-width:520px;
    margin:0 auto;
    overflow:hidden;
}
.gecotel-container--wide{ max-width:820px; }
.gc-panel{ max-width:960px; margin:28px auto; }

/* ---- Cabeceras de tarjeta ------------------------------------------------ */
.gecotel-card-header{
    background:var(--gc-card) !important;
    color:var(--gc-heading) !important;
    border-bottom:1px solid var(--gc-border) !important;
    padding:1.1rem 1.25rem !important;
}
.gecotel-card-header h2{
    margin:0; font-size:1.05rem; font-weight:600; color:var(--gc-heading);
    letter-spacing:.2px;
}
.gecotel-card-header p{ margin:.35rem 0 0; color:var(--gc-muted); font-size:.85rem; }
/* Acento superior rojo fino, en lugar de degradado chillón */
.gecotel-card-header{ border-top:3px solid var(--gc-primary) !important; }
.gecotel-success-header{ border-top-color:var(--gc-success) !important; }
.gecotel-success-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:52px; height:52px; border-radius:50%;
    background:rgba(28,187,140,.12); color:var(--gc-success);
    font-size:26px; margin-bottom:8px;
}
.gecotel-card-body{ padding:1.25rem !important; }

/* ---- Formularios --------------------------------------------------------- */
.gecotel-label{ font-size:.8rem; font-weight:600; color:var(--gc-text); }
.gecotel-input,
.gecotel-code-input{
    border:1px solid var(--gc-border-2) !important;
    border-radius:var(--gc-radius) !important;
    background:#fff !important;
    color:var(--gc-text) !important;
    font-family:var(--gc-font);
    box-shadow:none !important;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.gecotel-input:focus,
.gecotel-code-input:focus{
    border-color:var(--gc-primary) !important;
    box-shadow:0 0 0 .2rem var(--gc-primary-soft) !important;
    outline:0 !important;
}

/* ---- Botones ------------------------------------------------------------- */
.gecotel-btn,.gc-btn,.gct-btn{
    font-family:var(--gc-font);
    border-radius:var(--gc-radius);
    font-weight:600;
    font-size:.85rem;
    box-shadow:none !important;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.gecotel-btn--primary,.gc-btn,.gct-btn{
    background:var(--gc-primary) !important; border:1px solid var(--gc-primary) !important; color:#fff !important;
}
.gecotel-btn--primary:hover,.gc-btn:hover,.gct-btn:hover{
    background:var(--gc-primary-dark) !important; border-color:var(--gc-primary-dark) !important;
}
.gecotel-btn--success{ background:var(--gc-primary) !important; border:1px solid var(--gc-primary) !important; color:#fff !important; }
.gecotel-btn--success:hover{ background:var(--gc-primary-dark) !important; }
.gecotel-btn--outline,.gct-btn--ghost{
    background:#fff !important; color:var(--gc-primary) !important;
    border:1px solid var(--gc-border-2) !important;
}
.gecotel-btn--outline:hover,.gct-btn--ghost:hover{
    background:var(--gc-primary-soft) !important; color:var(--gc-primary-dark) !important;
    border-color:var(--gc-primary) !important;
}

/* ---- Caja del código de cliente (ámbar sobrio) --------------------------- */
.gecotel-client-code-box{
    background:var(--gc-accent-soft) !important;
    border:1px solid #f0e2b8 !important;
    border-left:3px solid var(--gc-accent) !important;
    border-radius:var(--gc-radius) !important;
    color:var(--gc-heading) !important;
    box-shadow:none !important;
}
.gecotel-client-code-label{ color:var(--gc-muted) !important; font-size:.8rem; }
.gecotel-client-code-value{
    color:var(--gc-primary-dark) !important; font-weight:700; letter-spacing:1px;
}

/* ---- Cajas de dirección / info / pedidos --------------------------------- */
.gecotel-address-box,
.gecotel-info-box,
.gecotel-orders-box{
    background:#fff !important;
    border:1px solid var(--gc-border) !important;
    border-radius:var(--gc-radius) !important;
    box-shadow:none !important;
}
.gecotel-info-box{ border-left:3px solid var(--gc-accent) !important; background:var(--gc-accent-soft) !important; }
.gecotel-address-box-title,
.gecotel-orders-box h4{ color:var(--gc-heading) !important; font-weight:600; }

/* ---- Tabla de pedidos ---------------------------------------------------- */
.gecotel-orders-table th{
    color:var(--gc-muted); border-bottom:1px solid var(--gc-border);
    text-transform:uppercase; letter-spacing:.4px; font-size:.72rem;
}
.gecotel-orders-table td{ border-bottom:1px solid var(--gc-border); color:var(--gc-text); }
.gecotel-order-status{
    background:var(--gc-accent-soft); color:var(--gc-accent-dark);
    border:1px solid #f0e2b8; border-radius:999px; font-size:.72rem; font-weight:600;
}

/* ---- Pestañas del panel unificado (estilo nav AdminKit) ------------------ */
.gc-tabs{
    display:flex; flex-wrap:wrap; gap:2px;
    border-bottom:1px solid var(--gc-border); margin-bottom:20px;
}
.gc-tab{
    appearance:none; background:transparent; border:0; cursor:pointer;
    padding:.7rem 1rem; font-size:.9rem; font-weight:600; color:var(--gc-muted);
    border-bottom:2px solid transparent; margin-bottom:-1px; font-family:var(--gc-font);
}
.gc-tab:hover{ color:var(--gc-primary); }
.gc-tab.is-active{ color:var(--gc-primary); border-bottom-color:var(--gc-primary); }
.gc-tabpanel{ display:none; }
.gc-tabpanel.is-active{ display:block; }
.gc-panel--guest{
    text-align:center; padding:44px 20px; background:#fff;
    border-radius:var(--gc-radius); box-shadow:var(--gc-shadow); max-width:460px;
}

/* =============================================================================
   ADMIN — tarjetas/tablas del plugin con lenguaje AdminKit (sin sombras duras)
   ============================================================================= */
.gct-wrap .gct-page-title,
.gct-page-title{ color:var(--gc-heading); font-weight:600; }
.gct-card,.gct-stat{
    background:#fff; border:1px solid var(--gc-border); border-radius:var(--gc-radius);
    box-shadow:var(--gc-shadow) !important;
}
.gct-card h2{ color:var(--gc-heading); font-weight:600; font-size:1.05rem; }
.gct-stat{ border-top:3px solid var(--gc-accent); }
.gct-stat.gct-accent{ border-top-color:var(--gc-primary); }
.gct-stat.gct-ok{ border-top-color:var(--gc-success); }
.gct-stat.gct-info{ border-top-color:var(--gc-primary); }
.gct-stat-value{ color:var(--gc-heading); font-weight:700; }
.gct-stat-label{ color:var(--gc-muted); }
.gct-muted{ color:var(--gc-muted); }

/* ---- Icono de notificaciones en la barra superior ------------------------ */
#wp-admin-bar-gecotel-notifications .ab-icon.dashicons-bell{ color:var(--gc-accent); }
#wp-admin-bar-gecotel-notifications .gc-badge{
    display:inline-block; min-width:16px; height:16px; line-height:16px;
    padding:0 5px; margin-left:3px; border-radius:9px;
    background:var(--gc-primary); color:#fff; font-size:11px; font-weight:700; text-align:center;
}