:root {
    --bg: #f4f7fb;
    --panel: #ffffff;
    --text: #172033;
    --muted: #667085;
    --primary: #155eef;
    --primary-dark: #1048b7;
    --border: #e4e7ec;
    --sidebar: #0b1220;
    --danger: #d92d20;
    --success: #039855;
    --warning: #f79009;
    --shadow: 0 14px 34px rgba(16, 24, 40, 0.08);
}

/* Dashboard inteligente, Salud TI y paneles por perfil */
.smart-dashboard{display:flex;flex-direction:column;gap:22px}.smart-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}.smart-welcome h1{margin:4px 0 5px;font-size:clamp(28px,3vw,42px);color:#f8fafc}.smart-welcome p{margin:0;color:#94a3b8}.today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.today-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid #24324a;border-radius:18px;background:#111b2d;text-decoration:none;color:#e2e8f0;transition:.18s ease}.today-card:hover{transform:translateY(-2px);border-color:#475569}.today-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;font-size:22px;font-weight:900}.today-card strong{display:block;font-size:28px;line-height:1}.today-card b,.today-card small{display:block;margin-top:5px}.today-card small{color:#94a3b8;font-size:12px}.today-card.green .today-icon{background:#064e3b;color:#6ee7b7}.today-card.yellow .today-icon{background:#713f12;color:#fde68a}.today-card.red .today-icon{background:#7f1d1d;color:#fecaca}.today-card.blue .today-icon{background:#0c4a6e;color:#bae6fd}
.ti-health-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.health-score-card,.health-reasons,.auto-alert-panel,.quick-links-panel{border:1px solid #24324a;border-radius:20px;background:#111b2d}.health-score-card{display:flex;align-items:center;gap:22px;padding:24px}.health-score-card h2{margin:3px 0 7px;color:#f8fafc}.health-score-card p{margin:0 0 9px;color:#94a3b8}.health-score-card a{color:#67e8f9;text-decoration:none;font-weight:700}.health-score-ring{--ring-color:#22c55e;display:grid;place-items:center;flex:0 0 122px;height:122px;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--score)*1%),#253047 0);position:relative}.health-score-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#111b2d}.health-score-ring span{position:relative;z-index:1;color:#f8fafc;font-size:34px;font-weight:900}.health-score-ring small{font-size:15px;color:#94a3b8}.health-reasons{display:grid;grid-template-columns:repeat(2,1fr);padding:12px}.health-reasons a{padding:16px;text-decoration:none;border-radius:14px;color:#94a3b8}.health-reasons a:hover{background:#162238}.health-reasons strong{display:block;color:#f8fafc;font-size:26px}.health-reasons span{font-size:13px}.auto-alert-panel{overflow:hidden}.auto-alert-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#24324a;border-top:1px solid #24324a}.auto-alert-item{display:flex;min-height:82px;padding:14px;background:#111b2d;flex-direction:column;justify-content:space-between;text-decoration:none;color:#94a3b8;font-size:12px}.auto-alert-item strong{font-size:24px;color:#86efac}.auto-alert-item.has-alert strong{color:#fca5a5}.dashboard-bottom-panels{align-items:stretch}.quick-links-panel{overflow:hidden}.quick-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#24324a}.quick-link-grid a{padding:20px;background:#111b2d;text-decoration:none;color:#e2e8f0}.quick-link-grid a:hover{background:#162238}.quick-link-grid b,.quick-link-grid span{display:block}.quick-link-grid span{margin-top:5px;color:#94a3b8;font-size:12px}
.health-control-summary{display:grid;grid-template-columns:1.4fr repeat(7,minmax(92px,1fr));gap:10px}.health-control-summary>div,.health-control-chip{display:flex;min-height:88px;padding:14px;border:1px solid #24324a;border-radius:15px;background:#111b2d;flex-direction:column;justify-content:center;text-decoration:none}.health-control-summary>div strong{color:#86efac;font-size:30px}.health-control-summary span,.health-control-summary small{color:#94a3b8;font-size:11px}.health-control-chip b{margin-top:7px;color:#f8fafc;font-size:22px}.health-control-chip.active{border-color:#22d3ee;background:#123047}.license-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.license-state.ok{background:#064e3b;color:#a7f3d0}.license-state.bad{background:#7f1d1d;color:#fecaca}.license-state.unknown{background:#3f3f46;color:#d4d4d8}
.role-panel-shell{display:flex;flex-direction:column;gap:20px}.role-panels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.role-table{min-width:860px}
.capture-fallback{margin:0 0 18px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(15,23,42,.48);color:#9fb7d7}.capture-fallback summary{padding:12px 14px;cursor:pointer;font-weight:700}.capture-fallback .btn{margin:0 14px 14px}.capture-actions .btn.secondary{border-color:rgba(103,232,249,.35);color:#bae6fd}
.agent-install-flow{display:grid;gap:14px;margin-bottom:16px}.agent-step-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;border:1px solid rgba(103,232,249,.2);border-radius:18px;background:linear-gradient(135deg,rgba(14,165,233,.09),rgba(15,23,42,.72))}.agent-step-card h3{margin:0 0 4px;color:#f8fafc}.agent-step-card p{margin:0;color:#9fb7d7;font-size:13px}.agent-install-note{margin-top:8px!important;padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.22);line-height:1.45}.agent-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0284c7;color:#fff;font-size:18px;font-weight:900}.install-step{border-color:rgba(16,185,129,.3)}.install-step .agent-step-number{background:#059669}.capture-progress-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:15px 17px;border:1px solid rgba(148,163,184,.2);border-radius:17px;background:#0b1424}.capture-progress-panel>div:first-child{display:grid;gap:6px}.capture-progress-panel small{color:#9fb7d7}.capture-timer{text-align:right}.capture-timer span,.capture-timer strong{display:block}.capture-timer span{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.capture-timer strong{color:#67e8f9;font-size:30px;font-variant-numeric:tabular-nums;line-height:1.1}
@media(max-width:700px){.agent-step-card{grid-template-columns:auto 1fr}.agent-step-card .btn{grid-column:1/-1;width:100%;justify-content:center}.capture-progress-panel{align-items:flex-start;flex-direction:column}.capture-timer{text-align:left}}
@media(max-width:1250px){.today-grid{grid-template-columns:repeat(2,1fr)}.auto-alert-grid{grid-template-columns:repeat(4,1fr)}.health-control-summary{grid-template-columns:repeat(4,1fr)}.health-control-summary>div{grid-column:span 4}}
@media(max-width:850px){.smart-welcome{align-items:flex-start;flex-direction:column}.today-grid,.ti-health-overview,.role-panels-grid{grid-template-columns:1fr}.auto-alert-grid{grid-template-columns:repeat(2,1fr)}.health-score-card{align-items:flex-start;flex-direction:column}.health-control-summary{grid-template-columns:repeat(2,1fr)}.health-control-summary>div{grid-column:span 2}}
@media(max-width:520px){.today-grid{grid-template-columns:1fr}.health-reasons{grid-template-columns:1fr}.auto-alert-grid{grid-template-columns:1fr}}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
}

a { color: inherit; }

.public-page, .login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px;
    background:
        radial-gradient(circle at top left, rgba(21,94,239,.16), transparent 32%),
        linear-gradient(135deg, #f4f7fb, #eef4ff);
}

.public-card, .login-card, .success-card {
    width: 100%;
    max-width: 900px;
    background: var(--panel);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    border-radius: 26px;
    padding: 34px;
}

.login-card, .success-card { max-width: 440px; text-align: center; }

.brand-center { text-align: center; margin-bottom: 24px; }
.brand-center h1, .login-card h1, .success-card h1 { margin: 12px 0 6px; }
.brand-center p, .login-card p, .success-card p { color: var(--muted); margin: 0 0 18px; }

.logo {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    background: var(--primary);
    color: white;
    font-weight: 900;
    font-size: 20px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.form-group { display: flex; flex-direction: column; gap: 7px; }
.full { grid-column: 1 / -1; }

label { font-weight: 700; font-size: 14px; }

input, select, textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 13px;
    padding: 13px 14px;
    font-size: 14px;
    outline: none;
    background: white;
}

textarea { min-height: 110px; resize: vertical; }

input:focus, select:focus, textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(21,94,239,.12);
}

.btn {
    border: none;
    border-radius: 13px;
    padding: 12px 18px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

.btn.primary { background: var(--primary); color: white; }
.btn.primary:hover { background: var(--primary-dark); }
.btn.secondary { background: var(--sidebar); color: white; }
.btn.ghost { background: #f2f4f7; color: var(--text); }
.btn.danger { background: #fee4e2; color: var(--danger); margin-top: 14px; }
.btn.small { padding: 8px 12px; background: #eef4ff; color: var(--primary); }

.admin-link { margin-top: 22px; text-align: center; color: var(--primary); font-weight: 700; }

.alert {
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 16px;
    font-weight: 700;
}
.alert.error { background: #fee4e2; color: var(--danger); }
.alert.success { background: #ecfdf3; color: var(--success); }

.big-code {
    background: #eef4ff;
    color: var(--primary);
    border-radius: 18px;
    padding: 18px;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 18px 0;
}

.check {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
    background: #ecfdf3;
    color: var(--success);
    font-size: 42px;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.muted { color: var(--muted); }

.back-link {
    display: block;
    margin-top: 16px;
    color: var(--primary);
    text-decoration: none;
    font-weight: 700;
}

.login-card label {
    display: block;
    text-align: left;
    margin: 13px 0 7px;
}

.layout { display: flex; min-height: 100vh; }

.sidebar {
    width: 270px;
    background: var(--sidebar);
    color: white;
    padding: 24px;
    position: fixed;
    height: 100vh;
}

.brand {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 32px;
}

.brand h2 { margin: 0; font-size: 20px; }
.brand span { color: #98a2b3; font-size: 13px; }

.sidebar nav a {
    display: block;
    padding: 13px 14px;
    border-radius: 12px;
    color: #d0d5dd;
    text-decoration: none;
    margin-bottom: 8px;
    font-weight: 700;
}

.sidebar nav a.active, .sidebar nav a:hover {
    background: rgba(255,255,255,.10);
    color: white;
}

.content {
    margin-left: 270px;
    padding: 28px;
    width: calc(100% - 270px);
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.topbar h1 { margin: 0; font-size: 28px; }
.topbar p { margin: 6px 0 0; color: var(--muted); }

.cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 22px;
}

.card, .panel {
    background: var(--panel);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    border-radius: 20px;
    padding: 22px;
}

.card span { color: var(--muted); font-weight: 700; }
.card strong { display: block; font-size: 32px; margin-top: 8px; }

.filters {
    display: grid;
    grid-template-columns: 1fr 220px auto auto;
    gap: 12px;
    margin-bottom: 18px;
}

.table-wrapper { overflow-x: auto; }

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

th, td {
    padding: 13px;
    border-bottom: 1px solid var(--border);
    text-align: left;
    white-space: nowrap;
}

th {
    color: var(--muted);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .04em;
}

.badge {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
}

.prioridad-Baja { background: #ecfdf3; color: var(--success); }
.prioridad-Media { background: #fffaeb; color: var(--warning); }
.prioridad-Alta { background: #fff1f3; color: #c01048; }
.prioridad-Urgente { background: #fee4e2; color: var(--danger); }

.status {
    font-weight: 900;
    color: var(--primary);
}

.detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 20px;
}

.description-box {
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

@media (max-width: 960px) {
    .layout { display: block; }
    .sidebar { position: relative; width: 100%; height: auto; }
    .content { margin-left: 0; width: 100%; }
    .cards, .form-grid, .detail-grid, .filters { grid-template-columns: 1fr; }
    .topbar { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* INICIO TIPO DASHBOARD */
.home-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(21,94,239,.12), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

.home-header {
    background: linear-gradient(135deg, #155eef, #0f46b8);
    color: white;
    padding: 26px 34px;
    box-shadow: 0 8px 24px rgba(21, 94, 239, .22);
}

.header-brand {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 1180px;
    margin: 0 auto;
}

.header-icon {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.18);
    font-size: 30px;
    font-weight: 900;
}

.header-brand h1 {
    margin: 0;
    font-size: 30px;
}

.header-brand p {
    margin: 6px 0 0;
    font-size: 18px;
    opacity: .95;
}

.home-main {
    max-width: 1180px;
    margin: 0 auto;
    padding: 38px 24px 22px;
}

.home-title {
    text-align: center;
    margin-bottom: 28px;
}

.home-title h2 {
    font-size: 32px;
    margin: 0 0 12px;
}

.home-title p {
    color: var(--muted);
    font-size: 18px;
    margin: 0;
}

.home-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: stretch;
}

.home-card {
    background: rgba(255,255,255,.92);
    border: 1px solid #d9e2f1;
    border-radius: 16px;
    padding: 40px 28px;
    box-shadow: 0 14px 34px rgba(16, 24, 40, 0.10);
    text-align: center;
    min-height: 410px;
}

.circle-icon {
    width: 86px;
    height: 86px;
    margin: 0 auto 28px;
    border-radius: 50%;
    background: #e8f1ff;
    color: var(--primary);
    display: grid;
    place-items: center;
    font-size: 34px;
}

.home-card h3 {
    font-size: 28px;
    margin: 0 0 16px;
}

.home-card p {
    color: #475467;
    line-height: 1.55;
    margin: 0 auto 28px;
    max-width: 420px;
}

.home-login {
    text-align: left;
    margin-top: 12px;
}

.home-login label {
    display: block;
    margin: 14px 0 8px;
}

.home-login input {
    height: 48px;
}

.btn.wide {
    width: 100%;
    margin-top: 16px;
    padding: 15px 18px;
}

.home-footer {
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 24px 28px;
    text-align: center;
    color: #475467;
}

.home-footer > p {
    margin: 6px 0;
}

.network-note {
    margin-top: 18px;
    border: 1px solid #9fc2ff;
    background: #eef6ff;
    border-radius: 8px;
    padding: 18px 22px;
    display: flex;
    gap: 18px;
    text-align: left;
    color: #12347a;
}

.network-note p {
    margin: 6px 0 0;
}

.info-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary);
    color: white;
    display: grid;
    place-items: center;
    font-weight: 900;
    flex: 0 0 auto;
}

.back-home {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary);
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 900px) {
    .home-cards {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .home-title h2 {
        font-size: 26px;
    }

    .header-brand h1 {
        font-size: 24px;
    }

    .home-card {
        min-height: auto;
    }
}


.phone-wrap {
    position: relative;
}

.phone-wrap input {
    padding-right: 70px;
}

.phone-wrap span {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    font-weight: 700;
    font-size: 13px;
}

.upload-box {
    border: 1.8px dashed #8aa4c8;
    border-radius: 14px;
    min-height: 105px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 18px;
    cursor: pointer;
    background: #fbfdff;
    color: #172033;
}

.upload-box:hover {
    background: #f2f7ff;
    border-color: var(--primary);
}

.upload-box input {
    display: none;
}

.upload-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e8f1ff;
    color: var(--primary);
    font-size: 24px;
    margin-bottom: 6px;
}

.upload-box span {
    color: var(--muted);
    margin-top: 2px;
}

.upload-box small {
    display: block;
    color: var(--muted);
    margin-top: 8px;
}

.compact-note {
    margin-top: 2px;
    padding: 13px 16px;
    align-items: center;
}

.file-link {
    color: var(--primary);
    font-weight: 800;
}

/* Ajustes Inicio - Camiones Chinos Perú */
.company-header {
    background: linear-gradient(135deg, #0b1220, #155eef);
}

.header-brand-split {
    justify-content: flex-start;
}

.admin-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: white;
    text-decoration: none;
}

.admin-brand-link:hover .company-logo-mark {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255,255,255,.18);
}

.company-logo-mark {
    width: 62px;
    height: 62px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: #ffffff;
    color: #155eef;
    font-weight: 950;
    letter-spacing: .5px;
    border: 3px solid rgba(255,255,255,.45);
    transition: .2s ease;
}

.single-home-main {
    max-width: 860px;
    padding-top: 54px;
}

.company-title h2 {
    font-size: 38px;
}

.test-badge {
    display: inline-block;
    background: #eef4ff;
    color: var(--primary);
    border: 1px solid #c7d7fe;
    border-radius: 999px;
    padding: 8px 14px;
    font-weight: 900;
    margin-bottom: 16px;
}

.home-cards-single {
    grid-template-columns: minmax(280px, 560px);
    justify-content: center;
    gap: 0;
}

.ticket-only-card {
    min-height: auto;
    padding: 46px 34px;
}

.company-footer {
    padding-top: 6px;
}

.company-footer p {
    margin: 6px 0;
}

@media (max-width: 700px) {
    .company-title h2 {
        font-size: 29px;
    }

    .admin-brand-link {
        gap: 12px;
    }

    .company-logo-mark {
        width: 54px;
        height: 54px;
    }
}

.company-logo-mark img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 13px;
}

.brand-logo-img {
    max-width: 190px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 12px auto;
}

.hidden-field {
    display: none !important;
}

.dashboard-cards {
    grid-template-columns: repeat(7, minmax(120px, 1fr));
}

.panel-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.panel-title-row h3 { margin: 0 0 6px; }
.panel-title-row p { margin: 0; color: var(--muted); }

.filters-advanced {
    grid-template-columns: 2fr repeat(4, minmax(150px, 1fr)) auto auto;
}

.status {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 800;
    background: #eef4ff;
    color: var(--primary);
    white-space: nowrap;
}

.status-pendiente { background: #fff7ed; color: #c2410c; }
.status-en-atencion { background: #eef4ff; color: var(--primary); }
.status-atendido { background: #ecfdf3; color: var(--success); }
.status-cerrado { background: #f2f4f7; color: #475467; }

.badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 800;
    background: #f2f4f7;
    color: #475467;
    white-space: nowrap;
}

.prioridad-Baja { background: #ecfdf3; color: var(--success); }
.prioridad-Media { background: #eef4ff; color: var(--primary); }
.prioridad-Alta { background: #fff7ed; color: #c2410c; }
.prioridad-Urgente { background: #fee4e2; color: var(--danger); }

@media (max-width: 1280px) {
    .dashboard-cards { grid-template-columns: repeat(3, 1fr); }
    .filters-advanced { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .sidebar { position: static; width: 100%; height: auto; }
    .layout { display: block; }
    .content { margin-left: 0; width: 100%; padding: 18px; }
    .dashboard-cards { grid-template-columns: repeat(2, 1fr); }
    .filters-advanced { grid-template-columns: 1fr; }
    .topbar { flex-direction: column; align-items: flex-start; gap: 12px; }
}

.satisfaction-cards {
    grid-template-columns: repeat(3, 1fr);
}

.big-stars {
    font-size: 32px;
    margin: 18px 0;
    letter-spacing: 3px;
}

.satisfaction-card {
    max-width: 560px;
}

.satisfaction-form {
    text-align: left;
    margin-top: 18px;
}

.satisfaction-detail .description-box {
    margin-top: 8px;
}

.inventory-cards {
    grid-template-columns: repeat(7, minmax(120px, 1fr));
}

.top-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.actions-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.status-libre { background: #ecfdf3; color: var(--success); }
.status-asignado { background: #eef4ff; color: var(--primary); }
.status-operativo { background: #ecfdf3; color: var(--success); }
.status-en-mantenimiento { background: #fff7ed; color: #c2410c; }
.status-baja { background: #fee4e2; color: var(--danger); }

@media (max-width: 1280px) {
    .inventory-cards { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .inventory-cards { grid-template-columns: repeat(2, 1fr); }
    .actions-row { flex-direction: column; align-items: stretch; }
}

/* Mejoras Inventario TI */
.inventory-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 18px;
}
.inventory-tabs .tab {
    padding: 9px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: #374151;
    background: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}
.inventory-tabs .tab.active,
.inventory-tabs .tab:hover {
    background: #111827;
    color: #fff;
    border-color: #111827;
}
.asset-summary {
    margin-bottom: 18px;
}
.asset-title-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 18px;
}
.asset-title-row h2 {
    margin: 4px 0;
}
.asset-category {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 700;
    font-size: 12px;
}
.asset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.asset-grid div {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    background: #f9fafb;
}
.asset-grid span {
    display: block;
    color: #6b7280;
    font-size: 12px;
    margin-bottom: 4px;
}
.asset-grid strong {
    color: #111827;
    font-size: 14px;
}
.timeline {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.timeline-item {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 12px;
    align-items: start;
}
.timeline-dot {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    border-radius: 999px;
    background: #2563eb;
    box-shadow: 0 0 0 4px #dbeafe;
}
.timeline-item p {
    margin: 4px 0 0;
}
@media (max-width: 800px) {
    .asset-title-row { flex-direction: column; }
}
.choice-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 0;
}
.choice-row label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: #fff;
    font-weight: 600;
}
.choice-row input {
    width: auto;
}

/* Botón principal de exportación de tickets */
.tickets-topbar {
    align-items: center;
    gap: 18px;
}

.export-excel-top {
    background: #16a34a;
    color: #ffffff;
    padding: 14px 22px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(22, 163, 74, 0.22);
    white-space: nowrap;
}

.export-excel-top:hover {
    background: #15803d;
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .tickets-topbar {
        align-items: flex-start;
        flex-direction: column;
    }
    .export-excel-top {
        width: 100%;
    }
}

.inventory-2026-cards {
    grid-template-columns: repeat(2, minmax(180px, 260px));
    justify-content: flex-start;
}
.simple-inventory-cards .card {
    min-height: 112px;
}
.simple-inventory-cards .primary-kpi {
    background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
    border: 1px solid rgba(14, 165, 233, .18);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

.inventory-2026-filters {
    grid-template-columns: 2fr minmax(180px, 1fr) minmax(160px, 1fr) auto auto;
}

@media (max-width: 1280px) {
    .inventory-2026-cards { grid-template-columns: repeat(2, 1fr); }
    .inventory-2026-filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .inventory-2026-cards,
    .inventory-2026-filters { grid-template-columns: 1fr; }
}

.asset-link { color: #0f172a; text-decoration: none; }
.asset-link:hover { color: #0ea5e9; text-decoration: underline; }
.asset-detail-page .panel h3 { margin-top: 24px; }
.ficha-header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:18px; }
.ficha-header h2 { margin:0 0 6px; color:#0f172a; }
.ficha-header p { margin:0; color:#64748b; }
.ficha-badge { padding:10px 14px; border-radius:12px; background:#e0f2fe; color:#075985; font-weight:800; white-space:nowrap; }
.detail-grid { display:grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap:12px; margin:16px 0; }
.detail-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:14px; padding:14px; }
.detail-card span { display:block; color:#64748b; font-weight:700; font-size:13px; margin-bottom:6px; }
.detail-card strong { color:#0f172a; }
.data-table-wrap { overflow-x:auto; }
.data-table { width:100%; border-collapse:collapse; margin-top:10px; }
.data-table th, .data-table td { border:1px solid #e2e8f0; padding:10px; text-align:left; vertical-align:top; }
.data-table th { background:#f1f5f9; color:#334155; width:160px; }
.signature-row { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:50px; }
.signature-row div { border-top:1px solid #334155; padding-top:10px; text-align:center; color:#475569; }
@media (max-width: 900px) { .detail-grid { grid-template-columns: 1fr 1fr; } }
@media print {
    body { background:#fff; }
    .no-print, .sidebar, .topbar { display:none !important; }
    .layout { display:block; }
    .content { margin:0; padding:0; }
    .panel, .ficha-print { box-shadow:none !important; border:0 !important; padding:0 !important; }
    .data-table th, .data-table td { padding:7px; font-size:12px; }
    .signature-row { margin-top:40px; }
}

/* ===== Portal TI moderno ===== */
.tech-home, .login-split {
    min-height: 100vh;
    background: radial-gradient(circle at 15% 20%, rgba(36, 111, 255, .28), transparent 30%), #080d18;
    color: #f8fbff;
    font-family: Inter, Segoe UI, Arial, sans-serif;
}
.tech-home-top {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 42px;
}
.tech-brand { display:flex; align-items:center; gap:14px; }
.tech-brand img, .login-info-brand img { width:46px; height:46px; object-fit:contain; border-radius:10px; background:#fff; padding:5px; }
.tech-brand strong { display:block; font-size:17px; }
.tech-brand span { color:#9fb0c9; font-size:13px; }
.admin-mini { color:#dce7ff; text-decoration:none; font-size:13px; padding:9px 13px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.06); }
.tech-hero { display:grid; grid-template-columns: 1fr 1fr; gap:38px; align-items:center; padding:58px 72px 30px; }
.hero-pill { display:inline-block; padding:9px 13px; border-radius:999px; background:rgba(36,111,255,.16); color:#7db3ff; border:1px solid rgba(125,179,255,.25); font-size:13px; }
.hero-left h1 { font-size:58px; line-height:1.02; margin:22px 0 16px; letter-spacing:-2px; }
.hero-left p { color:#b8c6dc; max-width:620px; font-size:18px; line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.hero-metrics { display:flex; gap:14px; margin-top:32px; }
.hero-metrics div { min-width:120px; padding:16px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); }
.hero-metrics strong, .hero-metrics span { display:block; }
.hero-metrics span { color:#99a9c2; font-size:13px; margin-top:4px; }
.mock-window { border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:#111827; box-shadow: 0 30px 90px rgba(0,0,0,.45); }
.mock-dots { height:42px; display:flex; align-items:center; gap:7px; padding:0 16px; background:#05070c; }
.mock-dots span { width:10px; height:10px; border-radius:50%; background:#3b82f6; opacity:.85; }
.mock-content { display:grid; grid-template-columns:130px 1fr; min-height:350px; }
.mock-content aside { background:#0d1424; padding:20px; display:flex; flex-direction:column; gap:18px; color:#9fb0c9; }
.mock-content aside b { color:#fff; font-size:24px; margin-bottom:14px; }
.mock-dashboard { padding:26px; background:linear-gradient(160deg,#162033,#0b1220); }
.mock-dashboard h3 { margin:0 0 20px; }
.mini-cards { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; }
.mini-cards div { background:#101827; border-radius:14px; padding:16px; border:1px solid rgba(255,255,255,.08); }
.mini-cards strong,.mini-cards span { display:block; }
.mini-cards span { color:#8fa1bd; font-size:12px; margin-top:4px; }
.mock-chart { margin-top:30px; height:130px; border-radius:18px; background:#0a0f1c; display:flex; align-items:end; gap:18px; padding:18px; }
.mock-chart i { flex:1; display:block; border-radius:10px 10px 0 0; background:linear-gradient(#2d6bff,#1dd3ff); }
.mock-chart i:nth-child(1){height:35%}.mock-chart i:nth-child(2){height:62%}.mock-chart i:nth-child(3){height:48%}.mock-chart i:nth-child(4){height:82%}.mock-chart i:nth-child(5){height:58%}

.login-split { display:grid; grid-template-columns: 1.05fr .95fr; align-items:stretch; }
.login-info { padding:70px; background:linear-gradient(145deg,#1f5cff,#0e2f91); position:relative; overflow:hidden; }
.login-info:after { content:""; position:absolute; width:320px; height:320px; border:42px solid rgba(255,255,255,.14); border-radius:50%; right:-110px; bottom:-110px; }
.login-info h1 { font-size:42px; margin:80px 0 14px; }
.login-info p { color:#dfe8ff; max-width:430px; line-height:1.55; }
.preview-card { margin-top:50px; max-width:420px; padding:22px; border-radius:22px; background:#080d18; box-shadow:0 28px 80px rgba(0,0,0,.35); position:relative; z-index:1; }
.preview-bars { display:flex; align-items:end; gap:12px; height:120px; margin-top:18px; }
.preview-bars i { flex:1; background:#2563eb; border-radius:10px 10px 0 0; }
.preview-bars i:nth-child(1){height:40%}.preview-bars i:nth-child(2){height:70%}.preview-bars i:nth-child(3){height:55%}.preview-bars i:nth-child(4){height:88%}
.login-panel { max-width:420px; width:100%; align-self:center; justify-self:center; padding:36px; }
.login-panel h2 { font-size:34px; margin:0 0 8px; }
.login-panel p { color:#9fb0c9; margin-bottom:28px; }
.login-panel label { color:#c9d6ea; font-weight:700; font-size:13px; display:block; margin:16px 0 8px; }
.login-panel input { width:100%; padding:15px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:#0b1020; color:#fff; }
.login-panel .back-link { color:#9fb0c9; display:inline-block; margin-top:18px; }

.layout .sidebar { background:#111827; }
.layout .content { background:#f3f6fb; }
.asset-link { color:#0b1b35; text-decoration:none; }
.asset-link:hover { color:#246fff; text-decoration:underline; }

@media (max-width: 900px) {
    .tech-hero, .login-split { grid-template-columns:1fr; }
    .tech-hero { padding:34px 22px; }
    .hero-left h1 { font-size:40px; }
    .tech-home-top { padding:0 18px; }
    .login-info { padding:38px 24px; }
}

/* ===== Ajustes inicio y panel futurista ===== */
.clean-home { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr); }
.hero-actions-large { gap: 16px; margin-top: 32px; }
.hero-btn {
    min-width: 190px;
    padding: 18px 30px;
    font-size: 17px;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .30);
}
.hero-actions-large .secondary {
    background: linear-gradient(135deg, #0ea5e9, #2563eb);
    color: #fff;
}
.inventory-home-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(125, 179, 255, .22);
    background: linear-gradient(160deg, rgba(15, 23, 42, .92), rgba(8, 13, 24, .98));
    border-radius: 30px;
    padding: 34px;
    box-shadow: 0 30px 90px rgba(0,0,0,.40);
}
.inventory-glow {
    position: absolute;
    width: 230px;
    height: 230px;
    right: -70px;
    top: -70px;
    background: radial-gradient(circle, rgba(45, 107, 255, .42), transparent 65%);
}
.inventory-card-head { position: relative; z-index: 1; }
.inventory-card-head span {
    color: #73d6ff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .12em;
}
.inventory-card-head strong {
    display: block;
    color: #fff;
    font-size: 34px;
    line-height: 1.05;
    margin-top: 10px;
}
.inventory-home-card p {
    color: #b8c6dc;
    line-height: 1.6;
    margin: 22px 0;
    position: relative;
    z-index: 1;
}
.inventory-features {
    display: grid;
    gap: 12px;
    margin: 26px 0;
    position: relative;
    z-index: 1;
}
.inventory-features div {
    padding: 13px 15px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #dfe8ff;
    font-weight: 700;
}
.inventory-features b { color: #35d7ff; margin-right: 8px; }
.download-home-btn {
    width: 100%;
    padding: 17px 22px;
    border-radius: 18px;
    font-size: 16px;
    position: relative;
    z-index: 1;
}

.layout .sidebar {
    background: linear-gradient(180deg, #07101f, #0f172a 55%, #07101f);
    border-right: 1px solid rgba(45, 107, 255, .20);
}
.layout .content {
    background:
        radial-gradient(circle at 20% 5%, rgba(37, 99, 235, .13), transparent 30%),
        linear-gradient(180deg, #eef4ff, #f7f9fc);
}
.sidebar nav a.active, .sidebar nav a:hover {
    background: linear-gradient(135deg, rgba(37,99,235,.32), rgba(14,165,233,.18));
    border: 1px solid rgba(125,179,255,.20);
}
.card, .panel {
    border: 1px solid rgba(148,163,184,.28);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
.topbar h1 { letter-spacing: -0.5px; }
.btn.primary { background: linear-gradient(135deg, #2563eb, #0ea5e9); }
.btn.secondary { background: linear-gradient(135deg, #06101f, #111827); }
.btn.ghost { background: #eef4ff; color: #0b1b35; }

@media (max-width: 900px) {
    .clean-home { grid-template-columns: 1fr; }
    .hero-btn { width: 100%; }
}

/* ===== Ajustes solicitados: botones, formularios separados y panel futurista ===== */
.neon-btn {
    position: relative;
    overflow: hidden;
    transform: translateY(0);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.neon-btn:before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(120deg, transparent 10%, rgba(255,255,255,.55), transparent 60%);
    transform: translateX(-120%);
    transition: transform .55s ease;
}
.neon-btn:hover {
    transform: translateY(-4px) scale(1.03);
    filter: brightness(1.12);
    box-shadow: 0 0 0 1px rgba(53,215,255,.35), 0 0 30px rgba(14,165,233,.55), 0 18px 44px rgba(37,99,235,.42);
}
.neon-btn:hover:before { transform: translateX(120%); }
.ticket-type-banner {
    border-radius: 20px;
    padding: 18px 20px;
    border: 1px solid rgba(37, 99, 235, .20);
    background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(14,165,233,.08));
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ticket-type-banner strong { font-size: 18px; color: #0b1b35; }
.ticket-type-banner span { color: #667085; }
.ticket-type-banner.request { background: linear-gradient(135deg, rgba(14,165,233,.12), rgba(99,102,241,.10)); }
.ticket-type-banner.incident { background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(6,182,212,.08)); }
.layout .sidebar .brand .logo {
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    box-shadow: 0 0 24px rgba(14,165,233,.35);
}
.layout .sidebar nav a {
    border: 1px solid transparent;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.layout .sidebar nav a:hover { transform: translateX(4px); }
.panel, .card {
    backdrop-filter: blur(8px);
}
.inventory-2026-filters {
    grid-template-columns: minmax(320px, 1fr) minmax(220px, .35fr) auto auto;
}
.related-tickets-panel { margin-top: 22px; }
.asset-edit-grid input {
    background: #f8fbff;
}
.edit-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 8px;
}
@media (max-width: 900px) {
    .inventory-2026-filters { grid-template-columns: 1fr; }
    .edit-actions { flex-direction: column; }
}

/* ===== Página de descarga e instalación EXE ===== */
.neon-btn, .download-home-btn, .install-download {
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.neon-btn:hover, .download-home-btn:hover, .install-download:hover {
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.08);
    box-shadow: 0 0 0 1px rgba(93, 213, 255, .55), 0 0 28px rgba(34, 211, 238, .48), 0 18px 45px rgba(37, 99, 235, .40);
}
.install-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 12%, rgba(37,99,235,.30), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(14,165,233,.22), transparent 26%),
        linear-gradient(180deg, #060b14, #0b1220);
    color: #f8fbff;
    font-family: Inter, Segoe UI, Arial, sans-serif;
}
.install-top {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 42px;
}
.install-back {
    color: #cfe4ff;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    font-weight: 800;
}
.install-shell {
    width: min(1180px, calc(100% - 42px));
    margin: 0 auto;
    padding: 34px 0 70px;
}
.install-hero {
    padding: 42px;
    border: 1px solid rgba(125,179,255,.20);
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(8,13,24,.96));
    box-shadow: 0 32px 90px rgba(0,0,0,.42);
}
.install-hero h1 {
    font-size: clamp(36px, 5vw, 64px);
    margin: 22px 0 14px;
    line-height: 1;
    letter-spacing: -2px;
}
.install-hero p {
    max-width: 760px;
    color: #b8c6dc;
    font-size: 18px;
    line-height: 1.55;
}
.install-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
}
.install-actions span { color: #99a9c2; font-weight: 700; }
.install-download {
    padding: 18px 26px;
    border-radius: 18px;
    font-size: 16px;
}
.install-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 22px 0;
}
.step-card {
    border: 1px solid rgba(125,179,255,.18);
    background: rgba(15,23,42,.78);
    border-radius: 26px;
    padding: 26px;
    box-shadow: 0 24px 70px rgba(0,0,0,.25);
}
.step-card strong {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, #22d3ee, #2563eb);
    color: #fff;
    font-size: 20px;
}
.step-card h3 { margin: 18px 0 8px; font-size: 20px; }
.step-card p { color: #b8c6dc; line-height: 1.55; }
.compact-install-shell { max-width: 1080px; }
.compact-install-hero { padding: 36px; }
.compact-install-hero h1 { font-size: clamp(34px, 4.5vw, 56px); }
.compact-install-steps { margin-bottom: 22px; }
.install-clean-note {
    padding: 24px 26px;
    border: 1px solid rgba(34, 197, 94, .24);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(22, 163, 74, .14), rgba(15, 23, 42, .92));
    box-shadow: 0 20px 56px rgba(0, 0, 0, .22);
}
.install-clean-note h2 { margin: 12px 0 8px; font-size: 28px; color: #f8fafc; }
.install-clean-note p { margin: 0; color: #cbd5e1; line-height: 1.55; }
@media (max-width: 900px) {
    .install-steps { grid-template-columns: 1fr; }
    .install-top { padding: 0 18px; }
    .install-hero { padding: 28px; }
}

/* Ajustes responsive para celular y tablets */
@media (max-width: 980px) {
    .layout {
        display: block;
    }
    .sidebar {
        position: relative;
        width: 100%;
        height: auto;
        padding: 16px;
    }
    .sidebar .brand {
        margin-bottom: 14px;
    }
    .sidebar nav {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
    }
    .sidebar nav a {
        white-space: nowrap;
        min-width: max-content;
    }
    .content {
        margin-left: 0 !important;
        padding: 16px !important;
    }
    .topbar {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .top-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .cards,
    .form-grid,
    .asset-edit-grid,
    .detail-grid,
    .inventory-cards,
    .simple-inventory-cards {
        grid-template-columns: 1fr !important;
    }
    .filters,
    .filters-advanced,
    .inventory-2026-filters {
        grid-template-columns: 1fr !important;
        display: grid;
    }
    .table-wrapper,
    .data-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table,
    .data-table {
        min-width: 780px;
    }
    .panel,
    .public-card,
    .login-card,
    .success-card {
        border-radius: 18px;
        padding: 18px;
    }
}

@media (max-width: 640px) {
    body {
        font-size: 14px;
    }
    .public-page,
    .login-page {
        padding: 16px;
        place-items: start center;
    }
    .public-card,
    .login-card,
    .success-card {
        padding: 20px;
        max-width: 100%;
    }
    .topbar h1,
    .brand-center h1,
    .login-card h1 {
        font-size: 24px;
        line-height: 1.15;
    }
    .btn {
        width: 100%;
        padding: 13px 15px;
    }
    .btn.small {
        width: auto;
    }
    input,
    select,
    textarea {
        font-size: 16px;
    }
    .ficha-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .signature-row {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Administración 2026 · interfaz de referencia ===== */
:root { --admin-bg:#020a17; --admin-panel:#071426; --admin-card:#0a192d; --admin-line:#17324f; --admin-text:#f4f8ff; --admin-muted:#8ea4bf; --admin-blue:#087cf7; --admin-cyan:#09d7ef; }
.admin-app { min-height:100vh; display:grid; grid-template-columns:240px minmax(0,1fr); background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327); color:var(--admin-text); font-family:Inter,"Segoe UI",Arial,sans-serif; }
.admin-sidebar { min-height:100vh; border-right:1px solid var(--admin-line); background:linear-gradient(180deg,#061326,#030b17); display:flex; flex-direction:column; padding:20px 10px 12px; }
.admin-brand { display:flex; align-items:center; gap:12px; padding:0 10px 22px; }
.hex-logo { width:38px;height:42px;display:grid;place-items:center;color:#24e6ff;border:2px solid #17d8f4;clip-path:polygon(25% 5%,75% 5%,100% 25%,100% 75%,75% 95%,25% 95%,0 75%,0 25%);font-weight:900;text-shadow:0 0 12px #00d8ff; }
.admin-brand b,.admin-brand small { display:block; }.admin-brand b{font-size:14px}.admin-brand small{font-size:11px;color:var(--admin-muted);margin-top:4px}
.admin-sidebar nav { display:grid; gap:5px; }.admin-sidebar nav a { min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#c7d5e8;text-decoration:none;border-radius:5px;border:1px solid transparent;font-size:13px; }.admin-sidebar nav a span{width:20px;text-align:center;font-size:17px}.admin-sidebar nav a i{margin-left:auto;font-size:20px;font-style:normal}.admin-sidebar nav a em{margin-left:auto;font-style:normal;font-size:10px;color:#00f0b5;background:#063b36;padding:4px 7px;border-radius:4px}.admin-sidebar nav a:hover{background:#0b2039}.admin-sidebar nav a.active{background:linear-gradient(90deg,#087cf7,#0656d8);color:#fff;box-shadow:0 0 24px rgba(0,120,255,.3)}
.admin-profile{margin-top:auto;border-top:1px solid var(--admin-line);padding:16px 6px 2px;display:flex;align-items:center;gap:10px}.admin-profile .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#13bbff,#1452d9);font-weight:900}.admin-profile b,.admin-profile small{display:block}.admin-profile b{font-size:13px}.admin-profile small{font-size:11px;color:#a9bad0;margin-top:3px}.admin-profile small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00e69c;margin-right:5px}.admin-profile>a{margin-left:auto;color:#fff;text-decoration:none;font-size:22px}
.admin-main{min-width:0;padding:20px}.inventory-shell,.report-shell{border:1px solid #1b3859;border-radius:13px;background:rgba(5,17,33,.78);padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.32)}
.inventory-heading{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,420px) auto auto;align-items:center;gap:12px;margin-bottom:14px}.inventory-heading h1,.report-title h1{margin:0;font-size:22px}.inventory-heading p,.report-title p{margin:5px 0 0;color:var(--admin-muted);font-size:12px}.admin-search{height:42px;border:1px solid #21405f;background:#061224;border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:9px}.admin-search span{font-size:20px;color:#afc2d9}.admin-search input{border:0;background:transparent;color:#fff;outline:0;width:100%;font-size:12px}.filter-toggle,.new-record{height:42px;box-sizing:border-box;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 17px;text-decoration:none;font:700 12px "Segoe UI";white-space:nowrap}.filter-toggle{border:1px solid #25425f;background:#09182a;color:#dce9f8;cursor:pointer}.new-record{border:0;background:linear-gradient(110deg,#04baf2,#075df4);color:#fff;box-shadow:0 8px 28px rgba(0,105,255,.32)}
.filter-row{display:none;gap:10px;justify-content:flex-end;margin:-2px 0 14px}.filter-row.show{display:flex}.filter-row select,.filter-row button,.filter-row a{height:36px;border:1px solid #25425f;border-radius:6px;background:#071527;color:#d8e7fa;padding:0 13px;text-decoration:none;display:flex;align-items:center}.filter-row button{background:#087cf7;border-color:#087cf7;cursor:pointer}
.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px}.inventory-table-card{border:1px solid #193652;border-radius:9px;background:#061426;overflow:hidden}.dark-table-wrap{overflow:auto}.dark-table{width:100%;border-collapse:collapse;min-width:930px}.dark-table th{height:45px;padding:0 12px;text-align:left;color:#dbe8f7;font-size:11px;background:#07182c;border-bottom:1px solid #173450;white-space:nowrap}.dark-table td{padding:15px 12px;border-bottom:1px solid #17314a;color:#e4edf9;font-size:11px;vertical-align:middle}.dark-table tbody tr:hover{background:rgba(0,117,255,.06)}.record-id{font-weight:800}.person-cell{display:flex;align-items:center;gap:9px;white-space:nowrap}.person-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#274b82,#122844);color:#dbeaff;font-size:11px;font-weight:800}.emails-cell{display:grid;gap:6px}.emails-cell>span{white-space:nowrap}.tag{font-style:normal;font-size:9px;margin-left:4px;padding:3px 5px;border-radius:3px}.tag.principal{color:#20baff;background:#07396c}.tag.adicional{color:#00e5ae;background:#06423d}.cell-sub{display:block;color:var(--admin-muted);margin-top:5px}.row-actions{display:flex;gap:6px}.row-actions a,.row-actions button{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;text-decoration:none;background:#071d36;border:1px solid #12375d;color:#17a8ff;cursor:pointer}.row-actions form{margin:0}.row-actions .delete{color:#ff5267;background:#25101d;border-color:#4c1a2a}.table-footer{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#aec0d5;font-size:11px}.pagination{display:flex;gap:5px;align-items:center}.pagination a,.pagination span{min-width:29px;height:29px;border:1px solid #173654;border-radius:5px;display:grid;place-items:center;color:#c9daed;text-decoration:none}.pagination a.active{border-color:#02c8ef;background:#07385f;color:#fff;box-shadow:0 0 16px rgba(0,211,255,.2)}
.inventory-kpis{display:grid;gap:9px}.kpi{min-height:92px;border:1px solid #184474;border-radius:8px;padding:12px;position:relative;overflow:hidden;background:linear-gradient(135deg,#09213b,#07376b)}.kpi:after{content:"";position:absolute;inset:auto -20px -35px auto;width:110px;height:90px;border-radius:50%;background:rgba(0,190,255,.10)}.kpi>span,.kpi>strong,.kpi>small{display:block;position:relative;z-index:1}.kpi>span{font-size:11px}.kpi>strong{font-size:25px;margin:4px 0 1px}.kpi>small{font-size:9px;color:#b6c9de}.kpi>b{position:absolute;right:13px;bottom:15px;font-size:31px;color:#00d8ff}.kpi.purple{background:linear-gradient(135deg,#15134a,#2c1265);border-color:#56319c}.kpi.purple>b{color:#ab3dff}.kpi.green{background:linear-gradient(135deg,#073a36,#065444);border-color:#087a65}.kpi.green>b{color:#00e9ae}.kpi.orange{background:linear-gradient(135deg,#332016,#45220c);border-color:#75421b}.kpi.orange>b{color:#ff8b24}
.dark-alert{padding:11px 14px;margin:0 0 13px;border:1px solid #126d65;background:#073630;color:#a5f3e3;border-radius:7px;font-size:12px}.dark-alert.error{border-color:#703047;background:#331420;color:#ffb4c0}
.worker-status{padding:5px 8px;border-radius:999px;background:#06463d;color:#12e5ae;font-size:10px}.worker-status.inactivo{background:#3d1722;color:#ff7b8d}
.report-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:#1fdcf2}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-card{min-height:125px;padding:18px;border:1px solid #1a456a;border-radius:10px;background:linear-gradient(135deg,#09243d,#073765);position:relative}.report-card span,.report-card strong,.report-card small{display:block}.report-card span{font-size:12px;color:#c8d9eb}.report-card strong{font-size:34px;margin:8px 0 2px}.report-card small{font-size:10px;color:#94acc5}.report-card i{position:absolute;right:18px;bottom:18px;font-size:38px;font-style:normal;color:#19d7ef}.report-card.violet{background:linear-gradient(135deg,#17143d,#35135e)}.report-card.emerald{background:linear-gradient(135deg,#07312f,#065240)}.report-card.amber{background:linear-gradient(135deg,#362410,#4e2c0d)}.report-card.blue{background:linear-gradient(135deg,#071e45,#073d7b)}.report-card.rose{background:linear-gradient(135deg,#36152a,#52142f)}
.report-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.chart-panel,.recent-panel{border:1px solid #183752;border-radius:10px;background:#071426;padding:16px}.panel-dark-title{display:flex;align-items:center;justify-content:space-between}.panel-dark-title h2{font-size:15px;margin:0}.panel-dark-title p{font-size:10px;color:var(--admin-muted);margin:4px 0 0}.panel-dark-title>a,.panel-dark-title>span{font-size:10px;color:#26d9f0;text-decoration:none}.fake-chart{height:190px;display:flex;align-items:end;gap:13px;padding:18px 8px 0;border-bottom:1px solid #17344e;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,rgba(42,76,109,.25) 45px)}.fake-chart div{flex:1;background:linear-gradient(#0ce2ef,#0869f3);border-radius:4px 4px 0 0;box-shadow:0 0 18px rgba(0,185,255,.22)}.chart-labels{display:flex;justify-content:space-around;color:#718ba7;font-size:9px;margin-top:8px}.recent-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #15304a;color:#eff6ff;text-decoration:none}.recent-row div{min-width:0}.recent-row b,.recent-row small{display:block}.recent-row b{font-size:11px}.recent-row small{font-size:9px;color:#89a1bb;margin-top:4px}.recent-row time{margin-left:auto;color:#718ba7;font-size:9px;white-space:nowrap}.empty-state{text-align:center;color:#7890aa!important;padding:35px!important}
.dark-form-shell{max-width:980px;margin:0 auto;border:1px solid #1b3859;border-radius:13px;background:rgba(5,17,33,.85);padding:24px}.dark-form-shell>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dark-form-shell h1{margin:5px 0;font-size:25px}.dark-form-shell p{color:var(--admin-muted);font-size:12px;margin:0}.dark-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dark-form-grid label{display:grid;gap:7px}.dark-form-grid label.wide,.dark-form-actions.wide{grid-column:1/-1}.dark-form-grid label span{font-size:11px;color:#bdd0e5;font-weight:700}.dark-form-grid input,.dark-form-grid select{height:43px;box-sizing:border-box;border:1px solid #23415f;border-radius:7px;background:#071528;color:#eef6ff;padding:0 12px;outline:none}.dark-form-grid input:focus,.dark-form-grid select:focus{border-color:#05cde9;box-shadow:0 0 0 3px rgba(0,207,239,.08)}.dark-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.dark-form-actions a,.dark-form-actions button{height:43px;padding:0 20px;border-radius:7px;display:flex;align-items:center;text-decoration:none;font-weight:800;font-size:12px}.dark-form-actions a{border:1px solid #294660;color:#c6d8eb}.dark-form-actions button{border:0;background:linear-gradient(100deg,#05c4ef,#075bf3);color:#fff;cursor:pointer}
@media(max-width:1100px){.inventory-layout{grid-template-columns:1fr}.inventory-kpis{grid-template-columns:repeat(4,1fr)}.inventory-heading{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-app{display:block}.admin-sidebar{min-height:auto}.admin-sidebar nav{display:flex;overflow:auto}.admin-sidebar nav a{white-space:nowrap}.admin-profile{display:none}.admin-main{padding:10px}.inventory-heading{grid-template-columns:1fr}.inventory-kpis,.report-grid,.report-panels,.dark-form-grid{grid-template-columns:1fr}.dark-form-grid label.wide,.dark-form-actions.wide{grid-column:auto}.report-title{align-items:flex-start;gap:15px;flex-direction:column}}

/* Unificación visual para Equipos y Tickets con el diseño principal */
.tickets-heading { grid-template-columns:minmax(260px,1fr) minmax(320px,460px) auto auto; }
.detail-heading { grid-template-columns:minmax(260px,1fr) auto; margin-bottom:14px; }
.dark-section-gap { margin-top:14px; }
.table-title-pad { padding:14px 14px 0; }
.mini-kpis { margin:12px 0 14px; }
.mini-kpis .report-card { min-height:108px; padding:15px; }
.mini-kpis .report-card strong { font-size:29px; }
.ticket-filter-row, .equipos-filter-row { flex-wrap:wrap; }
.ticket-filter-row select, .equipos-filter-row select { min-width:155px; }
.dark-badge { display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #214e77;background:#08213d;color:#cfe6ff;white-space:nowrap; }
.dark-badge.priority { border-color:#6f4618;background:#2b1b0b;color:#ffd29b; }
.dark-badge.state { border-color:#0a6b5d;background:#062d2b;color:#40f0bf; }
.tickets-table { min-width:1180px; }
.equipos-table { min-width:1050px; }
.admin-app .panel { border:1px solid #1b3859;border-radius:13px;background:rgba(5,17,33,.78);padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.24);margin-bottom:14px;color:#e4edf9; }
.admin-app .panel h2,.admin-app .panel h3 { color:#f3f8ff;margin-top:0; }
.admin-app .panel p,.admin-app .muted,.admin-app small { color:#9fb5ce; }
.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea { border:1px solid #23415f;border-radius:7px;background:#071528;color:#eef6ff;box-shadow:none; }
.admin-app .form-grid textarea { min-height:100px; }
.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus { border-color:#05cde9;box-shadow:0 0 0 3px rgba(0,207,239,.08); }
.admin-app .form-grid label { color:#bdd0e5;font-size:12px; }
.admin-app .btn.primary { background:linear-gradient(100deg,#05c4ef,#075bf3);color:#fff;border:0; }
.admin-app .btn.ghost,.admin-app .btn.secondary { background:#09182a;color:#dce9f8;border:1px solid #25425f; }
.admin-app .btn.danger { background:#3d1722;color:#ff99a6;border:1px solid #703047; }
.admin-app .alert { padding:11px 14px;margin:0 0 13px;border:1px solid #126d65;background:#073630;color:#a5f3e3;border-radius:7px;font-size:12px; }
.admin-app .alert.error { border-color:#703047;background:#331420;color:#ffb4c0; }
.admin-app .asset-grid > div,.admin-app .detail-card { background:#071426;border:1px solid #193652;border-radius:9px;color:#e4edf9; }
.admin-app .asset-grid span,.admin-app .detail-card span { color:#93aeca; }
.admin-app .asset-grid strong,.admin-app .detail-card strong { color:#f3f8ff; }
.admin-app .timeline-item { color:#e4edf9; }
@media(max-width:1100px){.tickets-heading{grid-template-columns:1fr 1fr}.mini-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.tickets-heading,.detail-heading{grid-template-columns:1fr}.mini-kpis{grid-template-columns:1fr}.filter-row{justify-content:flex-start}.filter-row select,.filter-row a,.filter-row button{width:100%;justify-content:center}.admin-app .form-grid{grid-template-columns:1fr}.admin-app .form-group.full{grid-column:auto}}
.readonly-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.35);color:#9beafe;font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}

/* ===== Reporte público optimizado para celulares ===== */
.mobile-report-action{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
.mobile-report-action .action-symbol{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.16);font-size:22px;font-weight:900}
.mobile-report-action b,.mobile-report-action small{display:block}
.mobile-report-action small{margin-top:3px;font-size:11px;opacity:.78;font-weight:600}
.ticket-public-card{max-width:940px}
.ticket-mode-switch{width:min(360px,100%);margin:18px auto 0;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:14px;background:#eef3fb;border:1px solid #dbe5f2}
.ticket-mode-switch a{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;color:#52647c;font-weight:800}
.ticket-mode-switch a.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 7px 20px rgba(37,99,235,.25)}
.mobile-section-title{margin:6px 0 -2px;padding-bottom:10px;border-bottom:1px solid #e4eaf2;display:flex;align-items:center;gap:9px;font-size:16px;color:#20304a}
.mobile-section-title span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e9f1ff;color:#155eef;font-size:13px}
.mobile-ticket-form input,.mobile-ticket-form select{min-height:49px}
.mobile-ticket-form textarea{min-height:130px;line-height:1.5}
.upload-preview{display:none;width:min(260px,100%);max-height:180px;object-fit:contain;margin-top:10px;border-radius:12px;border:1px solid #dbe5f2;background:#fff}
.upload-preview.show{display:block}
.mobile-submit-bar{display:block}
.mobile-submit-bar .btn{width:100%;min-height:54px;font-size:16px}
.mobile-submit-bar .btn:disabled{cursor:wait;opacity:.72}

@media (max-width:720px){
    html{background:#eef4ff;scroll-padding-top:12px}
    body{overflow-x:hidden;-webkit-text-size-adjust:100%}
    .ticket-mobile-page{display:block;min-height:100dvh;padding:10px;background:linear-gradient(180deg,#eaf2ff,#f7faff)}
    .ticket-public-card{min-height:calc(100dvh - 20px);padding:18px 15px 8px;border-radius:20px}
    .ticket-public-card .brand-center{margin-bottom:18px;text-align:left}
    .ticket-public-card .brand-center h1{margin-top:8px;font-size:25px;line-height:1.15}
    .ticket-public-card .brand-center p{font-size:14px;line-height:1.45;margin-bottom:10px}
    .ticket-mode-switch{margin:14px 0 0;width:100%}
    .mobile-ticket-form{gap:15px}
    .ticket-type-banner{padding:15px;border-radius:15px}
    .ticket-type-banner strong{font-size:17px}
    .mobile-section-title{margin-top:7px;font-size:17px}
    .mobile-ticket-form label{font-size:15px}
    .mobile-ticket-form input,.mobile-ticket-form select,.mobile-ticket-form textarea{font-size:16px;border-radius:12px}
    .mobile-ticket-form input,.mobile-ticket-form select{min-height:52px;padding:12px}
    .mobile-ticket-form textarea{min-height:145px;padding:13px}
    .upload-box{min-height:170px;padding:20px 14px;border-radius:16px;touch-action:manipulation}
    .upload-box strong{font-size:15px;overflow-wrap:anywhere}
    .upload-box span{font-size:13px;line-height:1.4}
    .upload-box small{font-size:11px;line-height:1.35}
    .mobile-submit-bar{position:sticky;bottom:0;z-index:30;margin:0 -15px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #dfe7f2;box-shadow:0 -10px 28px rgba(16,24,40,.10);backdrop-filter:blur(12px)}
    .network-note.compact-note{margin-top:0;padding:13px;gap:12px;font-size:13px}
    .network-note .info-icon{width:30px;height:30px}
    .back-home{min-height:40px;display:inline-flex;align-items:center}
    .tech-home-top{height:66px}
    .tech-brand img{width:40px;height:40px}
    .tech-brand strong{font-size:14px}
    .tech-brand span{font-size:11px}
    .admin-mini{font-size:11px;padding:8px 10px}
    .tech-hero{padding:24px 16px 40px;gap:24px}
    .hero-pill{font-size:11px;line-height:1.4}
    .hero-left h1{font-size:36px;margin:18px 0 12px}
    .hero-left p{font-size:16px}
    .hero-actions-large{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
    .hero-btn{min-width:0;width:100%;padding:15px 18px}
    .hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
    .hero-metrics div{min-width:0;padding:13px}
    .inventory-home-card{padding:24px 19px;border-radius:23px}
    .inventory-card-head strong{font-size:28px}
}

@media (hover:none){.neon-btn:hover,.download-home-btn:hover,.install-download:hover{transform:none}}


/* Click en nombres/códigos y visibilidad de detalles en panel oscuro */
.record-link{color:#7dd3fc;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;gap:6px;border-bottom:1px dashed rgba(125,211,252,.45);line-height:1.25}
.record-link:hover{color:#ffffff;border-bottom-color:#22d3ee;text-shadow:0 0 12px rgba(34,211,238,.45)}
.person-link{color:#f8fbff;border-bottom-color:rgba(248,251,255,.28)}
.dark-table .person-cell .record-link{font-size:12px}
.admin-app .ficha-print,.admin-app .asset-detail-page .panel{background:linear-gradient(145deg,rgba(8,20,38,.96),rgba(4,12,24,.98));border:1px solid #1e4164;color:#eaf3ff}
.admin-app .ficha-header{border-bottom:1px solid #1e4164;padding-bottom:14px;margin-bottom:18px}
.admin-app .ficha-header h2{color:#ffffff!important}
.admin-app .ficha-header p{color:#b7cbe3!important}
.admin-app .ficha-badge{background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.34);color:#9beafe}
.admin-app .data-table{background:#071426;color:#eaf3ff;border-radius:10px;overflow:hidden}
.admin-app .data-table th,.admin-app .data-table td{border:1px solid #1c3a58!important;color:#eaf3ff!important;background:#071426!important}
.admin-app .data-table th{background:#0b2139!important;color:#9beafe!important;font-weight:900}
.admin-app .data-table td{color:#dbeafe!important}
.admin-app .description-box{background:#071426!important;border:1px solid #1c3a58!important;color:#eaf3ff!important}
.admin-app .asset-grid>div strong,.admin-app .detail-card strong{word-break:break-word}
.admin-app .file-link{color:#7dd3fc;font-weight:900}

/* Mejora Panel Personal: nombre clickeable y ficha completa */
.person-name-link{
  color:#eaf7ff;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(71,210,255,.55);
  transition:.18s ease;
}
.person-name-link:hover{
  color:#62e7ff;
  text-shadow:0 0 12px rgba(98,231,255,.45);
}
.personal-detail-shell{max-width:1280px;}
.detail-heading{align-items:flex-start;}
.back-link{display:inline-block;margin-bottom:8px;color:#7ce8ff;text-decoration:none;font-weight:800;}
.personal-profile-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-top:18px;}
.profile-card{background:linear-gradient(145deg,rgba(11,22,43,.96),rgba(13,35,61,.92));border:1px solid rgba(86,213,255,.24);box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);border-radius:22px;padding:22px;color:#eaf7ff;}
.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.profile-avatar-lg{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,#16c8ff,#6d5cff);box-shadow:0 0 28px rgba(22,200,255,.28);}
.profile-card h2,.profile-card h3{margin:0 0 10px;color:#fff;}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.info-grid.compact{grid-template-columns:1fr;}
.info-grid div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;min-height:62px;}
.info-grid small{display:block;color:#94a9bd;font-size:12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em;}
.info-grid strong{display:block;color:#f4fbff;font-size:15px;word-break:break-word;}
.detail-link-btn,.table-action-link{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 14px;border-radius:14px;background:rgba(52,211,255,.13);border:1px solid rgba(52,211,255,.35);color:#8ff0ff;text-decoration:none;font-weight:800;}
.table-action-link{margin-top:0;padding:7px 11px;}
.empty-state-card{color:#aebdca;background:rgba(255,255,255,.05);border-radius:14px;padding:14px;margin:0;}
.detail-table-card{margin-top:18px;}
.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#eaf7ff;}
.section-title-row h3{margin:0;}
.section-title-row span{color:#9ab0c3;font-weight:700;}
@media (max-width:980px){.personal-profile-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}}
.person-lookup { position: relative; }
.person-results { position: absolute; z-index: 40; top: calc(100% + 8px); left: 0; right: 0; min-width: 390px; max-height: 360px; overflow-y: auto; padding: 6px; border: 1px solid #334155; border-radius: 12px; background: #0f172a; box-shadow: 0 18px 45px rgba(0,0,0,.35); }
.person-results[hidden] { display: none; }
.person-results a { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 8px; color: #e2e8f0; text-decoration: none; }
.person-results a:hover, .person-results a:focus { background: #1e293b; outline: none; }
.person-results small { color: #94a3b8; line-height: 1.3; }
.person-results .person-location { color: #38bdf8; }
.person-results-empty { padding: 12px; color: #94a3b8; }
@media (max-width: 700px) { .person-results { min-width: 0; width: min(92vw, 430px); } }
.person-autocomplete-host{position:relative}
.person-autocomplete-results{position:absolute;z-index:80;top:100%;left:0;right:0;max-height:300px;overflow:auto;padding:6px;background:#0b1729;border:1px solid #315170;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.45)}
.person-autocomplete-results[hidden]{display:none}
.person-autocomplete-results button{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#f2f8ff;text-align:left;cursor:pointer}
.person-autocomplete-results button:hover,.person-autocomplete-results button:focus{background:#17304c;outline:none}
.person-autocomplete-results small{color:#9bb1c7;line-height:1.3}
.pending-card{position:relative;cursor:pointer}
.pending-hover-list{display:none;position:absolute;z-index:70;top:calc(100% + 8px);left:0;width:min(460px,80vw);max-height:360px;overflow:auto;padding:8px;background:#091628;border:1px solid #36536f;border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.5)}
.pending-card:hover .pending-hover-list,.pending-card:focus-within .pending-hover-list{display:block}
.pending-hover-list a{display:grid;grid-template-columns:90px 1fr;gap:3px 10px;padding:9px;border-radius:7px;color:#eaf4ff;text-decoration:none}
.pending-hover-list a:hover{background:#172e48}
.pending-hover-list a strong{color:#ffc85a}
.pending-hover-list a small{grid-column:2;color:#9cb1c6}

/* Módulo de Solicitudes de Correo */
.ticket-page {
    min-height: 100vh;
    display: grid;
    place-items: start center;
    padding: 34px 18px;
    background: radial-gradient(circle at top left, rgba(21,94,239,.16), transparent 32%), linear-gradient(135deg, #f4f7fb, #eef4ff);
}
.ticket-card {
    width: 100%;
    max-width: 1000px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 26px;
    box-shadow: var(--shadow);
    padding: 30px;
}
.request-card .form-header { display:flex; gap:16px; align-items:center; margin-bottom:22px; }
.request-card .form-header img, .success-card img { width:68px; max-height:68px; object-fit:contain; }
.request-card h1 { margin:0 0 6px; }
.request-card p { color: var(--muted); margin:0; }
.correo-form h3 { margin:24px 0 12px; color:#0f172a; }
.correo-form label { display:block; margin-bottom:14px; }
.ticket-code { display:inline-block; padding:14px 18px; border-radius:16px; background:#eef4ff; color:#155eef; font-size:24px; font-weight:900; margin:10px 0 16px; }
.detail-grid div { background:#f8fafc; border:1px solid #e5e7eb; border-radius:14px; padding:12px; }
.detail-grid div b { display:block; color:#475467; font-size:12px; margin-bottom:5px; }
.detail-grid div span { font-weight:700; word-break:break-word; }
.dark-detail-grid div { background:#08182b; border-color:#193657; color:#eef6ff; }
.dark-detail-grid div b { color:#8fb3d9; }
.ticket-update-form { padding:18px; }
.ticket-update-form label { color:#dbeafe; display:block; margin-bottom:14px; }
.ticket-update-form textarea { background:#071528; border-color:#23415f; color:#eef6ff; }
@media(max-width:760px){.request-card .form-header{align-items:flex-start}.ticket-card{padding:20px}.detail-grid{grid-template-columns:1fr!important}}

/* Mejoras visuales para Solicitudes de Correo */
.kpi-link{display:block;text-decoration:none;color:inherit;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.kpi-link:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.28);border-color:rgba(56,189,248,.55)}
.correo-row-actions,.correo-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.correo-row-actions form,.correo-detail-actions form{display:inline-flex;margin:0}
.action-btn{border:0;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;color:#fff!important;white-space:nowrap}
.action-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.action-view{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.action-edit{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.action-delete{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.action-back{background:linear-gradient(135deg,#475569,#0f172a)}
.dark-table .correo-row-actions{min-width:220px}
@media (max-width:720px){.correo-detail-actions{width:100%;justify-content:flex-start}.action-btn{padding:10px 12px}.dark-table .correo-row-actions{min-width:0}}


/* Ajustes Solicitudes de correo v5: acciones tipo Personal y ficha detalle */
.correo-row-actions.icon-actions{gap:8px;min-width:116px;justify-content:flex-start;flex-wrap:nowrap}
.correo-row-actions.icon-actions a,.correo-row-actions.icon-actions button{width:34px;height:34px;border-radius:8px;font-size:13px;padding:0}
.correo-row-actions.icon-actions .view-icon{color:#7ce8ff;background:#071d36;border-color:#12375d}
.correo-row-actions.icon-actions .edit{color:#17a8ff;background:#071d36;border-color:#12375d}
.correo-row-actions.icon-actions .delete{color:#ff5267;background:#25101d;border-color:#4c1a2a}
.correo-detail-top-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.correo-detail-top-actions form{margin:0}
.danger-record{height:42px;box-sizing:border-box;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 17px;text-decoration:none;font:700 12px "Segoe UI";white-space:nowrap;border:1px solid #ef4444;background:linear-gradient(110deg,#ef4444,#991b1b);color:#fff;box-shadow:0 8px 28px rgba(239,68,68,.22);cursor:pointer}
.danger-record:hover,.correo-row-actions.icon-actions a:hover,.correo-row-actions.icon-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.dark-table td .person-name-link{font-weight:800;color:#eaf6ff;text-decoration:none}
.dark-table td .person-name-link:hover{color:#7ce8ff;text-decoration:underline}
@media(max-width:760px){.correo-detail-top-actions{justify-content:flex-start;width:100%}.correo-detail-top-actions .new-record,.correo-detail-top-actions .danger-record{width:100%}}

/* Inventario 2026 Web */
.inventory-web-page{min-height:100vh;background:radial-gradient(circle at top left,#0f2f63 0,#07111f 34%,#050814 100%);color:#e5f2ff;padding:24px;font-family:Inter,Segoe UI,Arial,sans-serif}
.inventory-web-header{max-width:1180px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.inventory-web-brand{display:flex;align-items:center;gap:12px}.inventory-web-brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:14px;padding:6px}.inventory-web-brand strong{display:block;font-size:18px}.inventory-web-brand span,.back-link{color:#9fb7d7}.back-link{text-decoration:none}.inventory-web-shell{max-width:1180px;margin:0 auto}.inventory-web-hero{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(59,130,246,.12));border:1px solid rgba(148,163,184,.22);border-radius:28px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.3);margin-bottom:20px}.inventory-web-hero h1{font-size:42px;margin:8px 0}.inventory-web-hero p{max-width:820px;color:#b7c8df;line-height:1.55}.inventory-flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.inventory-flow-steps div{display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:14px}.inventory-flow-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1d4ed8}.inventory-flow-steps .active b,.inventory-flow-steps .done b{background:#10b981}.inventory-web-form{display:grid;gap:18px}.web-form-card{background:rgba(8,16,31,.92);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.section-title>span{font-weight:800;color:#67e8f9;background:rgba(14,165,233,.13);border:1px solid rgba(103,232,249,.3);border-radius:13px;padding:8px 10px}.section-title h2{margin:0;font-size:22px}.section-title p{margin:4px 0 0;color:#9fb7d7}.form-grid,.locked-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid label,.locked-grid label{display:grid;gap:7px;color:#c7d8ee;font-weight:650}.form-grid input,.form-grid select,.locked-grid input,.locked-grid select{width:100%;border:1px solid rgba(148,163,184,.25);background:#101b2e;color:#e5f2ff;border-radius:14px;padding:12px 13px;outline:none}.locked-grid input[readonly]{background:#0b1322;color:#b9cce4;border-style:dashed}.span-2{grid-column:span 2}.capture-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.capture-status{display:inline-flex;border-radius:999px;padding:10px 14px;font-weight:700}.capture-status.pending{background:rgba(245,158,11,.15);color:#fbbf24}.capture-status.waiting{background:rgba(59,130,246,.15);color:#93c5fd}.capture-status.ok{background:rgba(16,185,129,.15);color:#6ee7b7}.capture-help{margin:14px 0 18px;color:#a9bdd7;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:13px}.submit-sticky{position:sticky;bottom:16px;z-index:4;background:rgba(7,17,31,.92);border:1px solid rgba(148,163,184,.22);backdrop-filter:blur(12px);border-radius:20px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 16px 50px rgba(0,0,0,.35)}.submit-sticky span{color:#b7c8df}.submit-sticky button:disabled{opacity:.45;cursor:not-allowed}.thanks-shell{display:grid;place-items:center;min-height:70vh}.thanks-card{text-align:center;max-width:560px}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#10b981;color:white;font-size:42px;font-weight:900}@media (max-width:850px){.inventory-web-page{padding:14px}.inventory-web-header{align-items:flex-start;flex-direction:column}.inventory-flow-steps,.form-grid,.locked-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.inventory-web-hero h1{font-size:34px}.submit-sticky{position:static;flex-direction:column;align-items:stretch}.capture-actions .btn{width:100%;justify-content:center}}


/* ===== Mejora profesional: tarjeta Inventario 2026 en inicio ===== */
.professional-inventory-card{
    min-height: 430px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-color:rgba(94, 176, 255, .28);
    background:
      radial-gradient(circle at 90% 8%, rgba(37,99,235,.38), transparent 28%),
      radial-gradient(circle at 0 100%, rgba(14,165,233,.18), transparent 30%),
      linear-gradient(155deg, rgba(8,15,30,.98), rgba(12,25,51,.96));
}
.inventory-card-badge{
    width:max-content;
    position:relative;
    z-index:1;
    padding:8px 12px;
    border:1px solid rgba(103,232,249,.32);
    border-radius:999px;
    color:#80eaff;
    background:rgba(8,47,73,.35);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    margin-bottom:16px;
}
.professional-inventory-card .inventory-card-head strong{font-size:38px;letter-spacing:-.03em}
.inventory-process{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 8px}
.inventory-process div{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.58);border-radius:16px;padding:13px 10px;display:grid;gap:8px;min-height:76px}
.inventory-process b{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#2563eb);display:grid;place-items:center;color:#fff;font-size:13px}
.inventory-process span{font-size:12px;color:#d8e7ff;font-weight:800;line-height:1.25}
.inventory-features.compact{grid-template-columns:1fr;gap:9px;margin:18px 0}
.inventory-features.compact div{padding:11px 14px;background:rgba(255,255,255,.045)}
.download-home-btn{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:2px;text-decoration:none}
.download-home-btn small{font-size:11px;opacity:.82;font-weight:700}

/* ===== Mejora de periféricos Inventario 2026 ===== */
.inventory-flow-steps{grid-template-columns:repeat(4,1fr)}
.peripherals-card{background:linear-gradient(160deg,rgba(8,16,31,.96),rgba(10,25,45,.94))}
.peripheral-layout{display:grid;gap:16px}
.peripheral-box{border:1px solid rgba(148,163,184,.20);background:rgba(15,23,42,.52);border-radius:20px;padding:18px}
.peripheral-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.14)}
.peripheral-head b{font-size:17px;color:#f1f7ff}
.peripheral-head small{color:#8fb4d8;font-weight:800;background:rgba(14,165,233,.10);border:1px solid rgba(14,165,233,.20);padding:6px 9px;border-radius:999px}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.monitor-field,.peripheral-detail{transition:opacity .18s ease, transform .18s ease}
.monitor-field.is-hidden,.peripheral-detail.is-hidden{display:none!important}
.form-grid select:disabled,.form-grid input:disabled{opacity:.55;cursor:not-allowed;background:#0a1220}
.capture-status.error{background:rgba(239,68,68,.16);color:#fca5a5}
@media(max-width:900px){.inventory-process{grid-template-columns:1fr}.professional-inventory-card{min-height:auto}.compact-grid{grid-template-columns:1fr}.inventory-flow-steps{grid-template-columns:1fr}}

/* ===== Inicio profesional v13 ===== */
.ti-home-pro {
    background:
        radial-gradient(circle at 8% 12%, rgba(37, 99, 235, .34), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(14, 165, 233, .22), transparent 28%),
        linear-gradient(135deg, #060b14 0%, #0b1220 46%, #07111f 100%);
    overflow-x: hidden;
}
.pro-topbar {
    border-bottom: 1px solid rgba(148, 163, 184, .14);
    background: rgba(6, 11, 20, .55);
    backdrop-filter: blur(12px);
}
.home-top-actions { display:flex; gap:10px; align-items:center; }
.home-pro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
    gap: 38px;
    align-items: center;
    padding: 54px 72px 24px;
}
.home-pro-hero h1 {
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -2.2px;
    margin: 22px 0 18px;
    max-width: 880px;
}
.hero-subtitle {
    color: #b8c6dc;
    font-size: 18px;
    line-height: 1.65;
    max-width: 760px;
    margin: 0;
}
.home-primary-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
}
.home-action-card {
    position: relative;
    min-height: 168px;
    padding: 22px;
    border-radius: 24px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 60px rgba(0,0,0,.24);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.home-action-card:hover {
    transform: translateY(-6px);
    border-color: rgba(125,179,255,.45);
    box-shadow: 0 0 0 1px rgba(53,215,255,.18), 0 28px 70px rgba(37,99,235,.28);
}
.home-action-card:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -55px;
    bottom: -60px;
    border-radius: 999px;
    background: rgba(14,165,233,.26);
}
.home-action-card.incident { background: linear-gradient(145deg, rgba(37,99,235,.28), rgba(15,23,42,.72)); }
.home-action-card.request { background: linear-gradient(145deg, rgba(14,165,233,.24), rgba(15,23,42,.72)); }
.home-action-card.mail { background: linear-gradient(145deg, rgba(99,102,241,.24), rgba(15,23,42,.72)); }
.action-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.12);
    color: #67e8f9;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 18px;
}
.home-action-card strong { display:block; font-size: 18px; margin-bottom: 8px; }
.home-action-card small { display:block; color:#c7d2e5; line-height:1.45; font-size: 13px; max-width: 230px; }
.home-trust-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}
.home-trust-strip div {
    padding: 17px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
}
.home-trust-strip b, .home-trust-strip span { display:block; }
.home-trust-strip b { color:#fff; }
.home-trust-strip span { color:#9fb0c9; font-size: 13px; margin-top:5px; }
.inventory-pro-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(125, 179, 255, .22);
    background: linear-gradient(160deg, rgba(15, 23, 42, .94), rgba(8, 13, 24, .99));
    border-radius: 32px;
    padding: 34px;
    box-shadow: 0 34px 100px rgba(0,0,0,.45);
}
.inventory-card-badge {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 8px 12px;
    border-radius: 999px;
    color:#a7f3d0;
    background: rgba(16,185,129,.12);
    border:1px solid rgba(16,185,129,.25);
    font-size:12px;
    font-weight:800;
    margin-bottom: 18px;
    position: relative;
    z-index:1;
}
.inventory-steps-pro {
    display:grid;
    gap: 10px;
    margin: 22px 0;
    position: relative;
    z-index: 1;
}
.inventory-steps-pro div {
    display:flex;
    gap:12px;
    align-items:center;
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
}
.inventory-steps-pro b { color:#67e8f9; font-size:13px; }
.inventory-steps-pro span { color:#e5eefc; font-weight:700; font-size: 14px; }
.download-home-btn span, .download-home-btn small { display:block; }
.download-home-btn small { opacity:.85; margin-top:4px; font-weight:700; }
.home-info-band {
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 12px 72px 42px;
}
.home-info-band div {
    border-radius: 22px;
    padding: 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
}
.home-info-band strong, .home-info-band span { display:block; }
.home-info-band strong { color:#fff; }
.home-info-band span { color:#9fb0c9; margin-top:6px; font-size:14px; line-height:1.45; }
@media (max-width: 1100px) {
    .home-pro-grid { grid-template-columns: 1fr; padding: 34px 24px 22px; }
    .home-primary-actions, .home-trust-strip, .home-info-band { grid-template-columns: 1fr; }
    .home-info-band { margin: 0 24px 28px; }
}
@media (max-width: 680px) {
    .pro-topbar { height:auto; padding: 14px 18px; align-items:flex-start; gap:12px; }
    .home-top-actions { flex-direction:column; align-items:stretch; }
    .home-pro-hero h1 { letter-spacing:-1.2px; }
    .inventory-pro-card { padding: 24px 18px; }
}

/* ===== Rediseño futurista Inicio - Camiones Chinos Perú ===== */
.future-home {
    position: relative;
    min-height: 100vh;
    color: #eaf6ff;
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 212, 255, .24), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(99, 102, 241, .22), transparent 26%),
        radial-gradient(circle at 58% 92%, rgba(16, 185, 129, .12), transparent 30%),
        linear-gradient(135deg, #030712 0%, #07111f 45%, #020617 100%);
}
.cyber-grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .34;
    background-image:
        linear-gradient(rgba(45, 212, 255, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45, 212, 255, .10) 1px, transparent 1px),
        radial-gradient(circle at 50% 50%, rgba(45, 212, 255, .10), transparent 38%);
    background-size: 54px 54px, 54px 54px, 100% 100%;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.18));
}
.future-home .pro-topbar {
    position: relative;
    z-index: 2;
    background: rgba(3, 7, 18, .62);
    border-bottom: 1px solid rgba(45, 212, 255, .16);
    box-shadow: 0 18px 60px rgba(0,0,0,.22);
}
.future-home .tech-brand strong { color: #ffffff; letter-spacing: .2px; }
.future-home .tech-brand span { color: #9cc7dd; }
.future-home .admin-mini {
    border: 1px solid rgba(45, 212, 255, .26);
    background: rgba(15, 23, 42, .64);
    color: #dff8ff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.future-home .admin-mini:hover {
    border-color: rgba(103,232,249,.58);
    box-shadow: 0 0 22px rgba(45,212,255,.18);
}
.future-home .home-pro-grid,
.future-home .home-info-band { position: relative; z-index: 1; }
.future-home .hero-pill {
    background: linear-gradient(90deg, rgba(34,211,238,.16), rgba(99,102,241,.16));
    border: 1px solid rgba(103,232,249,.32);
    color: #a5f3fc;
    box-shadow: 0 0 26px rgba(34,211,238,.10);
}
.future-home .home-pro-hero h1 {
    color: #ffffff;
    text-shadow: 0 0 28px rgba(45, 212, 255, .16);
}
.future-home .hero-subtitle { color: #b8c9df; }
.future-home .home-action-card {
    background: linear-gradient(150deg, rgba(15, 23, 42, .72), rgba(8, 21, 38, .86));
    border-color: rgba(125, 211, 252, .17);
    backdrop-filter: blur(18px);
}
.future-home .home-action-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(34,211,238,.15), transparent 42%, rgba(99,102,241,.14));
    opacity: .72;
}
.future-home .home-action-card > * { position: relative; z-index: 1; }
.future-home .action-icon {
    background: linear-gradient(135deg, rgba(34,211,238,.20), rgba(37,99,235,.20));
    border: 1px solid rgba(125,211,252,.24);
    color: #9bf6ff;
    box-shadow: 0 0 24px rgba(34,211,238,.12);
}
.future-home .home-trust-strip div,
.future-home .futuristic-info-band div {
    background: rgba(8, 16, 31, .62);
    border: 1px solid rgba(125, 211, 252, .14);
    backdrop-filter: blur(18px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 22px 60px rgba(0,0,0,.18);
}
.future-home .home-trust-strip b,
.future-home .futuristic-info-band strong { color: #f8fdff; }
.future-home .home-trust-strip span,
.future-home .futuristic-info-band span { color: #9eb4ca; }
.futuristic-terminal-card {
    min-height: 590px;
    background:
        radial-gradient(circle at 78% 18%, rgba(34,211,238,.20), transparent 30%),
        linear-gradient(160deg, rgba(8, 16, 31, .92), rgba(2, 8, 23, .98));
    border-color: rgba(103, 232, 249, .24);
    box-shadow: 0 40px 110px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.035) inset;
}
.futuristic-terminal-card:before {
    content: "";
    position: absolute;
    inset: 20px;
    border-radius: 24px;
    border: 1px solid rgba(45, 212, 255, .10);
    pointer-events: none;
}
.inventory-glow {
    position: absolute;
    width: 230px;
    height: 230px;
    right: -76px;
    top: -70px;
    background: radial-gradient(circle, rgba(34,211,238,.28), transparent 66%);
    filter: blur(2px);
}
.terminal-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(103,232,249,.16);
    pointer-events: none;
}
.orbit-one { width: 240px; height: 240px; right: -62px; top: 60px; }
.orbit-two { width: 150px; height: 150px; right: 42px; top: 106px; border-color: rgba(99,102,241,.22); }
.future-home .inventory-card-badge {
    color: #b8fff4;
    background: rgba(20, 184, 166, .13);
    border-color: rgba(45, 212, 255, .26);
}
.future-home .inventory-card-head span { color: #7dd3fc; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 900; }
.future-home .inventory-card-head strong { color: #ffffff; font-size: clamp(30px, 3vw, 42px); line-height: 1.05; }
.future-home .inventory-pro-card p { color: #b6c8dd; line-height: 1.65; position: relative; z-index: 1; }
.professional-process div {
    background: rgba(15, 23, 42, .66);
    border-color: rgba(125, 211, 252, .14);
}
.inventory-note-mini {
    position: relative;
    z-index: 1;
    margin: 18px 0 20px;
    padding: 13px 15px;
    border-radius: 16px;
    color: #c9e8f7;
    background: rgba(34, 211, 238, .09);
    border: 1px solid rgba(34, 211, 238, .22);
    font-size: 13px;
    line-height: 1.45;
}
.inventory-note-mini strong { color: #ffffff; }
.inventory-privacy-text {
    display: block;
    margin-top: 14px;
    color: #8499b0;
    font-weight: 700;
    line-height: 1.45;
    position: relative;
    z-index: 1;
}
.future-home .download-home-btn {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    border-radius: 18px;
    padding: 15px 18px;
    background: linear-gradient(135deg, #009dff, #00d4ff);
    box-shadow: 0 0 30px rgba(0, 212, 255, .22);
}
.future-home .download-home-btn:hover { filter: brightness(1.05); transform: translateY(-2px); }
.peripheral-note { margin-top: -4px; margin-bottom: 16px; }

/* V15 - Inicio/Login/Inventario más profesional y futurista */
.login-futuristic{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(45,212,255,.20),transparent 28%),radial-gradient(circle at 85% 80%,rgba(37,99,235,.22),transparent 32%),linear-gradient(135deg,#050814,#07111f 48%,#0a1022);min-height:100vh;color:#e5f2ff}
.login-futuristic .cyber-grid-bg{opacity:.45}
.login-command-center{background:transparent;padding:72px;z-index:1}
.login-command-center:after{display:none}
.login-command-center .hero-pill{display:inline-flex;margin:34px 0 18px}
.login-command-center h1{font-size:46px;line-height:1.04;margin:0 0 16px;background:linear-gradient(90deg,#fff,#7dd3fc,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-command-center p{color:#b7c8df;max-width:560px;font-size:16px}
.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px;max-width:760px}
.login-feature-grid div{min-height:124px;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(15,23,42,.80),rgba(14,165,233,.10));border:1px solid rgba(103,232,249,.22);box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07)}
.login-feature-grid b{display:block;color:#ecfeff;margin-bottom:8px;font-size:15px}.login-feature-grid span{color:#9fb7d7;line-height:1.45;font-size:13px}
.login-glass-panel{position:relative;z-index:1;max-width:430px;margin:40px;padding:36px;border-radius:28px;background:linear-gradient(145deg,rgba(8,16,31,.92),rgba(15,23,42,.74));border:1px solid rgba(103,232,249,.20);box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 40px rgba(45,212,255,.10);backdrop-filter:blur(16px)}
.login-glass-panel:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(45,212,255,.65),transparent 35%,rgba(37,99,235,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.login-secure-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(14,165,233,.13);border:1px solid rgba(103,232,249,.24);color:#a5f3fc;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.login-glass-panel h2{font-size:32px;margin:0 0 8px}.login-glass-panel p{color:#9fb7d7}.login-glass-panel input{background:rgba(7,17,31,.90);border-color:rgba(103,232,249,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.login-glass-panel input:focus{border-color:rgba(45,212,255,.70);box-shadow:0 0 0 4px rgba(45,212,255,.10)}
.clean-flow{grid-template-columns:repeat(3,1fr)!important}.inventory-web-hero{position:relative;overflow:hidden}.inventory-web-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;border:34px solid rgba(45,212,255,.08)}
.capture-card .capture-help{font-size:14px}.capture-card .locked-grid{margin-top:18px}.home-top-actions .admin-mini{white-space:nowrap}.inventory-pro-card .inventory-note-mini:empty{display:none}
@media(max-width:1050px){.login-feature-grid{grid-template-columns:1fr}.login-command-center{padding:44px 26px}.login-glass-panel{margin:24px}.login-command-center h1{font-size:38px}}
@media(max-width:850px){.clean-flow{grid-template-columns:1fr!important}.login-futuristic{grid-template-columns:1fr}.login-glass-panel{justify-self:stretch;max-width:none}}

/* ===== v16: Formularios públicos claros + fondo futurista corporativo ===== */
.public-page.ticket-mobile-page,
.public-page.mail-request-page,
.public-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 14%, rgba(45, 212, 255, .20), transparent 28%),
        radial-gradient(circle at 86% 8%, rgba(37, 99, 235, .24), transparent 30%),
        linear-gradient(135deg, #06111f 0%, #07182d 48%, #030712 100%) !important;
    color: #0f172a;
    position: relative;
    overflow-x: hidden;
}
.public-page:before,
.inventory-web-page:before,
.login-split:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(125,179,255,.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(125,179,255,.16) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 78%);
}
.public-card.ticket-public-card,
.public-card.mail-public-card,
.public-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    color: #102033 !important;
    border: 1px solid rgba(125, 179, 255, .38) !important;
    box-shadow: 0 28px 85px rgba(0,0,0,.33), 0 0 0 1px rgba(45,212,255,.08) !important;
}
.brand-center h1,
.ticket-public-card h1,
.mail-public-card h1 { color: #0b1b35; letter-spacing: -.4px; }
.brand-center p,
.ticket-public-card p,
.mail-public-card p { color: #52647c; }
.back-home,
.public-card .back-link { color: #155eef !important; font-weight: 900; }
.ticket-type-banner,
.network-note.compact-note {
    background: linear-gradient(135deg, #eef7ff, #f8fbff) !important;
    border: 1px solid #cfe2ff !important;
    color: #16324f !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}
.ticket-type-banner strong { color: #0b1b35 !important; }
.ticket-type-banner span,
.network-note span { color: #52647c !important; }
.mobile-section-title {
    color: #0b1b35 !important;
    border-bottom: 1px solid #e6edf7;
    padding-bottom: 8px;
    margin-top: 8px;
}
.mobile-section-title span {
    background: linear-gradient(135deg, #155eef, #0ea5e9) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(21,94,239,.20);
}
.ticket-public-card label,
.mail-public-card label,
.public-card label { color: #172033 !important; }
.ticket-public-card input,
.ticket-public-card select,
.ticket-public-card textarea,
.mail-public-card input,
.mail-public-card select,
.mail-public-card textarea,
.public-card input,
.public-card select,
.public-card textarea {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d7e2f0 !important;
    box-shadow: 0 1px 0 rgba(16,24,40,.02);
}
.ticket-public-card input:focus,
.ticket-public-card select:focus,
.ticket-public-card textarea:focus,
.mail-public-card input:focus,
.mail-public-card select:focus,
.mail-public-card textarea:focus,
.public-card input:focus,
.public-card select:focus,
.public-card textarea:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 4px rgba(14,165,233,.14) !important;
}
.upload-box {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: #bfd3ec !important;
    color: #102033 !important;
}
.upload-box:hover { border-color: #0ea5e9 !important; background:#f1f8ff !important; }
.ticket-mode-switch { background:#edf4ff !important; border-color:#d4e4f7 !important; }
.ticket-mode-switch a { color:#52647c !important; }
.ticket-mode-switch a.active { color:#fff !important; }
.mobile-submit-bar .btn.primary,
.public-card .btn.primary {
    background: linear-gradient(135deg, #155eef, #0ea5e9) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(21,94,239,.25);
}

/* Login: mantener fondo futurista, pero tarjeta clara y profesional */
.login-split.login-futuristic {
    background:
        radial-gradient(circle at 12% 16%, rgba(45,212,255,.20), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(37,99,235,.26), transparent 30%),
        linear-gradient(135deg, #06111f, #07182d 52%, #030712) !important;
}
.login-info.login-command-center {
    background: transparent !important;
}
.login-info.login-command-center:after { opacity: .35; }
.login-glass-panel,
.login-panel {
    background: linear-gradient(180deg,#ffffff,#f8fbff) !important;
    color: #0b1b35 !important;
    border: 1px solid rgba(125,179,255,.38) !important;
    border-radius: 28px !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.36), 0 0 0 1px rgba(45,212,255,.10) !important;
}
.login-panel h2 { color:#0b1b35 !important; }
.login-panel p { color:#52647c !important; }
.login-panel label { color:#172033 !important; }
.login-panel input {
    background:#fff !important;
    color:#111827 !important;
    border:1px solid #d7e2f0 !important;
}
.login-panel input:focus { border-color:#0ea5e9 !important; box-shadow:0 0 0 4px rgba(14,165,233,.14) !important; }
.login-panel .back-link { color:#155eef !important; font-weight:900; }
.login-secure-badge {
    color:#155eef;
    background:#eef6ff;
    border:1px solid #cfe2ff;
    border-radius:999px;
    padding:8px 12px;
    display:inline-flex;
    font-weight:900;
    margin-bottom:14px;
}
.login-feature-grid div {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

/* Inventario web: cuadros claros, no color panel oscuro */
.inventory-web-page {
    background:
        radial-gradient(circle at 12% 14%, rgba(45,212,255,.20), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(37,99,235,.24), transparent 30%),
        linear-gradient(135deg, #06111f 0%, #07182d 48%, #030712 100%) !important;
}
.web-form-card,
.peripheral-box {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    color: #102033 !important;
    border: 1px solid rgba(125, 179, 255, .38) !important;
    box-shadow: 0 22px 65px rgba(0,0,0,.20), 0 0 0 1px rgba(45,212,255,.06) !important;
}
.web-form-card .section-title h2,
.peripheral-head b { color:#0b1b35 !important; }
.web-form-card .section-title p,
.peripheral-head small { color:#52647c !important; }
.web-form-card .section-title>span {
    background: linear-gradient(135deg,#155eef,#0ea5e9) !important;
    color:#fff !important;
    border:0 !important;
}
.inventory-web-form .form-grid label,
.inventory-web-form .locked-grid label,
.web-form-card label,
.peripheral-box label { color:#172033 !important; }
.inventory-web-form input,
.inventory-web-form select,
.inventory-web-form textarea,
.locked-grid input,
.locked-grid select {
    background:#ffffff !important;
    color:#111827 !important;
    border:1px solid #d7e2f0 !important;
}
.locked-grid input[readonly] {
    background:#f2f6fb !important;
    color:#41546b !important;
    border-style:solid !important;
}
.inventory-web-form input:focus,
.inventory-web-form select:focus,
.inventory-web-form textarea:focus {
    border-color:#0ea5e9 !important;
    box-shadow:0 0 0 4px rgba(14,165,233,.14) !important;
}
.capture-help {
    background:#eef7ff !important;
    border:1px solid #cfe2ff !important;
    color:#41546b !important;
}
.capture-status.pending { background:#fff7ed !important; color:#b45309 !important; }
.capture-status.ok { background:#ecfdf3 !important; color:#027a48 !important; }
.capture-status.error { background:#fee4e2 !important; color:#b42318 !important; }
.submit-sticky {
    background: rgba(255,255,255,.94) !important;
    color:#102033 !important;
    border:1px solid rgba(125,179,255,.38) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.25) !important;
}
.submit-sticky span { color:#52647c !important; }
.inventory-web-hero {
    background: linear-gradient(135deg, rgba(37,99,235,.20), rgba(14,165,233,.12)) !important;
    border:1px solid rgba(125,179,255,.24) !important;
}
.inventory-flow-steps div {
    background: rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.14) !important;
}

/* ===== V17 mejoras visuales inicio + inventario ===== */
.future-home .v17-actions .home-action-card{
    min-height:178px;
    border-radius:28px;
    padding:24px;
    background:
        radial-gradient(circle at 18% 18%, rgba(125,211,252,.20), transparent 28%),
        linear-gradient(160deg, rgba(255,255,255,.09), rgba(8,16,31,.82) 54%, rgba(2,6,23,.92));
    border:1px solid rgba(125,211,252,.24);
    box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);
}
.future-home .v17-actions .home-action-card:before{
    background:linear-gradient(135deg, rgba(34,211,238,.20), transparent 48%, rgba(37,99,235,.18));
}
.future-home .v17-actions .home-action-card:after{
    width:155px;height:155px;right:-58px;bottom:-70px;
    background:radial-gradient(circle, rgba(34,211,238,.34), transparent 66%);
}
.future-home .v17-actions .home-action-card:hover{
    transform:translateY(-7px) scale(1.012);
    border-color:rgba(103,232,249,.58);
    box-shadow:0 0 0 1px rgba(34,211,238,.25),0 30px 90px rgba(14,165,233,.26);
}
.future-home .v17-actions .home-action-card em{
    display:inline-flex;
    margin-top:16px;
    font-style:normal;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#a5f3fc;
    background:rgba(34,211,238,.10);
    border:1px solid rgba(125,211,252,.20);
    border-radius:999px;
    padding:7px 10px;
}
.future-home .v17-actions .action-icon{
    width:50px;height:50px;border-radius:18px;
    background:linear-gradient(135deg,rgba(14,165,233,.32),rgba(37,99,235,.28));
    border:1px solid rgba(165,243,252,.28);
}
.future-home .inventory-launch-v17{
    min-height:74px;
    border:1px solid rgba(165,243,252,.42) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.38), transparent 24%),
        linear-gradient(135deg,#0ea5e9 0%,#22d3ee 48%,#2563eb 100%) !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 0 38px rgba(34,211,238,.34),0 18px 50px rgba(37,99,235,.22) !important;
    letter-spacing:.01em;
}
.future-home .inventory-launch-v17 span{font-size:16px;font-weight:950;}
.future-home .inventory-launch-v17 small{font-size:12px;color:#eafcff;opacity:.95;}
.future-home .inventory-launch-v17:after{
    content:'›';position:absolute;right:20px;top:50%;transform:translateY(-50%);
    width:32px;height:32px;border-radius:999px;display:grid;place-items:center;
    background:rgba(255,255,255,.18);font-size:26px;font-weight:900;color:#fff;
}
.inventory-web-form input[name="Nombre_Apellido"]::-webkit-calendar-picker-indicator{display:none!important;}
.person-autocomplete-host{position:relative;}
.person-autocomplete-results{
    position:absolute;left:0;right:0;top:100%;margin-top:8px;z-index:30;
    background:#fff;border:1px solid #cfe2ff;border-radius:16px;
    box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden;
}
.person-autocomplete-results button{
    width:100%;display:grid;gap:3px;text-align:left;background:#fff;border:0;
    padding:12px 14px;cursor:pointer;color:#0f172a;border-bottom:1px solid #edf2f7;
}
.person-autocomplete-results button:hover{background:#eef7ff;}
.person-autocomplete-results button strong{font-size:14px;}
.person-autocomplete-results button small{font-size:12px;color:#64748b;}
.peripheral-mini-help{
    display:inline-flex;margin-top:8px;padding:7px 10px;border-radius:999px;
    background:#eef7ff;border:1px solid #cfe2ff;color:#52647c;font-size:12px;font-weight:700;
}
.peripheral-mini-help b{color:#0f5fd7;}
.peripheral-box{
    background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;
    border-color:rgba(14,165,233,.26) !important;
}
.peripheral-head{border-bottom:1px solid #e6eef8;padding-bottom:10px;margin-bottom:14px;}
.capture-card .locked-grid{max-height:420px;overflow:auto;padding-right:6px;}
.capture-card .locked-grid::-webkit-scrollbar{width:8px;}
.capture-card .locked-grid::-webkit-scrollbar-thumb{background:#cfe2ff;border-radius:999px;}
@media (max-width:980px){.future-home .v17-actions{grid-template-columns:1fr}.capture-card .locked-grid{max-height:none;overflow:visible}}

/* v18 - Panel profesional y módulo Salud de Equipos */
.admin-main{background:radial-gradient(circle at top left,rgba(0,215,255,.12),transparent 32%),linear-gradient(135deg,#06101d,#0a1627 48%,#07111f);}
.inventory-table-card,.chart-panel,.recent-panel{background:linear-gradient(180deg,#0b1c31,#081525);border-color:#1d4b70;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.dark-table th{background:#0e2840;color:#e9f7ff;border-bottom-color:#24608b}.dark-table td{background:#f8fbff;color:#102033;border-bottom:1px solid #d7e4f0}.dark-table tbody tr:nth-child(even) td{background:#eef6fd}.dark-table tbody tr:hover td{background:#e2f4ff}.dark-table .cell-sub{color:#64748b}.dark-table .record-link,.dark-table .person-name-link,.dark-table .person-link{color:#075985}.dark-table .person-avatar{background:linear-gradient(145deg,#0ea5e9,#075985);color:#fff}.row-actions a,.row-actions button{background:#e8f6ff;border-color:#9bdcff;color:#0369a1}.table-footer{background:#0b1c31;border-top:1px solid #1d4b70}.pagination a,.pagination span{background:#0e2840}.pagination a.active{background:#0284c7}
.health-shell .report-title{align-items:flex-end}.health-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.health-filter{grid-template-columns:2fr 1fr 1fr auto auto;margin-bottom:12px}.health-legend{display:grid;gap:8px;margin:10px 0 16px;padding:14px;border:1px solid #1d4b70;border-radius:10px;background:rgba(7,22,39,.78);color:#c7d7e8;font-size:12px}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:7px}.dot.critical{background:#fb7185}.dot.warning{background:#fbbf24}.dot.preventive{background:#a78bfa}.health-table{min-width:1250px}.health-badge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em}.health-badge.critico{background:#ffe4e6;color:#be123c;border:1px solid #fda4af}.health-badge.alerta{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.health-badge.preventivo{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.health-badge.ok{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert-list,.recommend-list{display:flex;flex-wrap:wrap;gap:6px}.alert-list span{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.recommend-list span{background:#e0f2fe;border:1px solid #bae6fd;color:#075985;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-block}.health-card .panel-dark-title{background:linear-gradient(90deg,#09243d,#0e3558)}
@media(max-width:900px){.health-kpis,.health-filter{grid-template-columns:1fr}.health-shell .report-title{align-items:flex-start}}

/* ===== v19: Inicio más compacto, botones alineados y CTA de inventario profesional ===== */
.future-home .home-primary-actions.v19-actions{
    grid-template-columns: 1fr;
    max-width: 680px;
    gap: 12px;
    margin-top: 30px;
}
.future-home .compact-home-action{
    min-height: auto !important;
    height: auto;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 34px;
    align-items: center;
    gap: 14px;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(15,23,42,.76), rgba(8,26,48,.78)) !important;
    border: 1px solid rgba(125,211,252,.20) !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.future-home .compact-home-action:hover{
    transform: translateY(-3px) !important;
    border-color: rgba(103,232,249,.52) !important;
    box-shadow: 0 0 0 1px rgba(45,212,255,.14), 0 20px 55px rgba(14,165,233,.20) !important;
}
.future-home .compact-home-action:after{
    width: 90px !important;
    height: 90px !important;
    right: -42px !important;
    bottom: -48px !important;
    opacity: .55;
}
.future-home .compact-home-action:before{ opacity: .54 !important; }
.future-home .compact-home-action .action-icon{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
    margin: 0 !important;
}
.future-home .compact-home-action .action-copy{ min-width:0; position:relative; z-index:2; }
.future-home .compact-home-action strong{
    font-size: 16px !important;
    margin: 0 0 3px !important;
    line-height: 1.15;
}
.future-home .compact-home-action small{
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    color: #bed2e7 !important;
    max-width: none !important;
}
.future-home .compact-home-action em{ display:none !important; }
.future-home .compact-home-action .action-arrow{
    position: relative;
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #eaffff;
    background: rgba(34,211,238,.14);
    border: 1px solid rgba(125,211,252,.22);
    font-weight: 900;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.future-home .compact-home-action:hover .action-arrow{
    transform: translateX(3px);
    background: rgba(34,211,238,.22);
    border-color: rgba(125,211,252,.42);
}
.future-home .home-trust-strip{
    margin-top: 22px;
    gap: 10px;
}
.future-home .home-trust-strip div{
    padding: 14px 15px;
    border-radius: 16px;
}
.future-home .inventory-pro-card.futuristic-terminal-card{
    min-height: auto !important;
    padding: 30px !important;
}
.future-home .inventory-steps-pro{
    gap: 8px;
    margin: 18px 0 20px;
}
.future-home .inventory-steps-pro div{
    padding: 11px 12px;
    border-radius: 14px;
}
.future-home .inventory-steps-pro span{font-size:13px;}
.future-home .inventory-launch-v19{
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 58px;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 34px;
    align-items: center;
    gap: 13px;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    text-decoration: none;
    color: #ffffff !important;
    background:
        linear-gradient(135deg, rgba(34,211,238,.24), rgba(37,99,235,.84)),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
    border: 1px solid rgba(125,211,252,.46);
    box-shadow: 0 18px 48px rgba(37,99,235,.24), 0 0 28px rgba(34,211,238,.16), inset 0 1px 0 rgba(255,255,255,.16);
    overflow: hidden;
    transition: transform .22s ease, filter .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.future-home .inventory-launch-v19:before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.24) 46%, transparent 72%);
    transform: translateX(-120%);
    transition: transform .55s ease;
}
.future-home .inventory-launch-v19:hover{
    transform: translateY(-3px);
    filter: brightness(1.05);
    border-color: rgba(165,243,252,.72);
    box-shadow: 0 22px 58px rgba(37,99,235,.34), 0 0 34px rgba(34,211,238,.24), inset 0 1px 0 rgba(255,255,255,.20);
}
.future-home .inventory-launch-v19:hover:before{ transform: translateX(120%); }
.inventory-launch-icon,
.inventory-launch-arrow{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}
.inventory-launch-icon{font-size:22px;}
.inventory-launch-copy{position:relative;z-index:1;min-width:0;display:grid;gap:2px;}
.inventory-launch-copy strong{font-size:16px;line-height:1.1;letter-spacing:.01em;}
.inventory-launch-copy small{font-size:12px;line-height:1.2;color:#dff8ff;font-weight:750;opacity:.88;}
.inventory-launch-arrow{font-size:18px;transition: transform .22s ease;}
.future-home .inventory-launch-v19:hover .inventory-launch-arrow{ transform: translateX(3px); }
.future-home .inventory-privacy-text{font-size:12px;margin-top:12px;}
@media(max-width:1100px){
    .future-home .home-primary-actions.v19-actions{max-width:none;}
}
@media(max-width:680px){
    .future-home .compact-home-action,
    .future-home .inventory-launch-v19{grid-template-columns:38px minmax(0,1fr) 30px;gap:10px;}
    .future-home .compact-home-action{padding:13px 14px!important;}
    .future-home .compact-home-action small,
    .inventory-launch-copy small{font-size:11.5px!important;}
    .future-home .inventory-launch-v19{min-height:56px;}
}


/* ===== v20: Inicio con botones cuadrados, ayuda periféricos corregida y panel oscuro restaurado ===== */
.future-home .home-primary-actions.v19-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:980px !important;
    gap:16px !important;
    margin-top:32px !important;
}
.future-home .compact-home-action{
    min-height:164px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:22px !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 85% 12%,rgba(34,211,238,.22),transparent 34%),
        linear-gradient(145deg,rgba(10,28,52,.92),rgba(5,13,28,.88)) !important;
    border:1px solid rgba(125,211,252,.28) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden !important;
}
.future-home .compact-home-action:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(103,232,249,.70) !important;
    box-shadow:0 0 0 1px rgba(34,211,238,.16),0 26px 80px rgba(14,165,233,.25), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.future-home .compact-home-action .action-icon{
    width:54px !important;
    height:54px !important;
    border-radius:19px !important;
    font-size:24px !important;
    background:linear-gradient(145deg,rgba(34,211,238,.24),rgba(37,99,235,.28)) !important;
    border:1px solid rgba(125,211,252,.34) !important;
    box-shadow:0 0 26px rgba(34,211,238,.14) !important;
}
.future-home .compact-home-action .action-copy{display:grid !important;gap:7px !important;position:relative;z-index:2;}
.future-home .compact-home-action strong{font-size:18px !important;line-height:1.15 !important;color:#ffffff !important;}
.future-home .compact-home-action small{font-size:13px !important;line-height:1.42 !important;color:#bdd2e7 !important;}
.future-home .compact-home-action .action-arrow{
    align-self:flex-end !important;
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
    background:rgba(34,211,238,.14) !important;
    border:1px solid rgba(125,211,252,.30) !important;
}
.future-home .compact-home-action:hover .action-arrow{transform:translateX(4px) !important;background:rgba(34,211,238,.24) !important;}
.future-home .inventory-launch-v19{
    min-height:70px !important;
    grid-template-columns:48px minmax(0,1fr) 42px !important;
    padding:16px 18px !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 16% 12%,rgba(255,255,255,.16),transparent 32%),
        linear-gradient(135deg,#05c7f2 0%,#0666f0 52%,#072a72 100%) !important;
    border:1px solid rgba(165,243,252,.62) !important;
}
.inventory-launch-icon,.inventory-launch-arrow{width:42px !important;height:42px !important;border-radius:16px !important;}
.inventory-launch-copy strong{font-size:17px !important;}
.inventory-launch-copy small{font-size:12.5px !important;line-height:1.25 !important;}
.peripheral-mini-help{
    display:block !important;
    margin-top:7px !important;
    max-width:none !important;
    line-height:1.45 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    letter-spacing:0 !important;
    color:#64748b !important;
    font-size:12px !important;
}
.peripheral-mini-help b{display:inline !important;white-space:nowrap !important;color:#075fd7 !important;}
.admin-app{background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327) !important;color:#e4edf9 !important;}
.admin-main{background:radial-gradient(circle at top left,rgba(0,215,255,.10),transparent 32%),linear-gradient(135deg,#06101d,#0a1627 48%,#07111f) !important;}
.inventory-shell,.report-shell,.admin-app .panel{background:rgba(5,17,33,.82) !important;border-color:#1b3859 !important;color:#e4edf9 !important;}
.inventory-table-card,.chart-panel,.recent-panel{background:linear-gradient(180deg,#0b1c31,#081525) !important;border-color:#1d4b70 !important;}
.dark-table th{background:#0e2840 !important;color:#e9f7ff !important;border-bottom-color:#24608b !important;text-align:left !important;}
.dark-table td{background:#071426 !important;color:#e4edf9 !important;border-bottom:1px solid #17314a !important;}
.dark-table tbody tr:nth-child(even) td{background:#0a192c !important;}
.dark-table tbody tr:hover td{background:#0d223a !important;}
.dark-table .cell-sub{color:#93aeca !important;}
.dark-table .record-link,.dark-table .person-name-link,.dark-table .person-link{color:#7dd3fc !important;}
.dark-table .person-avatar{background:linear-gradient(145deg,#274b82,#122844) !important;color:#dbeaff !important;}
.row-actions a,.row-actions button{background:#071d36 !important;border-color:#12375d !important;color:#17a8ff !important;}
.table-footer{background:#081525 !important;border-top:1px solid #1d4b70 !important;color:#aec0d5 !important;}
.pagination a,.pagination span{background:#0e2840 !important;color:#c9daed !important;border-color:#173654 !important;}
.pagination a.active{background:#07385f !important;border-color:#02c8ef !important;color:#fff !important;}
@media(max-width:980px){
    .future-home .home-primary-actions.v19-actions{grid-template-columns:1fr !important;}
    .future-home .compact-home-action{min-height:128px !important;}
}

/* =========================================================
   V21 - Tema corporativo Camiones Chinos Perú: Negro + Rojo
   ========================================================= */
:root{
  --ccp-red:#e50914;
  --ccp-red-2:#ff2b35;
  --ccp-dark:#05080d;
  --ccp-panel:#0a1018;
  --ccp-panel-2:#111923;
  --ccp-line:rgba(229,9,20,.42);
  --ccp-text:#f6f7fb;
  --ccp-muted:#aeb7c6;
}

.ccp-home-red{min-height:100vh;position:relative;overflow:hidden;color:var(--ccp-text);background:radial-gradient(circle at 50% 18%,rgba(229,9,20,.16),transparent 18%),radial-gradient(circle at 18% 65%,rgba(229,9,20,.10),transparent 25%),linear-gradient(135deg,#03050a 0%,#07111b 52%,#04070c 100%);font-family:"Segoe UI",Arial,sans-serif}
.ccp-home-red:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(229,9,20,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(circle at center,black 0%,transparent 76%);pointer-events:none;opacity:.55}.ccp-tech-lines{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 32%,rgba(229,9,20,.10),transparent 30%),radial-gradient(circle at 100% 35%,rgba(255,255,255,.05),transparent 24%)}
.ccp-tech-lines:before,.ccp-tech-lines:after{content:"";position:absolute;width:38%;height:42%;top:15%;border:1px solid rgba(229,9,20,.18);opacity:.45}.ccp-tech-lines:before{left:-10%;clip-path:polygon(0 15%,70% 15%,70% 22%,92% 22%,92% 30%,45% 30%,45% 40%,100% 40%,100% 100%,0 100%)}.ccp-tech-lines:after{right:-10%;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,20% 76%,65% 76%,65% 63%,6% 63%,6% 51%,50% 51%,50% 38%,0 38%)}
.ccp-home-header{position:relative;z-index:2;height:92px;display:flex;align-items:center;justify-content:space-between;padding:18px 42px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(3,5,10,.46);backdrop-filter:blur(12px)}.ccp-home-brand{display:flex;align-items:center;gap:22px}.ccp-home-brand img{width:260px;max-height:64px;object-fit:contain;background:white;border-radius:7px;padding:7px 14px;box-shadow:0 10px 32px rgba(0,0,0,.35)}.ccp-brand-separator{height:48px;width:1px;background:rgba(255,255,255,.25)}.ccp-home-brand strong{display:block;text-transform:uppercase;letter-spacing:.06em}.ccp-home-brand span{display:block;margin-top:5px;color:#c5ccd8;font-size:13px}.ccp-login-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 18px;border:1px solid rgba(255,255,255,.20);border-radius:9px;color:#fff;text-decoration:none;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(229,9,20,.08);transition:.2s}.ccp-login-btn:hover{border-color:rgba(229,9,20,.75);box-shadow:0 0 24px rgba(229,9,20,.18)}
.ccp-home-main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:34px 28px 0}.ccp-hero-clean{text-align:center;margin:0 auto 28px}.ccp-hero-clean>span{display:block;color:#c4cad4;font-weight:700;font-size:28px}.ccp-hero-clean h1{margin:4px 0 12px;font-size:clamp(62px,8vw,96px);line-height:.95;letter-spacing:-.055em;text-shadow:0 20px 45px rgba(0,0,0,.45);background:linear-gradient(180deg,#fff,#cfd5dd);-webkit-background-clip:text;background-clip:text;color:transparent}.ccp-hero-clean h1 b{color:var(--ccp-red);background:linear-gradient(180deg,#ff3942,#c5030c);-webkit-background-clip:text;background-clip:text}.ccp-hero-clean p{margin:0 auto;color:#c0c7d2;font-size:20px;max-width:640px;line-height:1.45}
.ccp-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px auto 24px;max-width:1030px}.ccp-action-card{position:relative;min-height:190px;display:grid;grid-template-columns:104px 1fr 54px;gap:18px;align-items:center;padding:26px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(6,10,17,.78));box-shadow:0 26px 70px rgba(0,0,0,.35),inset 0 -3px 0 rgba(229,9,20,.85);color:#fff;text-decoration:none;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.ccp-action-card:hover{transform:translateY(-7px);border-color:rgba(229,9,20,.78);box-shadow:0 0 0 1px rgba(229,9,20,.35),0 28px 85px rgba(229,9,20,.14),inset 0 -3px 0 #ff2b35}.ccp-action-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:170px;height:150px;border-radius:50%;background:rgba(229,9,20,.10)}.ccp-action-icon{width:86px;height:86px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.68);background:linear-gradient(145deg,rgba(229,9,20,.14),rgba(255,255,255,.04));font-size:42px;box-shadow:0 0 35px rgba(229,9,20,.12)}.ccp-action-card h2{margin:0 0 24px;text-transform:uppercase;line-height:1.18;font-size:25px}.ccp-action-card h2 b{display:block;color:#ff2934}.ccp-action-card p{margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#c9d0dc;line-height:1.35}.ccp-arrow{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ff404a;font-size:30px;background:rgba(255,255,255,.035)}.ccp-action-card:hover .ccp-arrow{background:rgba(229,9,20,.16);border-color:rgba(229,9,20,.75)}
.ccp-inventory-band{max-width:1080px;margin:0 auto 28px;display:grid;grid-template-columns:230px 1fr 320px;gap:22px;align-items:center;min-height:168px;padding:20px 28px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(125deg,rgba(255,255,255,.055),rgba(8,13,20,.78));box-shadow:0 24px 80px rgba(0,0,0,.28)}.ccp-inventory-visual{height:128px;border-radius:12px;border:1px solid rgba(229,9,20,.20);background:radial-gradient(circle at 50% 45%,rgba(229,9,20,.32),transparent 34%),linear-gradient(145deg,#060b12,#111a24);display:grid;place-items:center}.ccp-inventory-visual span{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.65);border-radius:12px;color:#ff3942;font-size:42px;box-shadow:0 0 30px rgba(229,9,20,.18)}.ccp-inventory-copy>span{text-transform:uppercase;color:#ff2934;font-size:14px;font-weight:900;letter-spacing:.08em}.ccp-inventory-copy h2{margin:8px 0 8px;font-size:29px}.ccp-inventory-copy p{margin:0;color:#c2cad5;line-height:1.45}.ccp-inventory-btn{height:78px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(229,9,20,.78);border-radius:10px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.02em;background:linear-gradient(145deg,rgba(229,9,20,.14),rgba(255,255,255,.025));box-shadow:0 0 35px rgba(229,9,20,.11);transition:.2s}.ccp-inventory-btn span{font-size:31px;color:#ff2b35}.ccp-inventory-btn b{font-size:28px;color:#ff2b35}.ccp-inventory-btn:hover{background:linear-gradient(135deg,#b6040d,#f10d19);box-shadow:0 0 38px rgba(229,9,20,.28)}.ccp-inventory-btn:hover span,.ccp-inventory-btn:hover b{color:#fff}
.ccp-home-trust{max-width:1040px;margin:0 auto 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;color:#e9edf5}.ccp-home-trust div{display:flex;gap:10px;align-items:flex-start;justify-content:center;border-right:1px solid rgba(255,255,255,.08)}.ccp-home-trust div:last-child{border-right:0}.ccp-home-trust b,.ccp-home-trust span{display:block}.ccp-home-trust b{color:#fff}.ccp-home-trust span{color:#aeb7c5;font-size:13px;margin-top:3px}.ccp-home-footer{position:relative;z-index:1;text-align:center;color:#c4cad5;padding:10px 20px 26px;border-top:1px solid rgba(255,255,255,.07);max-width:1150px;margin:0 auto}
.ccp-inventory-popup{position:fixed;z-index:30;left:50%;bottom:98px;transform:translateX(-50%);width:min(560px,calc(100% - 28px));display:grid;grid-template-columns:86px 1fr auto;gap:18px;align-items:center;padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(7,11,17,.94);box-shadow:0 26px 100px rgba(0,0,0,.55),0 0 0 1px rgba(229,9,20,.18);backdrop-filter:blur(16px)}.ccp-inventory-popup[hidden]{display:none}.ccp-popup-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#dce2ea;font-size:28px;cursor:pointer}.ccp-popup-icon{width:72px;height:72px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.65);color:#ff3942;font-size:38px;background:rgba(229,9,20,.10);box-shadow:0 0 34px rgba(229,9,20,.22)}.ccp-inventory-popup h3{margin:0 0 8px;font-size:22px}.ccp-inventory-popup p{margin:0;color:#c4cad4}.ccp-inventory-popup a{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border-radius:8px;background:linear-gradient(135deg,#b6040d,#f20f1a);color:#fff;text-transform:uppercase;font-weight:900;text-decoration:none;box-shadow:0 10px 28px rgba(229,9,20,.28)}.ccp-popup-later{grid-column:2/4;justify-self:start;border:0;background:transparent;color:#c7ced9;cursor:pointer}.ccp-popup-later:hover{color:#fff}

/* Login negro + rojo */
.login-futuristic,.login-split{background:radial-gradient(circle at 25% 18%,rgba(229,9,20,.18),transparent 27%),linear-gradient(135deg,#03050a,#07111b 55%,#04070c)!important;color:#fff}.login-info-brand img{width:270px;max-height:80px;object-fit:contain;background:#fff;border-radius:10px;padding:8px 14px}.hero-pill{border-color:rgba(229,9,20,.44)!important;background:rgba(229,9,20,.10)!important;color:#ff5961!important}.login-command-center h1{background:linear-gradient(180deg,#fff,#d9dfe7);-webkit-background-clip:text;background-clip:text;color:transparent}.login-feature-grid div,.login-glass-panel{border-color:rgba(255,255,255,.14)!important;background:rgba(8,13,20,.80)!important;box-shadow:0 28px 80px rgba(0,0,0,.35)}.login-secure-badge{background:rgba(229,9,20,.12)!important;border:1px solid rgba(229,9,20,.38)!important;color:#ff5961!important}.login-panel input{background:#0d141e!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}.login-panel input:focus{border-color:var(--ccp-red)!important;box-shadow:0 0 0 4px rgba(229,9,20,.13)!important}.btn.primary,.login-panel .btn.primary{background:linear-gradient(135deg,#b6040d,#f20f1a)!important;color:#fff!important;box-shadow:0 12px 32px rgba(229,9,20,.24)}.back-link{color:#ff5961!important}

/* Panel administrativo negro + rojo */
.admin-app{background:linear-gradient(135deg,#03050a,#07111b 60%,#04070c)!important;color:#f6f7fb}.admin-sidebar{background:linear-gradient(180deg,#06090f,#0c1118)!important;border-right:1px solid rgba(229,9,20,.20)!important}.ccp-admin-brand{display:flex;gap:12px;align-items:center}.ccp-admin-brand img{width:84px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.admin-brand b{color:#fff}.admin-brand small{color:#b7becb}.admin-sidebar nav a{color:#c9d0db!important;border:1px solid transparent}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:rgba(229,9,20,.13)!important;color:#fff!important;border-color:rgba(229,9,20,.32)!important;box-shadow:inset 3px 0 0 var(--ccp-red)}.admin-sidebar nav a span{color:#ff3d47}.admin-profile{background:rgba(229,9,20,.08)!important;border-color:rgba(229,9,20,.22)!important}.admin-profile .avatar{background:linear-gradient(135deg,#b6040d,#f20f1a)!important;color:#fff!important}.admin-main{background:transparent!important}.inventory-shell,.report-shell,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{border-color:rgba(229,9,20,.22)!important;background:rgba(8,13,20,.82)!important;box-shadow:0 22px 70px rgba(0,0,0,.34)}.new-record,.dark-form-actions button{background:linear-gradient(110deg,#b6040d,#f20f1a)!important;box-shadow:0 8px 28px rgba(229,9,20,.25)!important}.filter-toggle,.admin-search,.filter-row select,.filter-row button,.filter-row a{border-color:rgba(229,9,20,.24)!important;background:#0b121b!important;color:#edf2f7!important}.dark-table th{background:#0d141e!important;border-bottom-color:rgba(229,9,20,.28)!important;color:#fff!important}.dark-table td{border-bottom-color:rgba(255,255,255,.07)!important;color:#e8edf5!important}.dark-table tbody tr:hover{background:rgba(229,9,20,.08)!important}.row-actions a,.row-actions button{background:#101824!important;border-color:rgba(229,9,20,.28)!important;color:#ff5961!important}.kpi,.report-card{background:linear-gradient(135deg,#111923,#2a0b0f)!important;border-color:rgba(229,9,20,.35)!important}.kpi>b,.report-card i,.eyebrow,.panel-dark-title>a,.panel-dark-title>span{color:#ff3d47!important}.fake-chart div{background:linear-gradient(#ff5861,#b6040d)!important;box-shadow:0 0 18px rgba(229,9,20,.22)!important}.person-avatar{background:linear-gradient(145deg,#5a1117,#1a1114)!important}.dark-badge,.tag.principal{border-color:rgba(229,9,20,.32)!important;background:rgba(229,9,20,.10)!important;color:#ff7077!important}.tag.adicional,.worker-status{background:rgba(229,9,20,.10)!important;color:#ff7077!important}.dark-form-grid input,.dark-form-grid select{background:#0d141e!important;border-color:rgba(255,255,255,.14)!important}.dark-form-grid input:focus,.dark-form-grid select:focus{border-color:var(--ccp-red)!important;box-shadow:0 0 0 3px rgba(229,9,20,.10)!important}.report-card.violet,.report-card.emerald,.report-card.amber,.report-card.blue,.report-card.rose,.kpi.purple,.kpi.green,.kpi.orange{background:linear-gradient(135deg,#111923,#2a0b0f)!important;border-color:rgba(229,9,20,.35)!important}

/* Inventario web en coherencia rojo/negro */
.inventory-web-page{background:radial-gradient(circle at top left,rgba(229,9,20,.16),transparent 32%),linear-gradient(135deg,#03050a,#07111b 58%,#04070c)!important}.inventory-web-brand img{background:#fff;border-radius:10px}.inventory-web-hero,.web-form-card,.submit-sticky{border-color:rgba(229,9,20,.24)!important;background:rgba(8,13,20,.88)!important}.section-title>span,.inventory-flow-steps b{background:rgba(229,9,20,.14)!important;border-color:rgba(229,9,20,.34)!important;color:#ff5961!important}.inventory-web-hero h1,.section-title h2{color:#fff}.form-grid input,.form-grid select,.locked-grid input,.locked-grid select{background:#0d141e!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.form-grid input:focus,.form-grid select:focus,.locked-grid input:focus,.locked-grid select:focus{border-color:var(--ccp-red)!important;box-shadow:0 0 0 4px rgba(229,9,20,.10)!important}.capture-status.ok{background:rgba(229,9,20,.12)!important;color:#ff7077!important}.capture-help{background:rgba(229,9,20,.07)!important;border-color:rgba(229,9,20,.18)!important}.peripheral-head small{background:rgba(229,9,20,.10)!important;border-color:rgba(229,9,20,.22)!important;color:#ff8b91!important}.peripheral-box{border-color:rgba(229,9,20,.18)!important;background:rgba(255,255,255,.035)!important}

@media(max-width:980px){.ccp-home-header{height:auto;align-items:flex-start;gap:14px;flex-direction:column;padding:16px 20px}.ccp-home-brand{gap:12px}.ccp-home-brand img{width:210px}.ccp-brand-separator{display:none}.ccp-action-grid{grid-template-columns:1fr}.ccp-action-card{grid-template-columns:86px 1fr 48px;min-height:150px}.ccp-inventory-band{grid-template-columns:1fr}.ccp-inventory-visual{display:none}.ccp-home-trust{grid-template-columns:1fr}.ccp-home-trust div{border-right:0;justify-content:flex-start}.ccp-inventory-popup{grid-template-columns:1fr;text-align:center;bottom:20px}.ccp-popup-icon{margin:0 auto}.ccp-popup-later{grid-column:auto;justify-self:center}.ccp-hero-clean h1{font-size:58px}}
@media(max-width:560px){.ccp-home-main{padding:26px 16px}.ccp-action-card{grid-template-columns:1fr;gap:12px}.ccp-arrow{position:absolute;right:18px;bottom:18px}.ccp-home-brand img{width:190px}.ccp-hero-clean>span{font-size:21px}.ccp-hero-clean p{font-size:16px}.ccp-inventory-btn{width:100%}}

/* =========================================================
   V22 - Tema corporativo CCP: negro/rojo uniforme
   Inicio, login, formularios públicos e inventario.
   Panel administrador vuelve al tema oscuro azul anterior.
   ========================================================= */
:root{
  --ccp-red:#ef1b23;
  --ccp-red-dark:#b80f16;
  --ccp-black:#040608;
  --ccp-soft-black:#0b1118;
  --ccp-panel:#111820;
  --ccp-panel-2:#171f28;
  --ccp-line:rgba(239,27,35,.34);
  --ccp-text:#f7f8fb;
  --ccp-muted:#b8c0ca;
  --ccp-user-bg:#eef2f7;
  --ccp-user-card:#ffffff;
  --ccp-user-text:#17202b;
}

/* Logo oficial compacto */
.ccp-home-brand img,
.login-info-brand img,
.admin-brand img,
.inventory-web-brand img,
.tech-brand img,
.header-brand img{
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.ccp-home-brand img{width:190px!important;height:62px!important;max-width:42vw!important;}
.login-info-brand img{width:170px!important;height:auto!important;}
.admin-brand img{width:132px!important;height:auto!important;}
.inventory-web-brand img{width:150px!important;height:auto!important;}

/* INICIO */
.ccp-home-red{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 48% 18%,rgba(239,27,35,.14),transparent 22%),
    radial-gradient(circle at 8% 38%,rgba(239,27,35,.08),transparent 28%),
    linear-gradient(135deg,#020305 0%,#071018 48%,#030507 100%)!important;
  color:var(--ccp-text)!important;
}
.ccp-home-red:before{
  opacity:.42!important;
  background:
    linear-gradient(90deg,rgba(239,27,35,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:84px 84px!important;
}
.ccp-tech-lines:after{
  content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 72%,rgba(239,27,35,.12) 72.2%,transparent 73%),
    radial-gradient(circle at 88% 22%,rgba(239,27,35,.14),transparent 18%);
}
.ccp-home-header{height:90px!important;padding:16px 42px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.ccp-home-brand{gap:22px!important;}
.ccp-brand-separator{height:44px!important;background:rgba(255,255,255,.28)!important;}
.ccp-home-brand strong{text-transform:uppercase!important;letter-spacing:.8px!important;font-size:14px!important;color:#f5f5f5!important;}
.ccp-home-brand span{font-size:12px!important;color:#aeb6c2!important;}
.ccp-login-btn{border-color:rgba(239,27,35,.55)!important;color:#fff!important;background:rgba(255,255,255,.035)!important;border-radius:10px!important;box-shadow:none!important;}
.ccp-login-btn:hover{background:rgba(239,27,35,.16)!important;box-shadow:0 0 22px rgba(239,27,35,.18)!important;}
.ccp-hero-clean{margin-top:22px!important;text-align:center!important;}
.ccp-hero-clean span{font-size:26px!important;color:#c7ccd4!important;}
.ccp-hero-clean h1{font-size:clamp(54px,7.5vw,86px)!important;line-height:.98!important;margin:10px 0!important;letter-spacing:-2px!important;}
.ccp-hero-clean h1 b{color:var(--ccp-red)!important;text-shadow:0 0 24px rgba(239,27,35,.32)!important;}
.ccp-hero-clean p{max-width:640px!important;margin:14px auto 0!important;color:#d5d9df!important;font-size:20px!important;line-height:1.38!important;}
.ccp-action-grid{max-width:1180px!important;margin:34px auto 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.ccp-action-card{
  min-height:175px!important;padding:28px 30px!important;display:grid!important;
  grid-template-columns:108px 1fr 44px!important;align-items:center!important;gap:20px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-bottom-color:rgba(239,27,35,.8)!important;
  background:linear-gradient(145deg,rgba(22,29,37,.88),rgba(5,8,12,.86))!important;
  border-radius:12px!important;color:#fff!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;
  overflow:hidden!important;text-decoration:none!important;
}
.ccp-action-card:hover{border-color:rgba(239,27,35,.88)!important;transform:translateY(-4px)!important;box-shadow:0 26px 80px rgba(0,0,0,.34),0 0 28px rgba(239,27,35,.17)!important;}
.ccp-action-icon{width:82px!important;height:82px!important;border-radius:9px!important;border:1px solid rgba(239,27,35,.68)!important;background:linear-gradient(145deg,#151b23,#070a0e)!important;color:#fff!important;font-size:34px!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 28px rgba(239,27,35,.12)!important;}
.ti-icon span{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:linear-gradient(180deg,#f8fafc,#cfd6de);color:#1b2028;font-weight:900;position:relative;}
.incident-icon span:after{content:"";position:absolute;right:-8px;bottom:-7px;width:18px;height:18px;border-radius:50%;background:var(--ccp-red);box-shadow:0 0 0 3px #151b23;}
.request-icon span{font-size:30px;color:var(--ccp-red)!important;}
.mail-icon span{font-size:28px;}
.mail-icon span:after{content:"+";position:absolute;right:-10px;bottom:-9px;width:22px;height:22px;border-radius:50%;background:var(--ccp-red);color:#fff;font-size:17px;line-height:21px;text-align:center;box-shadow:0 0 0 3px #151b23;}
.ccp-action-card h2{font-size:25px!important;line-height:1.18!important;margin:0!important;text-transform:uppercase!important;}
.ccp-action-card h2 b{display:block!important;color:var(--ccp-red)!important;text-shadow:0 0 14px rgba(239,27,35,.26)!important;}
.ccp-action-card p{margin:16px 0 0!important;color:#cbd1d9!important;font-size:14px!important;line-height:1.45!important;max-width:240px!important;border-top:1px solid rgba(255,255,255,.13)!important;padding-top:14px!important;}
.ccp-arrow{width:42px!important;height:42px!important;border:1px solid rgba(239,27,35,.65)!important;border-radius:8px!important;display:grid!important;place-items:center!important;color:var(--ccp-red)!important;font-size:27px!important;justify-self:end!important;}
.ccp-inventory-band{
  max-width:1240px!important;margin:28px auto 0!important;padding:24px 34px!important;min-height:150px!important;
  display:grid!important;grid-template-columns:260px 1fr 340px!important;align-items:center!important;gap:28px!important;
  background:linear-gradient(145deg,rgba(17,24,32,.90),rgba(6,9,13,.92))!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;box-shadow:0 20px 70px rgba(0,0,0,.26)!important;
}
.ccp-inventory-visual{width:230px!important;height:112px!important;border-radius:12px!important;border:0!important;background:radial-gradient(circle at center,rgba(239,27,35,.18),transparent 65%),linear-gradient(135deg,rgba(239,27,35,.10),transparent)!important;position:relative!important;}
.ti-inventory-chip span{width:78px;height:78px;border:1px solid rgba(239,27,35,.75);border-radius:13px;display:grid;place-items:center;margin:auto;color:var(--ccp-red);font-size:34px;font-weight:900;box-shadow:0 0 35px rgba(239,27,35,.16),inset 0 0 22px rgba(239,27,35,.12);}
.ccp-inventory-copy>span{color:var(--ccp-red)!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.4px!important;}
.ccp-inventory-copy h2{font-size:30px!important;margin:8px 0 6px!important;color:#fff!important;}
.ccp-inventory-copy p{font-size:16px!important;color:#cdd3db!important;max-width:520px!important;}
.ccp-inventory-btn{height:78px!important;border-radius:10px!important;border:1px solid rgba(239,27,35,.85)!important;background:linear-gradient(145deg,rgba(239,27,35,.10),rgba(10,12,16,.75))!important;color:#fff!important;box-shadow:inset 0 0 26px rgba(239,27,35,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;text-decoration:none!important;font-size:16px!important;font-weight:900!important;text-transform:uppercase!important;white-space:nowrap!important;}
.ccp-inventory-btn:hover{background:linear-gradient(110deg,var(--ccp-red),#a90c12)!important;box-shadow:0 0 26px rgba(239,27,35,.26)!important;transform:translateY(-2px)!important;}
.chip-mini{width:34px!important;height:34px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.28)!important;display:grid!important;place-items:center!important;color:#fff!important;}
.ccp-home-trust{max-width:1040px!important;margin:28px auto 0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:22px!important;}
.ccp-home-trust div{background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;padding:8px 22px!important;color:#fff!important;}
.ccp-home-trust div:last-child{border-right:0!important;}
.ccp-home-trust b{color:#fff!important;}
.ccp-home-trust b::first-letter{color:var(--ccp-red)!important;}
.ccp-home-trust span{color:#b9c0ca!important;font-size:13px!important;}
.ccp-home-footer{position:relative!important;margin:28px auto 0!important;text-align:center!important;color:#c9ced6!important;border-top:1px solid rgba(255,255,255,.08)!important;max-width:1180px!important;padding:18px 0 22px!important;}
.ccp-home-footer::first-letter{color:var(--ccp-red)!important;}
.ccp-inventory-popup{position:fixed!important;left:50%!important;bottom:28px!important;transform:translateX(-50%)!important;z-index:20!important;width:min(520px,calc(100% - 28px))!important;display:grid!important;grid-template-columns:92px 1fr auto!important;gap:16px!important;align-items:center!important;background:linear-gradient(145deg,rgba(17,24,32,.96),rgba(7,10,14,.97))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;box-shadow:0 25px 90px rgba(0,0,0,.55),0 0 30px rgba(239,27,35,.12)!important;padding:20px!important;color:#fff!important;}
.ccp-inventory-popup[hidden]{display:none!important;}
.ccp-popup-icon{width:72px!important;height:72px!important;border-radius:12px!important;border:1px solid rgba(239,27,35,.7)!important;color:var(--ccp-red)!important;display:grid!important;place-items:center!important;font-size:32px!important;box-shadow:0 0 28px rgba(239,27,35,.18)!important;}
.ccp-inventory-popup h3{margin:0 0 6px!important;font-size:20px!important;color:#fff!important;}
.ccp-inventory-popup p{margin:0!important;color:#cbd1d9!important;}
.ccp-inventory-popup a{grid-column:2/3!important;display:inline-flex!important;width:max-content!important;align-items:center!important;gap:12px!important;border-radius:8px!important;background:linear-gradient(110deg,var(--ccp-red),#ad0d14)!important;color:#fff!important;text-decoration:none!important;padding:12px 20px!important;font-weight:900!important;text-transform:uppercase!important;}
.ccp-popup-later{grid-column:3/4!important;align-self:end!important;background:transparent!important;color:#c8d0da!important;border:0!important;padding:10px!important;cursor:pointer!important;}
.ccp-popup-close{position:absolute!important;right:14px!important;top:10px!important;color:#e7ebf0!important;background:transparent!important;border:0!important;font-size:28px!important;cursor:pointer!important;}

/* Login corporativo */
.login-futuristic,.login-split{background:radial-gradient(circle at 16% 40%,rgba(239,27,35,.14),transparent 24%),linear-gradient(135deg,#030508,#0b1118 55%,#05070a)!important;color:#f8fafc!important;}
.login-command-center{background:transparent!important;}
.login-command-center h1{color:#fff!important;}.login-command-center h1::after{background:var(--ccp-red)!important;}
.login-glass-panel{background:linear-gradient(145deg,rgba(18,24,31,.96),rgba(7,9,13,.98))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;box-shadow:0 25px 90px rgba(0,0,0,.48)!important;}
.login-glass-panel input{background:#111820!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:8px!important;}
.login-glass-panel input:focus{border-color:var(--ccp-red)!important;box-shadow:0 0 0 3px rgba(239,27,35,.15)!important;}
.login-glass-panel .btn.primary{background:linear-gradient(110deg,var(--ccp-red),#ad0d14)!important;border:0!important;color:#fff!important;}
.login-secure-badge,.hero-pill{border-color:rgba(239,27,35,.4)!important;background:rgba(239,27,35,.10)!important;color:#ffd6d8!important;}
.login-feature-grid div{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important;}

/* Formularios públicos: amigables a la vista */
.public-page.ticket-mobile-page,
.mail-request-page,
.inventory-web-page{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 85% 12%,rgba(239,27,35,.10),transparent 28%),
    radial-gradient(circle at 10% 65%,rgba(15,23,42,.10),transparent 28%),
    linear-gradient(135deg,#111820 0%,#1a222c 45%,#edf1f6 45%,#f4f6f9 100%)!important;
  color:var(--ccp-user-text)!important;
}
.public-card.ticket-public-card,
.mail-public-card,
.web-form-card,
.inventory-web-hero{
  background:rgba(255,255,255,.96)!important;
  color:var(--ccp-user-text)!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-top:4px solid var(--ccp-red)!important;
  border-radius:18px!important;
  box-shadow:0 26px 70px rgba(15,23,42,.15)!important;
}
.brand-center h1,
.ticket-public-card h1,
.mail-public-card h1,
.inventory-web-hero h1,
.section-title h2{color:#111820!important;}
.brand-center p,
.ticket-public-card p,
.mail-public-card p,
.inventory-web-hero p,
.section-title p{color:#536170!important;}
.back-home,.back-link{color:var(--ccp-red)!important;text-decoration:none!important;font-weight:800!important;}
.ticket-mode-switch a{border-color:#d9e0e9!important;color:#334155!important;background:#fff!important;}
.ticket-mode-switch a.active{background:linear-gradient(110deg,var(--ccp-red),#b80f16)!important;color:#fff!important;border-color:transparent!important;}
.ticket-type-banner{background:#fff5f5!important;border:1px solid #ffd1d4!important;color:#1f2937!important;border-left:5px solid var(--ccp-red)!important;border-radius:14px!important;}
.ticket-type-banner strong{color:var(--ccp-red)!important;}.ticket-type-banner span{color:#475569!important;}
.mobile-section-title{color:#111827!important;border-bottom:1px solid #e5e7eb!important;}
.mobile-section-title span{background:linear-gradient(110deg,var(--ccp-red),#b80f16)!important;color:#fff!important;}
.form-group label,.form-grid label,.locked-grid label{color:#1f2937!important;font-weight:800!important;}
.form-group input,.form-group select,.form-group textarea,
.mobile-ticket-form input,.mobile-ticket-form select,.mobile-ticket-form textarea,
.form-grid input,.form-grid select,.form-grid textarea,
.locked-grid input,.locked-grid select,.locked-grid textarea{
  background:#ffffff!important;color:#111827!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:none!important;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,
.mobile-ticket-form input:focus,.mobile-ticket-form select:focus,.mobile-ticket-form textarea:focus,
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,
.locked-grid input:focus,.locked-grid select:focus,.locked-grid textarea:focus{
  border-color:var(--ccp-red)!important;box-shadow:0 0 0 3px rgba(239,27,35,.12)!important;outline:none!important;
}
.upload-box{background:#f8fafc!important;border:1px dashed #cbd5e1!important;color:#1f2937!important;}
.upload-box small,.upload-box span{color:#64748b!important;}
.mobile-submit-bar{background:transparent!important;border:0!important;box-shadow:none!important;}
.btn.primary,.mobile-submit-bar .btn.primary,.capture-actions .btn.primary,.submit-sticky button{
  background:linear-gradient(110deg,var(--ccp-red),#b80f16)!important;border:0!important;color:#fff!important;box-shadow:0 10px 25px rgba(239,27,35,.18)!important;border-radius:10px!important;
}
.btn.primary:hover{transform:translateY(-1px)!important;box-shadow:0 15px 35px rgba(239,27,35,.25)!important;}
.network-note,.compact-note,.capture-help{background:#fff7f7!important;border:1px solid #ffd1d4!important;color:#334155!important;border-radius:14px!important;}
.network-note .info-icon{background:var(--ccp-red)!important;color:#fff!important;}
.person-autocomplete-results{background:#fff!important;border:1px solid #cbd5e1!important;color:#111827!important;box-shadow:0 16px 40px rgba(15,23,42,.16)!important;}
.person-autocomplete-results button{background:#fff!important;color:#111827!important;border-bottom:1px solid #e5e7eb!important;}
.person-autocomplete-results button:hover{background:#fff1f2!important;}
.person-autocomplete-results small{color:#64748b!important;}

/* Inventario usuario */
.inventory-web-header{background:transparent!important;}.inventory-web-brand strong{color:#fff!important;}.inventory-web-brand span{color:#d1d5db!important;}
.inventory-web-shell{max-width:1160px!important;}.inventory-web-hero{padding:26px!important;}
.inventory-web-hero h1{font-size:38px!important;}.inventory-web-hero p{max-width:760px!important;}
.inventory-flow-steps div{background:#fff!important;color:#111827!important;border:1px solid #e2e8f0!important;}
.inventory-flow-steps b,.inventory-flow-steps .active b,.inventory-flow-steps .done b{background:var(--ccp-red)!important;color:#fff!important;}
.web-form-card{margin-bottom:16px!important;}.section-title>span{background:#fff1f2!important;color:var(--ccp-red)!important;border-color:#fecdd3!important;}
.locked-grid input[readonly]{background:#f1f5f9!important;color:#334155!important;border-style:dashed!important;}
.capture-status.pending,.capture-status.waiting{background:#fff7ed!important;color:#c2410c!important;}.capture-status.ok{background:#ecfdf5!important;color:#047857!important;}
.submit-sticky{background:rgba(255,255,255,.98)!important;border:1px solid #e2e8f0!important;color:#111827!important;box-shadow:0 14px 44px rgba(15,23,42,.14)!important;}
.submit-sticky span{color:#475569!important;}
.peripheral-help,.perifericos-help,.peripherals-help,.hint-perifericos{display:block!important;white-space:normal!important;line-height:1.35!important;font-size:12px!important;color:#64748b!important;margin-top:6px!important;}

/* Panel administrador: restaurar tema oscuro azul anterior, solo detalles rojos mínimos */
:root{--admin-bg:#020a17;--admin-panel:#071426;--admin-card:#0a192d;--admin-line:#17324f;--admin-text:#f4f8ff;--admin-muted:#8ea4bf;--admin-blue:#087cf7;--admin-cyan:#09d7ef;}
.admin-app{background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327)!important;color:var(--admin-text)!important;}
.admin-sidebar{background:linear-gradient(180deg,#061326,#030b17)!important;border-right:1px solid var(--admin-line)!important;}
.admin-sidebar nav a:hover{background:#0b2039!important;}
.admin-sidebar nav a.active{background:linear-gradient(90deg,#087cf7,#0656d8)!important;color:#fff!important;box-shadow:0 0 24px rgba(0,120,255,.3)!important;}
.new-record,.admin-app .btn.primary{background:linear-gradient(100deg,#05c4ef,#075bf3)!important;color:#fff!important;}
.filter-toggle,.admin-app .btn.ghost,.admin-app .btn.secondary{background:#09182a!important;color:#dce9f8!important;border:1px solid #25425f!important;}
.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell{background:rgba(5,17,33,.78)!important;border:1px solid #1b3859!important;color:#e4edf9!important;}
.dark-table th{background:#07182c!important;color:#dbe8f7!important;}.dark-table td{background:transparent!important;color:#e4edf9!important;}
.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea,.dark-form-grid input,.dark-form-grid select{background:#071528!important;color:#eef6ff!important;border:1px solid #23415f!important;}
.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus,.dark-form-grid input:focus,.dark-form-grid select:focus{border-color:#05cde9!important;box-shadow:0 0 0 3px rgba(0,207,239,.08)!important;}
.admin-app .btn.danger{background:#3d1722!important;color:#ff99a6!important;border:1px solid #703047!important;}

@media(max-width:980px){
 .ccp-home-header{height:auto!important;padding:14px 18px!important;align-items:flex-start!important;gap:12px!important;}
 .ccp-brand-separator,.ccp-home-brand>div:not(.ccp-brand-separator):last-child{display:none!important;}
 .ccp-home-brand img{width:145px!important;height:auto!important;max-width:56vw!important;}
 .ccp-action-grid{grid-template-columns:1fr!important;margin:28px 18px 0!important;}
 .ccp-action-card{grid-template-columns:82px 1fr 40px!important;min-height:140px!important;padding:20px!important;}
 .ccp-action-icon{width:66px!important;height:66px!important;}.ti-icon span{width:38px;height:38px;}
 .ccp-inventory-band{grid-template-columns:1fr!important;margin:20px 18px 0!important;padding:22px!important;text-align:left!important;}
 .ccp-inventory-visual{width:100%!important;height:96px!important;}
 .ccp-inventory-btn{width:100%!important;height:62px!important;}
 .ccp-home-trust{grid-template-columns:1fr!important;margin:24px 18px 0!important;}.ccp-home-trust div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
 .ccp-inventory-popup{grid-template-columns:1fr!important;text-align:center!important;bottom:16px!important;}.ccp-popup-icon{margin:auto!important;}.ccp-inventory-popup a,.ccp-popup-later{grid-column:auto!important;margin:auto!important;}
 .public-page.ticket-mobile-page,.mail-request-page,.inventory-web-page{background:linear-gradient(180deg,#121820 0%,#202936 30%,#f4f6f9 30%,#f4f6f9 100%)!important;}
}
.peripheral-mini-help{display:block!important;white-space:normal!important;line-height:1.45!important;font-size:12px!important;color:#64748b!important;margin-top:7px!important;max-width:680px!important;}
.peripheral-mini-help b{color:var(--ccp-red)!important;}
.peripheral-layout{display:grid!important;gap:16px!important;}
.peripheral-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:16px!important;color:#111827!important;}
.peripheral-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:10px!important;}
.peripheral-head b{color:#111827!important;}.peripheral-head small{color:#64748b!important;}

/* ===== v23 ajustes finales solicitados ===== */
/* Inicio: logo PNG integrado al fondo, botones completos y estilo cercano al mockup aprobado */
.ccp-home-brand img{
  width:210px!important;
  height:auto!important;
  max-height:68px!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));
}
.ccp-home-header{height:88px!important;background:rgba(3,6,11,.62)!important;}
.ccp-home-main{max-width:1180px!important;padding-top:30px!important;}
.ccp-action-grid{max-width:1120px!important;gap:16px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ccp-action-card{
  min-height:168px!important;
  grid-template-columns:84px minmax(0,1fr) 40px!important;
  gap:16px!important;
  padding:22px 18px!important;
  border-radius:13px!important;
}
.ccp-action-icon{width:72px!important;height:72px!important;font-size:34px!important;}
.ccp-action-card h2{font-size:21px!important;margin:0 0 18px!important;word-break:normal!important;}
.ccp-action-card p{font-size:14px!important;padding-top:14px!important;line-height:1.35!important;}
.ccp-arrow{width:36px!important;height:36px!important;font-size:26px!important;align-self:end!important;margin-bottom:6px!important;}
.ccp-inventory-band{max-width:1120px!important;grid-template-columns:220px minmax(0,1fr) 300px!important;}
.ccp-inventory-btn{height:70px!important;min-width:0!important;white-space:nowrap!important;}
.ccp-inventory-btn b{line-height:1!important;}
.ccp-inventory-copy h2{font-size:27px!important;}
.ccp-inventory-visual span::before,.ccp-popup-icon::before{content:'▣';font-size:34px;color:#ff2934;}
.ccp-inventory-visual span,.ccp-popup-icon{font-size:0!important;}

/* Páginas públicas: incidencia, solicitud y correo con fondo más amigable y letras visibles */
.public-page.ticket-mobile-page,
.mail-request-page,
.inventory-web-page{
  background:
    radial-gradient(circle at 85% 10%,rgba(239,27,35,.10),transparent 30%),
    radial-gradient(circle at 12% 0%,rgba(0,0,0,.18),transparent 28%),
    linear-gradient(135deg,#151b24 0%,#232c38 34%,#f3f5f8 34%,#f7f8fa 100%)!important;
}
.public-card.ticket-public-card,
.mail-public-card,
.web-form-card,
.inventory-web-hero{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #dde3eb!important;
  border-top:4px solid #ef1b23!important;
  box-shadow:0 24px 60px rgba(15,23,42,.16)!important;
}
.ticket-public-card *, .mail-public-card *, .web-form-card *, .inventory-web-hero *{text-shadow:none!important;}
.ticket-public-card h1,.mail-public-card h1,.web-form-card h1,.inventory-web-hero h1,
.ticket-public-card h2,.mail-public-card h2,.web-form-card h2,.inventory-web-hero h2{color:#111827!important;}
.ticket-public-card p,.mail-public-card p,.web-form-card p,.inventory-web-hero p,
.ticket-public-card span,.mail-public-card span,.web-form-card span,.inventory-web-hero span{color:#475569;}
.mobile-section-title{color:#111827!important;background:transparent!important;}
.mobile-section-title span{color:#fff!important;background:#ef1b23!important;}
.ticket-type-banner strong{color:#ef1b23!important;}
.ticket-type-banner span{color:#475569!important;}
.form-group label,.form-grid label,.locked-grid label{color:#111827!important;}
.form-group input,.form-group select,.form-group textarea,
.mobile-ticket-form input,.mobile-ticket-form select,.mobile-ticket-form textarea,
.form-grid input,.form-grid select,.form-grid textarea,
.locked-grid input,.locked-grid select,.locked-grid textarea{
  background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important;
}
.form-group input::placeholder,.form-group textarea::placeholder,
.mobile-ticket-form input::placeholder,.mobile-ticket-form textarea::placeholder{color:#8794a6!important;}
.network-note,.compact-note,.capture-help{background:#fff7f7!important;color:#334155!important;}
.network-note strong,.compact-note strong,.capture-help strong{color:#111827!important;}
.network-note span,.compact-note span,.capture-help span{color:#475569!important;}
.upload-box strong{color:#111827!important;}.upload-box span,.upload-box small{color:#64748b!important;}

/* Login: restaurar diseño anterior azul/oscuro y quitar tema rojo del cambio anterior */
.login-futuristic,.login-split{
  background:radial-gradient(circle at 30% 12%,rgba(8,124,247,.22),transparent 30%),linear-gradient(135deg,#020815,#061327 55%,#020815)!important;
  color:#f4f8ff!important;
}
.login-info-brand img{width:230px!important;max-height:78px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important;padding:8px 12px!important;}
.hero-pill{border-color:rgba(9,215,239,.40)!important;background:rgba(8,124,247,.12)!important;color:#9ee8ff!important;}
.login-command-center h1{background:linear-gradient(180deg,#fff,#d9e8fb)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.login-feature-grid div,.login-glass-panel{background:rgba(5,17,33,.78)!important;border-color:#1b3859!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;}
.login-secure-badge{background:rgba(8,124,247,.14)!important;border:1px solid rgba(9,215,239,.34)!important;color:#9ee8ff!important;}
.login-panel input{background:#071528!important;border-color:#23415f!important;color:#eef6ff!important;}
.login-panel input:focus{border-color:#05cde9!important;box-shadow:0 0 0 4px rgba(0,207,239,.10)!important;}
.login-panel .btn.primary{background:linear-gradient(100deg,#05c4ef,#075bf3)!important;color:#fff!important;box-shadow:0 12px 32px rgba(0,120,255,.24)!important;}
.login-panel .back-link{color:#73d9ff!important;}

/* Panel: mantener/restaurar tema oscuro azul anterior */
:root{--admin-bg:#020a17;--admin-panel:#071426;--admin-card:#0a192d;--admin-line:#17324f;--admin-text:#f4f8ff;--admin-muted:#8ea4bf;--admin-blue:#087cf7;--admin-cyan:#09d7ef;}
.admin-app{background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327)!important;color:var(--admin-text)!important;}
.admin-sidebar{background:linear-gradient(180deg,#061326,#030b17)!important;border-right:1px solid var(--admin-line)!important;}
.admin-sidebar nav a span{color:#8fc7ff!important;}
.admin-sidebar nav a:hover{background:#0b2039!important;color:#fff!important;box-shadow:none!important;}
.admin-sidebar nav a.active{background:linear-gradient(90deg,#087cf7,#0656d8)!important;color:#fff!important;box-shadow:0 0 24px rgba(0,120,255,.3)!important;border-color:transparent!important;}
.admin-sidebar nav a.active span{color:#fff!important;}
.admin-profile{background:#06172a!important;border-color:#17324f!important;}
.admin-profile .avatar{background:linear-gradient(135deg,#09d7ef,#087cf7)!important;color:#00121f!important;}
.ccp-admin-brand img{background:#fff!important;border-radius:8px!important;padding:5px!important;box-shadow:none!important;}
.new-record,.admin-app .btn.primary{background:linear-gradient(100deg,#05c4ef,#075bf3)!important;color:#fff!important;box-shadow:0 8px 28px rgba(0,120,255,.20)!important;}
.filter-toggle,.admin-app .btn.ghost,.admin-app .btn.secondary{background:#09182a!important;color:#dce9f8!important;border:1px solid #25425f!important;}
.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{background:rgba(5,17,33,.78)!important;border:1px solid #1b3859!important;color:#e4edf9!important;}
.dark-table th{background:#07182c!important;color:#dbe8f7!important;border-bottom-color:#1b3859!important;}.dark-table td{background:transparent!important;color:#e4edf9!important;border-bottom-color:rgba(255,255,255,.07)!important;}
.dark-table tbody tr:hover{background:rgba(8,124,247,.08)!important;}
.kpi,.report-card{background:linear-gradient(135deg,#071426,#0a192d)!important;border-color:#1b3859!important;}
.kpi>b,.report-card i,.eyebrow,.panel-dark-title>a,.panel-dark-title>span{color:#09d7ef!important;}
.row-actions a,.row-actions button{background:#09182a!important;border-color:#25425f!important;color:#73d9ff!important;}
.dark-badge,.tag.principal{border-color:#25425f!important;background:rgba(8,124,247,.12)!important;color:#9ee8ff!important;}
.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea,.dark-form-grid input,.dark-form-grid select{background:#071528!important;color:#eef6ff!important;border:1px solid #23415f!important;}
.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus,.dark-form-grid input:focus,.dark-form-grid select:focus{border-color:#05cde9!important;box-shadow:0 0 0 3px rgba(0,207,239,.08)!important;}

@media(max-width:980px){
 .ccp-home-brand img{width:150px!important;max-width:58vw!important;}
 .ccp-action-grid{grid-template-columns:1fr!important;}
 .ccp-action-card{grid-template-columns:74px 1fr 38px!important;min-height:132px!important;}
 .ccp-action-card h2{font-size:20px!important;}
 .ccp-inventory-band{grid-template-columns:1fr!important;}
 .public-page.ticket-mobile-page,.mail-request-page,.inventory-web-page{background:linear-gradient(180deg,#151b24 0%,#232c38 24%,#f7f8fa 24%,#f7f8fa 100%)!important;}
}

/* ===== v24 ajustes finales: logo limpio, inventario visible, soporte WhatsApp ===== */
.ccp-home-brand img{
  width:188px!important;
  height:auto!important;
  max-height:74px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 7px 15px rgba(0,0,0,.58));
}
.ccp-home-header{height:92px!important;padding:18px 42px!important;}
.ccp-home-brand{gap:22px!important;}
.ccp-brand-separator{height:46px!important;background:rgba(255,255,255,.22)!important;}
.ccp-home-brand strong{color:#f8fafc!important;}
.ccp-home-brand span{color:#cbd5e1!important;}

/* Tarjeta de inventario del inicio con laptop TI */
.ccp-inventory-visual.laptop-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at center,rgba(239,27,35,.24),rgba(239,27,35,.08) 52%,rgba(255,255,255,.03) 100%)!important;
  border:1px solid rgba(239,27,35,.22)!important;
}
.ccp-inventory-visual.laptop-visual:before{
  content:"";position:absolute;inset:18%;background:linear-gradient(90deg,rgba(239,27,35,.55) 1px,transparent 1px),linear-gradient(0deg,rgba(239,27,35,.22) 1px,transparent 1px);background-size:16px 16px;opacity:.25;transform:skewX(-10deg);
}
.laptop-visual .laptop-screen{
  position:relative;z-index:1;width:92px;height:58px;border:3px solid #ff2b35;border-radius:8px;background:linear-gradient(145deg,rgba(12,18,28,.96),rgba(29,8,12,.9));box-shadow:0 0 24px rgba(239,27,35,.35), inset 0 0 28px rgba(239,27,35,.14);
}
.laptop-visual .laptop-screen:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border:2px solid #ff5861;border-radius:5px;box-shadow:0 0 14px rgba(239,27,35,.38);}
.laptop-visual .laptop-base{position:absolute;z-index:1;top:calc(50% + 36px);width:132px;height:14px;border-radius:0 0 14px 14px;background:linear-gradient(90deg,#32070b,#ff2b35,#32070b);box-shadow:0 0 18px rgba(239,27,35,.25);}
.ccp-inventory-visual span::before{content:none!important;}
.ccp-inventory-visual span{font-size:initial!important;}

/* Soporte WhatsApp en inicio */
.ccp-home-trust a.ccp-support-whatsapp{
  color:#fff!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important;justify-content:center!important;
}
.ccp-support-whatsapp b{color:#fff!important;}
.ccp-support-whatsapp span{color:#d7dee8!important;}
.ccp-support-whatsapp em{font-style:normal;color:#7CFFB2!important;font-size:12px;font-weight:800;margin-top:2px;}
.ccp-support-whatsapp:hover em{text-decoration:underline;}

/* Inventario web: quitar logo de la cabecera y mejorar legibilidad */
.inventory-web-header{
  background:linear-gradient(135deg,#111820 0%,#1f2834 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:24px 34px!important;
}
.inventory-web-brand.inventory-web-title-only{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  padding:13px 18px!important;
  min-width:280px!important;
  justify-content:flex-start!important;
}
.inventory-web-brand.inventory-web-title-only strong{color:#fff!important;font-size:22px!important;letter-spacing:.01em!important;}
.inventory-web-brand.inventory-web-title-only span{color:#d8e0ea!important;font-size:15px!important;}
.inventory-web-hero .hero-pill{color:#9a1b23!important;background:#fff3f4!important;border-color:#ffcdd2!important;}
.inventory-web-hero h1{color:#111827!important;}
.inventory-web-hero p{color:#4b5b6d!important;}
.inventory-web-hero, .web-form-card{background:#fff!important;color:#111827!important;}
.inventory-flow-steps div span{color:#334155!important;}
.section-title p,.section-title small{color:#526174!important;}
.capture-help{color:#334155!important;}
.capture-help *{color:inherit!important;}

/* Páginas de Incidencia/Solicitud/Correo: texto visible y fondo más amigable */
.public-page.ticket-mobile-page,.mail-request-page{
  background:linear-gradient(135deg,#141b24 0%,#242d39 30%,#f4f6f9 30%,#f8fafc 100%)!important;
}
.public-card.ticket-public-card,.mail-public-card{
  background:#fff!important;color:#111827!important;border-top:4px solid #ef1b23!important;
}
.public-card.ticket-public-card *,.mail-public-card *{text-shadow:none!important;}
.public-card.ticket-public-card h1,.public-card.ticket-public-card h2,.mail-public-card h1,.mail-public-card h2{color:#111827!important;}
.public-card.ticket-public-card p,.public-card.ticket-public-card span,.mail-public-card p,.mail-public-card span{color:#475569!important;}
.ticket-type-banner strong,.mobile-section-title{color:#111827!important;}
.mobile-section-title span{color:#fff!important;}
.form-group label{color:#111827!important;}

/* Login restaurado a azul/oscuro previo */
.login-futuristic,.login-split{
  background:radial-gradient(circle at 25% 12%,rgba(8,124,247,.20),transparent 30%),linear-gradient(135deg,#020815,#061327 55%,#020815)!important;
  color:#f4f8ff!important;
}
.login-futuristic .login-info-brand img,.login-split .login-info-brand img{
  width:230px!important;max-height:78px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important;padding:8px 12px!important;filter:none!important;
}
.login-futuristic .hero-pill,.login-split .hero-pill{border-color:rgba(9,215,239,.40)!important;background:rgba(8,124,247,.12)!important;color:#9ee8ff!important;}
.login-futuristic .login-glass-panel,.login-split .login-glass-panel,.login-feature-grid div{background:rgba(5,17,33,.78)!important;border-color:#1b3859!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;}
.login-secure-badge{background:rgba(8,124,247,.14)!important;border:1px solid rgba(9,215,239,.34)!important;color:#9ee8ff!important;}
.login-panel .btn.primary{background:linear-gradient(100deg,#05c4ef,#075bf3)!important;color:#fff!important;box-shadow:0 12px 32px rgba(0,120,255,.24)!important;}
.login-panel .back-link{color:#73d9ff!important;}

/* Panel administrador restaurado al azul/oscuro anterior */
.admin-app{background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327)!important;color:#f4f8ff!important;}
.admin-sidebar{background:linear-gradient(180deg,#061326,#030b17)!important;border-right:1px solid #17324f!important;}
.admin-sidebar nav a span{color:#8fc7ff!important;}
.admin-sidebar nav a:hover{background:#0b2039!important;color:#fff!important;box-shadow:none!important;}
.admin-sidebar nav a.active{background:linear-gradient(90deg,#087cf7,#0656d8)!important;color:#fff!important;box-shadow:0 0 24px rgba(0,120,255,.3)!important;border-color:transparent!important;}
.admin-profile{background:#06172a!important;border-color:#17324f!important;}.admin-profile .avatar{background:linear-gradient(135deg,#09d7ef,#087cf7)!important;color:#00121f!important;}
.new-record,.admin-app .btn.primary{background:linear-gradient(100deg,#05c4ef,#075bf3)!important;color:#fff!important;box-shadow:0 8px 28px rgba(0,120,255,.20)!important;}
.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{background:rgba(5,17,33,.78)!important;border:1px solid #1b3859!important;color:#e4edf9!important;}
.dark-table th{background:#07182c!important;color:#dbe8f7!important;border-bottom-color:#1b3859!important;}.dark-table td{background:transparent!important;color:#e4edf9!important;border-bottom-color:rgba(255,255,255,.07)!important;}
.dark-table tbody tr:hover{background:rgba(8,124,247,.08)!important;}
.kpi,.report-card{background:linear-gradient(135deg,#071426,#0a192d)!important;border-color:#1b3859!important;}.kpi>b,.report-card i,.eyebrow,.panel-dark-title>a,.panel-dark-title>span{color:#09d7ef!important;}

@media(max-width:980px){
 .ccp-home-brand img{width:138px!important;max-width:54vw!important;}
 .inventory-web-header{padding:16px 18px!important;gap:14px!important;}
 .inventory-web-brand.inventory-web-title-only{min-width:0!important;width:100%!important;}
}

/* Ajuste final solicitado: publico v24, login/panel v13 */
.ccp-home-red .ccp-home-brand img{
  width:190px!important;
  height:62px!important;
  max-width:42vw!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  background:#fff!important;
  border-radius:8px!important;
  padding:7px 12px!important;
  box-shadow:0 10px 32px rgba(0,0,0,.35)!important;
}
.success-card img{
  max-width:220px!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:10px!important;
  padding:8px 12px!important;
}
.login-split{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  align-items:stretch!important;
  background:radial-gradient(circle at 25% 12%,rgba(8,124,247,.20),transparent 30%),linear-gradient(135deg,#020815,#061327 55%,#020815)!important;
  color:#f4f8ff!important;
}
.login-info{
  padding:70px!important;
  background:linear-gradient(145deg,#1f5cff,#0e2f91)!important;
  position:relative!important;
  overflow:hidden!important;
}
.login-info:after{
  content:""!important;
  position:absolute!important;
  width:320px!important;
  height:320px!important;
  border:42px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  right:-110px!important;
  bottom:-110px!important;
}
.login-info-brand img{
  width:230px!important;
  max-height:86px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:8px 12px!important;
  image-rendering:auto!important;
  filter:none!important;
}
.login-info h1{
  color:#fff!important;
  font-size:42px!important;
  margin:80px 0 14px!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}
.login-info p{color:#dfe8ff!important;max-width:430px!important;line-height:1.55!important;}
.preview-card{
  margin-top:28px!important;
  max-width:430px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.08)!important;
}
.preview-card span{display:block!important;color:#edf5ff!important;font-weight:800!important;margin-bottom:14px!important;}
.preview-bars{display:grid!important;grid-template-columns:1.3fr .8fr 1fr .6fr!important;gap:8px!important;}
.preview-bars i{height:9px!important;border-radius:999px!important;background:#9ee8ff!important;opacity:.88!important;}
.preview-bars i:nth-child(1){height:50px!important;align-self:end!important;border-radius:999px!important;}
.preview-bars i:nth-child(2){height:84px!important;align-self:end!important;border-radius:999px!important;}
.preview-bars i:nth-child(3){height:66px!important;align-self:end!important;border-radius:999px!important;}
.preview-bars i:nth-child(4){height:106px!important;align-self:end!important;border-radius:999px!important;}
.login-panel{
  max-width:420px!important;
  width:100%!important;
  align-self:center!important;
  justify-self:center!important;
  padding:36px!important;
  background:rgba(5,17,33,.88)!important;
  border:1px solid #1b3859!important;
  border-radius:16px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.35)!important;
}
.login-panel h2{font-size:34px!important;margin:0 0 8px!important;color:#fff!important;}
.login-panel p{color:#9fb0c9!important;margin-bottom:28px!important;}
.login-panel label{color:#c9d6ea!important;font-weight:700!important;font-size:13px!important;display:block!important;margin:16px 0 8px!important;}
.login-panel input{
  width:100%!important;
  padding:15px 16px!important;
  border-radius:12px!important;
  border:1px solid #23415f!important;
  background:#071528!important;
  color:#eef6ff!important;
}
.login-panel input:focus{
  border-color:#05cde9!important;
  box-shadow:0 0 0 4px rgba(0,207,239,.10)!important;
  outline:none!important;
}
.login-panel .btn.primary{
  background:linear-gradient(100deg,#05c4ef,#075bf3)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 32px rgba(0,120,255,.24)!important;
}
.login-panel .back-link{color:#73d9ff!important;display:inline-block!important;margin-top:18px!important;}
.admin-app{
  background:radial-gradient(circle at 70% 0,rgba(0,111,255,.13),transparent 32%),linear-gradient(135deg,#020815,#061327)!important;
  color:#f4f8ff!important;
}
.admin-sidebar{
  background:linear-gradient(180deg,#061326,#030b17)!important;
  border-right:1px solid #17324f!important;
}
.admin-brand{display:flex!important;align-items:center!important;gap:12px!important;padding:0 10px 22px!important;}
.admin-brand b{color:#fff!important;font-size:14px!important;}
.admin-brand small{color:#8ea4bf!important;font-size:11px!important;margin-top:4px!important;}
.admin-sidebar nav a span{color:#8fc7ff!important;}
.admin-sidebar nav a:hover{
  background:#0b2039!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.admin-sidebar nav a.active{
  background:linear-gradient(90deg,#087cf7,#0656d8)!important;
  color:#fff!important;
  box-shadow:0 0 24px rgba(0,120,255,.3)!important;
  border-color:transparent!important;
}
.admin-sidebar nav a.active span{color:#fff!important;}
.admin-profile{background:#06172a!important;border-color:#17324f!important;}
.admin-profile .avatar{background:linear-gradient(135deg,#09d7ef,#087cf7)!important;color:#00121f!important;}
.new-record,.admin-app .btn.primary,.dark-form-actions button{
  background:linear-gradient(100deg,#05c4ef,#075bf3)!important;
  color:#fff!important;
  box-shadow:0 8px 28px rgba(0,120,255,.20)!important;
}
.filter-toggle,.admin-app .btn.ghost,.admin-app .btn.secondary,.filter-row select,.filter-row button,.filter-row a{
  background:#09182a!important;
  color:#dce9f8!important;
  border:1px solid #25425f!important;
}
.admin-search{background:#061224!important;color:#dce9f8!important;border:1px solid #21405f!important;}
.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{
  background:rgba(5,17,33,.78)!important;
  border:1px solid #1b3859!important;
  color:#e4edf9!important;
}
.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea,.dark-form-grid input,.dark-form-grid select{
  background:#071528!important;
  color:#eef6ff!important;
  border:1px solid #23415f!important;
}
.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus,.dark-form-grid input:focus,.dark-form-grid select:focus{
  border-color:#05cde9!important;
  box-shadow:0 0 0 3px rgba(0,207,239,.08)!important;
}
.report-card,.report-card.blue,.report-card.amber,.report-card.emerald,.report-card.violet,.report-card.cyan,.report-card.rose,.kpi,.kpi.purple,.kpi.green,.kpi.orange{
  background:linear-gradient(135deg,#09213b,#071426)!important;
  border:1px solid #1b3859!important;
  color:#f4f8ff!important;
}
.report-card strong,.kpi>strong{color:#fff!important;}
.report-card i,.kpi>b,.eyebrow,.panel-dark-title>a,.panel-dark-title>span{color:#09d7ef!important;}
.dark-badge,.tag.principal{border-color:#25425f!important;background:rgba(8,124,247,.12)!important;color:#9ee8ff!important;}
@media(max-width:900px){
  .login-split{grid-template-columns:1fr!important;}
  .login-info{padding:38px 24px!important;}
  .login-info h1{font-size:34px!important;margin:40px 0 12px!important;}
}

/* Logo oficial nítido CCP en panel y encuesta */
.admin-logo-img {
    width: 64px;
    min-width: 64px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(0, 0, 0, .18);
}
.admin-logo-img img {
    width: 100%;
    height: auto;
    display: block;
}
.satisfaction-logo {
    width: 158px;
    margin: 0 auto 16px auto;
}
.satisfaction-logo img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== AJUSTES CCP: logo integrado, enumeraciones blancas y panel más colorido ===== */

.ccp-home-brand.ccp-brand-lockup{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px 18px;
  box-shadow:0 16px 44px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.035);
}
.ccp-brand-mark{width:86px;height:54px;display:grid;place-items:center;overflow:hidden;}
.ccp-brand-mark img{width:108px;max-height:68px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(239,24,39,.28));}
.ccp-brand-copy strong{display:block;color:#fff;font-size:18px;letter-spacing:.03em;text-transform:uppercase;line-height:1.05;}
.ccp-brand-copy em{display:block;color:#ff3146;font-style:normal;font-weight:900;font-size:12px;margin-top:5px;text-transform:uppercase;letter-spacing:.08em;}
.ccp-brand-copy span{display:block;color:#dbe7f6;font-size:13px;margin-top:2px;}
.ccp-brand-separator{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.18),transparent)!important;}

.login-info-brand.login-brand-lockup{display:flex!important;align-items:center;gap:16px;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px 18px;max-width:420px;box-shadow:0 16px 46px rgba(0,0,0,.28)}
.login-info-brand.login-brand-lockup span{width:90px;height:58px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;}
.login-info-brand.login-brand-lockup img{width:116px;max-height:72px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(239,24,39,.34));}
.login-info-brand.login-brand-lockup strong{display:block;color:#fff;text-transform:uppercase;font-size:19px;line-height:1.1;letter-spacing:.03em;}
.login-info-brand.login-brand-lockup small{display:block;color:#f4b4bd;font-weight:700;margin-top:4px;}

.admin-brand{align-items:center!important;gap:10px!important;padding-bottom:18px!important;}
.admin-logo-img{width:48px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09);overflow:hidden;flex:0 0 auto;}
.admin-logo-img img{width:72px!important;height:auto!important;max-height:45px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(239,24,39,.3));}
.admin-brand b{font-size:13px!important;color:#fff!important;text-transform:uppercase;line-height:1.1;}
.admin-brand small{color:#ffb3bd!important;font-weight:800!important;}

.mobile-section-title span,
.ticket-mobile-page .mobile-section-title>span,
.mail-request-page .mobile-section-title>span{
  background:linear-gradient(135deg,#ff2638,#b40011)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 8px 20px rgba(239,24,39,.28);
}
.mobile-section-title{color:#0f172a!important;}
.ticket-mobile-page .public-card{border-top:3px solid #ef1827!important;}
.ticket-type-banner.incident{background:linear-gradient(135deg,rgba(239,24,39,.14),rgba(15,23,42,.04))!important;border-color:rgba(239,24,39,.30)!important;}
.ticket-type-banner.request{background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(15,23,42,.04))!important;border-color:rgba(220,38,38,.26)!important;}

.inventory-web-page{background:radial-gradient(circle at top left,rgba(239,24,39,.22),transparent 30%),linear-gradient(135deg,#090914,#12050a 48%,#040508)!important;}
.inventory-web-hero{background:linear-gradient(135deg,rgba(239,24,39,.18),rgba(90,10,20,.25))!important;border-color:rgba(239,24,39,.28)!important;}
.inventory-flow-steps b,
.inventory-flow-steps .active b,
.inventory-flow-steps .done b,
.section-title>span{
  background:linear-gradient(135deg,#ff2638,#b40011)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 8px 22px rgba(239,24,39,.24);
}
.section-title h2{color:#fff!important;}
.section-title p{color:#ffd8dd!important;}
.web-form-card{background:linear-gradient(145deg,rgba(22,8,14,.96),rgba(8,16,31,.94))!important;border-color:rgba(239,24,39,.22)!important;}
.inventory-web-form input:focus,.inventory-web-form select:focus{border-color:#ef1827!important;box-shadow:0 0 0 3px rgba(239,24,39,.14)!important;}

.admin-app{background:radial-gradient(circle at 76% 0,rgba(239,24,39,.18),transparent 32%),radial-gradient(circle at 18% 20%,rgba(8,124,247,.12),transparent 30%),linear-gradient(135deg,#040711,#12050a 50%,#03060d)!important;}
.admin-sidebar{background:linear-gradient(180deg,#13050a,#050711 70%)!important;border-right-color:rgba(239,24,39,.22)!important;}
.admin-sidebar nav a span{border-radius:9px;padding:4px 0;background:rgba(255,255,255,.055);}
.admin-sidebar nav a:nth-child(1) span{color:#38bdf8}.admin-sidebar nav a:nth-child(2) span{color:#a78bfa}.admin-sidebar nav a:nth-child(3) span{color:#f59e0b}.admin-sidebar nav a:nth-child(4) span{color:#34d399}.admin-sidebar nav a:nth-child(5) span{color:#60a5fa}.admin-sidebar nav a:nth-child(6) span{color:#fb7185}.admin-sidebar nav a:nth-child(7) span{color:#f472b6}
.admin-sidebar nav a.active{background:linear-gradient(90deg,#ef1827,#8f0712)!important;box-shadow:0 0 24px rgba(239,24,39,.28)!important;}
.new-record{background:linear-gradient(110deg,#ef1827,#9f0713)!important;box-shadow:0 8px 28px rgba(239,24,39,.28)!important;}
.filter-toggle{border-color:rgba(239,24,39,.25)!important;background:#150b13!important;}
.admin-search{border-color:rgba(239,24,39,.25)!important;background:#100b14!important;}
.report-card{border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.025);overflow:hidden;}
.report-card:before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:rgba(255,255,255,.22)}
.report-card.cyan{background:linear-gradient(135deg,#06384a,#087a8f)!important}.report-card.cyan i{color:#67e8f9!important}
.report-card.violet{background:linear-gradient(135deg,#251052,#6d28d9)!important}.report-card.violet i{color:#c084fc!important}
.report-card.emerald{background:linear-gradient(135deg,#063928,#047857)!important}.report-card.emerald i{color:#6ee7b7!important}
.report-card.amber{background:linear-gradient(135deg,#4a2708,#b45309)!important}.report-card.amber i{color:#fcd34d!important}
.report-card.blue{background:linear-gradient(135deg,#082b66,#2563eb)!important}.report-card.blue i{color:#93c5fd!important}
.report-card.rose{background:linear-gradient(135deg,#4a0d22,#be123c)!important}.report-card.rose i{color:#fda4af!important}
.report-card strong{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.row-actions a.view,.row-actions .view{color:#7dd3fc!important;border-color:rgba(125,211,252,.35)!important;background:rgba(14,116,144,.18)!important;}
.row-actions a.edit,.row-actions .edit{color:#93c5fd!important;border-color:rgba(147,197,253,.35)!important;background:rgba(37,99,235,.18)!important;}
.row-actions .delete{color:#fda4af!important;border-color:rgba(248,113,113,.35)!important;background:rgba(190,18,60,.18)!important;}
.dark-badge.priority{background:linear-gradient(135deg,#4a2708,#92400e)!important;color:#fde68a!important;}
.dark-badge.state{background:linear-gradient(135deg,#063928,#047857)!important;color:#bbf7d0!important;}
.admin-app .btn.primary{background:linear-gradient(100deg,#ef1827,#9f0713)!important;}
.chart-panel,.recent-panel,.inventory-shell,.report-shell,.inventory-table-card{border-color:rgba(239,24,39,.18)!important;background:linear-gradient(145deg,rgba(10,18,32,.92),rgba(18,7,13,.88))!important;}

@media(max-width:760px){
  .ccp-home-brand.ccp-brand-lockup{padding:10px 12px;gap:10px;}
  .ccp-brand-mark{width:70px;height:45px}.ccp-brand-mark img{width:92px;}
  .ccp-brand-copy strong{font-size:14px}.ccp-brand-copy em{font-size:10px}.ccp-brand-copy span{font-size:12px;}
  .login-info-brand.login-brand-lockup{align-items:flex-start;}
}

/* ===== FIX FINAL: logos sin recorte, inventario legible y panel sin logo ===== */
:root{--ccp-red:#ef1827;--ccp-red-dark:#9f0713;--ccp-ink:#0f172a;}

/* Todos los logos usan PNG transparente y se ajustan al cuadro sin fondo blanco */
.ccp-home-brand img,
.login-info-brand img,
.satisfaction-logo img,
.success-card img,
.inventory-web-brand img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.30))!important;
  image-rendering:auto!important;
}
.ccp-brand-mark{width:122px!important;height:76px!important;min-width:122px!important;overflow:visible!important;display:grid!important;place-items:center!important;}
.ccp-home-brand.ccp-brand-lockup{align-items:center!important;gap:16px!important;padding:12px 18px!important;overflow:visible!important;}
.ccp-brand-copy strong{color:#fff!important;font-size:19px!important;text-transform:uppercase!important;line-height:1.08!important;}
.ccp-brand-copy em{color:#ff4856!important;font-size:12px!important;text-transform:uppercase!important;font-style:normal!important;font-weight:900!important;}
.ccp-brand-copy span{color:#d8e2ee!important;font-size:13px!important;}
.login-info-brand.login-brand-lockup span{width:128px!important;height:78px!important;min-width:128px!important;overflow:visible!important;display:grid!important;place-items:center!important;}
.login-info-brand.login-brand-lockup{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:12px 16px!important;overflow:visible!important;}
.satisfaction-logo{width:190px!important;height:105px!important;display:grid!important;place-items:center!important;}
.success-card img{height:auto!important;max-height:110px!important;}

/* Panel: quitar logo, dejar título limpio */
.admin-brand-no-logo{padding:10px 12px 22px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:8px!important;}
.admin-brand-no-logo b{font-size:15px!important;letter-spacing:.02em!important;color:#fff!important;}
.admin-brand-no-logo small{font-size:12px!important;color:#ffb4bd!important;}
.admin-logo-img{display:none!important;}

/* Inventario web con el mismo estilo base de incidencias: fondo claro y letras visibles */
.inventory-web-page{
  background:linear-gradient(180deg,#151b24 0%,#232c38 24%,#f7f8fa 24%,#f7f8fa 100%)!important;
  color:#111827!important;
}
.inventory-web-header{background:transparent!important;}
.inventory-web-brand.inventory-web-title-only strong{color:#fff!important;}
.inventory-web-brand.inventory-web-title-only span{color:#d5deeb!important;}
.inventory-web-hero{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  color:#111827!important;
  box-shadow:0 18px 48px rgba(15,23,42,.10)!important;
}
.inventory-web-hero h1{color:#111827!important;}
.inventory-web-hero p{color:#475569!important;}
.inventory-flow-steps div{background:#fff!important;color:#111827!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;}
.inventory-flow-steps div span{color:#334155!important;}
.inventory-flow-steps b,.inventory-flow-steps .active b,.inventory-flow-steps .done b,.section-title>span{
  background:linear-gradient(135deg,var(--ccp-red),var(--ccp-red-dark))!important;
  color:#fff!important;
  border:0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
.web-form-card,.submit-sticky{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  color:#111827!important;
  box-shadow:0 16px 44px rgba(15,23,42,.08)!important;
}
.section-title h2{color:#111827!important;}
.section-title p,.section-title small{color:#526174!important;}
.inventory-web-form label,.form-grid label,.locked-grid label{color:#1f2937!important;}
.inventory-web-form input,.inventory-web-form select,.inventory-web-form textarea,.form-grid input,.form-grid select,.locked-grid input,.locked-grid select{
  background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important;
}
.inventory-web-form input:focus,.inventory-web-form select:focus,.inventory-web-form textarea:focus{
  border-color:var(--ccp-red)!important;box-shadow:0 0 0 4px rgba(239,24,39,.12)!important;
}
.capture-help,.peripheral-box{background:#fff7f8!important;border-color:#fecdd3!important;color:#334155!important;}

/* Enumeraciones de incidencias/solicitudes/correo: número blanco visible */
.mobile-section-title span,
.ticket-mobile-page .mobile-section-title>span,
.mail-request-page .mobile-section-title>span,
.public-page .mobile-section-title>span{
  color:#fff!important;background:linear-gradient(135deg,var(--ccp-red),var(--ccp-red-dark))!important;border:0!important;
}

/* Panel más colorido y con fondos que combinan */
.admin-app{background:radial-gradient(circle at 80% 0,rgba(239,24,39,.16),transparent 30%),radial-gradient(circle at 18% 22%,rgba(14,165,233,.13),transparent 32%),linear-gradient(135deg,#030712,#0f172a 55%,#12050a)!important;}
.admin-sidebar{background:linear-gradient(180deg,#10060b,#06111f 70%,#030712)!important;border-right:1px solid rgba(239,24,39,.22)!important;}
.admin-sidebar nav a span{background:rgba(255,255,255,.06)!important;border-radius:9px!important;color:#fff!important;}
.admin-sidebar nav a:nth-child(1) span{color:#38bdf8!important}.admin-sidebar nav a:nth-child(2) span{color:#c084fc!important}.admin-sidebar nav a:nth-child(3) span{color:#fbbf24!important}.admin-sidebar nav a:nth-child(4) span{color:#34d399!important}.admin-sidebar nav a:nth-child(5) span{color:#60a5fa!important}.admin-sidebar nav a:nth-child(6) span{color:#fb7185!important}.admin-sidebar nav a:nth-child(7) span{color:#f472b6!important}
.admin-sidebar nav a.active{background:linear-gradient(90deg,var(--ccp-red),var(--ccp-red-dark))!important;box-shadow:0 0 24px rgba(239,24,39,.30)!important;}
.inventory-shell,.report-shell,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{background:linear-gradient(145deg,rgba(8,15,28,.94),rgba(18,7,13,.90))!important;border-color:rgba(255,255,255,.10)!important;}
.report-card,.kpi{border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important;}
.report-card:nth-child(6n+1),.kpi:nth-child(6n+1){background:linear-gradient(135deg,#082f49,#0284c7)!important;}
.report-card:nth-child(6n+2),.kpi:nth-child(6n+2){background:linear-gradient(135deg,#3b0764,#7e22ce)!important;}
.report-card:nth-child(6n+3),.kpi:nth-child(6n+3){background:linear-gradient(135deg,#064e3b,#059669)!important;}
.report-card:nth-child(6n+4),.kpi:nth-child(6n+4){background:linear-gradient(135deg,#7f1d1d,#dc2626)!important;}
.report-card:nth-child(6n+5),.kpi:nth-child(6n+5){background:linear-gradient(135deg,#78350f,#d97706)!important;}
.report-card:nth-child(6n+6),.kpi:nth-child(6n+6){background:linear-gradient(135deg,#172554,#2563eb)!important;}
.report-card span,.report-card small,.kpi span,.kpi small{color:rgba(255,255,255,.82)!important;}
.report-card strong,.kpi strong{color:#fff!important;}
.report-card i,.kpi>b{color:#fff!important;opacity:.9!important;}
.new-record,.admin-app .btn.primary,.dark-form-actions button{background:linear-gradient(100deg,var(--ccp-red),var(--ccp-red-dark))!important;color:#fff!important;box-shadow:0 10px 28px rgba(239,24,39,.26)!important;}
.row-actions a,.row-actions button{border-radius:9px!important;}
.row-actions a.edit,.row-actions .edit{background:rgba(37,99,235,.18)!important;border-color:rgba(147,197,253,.35)!important;color:#93c5fd!important;}
.row-actions .delete{background:rgba(190,18,60,.18)!important;border-color:rgba(248,113,113,.35)!important;color:#fda4af!important;}

@media(max-width:760px){
  .ccp-brand-mark{width:96px!important;height:60px!important;min-width:96px!important;}
  .ccp-brand-copy strong{font-size:15px!important;}
  .login-info-brand.login-brand-lockup span{width:108px!important;height:66px!important;min-width:108px!important;}
  .inventory-flow-steps{grid-template-columns:1fr!important;}
}


/* ===== NO LOGO GLOBAL: solicitado por usuario ===== */
.ccp-brand-mark,
.company-logo-mark,
.brand-logo-img,
.admin-logo-img,
.satisfaction-logo,
.logo img[src*="logo"],
.inventory-web-brand img {
  display: none !important;
  visibility: hidden !important;
}
.ccp-home-brand,
.login-info-brand,
.inventory-web-brand,
.admin-brand-no-logo {
  gap: 0 !important;
}
.ccp-brand-separator { display: none !important; }
.ccp-brand-copy { padding-left: 0 !important; }

/* ===== FIX FINAL: logo solo en inicio + panel con mejor contraste ===== */
.ccp-home-header .only-logo-home{
  min-width: 0 !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}
.ccp-home-header .only-logo-home img{
  display:block !important;
  width: clamp(118px, 14vw, 178px) !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.45));
}
.ccp-home-header .ccp-brand-copy,
.login-info-brand img,
.tech-brand img,
.inventory-web-brand img,
.ccp-admin-brand img,
.admin-brand img,
.hex-logo,
.company-logo-mark,
.brand-logo-img,
.logo img,
.logo,
img[src*="logo_ccp"],
img[src*="logo_inicio_ccp"]:not(.ccp-home-header img){
  display:none !important;
}

/* Panel: fondo más limpio, contraste alto y tarjetas por color */
.admin-app{
  background:
    radial-gradient(circle at 8% 0%, rgba(220,38,38,.16), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(37,99,235,.13), transparent 30%),
    linear-gradient(135deg,#05070c 0%,#0a111c 48%,#070a11 100%) !important;
  color:#f8fafc !important;
}
.admin-main{background:transparent !important;}
.admin-sidebar{
  background:linear-gradient(180deg,rgba(4,7,13,.98),rgba(10,15,24,.96)) !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  box-shadow:18px 0 60px rgba(0,0,0,.32) !important;
}
.admin-brand-no-logo{padding:6px 10px 24px !important;}
.admin-brand-no-logo b{font-size:18px !important;color:#fff !important;letter-spacing:.2px;}
.admin-brand-no-logo small{color:#ffb4b8 !important;font-size:12px !important;}
.admin-sidebar nav a{
  color:#e5e7eb !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  margin-bottom:9px !important;
}
.admin-sidebar nav a span{
  width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;
  color:#fff !important;background:linear-gradient(135deg,#dc2626,#991b1b) !important;
  box-shadow:0 8px 22px rgba(220,38,38,.24);
}
.admin-sidebar nav a:nth-child(2) span{background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;box-shadow:0 8px 22px rgba(37,99,235,.24)}
.admin-sidebar nav a:nth-child(3) span{background:linear-gradient(135deg,#f59e0b,#b45309) !important;box-shadow:0 8px 22px rgba(245,158,11,.24)}
.admin-sidebar nav a:nth-child(4) span{background:linear-gradient(135deg,#16a34a,#15803d) !important;box-shadow:0 8px 22px rgba(22,163,74,.24)}
.admin-sidebar nav a:nth-child(5) span{background:linear-gradient(135deg,#06b6d4,#0e7490) !important;box-shadow:0 8px 22px rgba(6,182,212,.24)}
.admin-sidebar nav a:nth-child(6) span{background:linear-gradient(135deg,#ef4444,#b91c1c) !important;box-shadow:0 8px 22px rgba(239,68,68,.24)}
.admin-sidebar nav a:nth-child(7) span{background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important;box-shadow:0 8px 22px rgba(139,92,246,.24)}
.admin-sidebar nav a.active,
.admin-sidebar nav a:hover{
  background:linear-gradient(90deg,rgba(220,38,38,.22),rgba(255,255,255,.055)) !important;
  border-color:rgba(248,113,113,.45) !important;
  color:#fff !important;
}
.inventory-shell,.report-shell,.dark-form-shell,.inventory-table-card,.chart-panel,.recent-panel{
  background:rgba(8,13,22,.90) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.38) !important;
  color:#f8fafc !important;
}
.inventory-heading h1,.report-title h1,.panel-dark-title h2,.dark-form-shell h1,.dark-form-shell h2{color:#fff !important;}
.inventory-heading p,.report-title p,.panel-dark-title p,.cell-sub,.table-footer,.empty-state{color:#cbd5e1 !important;}
.dark-table{color:#f8fafc !important;}
.dark-table th{
  background:#101827 !important;color:#ffffff !important;border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.dark-table td{color:#edf2f7 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.dark-table tbody tr:hover{background:rgba(248,113,113,.08) !important;}
.admin-search,.filter-toggle,.filter-row select,.filter-row input,.filter-row button,.filter-row a,
.dark-form-grid input,.dark-form-grid select,.dark-form-grid textarea{
  background:#0d1522 !important;color:#ffffff !important;border-color:rgba(255,255,255,.16) !important;
}
.admin-search input{color:#fff !important;}
.admin-search input::placeholder,.dark-form-grid input::placeholder{color:#94a3b8 !important;}
.new-record,.dark-form-actions button,.filter-row button{
  background:linear-gradient(135deg,#dc2626,#ef4444) !important;color:#fff !important;border:0 !important;
  box-shadow:0 12px 30px rgba(220,38,38,.24) !important;
}
.report-card,.kpi{
  color:#fff !important;border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}
.report-card.cyan,.kpi.cyan{background:linear-gradient(135deg,rgba(8,145,178,.95),rgba(14,116,144,.72)) !important;}
.report-card.violet,.kpi.purple{background:linear-gradient(135deg,rgba(124,58,237,.95),rgba(76,29,149,.72)) !important;}
.report-card.emerald,.kpi.green{background:linear-gradient(135deg,rgba(22,163,74,.95),rgba(21,128,61,.72)) !important;}
.report-card.amber,.kpi.orange{background:linear-gradient(135deg,rgba(217,119,6,.96),rgba(146,64,14,.76)) !important;}
.report-card.blue{background:linear-gradient(135deg,rgba(37,99,235,.96),rgba(30,64,175,.74)) !important;}
.report-card.rose{background:linear-gradient(135deg,rgba(225,29,72,.96),rgba(159,18,57,.74)) !important;}
.report-card span,.report-card small,.kpi span,.kpi small{color:rgba(255,255,255,.90) !important;}
.report-card strong,.kpi strong{color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,.25) !important;}
.report-card i{
  background:rgba(255,255,255,.18) !important;color:#fff !important;border:1px solid rgba(255,255,255,.22) !important;
}
.dark-badge,.tag,.worker-status,.readonly-pill{
  color:#fff !important;border-color:rgba(255,255,255,.18) !important;background:rgba(255,255,255,.10) !important;
}
.row-actions a,.row-actions button,.pagination a{
  background:#111827 !important;color:#ffffff !important;border-color:rgba(255,255,255,.16) !important;
}
.pagination a.active,.row-actions a:hover,.row-actions button:hover{background:#dc2626 !important;color:#fff !important;}
@media (max-width:700px){.ccp-home-header .only-logo-home img{width:120px !important;max-height:48px !important}.ccp-home-header{padding-left:18px !important;padding-right:18px !important}}

/* =========================================================
   REDISEÑO FINAL SOLICITADO - estilo referencia Gestión TI
   Solo afecta: inicio, login y panel administrativo.
   ========================================================= */
:root{--ccp-red:#ef1b23;--ccp-red2:#b6040d;--ccp-bg:#05070a;--ccp-card:#0c1118;--ccp-line:rgba(255,255,255,.13);--ccp-text:#f8fafc;--ccp-muted:#aeb6c2;}
.ccp-home-red{min-height:100vh!important;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.035),transparent 34%),radial-gradient(circle at 17% 36%,rgba(239,27,35,.10),transparent 25%),radial-gradient(circle at 88% 28%,rgba(239,27,35,.13),transparent 24%),linear-gradient(135deg,#020304 0%,#071014 48%,#020304 100%)!important;color:var(--ccp-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.ccp-home-red:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 6%,rgba(239,27,35,.20) 6.2%,transparent 6.8% 100%),linear-gradient(90deg,rgba(239,27,35,.13) 1px,transparent 1px),linear-gradient(0deg,rgba(239,27,35,.06) 1px,transparent 1px)!important;background-size:260px 180px,90px 90px,90px 90px!important;mask-image:linear-gradient(90deg,black,transparent 48%,black)!important;opacity:.42!important;}
.ccp-tech-lines{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 24%,rgba(239,27,35,.22),transparent 2px),radial-gradient(circle at 78% 31%,rgba(239,27,35,.22),transparent 2px),radial-gradient(circle at 25% 36%,rgba(239,27,35,.16),transparent 2px),linear-gradient(135deg,transparent 0 45%,rgba(239,27,35,.12) 45.2%,transparent 45.8%)!important;opacity:.8!important;}
.ccp-home-header{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:22px 44px 10px!important;max-width:1380px!important;margin:0 auto!important;}
.ccp-home-brand{width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.ccp-home-brand img{display:block!important;width:185px!important;max-height:70px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(239,27,35,.22));}
.ccp-login-btn{border:1px solid var(--ccp-red)!important;border-radius:8px!important;color:#fff!important;background:rgba(10,12,16,.74)!important;box-shadow:0 0 20px rgba(239,27,35,.18)!important;padding:13px 23px!important;text-transform:none!important;font-weight:700!important;}
.ccp-home-main{position:relative;z-index:2;max-width:1260px!important;margin:0 auto!important;padding:20px 34px 0!important;}
.ccp-hero-clean{text-align:center!important;margin:15px 0 28px!important;}.ccp-hero-clean span{font-size:25px!important;color:#d5dae2!important}.ccp-hero-clean h1{margin:4px 0 12px!important;font-size:70px!important;letter-spacing:-.05em!important;color:#fff!important;text-shadow:0 4px 30px rgba(0,0,0,.45)!important}.ccp-hero-clean h1 b{color:var(--ccp-red)!important}.ccp-hero-clean p{color:#d1d5db!important;font-size:18px!important;line-height:1.35!important;}
.ccp-action-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin:0 auto 28px!important;}.ccp-action-card{position:relative!important;min-height:188px!important;border:1px solid var(--ccp-line)!important;background:linear-gradient(145deg,rgba(17,23,29,.92),rgba(7,10,14,.90))!important;border-radius:10px!important;padding:28px 28px 22px!important;color:#fff!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;display:grid!important;grid-template-columns:74px 1fr!important;gap:20px!important;align-items:start!important;}.ccp-action-card:hover{border-color:rgba(239,27,35,.62)!important;box-shadow:0 0 35px rgba(239,27,35,.16)!important;transform:translateY(-2px)!important}.ccp-action-card h2{font-size:22px!important;line-height:1.25!important;text-transform:uppercase!important;color:#fff!important;margin:7px 0 18px!important}.ccp-action-card h2 b{display:block!important;color:var(--ccp-red)!important}.ccp-action-card p{grid-column:1/3!important;color:#d1d5db!important;font-size:14px!important;max-width:230px!important}.ccp-action-icon{width:74px!important;height:74px!important;border:1px solid var(--ccp-red)!important;background:linear-gradient(145deg,#161b22,#080b0f)!important;border-radius:7px!important;color:#fff!important;box-shadow:inset 0 0 22px rgba(255,255,255,.05),0 0 20px rgba(239,27,35,.13)!important}.ccp-action-icon span{color:#fff!important;font-size:34px!important;text-shadow:0 0 10px rgba(239,27,35,.5)!important}.ccp-arrow{position:absolute!important;right:24px!important;bottom:22px!important;width:37px!important;height:37px!important;border:1px solid var(--ccp-red)!important;border-radius:6px!important;display:grid!important;place-items:center!important;color:var(--ccp-red)!important;font-size:26px!important;background:rgba(239,27,35,.04)!important;}
.ccp-inventory-band{display:grid!important;grid-template-columns:260px 1fr 330px!important;align-items:center!important;gap:28px!important;border:1px solid var(--ccp-line)!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(15,20,26,.94),rgba(7,10,13,.92))!important;box-shadow:0 25px 80px rgba(0,0,0,.3)!important;padding:30px 36px!important;}.ccp-inventory-copy span{color:var(--ccp-red)!important;font-weight:900!important;text-transform:uppercase!important}.ccp-inventory-copy h2{font-size:31px!important;color:#fff!important;margin:12px 0!important}.ccp-inventory-copy p{color:#d5dae2!important}.ccp-inventory-btn{height:70px!important;border:1px solid var(--ccp-red)!important;border-radius:9px!important;background:rgba(239,27,35,.06)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:0 0 28px rgba(239,27,35,.12)!important}.ccp-inventory-btn b{color:var(--ccp-red)!important;font-size:26px!important}.laptop-visual{filter:drop-shadow(0 0 26px rgba(239,27,35,.32))!important;}
.ccp-home-trust{border-top:0!important;margin:28px auto 0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important}.ccp-home-trust>div,.ccp-home-trust>a{border-left:1px solid rgba(255,255,255,.12)!important;padding:18px 32px!important;color:#fff!important;text-decoration:none!important}.ccp-home-trust b{color:#fff!important}.ccp-home-trust span{color:#b8c0cc!important}.ccp-home-footer{position:relative!important;z-index:2;border-top:1px solid rgba(255,255,255,.1)!important;color:#aeb6c2!important;text-align:center!important;padding:22px!important}.ccp-home-footer::first-letter{color:var(--ccp-red)!important;}

.ccp-login-page{min-height:100vh;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 22% 48%,rgba(239,27,35,.16),transparent 28%),radial-gradient(circle at 80% 48%,rgba(239,27,35,.14),transparent 28%),linear-gradient(135deg,#020304 0%,#080c10 55%,#020304 100%);position:relative;overflow:hidden;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;}.ccp-login-page:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,27,35,.10) 1px,transparent 1px),linear-gradient(0deg,rgba(239,27,35,.06) 1px,transparent 1px);background-size:82px 82px;opacity:.35;mask-image:radial-gradient(circle at center,black,transparent 72%)}.ccp-login-page:after{content:"";position:absolute;right:7%;top:24%;width:250px;height:180px;border:1px solid rgba(239,27,35,.35);transform:skew(-12deg);box-shadow:0 0 45px rgba(239,27,35,.10);opacity:.55}.ccp-login-card{position:relative;z-index:1;width:min(540px,94vw);border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(17,23,29,.94),rgba(8,11,15,.96));border-radius:10px;box-shadow:0 32px 90px rgba(0,0,0,.45);padding:54px 62px 38px;text-align:center}.ccp-login-logo{width:185px;height:auto;object-fit:contain;margin:0 auto 24px;display:block;filter:drop-shadow(0 0 12px rgba(239,27,35,.25));}.ccp-login-card h1{font-size:26px;color:#fff;margin:0 0 8px}.ccp-login-card p{color:#c5cad3;margin:0 0 26px}.ccp-login-input{height:52px;border:1px solid rgba(255,255,255,.16);background:#0c1118;border-radius:6px;display:flex;align-items:center;gap:12px;padding:0 16px;margin:14px 0;color:#d7dce5}.ccp-login-input input{flex:1;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;padding:0!important;height:100%;font-size:14px}.ccp-login-input input::placeholder{color:#b8bec8}.ccp-login-input:focus-within{border-color:var(--ccp-red);box-shadow:0 0 0 4px rgba(239,27,35,.10)}.ccp-login-submit{width:100%;height:54px;margin-top:12px;border:0;border-radius:6px;background:linear-gradient(135deg,#d50711,#ff1e28);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 14px 30px rgba(239,27,35,.24);cursor:pointer}.ccp-forgot{display:inline-block;margin-top:22px;color:#d1d5db;text-decoration:none;font-size:13px}.ccp-forgot:hover{color:#ff5961}

.admin-app{min-height:100vh!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;background:linear-gradient(135deg,#020304 0%,#071014 60%,#020304 100%)!important;color:#f8fafc!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}.admin-app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 10%,rgba(239,27,35,.11),transparent 28%),radial-gradient(circle at 25% 44%,rgba(255,255,255,.035),transparent 24%),linear-gradient(90deg,rgba(239,27,35,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,86px 86px,86px 86px;opacity:.9}.admin-sidebar{position:relative;z-index:1;background:linear-gradient(180deg,rgba(8,13,18,.98),rgba(5,8,12,.98))!important;border-right:1px solid rgba(255,255,255,.10)!important;padding:18px 14px!important;}.ccp-admin-logo-brand{padding:0 8px 24px!important}.ccp-admin-logo-brand img{width:145px!important;height:52px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(239,27,35,.18));}.admin-sidebar nav{gap:7px!important}.admin-sidebar nav a{min-height:39px!important;border-radius:7px!important;color:#d6dce5!important;font-size:13px!important;border:1px solid transparent!important;padding:0 10px!important}.admin-sidebar nav a span{color:#d6dce5!important;font-size:16px!important}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:linear-gradient(90deg,rgba(239,27,35,.22),rgba(239,27,35,.04))!important;color:#fff!important;border-color:rgba(239,27,35,.32)!important;box-shadow:inset 3px 0 0 var(--ccp-red)!important}.admin-sidebar nav a.active span,.admin-sidebar nav a:hover span{color:var(--ccp-red)!important}.admin-profile{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.10)!important;background:transparent!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;padding-top:20px!important;color:#fff!important}.admin-profile .avatar{background:#e5e7eb!important;color:#111827!important}.admin-profile small{color:#ff5961!important}.admin-profile a{color:#ff3d47!important}
.admin-main{position:relative;z-index:1;background:radial-gradient(circle at top left,rgba(255,255,255,.035),transparent 38%),linear-gradient(135deg,rgba(12,17,23,.88),rgba(5,8,12,.94))!important;min-width:0!important;padding:34px 40px!important;color:#f8fafc!important}.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell,.inventory-table-card,.chart-panel,.recent-panel{border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(145deg,rgba(14,20,27,.92),rgba(7,10,14,.92))!important;border-radius:9px!important;color:#f8fafc!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important}.inventory-heading h1,.report-title h1,.panel-dark-title h2,.admin-app .panel h2,.admin-app .panel h3{color:#fff!important}.inventory-heading p,.report-title p,.panel-dark-title p,.admin-app .panel p,.admin-app small,.cell-sub{color:#b9c1cc!important}.eyebrow,.breadcrumb,.inventory-heading span,.report-title span{color:var(--ccp-red)!important}.inventory-kpis,.mini-kpis,.report-grid{gap:16px!important}.kpi,.report-card{border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(145deg,rgba(16,22,29,.95),rgba(8,11,15,.95))!important;border-radius:8px!important;box-shadow:none!important}.kpi strong,.report-card strong{color:#fff!important}.kpi span,.report-card span{color:#b8c0cc!important}.report-card.blue,.kpi.blue{border-color:rgba(59,130,246,.35)!important}.report-card.amber,.kpi.orange{border-color:rgba(245,158,11,.40)!important}.report-card.emerald,.kpi.green{border-color:rgba(34,197,94,.35)!important}.report-card.rose,.kpi.red{border-color:rgba(239,27,35,.45)!important}.report-card.violet,.kpi.purple{border-color:rgba(168,85,247,.35)!important}.report-card.blue i{color:#3b82f6!important}.report-card.amber i{color:#f59e0b!important}.report-card.emerald i{color:#22c55e!important}.report-card.rose i{color:#ef1b23!important}.report-card.violet i{color:#a855f7!important}.new-record,.admin-app .btn.primary,.dark-form-actions button,.pagination a.active{background:linear-gradient(135deg,#d50711,#ff1e28)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(239,27,35,.22)!important}.filter-toggle,.admin-search,.filter-row select,.filter-row button,.filter-row a,.admin-app .btn.ghost,.admin-app .btn.secondary{background:#0c1118!important;color:#e6ebf2!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:6px!important}.admin-search input,.filter-row input{background:transparent!important;color:#fff!important}.dark-table,.admin-app .data-table{background:#090d12!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important}.dark-table th,.admin-app .data-table th{background:#0c1118!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.dark-table td,.admin-app .data-table td{background:#080c11!important;color:#e6ebf2!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.dark-table tbody tr:hover{background:rgba(239,27,35,.06)!important}.row-actions a,.row-actions button,.icon-actions a,.icon-actions button{background:#0e141c!important;border:1px solid rgba(255,255,255,.13)!important;color:#ff3d47!important;border-radius:5px!important}.status-badge,.tag,.dark-badge{border-radius:5px!important}.status-Abierto,.tag.abierto{color:#ff5961!important;background:rgba(239,27,35,.10)!important;border:1px solid rgba(239,27,35,.28)!important}.status-En.Proceso,.tag.proceso{color:#fbbf24!important;background:rgba(245,158,11,.10)!important;border:1px solid rgba(245,158,11,.28)!important}.status-Atendido,.tag.atendido{color:#60a5fa!important;background:rgba(59,130,246,.10)!important;border:1px solid rgba(59,130,246,.28)!important}.status-Cerrado,.tag.cerrado{color:#4ade80!important;background:rgba(34,197,94,.10)!important;border:1px solid rgba(34,197,94,.28)!important}.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea,.dark-form-grid input,.dark-form-grid select,.dark-form-grid textarea{background:#0c1118!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:6px!important}.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus,.dark-form-grid input:focus,.dark-form-grid select:focus,.dark-form-grid textarea:focus{border-color:var(--ccp-red)!important;box-shadow:0 0 0 4px rgba(239,27,35,.10)!important}.table-footer,.pagination{color:#b9c1cc!important}.pagination a{background:#0c1118!important;border:1px solid rgba(255,255,255,.12)!important;color:#e6ebf2!important}.pagination a:hover{border-color:var(--ccp-red)!important;color:#fff!important}
@media(max-width:900px){.ccp-action-grid,.ccp-inventory-band,.ccp-home-trust{grid-template-columns:1fr!important}.ccp-hero-clean h1{font-size:48px!important}.ccp-home-header{padding:18px!important}.admin-app{display:block!important}.admin-main{padding:18px!important}.ccp-login-card{padding:34px 24px!important}}

/* =========================================================
   FINAL FOTO STYLE - Inicio, Login y Panel Admin
   Mantiene intactas las páginas públicas: incidencia/solicitud/correo/inventario.
   ========================================================= */
:root{--photo-red:#ef1b23;--photo-red-dark:#99060d;--photo-bg:#030507;--photo-panel:#0b1015;--photo-line:rgba(255,255,255,.12);--photo-text:#f6f7fb;--photo-muted:#a8b0bb;}
.ccp-photo-home,.ccp-photo-login,.admin-app{font-family:"Segoe UI",Inter,Arial,sans-serif!important;color:var(--photo-text)!important;}
.ccp-photo-home{min-height:100vh!important;overflow:hidden!important;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.055),transparent 22%),radial-gradient(circle at 18% 48%,rgba(239,27,35,.12),transparent 29%),linear-gradient(135deg,#020304 0%,#071014 55%,#020304 100%)!important;}
.ccp-photo-home:before,.ccp-photo-login:before,.admin-app:before{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;background:linear-gradient(90deg,rgba(239,27,35,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 80% 18%,rgba(239,27,35,.11),transparent 23%)!important;background-size:86px 86px,86px 86px,100% 100%!important;mask-image:radial-gradient(circle at 50% 30%,black 0%,transparent 82%)!important;opacity:.45!important;}
.ccp-tech-lines{position:fixed!important;inset:0!important;z-index:0!important;opacity:.58!important;background:linear-gradient(125deg,transparent 0 12%,rgba(239,27,35,.20) 12.2%,transparent 12.6% 30%,rgba(239,27,35,.16) 30.2%,transparent 30.7%),linear-gradient(235deg,transparent 0 20%,rgba(239,27,35,.18) 20.2%,transparent 20.7% 46%,rgba(239,27,35,.13) 46.2%,transparent 46.7%)!important;}
.ccp-home-header{height:88px!important;padding:16px 46px!important;background:rgba(0,0,0,.64)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(12px)!important;position:relative!important;z-index:2!important;}
.ccp-home-brand img,.ccp-login-logo,.ccp-admin-logo-brand img{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 14px rgba(239,27,35,.22))!important;}
.ccp-home-brand img{width:176px!important;height:52px!important;max-height:52px!important;}
.ccp-login-btn{height:50px!important;border:1px solid rgba(239,27,35,.9)!important;border-radius:9px!important;padding:0 22px!important;background:rgba(0,0,0,.25)!important;color:#fff!important;text-decoration:none!important;font-weight:700!important;box-shadow:0 0 0 1px rgba(239,27,35,.08) inset!important;}
.ccp-login-btn span{color:var(--photo-red)!important;font-size:18px!important}.ccp-login-btn:hover{background:rgba(239,27,35,.14)!important;box-shadow:0 0 24px rgba(239,27,35,.25)!important;}
.ccp-home-main{position:relative!important;z-index:1!important;width:min(1160px,92vw)!important;margin:0 auto!important;padding:34px 0 22px!important;}
.ccp-hero-clean{text-align:center!important;margin:0 auto 30px!important}.ccp-hero-clean span{font-size:26px!important;color:#c8ced8!important;font-weight:400!important}.ccp-hero-clean h1{font-size:66px!important;line-height:1!important;margin:8px 0 12px!important;color:#fff!important;font-weight:900!important;letter-spacing:-.04em!important;text-shadow:0 10px 35px rgba(0,0,0,.55)!important}.ccp-hero-clean h1 b{color:var(--photo-red)!important}.ccp-hero-clean p{color:#e4e8ee!important;font-size:18px!important;line-height:1.45!important;margin:0!important;}
.ccp-action-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;margin:22px 0 28px!important;}.ccp-action-card{min-height:175px!important;position:relative!important;display:grid!important;grid-template-columns:92px 1fr!important;gap:20px!important;align-items:center!important;text-decoration:none!important;color:#fff!important;padding:24px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(15,20,25,.90),rgba(5,8,11,.86))!important;box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important}.ccp-action-card:before{content:""!important;position:absolute!important;inset:-1px!important;background:radial-gradient(circle at 20% 20%,rgba(239,27,35,.15),transparent 35%)!important;opacity:.8!important;pointer-events:none!important}.ccp-action-card:hover{transform:translateY(-3px)!important;border-color:rgba(239,27,35,.72)!important;box-shadow:0 22px 70px rgba(239,27,35,.12),0 18px 60px rgba(0,0,0,.42)!important}.ccp-action-card h2{font-size:21px!important;line-height:1.25!important;text-transform:uppercase!important;margin:0 0 26px!important;color:#fff!important}.ccp-action-card h2 b{display:block!important;color:var(--photo-red)!important}.ccp-action-card p{font-size:14px!important;color:#d2d7df!important;margin:0!important;line-height:1.45!important}.ccp-action-icon{width:74px!important;height:74px!important;border:1px solid rgba(239,27,35,.85)!important;border-radius:8px!important;background:linear-gradient(145deg,#1a2028,#080b0e)!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 30px rgba(255,255,255,.03),0 0 25px rgba(239,27,35,.11)!important}.ccp-action-icon span{font-size:32px!important;color:#fff!important;text-shadow:0 0 12px rgba(239,27,35,.35)!important}.ccp-arrow{position:absolute!important;right:20px!important;bottom:22px!important;width:38px!important;height:38px!important;border:1px solid rgba(239,27,35,.85)!important;border-radius:7px!important;color:var(--photo-red)!important;display:grid!important;place-items:center!important;font-size:25px!important;background:rgba(0,0,0,.24)!important;}
.ccp-inventory-band{display:grid!important;grid-template-columns:250px minmax(0,1fr) 310px!important;gap:28px!important;align-items:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(12,17,22,.88),rgba(3,5,8,.86))!important;padding:25px 32px!important;min-height:180px!important;box-shadow:0 20px 65px rgba(0,0,0,.35)!important}.ccp-inventory-copy span{display:block!important;text-transform:uppercase!important;color:var(--photo-red)!important;font-weight:900!important;letter-spacing:.02em!important;margin-bottom:12px!important}.ccp-inventory-copy h2{font-size:31px!important;margin:0 0 12px!important;color:#fff!important}.ccp-inventory-copy p{font-size:15px!important;color:#d8dde5!important;margin:0!important}.ccp-inventory-btn{height:74px!important;border:1px solid var(--photo-red)!important;border-radius:9px!important;color:#fff!important;text-decoration:none!important;background:linear-gradient(145deg,rgba(239,27,35,.16),rgba(0,0,0,.22))!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-transform:uppercase!important;font-weight:900!important;box-shadow:0 0 26px rgba(239,27,35,.10)!important}.ccp-inventory-btn b{font-size:26px!important;color:var(--photo-red)!important}.laptop-visual{height:120px!important;border:0!important;background:radial-gradient(circle at center,rgba(239,27,35,.22),transparent 62%)!important}.laptop-screen{display:block!important;width:145px!important;height:88px!important;margin:12px auto 0!important;border:2px solid rgba(239,27,35,.8)!important;border-radius:8px!important;background:linear-gradient(145deg,#151c22,#050608)!important;box-shadow:0 0 34px rgba(239,27,35,.22)!important}.laptop-screen:before{content:"▣";display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:36px}.laptop-base{display:block!important;width:190px!important;height:18px!important;margin:-1px auto 0!important;border:1px solid rgba(239,27,35,.45)!important;background:#090c10!important;transform:perspective(70px) rotateX(30deg)!important}.ccp-home-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;margin:34px 0 22px!important}.ccp-home-trust>div,.ccp-home-trust>a{min-height:58px!important;padding:0 30px!important;border-right:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.ccp-home-trust>*:last-child{border-right:0!important}.ccp-home-trust b{color:#fff!important;font-size:15px!important}.ccp-home-trust b::first-letter{color:var(--photo-red)!important}.ccp-home-trust span{color:#adb5c1!important;margin-top:5px!important}.ccp-home-footer{position:relative!important;z-index:2!important;border-top:1px solid rgba(255,255,255,.10)!important;text-align:center!important;color:#b4bbc5!important;padding:21px 10px!important;background:rgba(0,0,0,.35)!important}.ccp-home-footer span{color:var(--photo-red)!important}.ccp-home-footer i{display:inline-block;width:1px;height:22px;background:rgba(255,255,255,.18);margin:0 20px;vertical-align:middle}
.ccp-photo-login{min-height:100vh!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#030405,#071014 60%,#020304)!important;position:relative!important;overflow:hidden!important}.ccp-photo-login:after{content:""!important;position:absolute!important;right:7vw!important;top:27vh!important;width:340px!important;height:210px!important;border:2px solid rgba(239,27,35,.45)!important;border-left-width:12px!important;transform:skewX(-16deg)!important;filter:drop-shadow(0 0 22px rgba(239,27,35,.24))!important;opacity:.42!important}.ccp-login-card{position:relative!important;z-index:2!important;width:min(500px,90vw)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(13,17,22,.93),rgba(5,8,11,.93))!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important;padding:42px 50px 35px!important;text-align:center!important}.ccp-login-logo{width:172px!important;height:58px!important;margin:0 auto 18px!important}.ccp-login-card h1{font-size:26px!important;color:#fff!important;margin:0 0 8px!important}.ccp-login-card p{color:#c5ccd5!important;margin:0 0 26px!important}.ccp-login-input{height:55px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:16px 0!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important}.ccp-login-input span{color:#c9d0d9!important}.ccp-login-input input{border:0!important;background:transparent!important;outline:0!important;color:#fff!important;width:100%!important}.ccp-login-input input::placeholder{color:#c4cbd4!important}.ccp-login-submit{height:56px!important;width:100%!important;border:0!important;border-radius:7px!important;background:linear-gradient(180deg,#fa151f,#c60610)!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-top:10px!important;box-shadow:0 10px 32px rgba(239,27,35,.28)!important}.ccp-forgot{display:inline-block!important;margin-top:20px!important;color:#d7dce4!important;text-decoration:none!important}.ccp-forgot:hover{color:#fff!important}.ccp-login-card .alert{background:rgba(239,27,35,.14)!important;color:#ffd3d6!important;border:1px solid rgba(239,27,35,.4)!important;border-radius:8px!important;padding:10px!important;margin:0 0 12px!important}
.admin-app{min-height:100vh!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;background:radial-gradient(circle at 80% 0,rgba(239,27,35,.09),transparent 30%),linear-gradient(135deg,#030506,#071014 58%,#020303)!important;color:#f5f7fb!important;position:relative!important;}.admin-sidebar.photo-sidebar{position:sticky!important;top:0!important;height:100vh!important;z-index:3!important;background:linear-gradient(180deg,rgba(5,8,10,.96),rgba(9,14,18,.96))!important;border-right:1px solid rgba(255,255,255,.10)!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;gap:18px!important;box-shadow:22px 0 70px rgba(0,0,0,.22)!important}.admin-brand.ccp-admin-logo-brand{height:54px!important;display:flex!important;align-items:center!important;padding:0 6px 13px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important}.ccp-admin-logo-brand img{width:134px!important;height:42px!important;max-height:42px!important}.admin-sidebar nav{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important}.admin-sidebar nav a{height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 12px!important;border-radius:7px!important;color:#cdd4de!important;text-decoration:none!important;border:1px solid transparent!important;background:transparent!important;font-size:14px!important}.admin-sidebar nav a span{width:19px!important;text-align:center!important;color:#d7dde6!important}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:linear-gradient(90deg,rgba(239,27,35,.22),rgba(239,27,35,.06))!important;color:#fff!important;border-color:rgba(239,27,35,.24)!important}.admin-sidebar nav a.active span,.admin-sidebar nav a:hover span{color:var(--photo-red)!important}.admin-logout-link{margin-top:auto!important;padding:16px 10px!important;color:#ff343d!important;text-decoration:none!important;border-top:1px solid rgba(255,255,255,.08)!important;font-weight:700!important}.admin-logout-link span{margin-right:8px!important}.admin-profile{display:none!important}.admin-topbar-photo{grid-column:2!important;height:62px!important;position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0 28px!important;background:rgba(5,8,10,.82)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(12px)!important}.admin-user-mini{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important}.admin-user-mini .avatar{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#d9dde3!important;color:#161a1f!important;font-weight:900!important}.admin-user-mini b{font-size:12px!important}.admin-user-mini small{display:block!important;color:var(--photo-red)!important;font-weight:800!important}.admin-main{grid-column:2!important;padding:28px 34px!important;background:transparent!important;position:relative!important;z-index:1!important}.inventory-shell,.report-shell,.dark-form-shell,.inventory-table-card,.chart-panel,.recent-panel,.admin-app .panel{background:linear-gradient(145deg,rgba(12,17,22,.88),rgba(5,8,11,.86))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important;color:#f4f7fb!important}.inventory-heading,.report-title,.panel-dark-title,.dark-form-shell>header{border-bottom-color:rgba(255,255,255,.08)!important}.inventory-heading h1,.report-title h1,.dark-form-shell h1,.panel-dark-title h2{color:#fff!important;font-weight:800!important}.inventory-heading p,.report-title p,.dark-form-shell p,.panel-dark-title p,.admin-app small{color:#aeb7c2!important}.eyebrow,.inventory-heading .eyebrow,.breadcrumb,.breadcrumb a{color:var(--photo-red)!important}.new-record,.admin-app .btn.primary,.dark-form-actions button,.filter-row button{background:linear-gradient(180deg,#ef1b23,#ba060f)!important;color:#fff!important;border:0!important;border-radius:7px!important;box-shadow:0 10px 30px rgba(239,27,35,.24)!important}.new-record:hover,.admin-app .btn.primary:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important}.filter-toggle,.admin-search,.filter-row select,.filter-row a,.admin-app .btn.ghost,.admin-app .btn.secondary{background:rgba(7,11,15,.92)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e9edf3!important;border-radius:7px!important}.admin-search input,.filter-row select{color:#e9edf3!important;background:transparent!important}.admin-search input::placeholder{color:#89939f!important}.report-grid.mini-kpis,.inventory-kpis,.report-grid{gap:18px!important}.report-card,.kpi{background:linear-gradient(145deg,rgba(13,18,24,.92),rgba(5,8,11,.90))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;color:#fff!important;box-shadow:0 14px 44px rgba(0,0,0,.20)!important}.report-card span,.kpi span{color:#bec6d0!important}.report-card strong,.kpi strong{color:#fff!important}.report-card.blue,.kpi.blue{border-color:rgba(255,255,255,.14)!important}.report-card.amber,.kpi.orange{border-color:rgba(255,176,32,.35)!important;background:linear-gradient(145deg,rgba(35,24,7,.82),rgba(5,8,11,.88))!important}.report-card.emerald,.kpi.green{border-color:rgba(47,220,125,.32)!important;background:linear-gradient(145deg,rgba(7,33,19,.82),rgba(5,8,11,.88))!important}.report-card.violet,.kpi.purple{border-color:rgba(168,85,247,.32)!important;background:linear-gradient(145deg,rgba(30,14,45,.82),rgba(5,8,11,.88))!important}.report-card.rose{border-color:rgba(239,27,35,.35)!important;background:linear-gradient(145deg,rgba(47,8,12,.86),rgba(5,8,11,.88))!important}.report-card.cyan{border-color:rgba(59,130,246,.35)!important;background:linear-gradient(145deg,rgba(6,23,40,.86),rgba(5,8,11,.88))!important}.report-card i,.kpi>b{color:var(--photo-red)!important}.dark-table-wrap,.table-responsive{background:rgba(3,5,8,.45)!important;border-radius:8px!important;overflow:auto!important}.dark-table,.admin-app table{background:transparent!important;color:#eef2f7!important}.dark-table th,.admin-app table th{background:#080d12!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;font-size:12px!important}.dark-table td,.admin-app table td{background:rgba(0,0,0,.08)!important;color:#dfe5ed!important;border-color:rgba(255,255,255,.08)!important}.dark-table tbody tr:hover,.admin-app table tbody tr:hover{background:rgba(239,27,35,.06)!important}.record-link,.person-link{color:#fff!important}.cell-sub{color:#9ea8b5!important}.row-actions a,.row-actions button{border:1px solid rgba(239,27,35,.35)!important;background:#0a0f14!important;color:#ff4b53!important;border-radius:6px!important}.dark-badge,.tag,.worker-status{background:rgba(239,27,35,.10)!important;border:1px solid rgba(239,27,35,.28)!important;color:#ff7077!important;border-radius:999px!important}.state,.estado-Abierto{color:#ff7077!important}.dark-form-grid input,.dark-form-grid select,.dark-form-grid textarea,.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea{background:#090f14!important;color:#eef3f9!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:7px!important}.dark-form-grid input::placeholder,.dark-form-grid textarea::placeholder,.admin-app .form-grid input::placeholder,.admin-app .form-grid textarea::placeholder{color:#8e98a5!important}.dark-form-grid input:focus,.dark-form-grid select:focus,.dark-form-grid textarea:focus,.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus{border-color:rgba(239,27,35,.75)!important;box-shadow:0 0 0 3px rgba(239,27,35,.10)!important;outline:none!important}.pagination a.active{background:linear-gradient(180deg,#ef1b23,#ba060f)!important;color:#fff!important;border-color:transparent!important}.pagination a,.pagination span{background:#0a0f14!important;color:#dce2ea!important;border:1px solid rgba(255,255,255,.12)!important}.table-footer{color:#aeb7c2!important;border-top-color:rgba(255,255,255,.08)!important}
@media(max-width:900px){.ccp-action-grid,.ccp-home-trust{grid-template-columns:1fr!important}.ccp-inventory-band{grid-template-columns:1fr!important;text-align:center!important}.admin-app{display:block!important}.admin-sidebar.photo-sidebar{position:relative!important;height:auto!important}.admin-sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-topbar-photo{display:none!important}.admin-main{padding:18px!important}.ccp-hero-clean h1{font-size:48px!important}.ccp-home-header{padding:14px 20px!important}.ccp-home-brand img{width:145px!important}}

/* ==========================================================
   FIX FINAL UI: iconos, flechas dentro del cuadro y login dark
   ========================================================== */
*, *::before, *::after { box-sizing: border-box; }

/* Botones y acciones: nada debe salirse de su tarjeta */
.ccp-action-card,
.ccp-inventory-band,
.ccp-inventory-btn,
.ccp-login-btn,
.admin-sidebar nav a,
.new-record,
.filter-toggle,
.row-actions a,
.row-actions button,
.dark-form-actions a,
.dark-form-actions button,
.btn,
a.btn,
button {
  box-sizing: border-box !important;
}

.ccp-action-grid {
  align-items: stretch !important;
}

.ccp-action-card {
  overflow: hidden !important;
  position: relative !important;
  grid-template-columns: 92px minmax(0,1fr) 46px !important;
  min-width: 0 !important;
}

.ccp-action-card > div:not(.ccp-action-icon) {
  min-width: 0 !important;
}

.ccp-action-card h2,
.ccp-action-card p {
  overflow-wrap: anywhere !important;
}

.ccp-arrow,
.ccp-inventory-btn b {
  flex: 0 0 auto !important;
  z-index: 2 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.ccp-arrow {
  position: static !important;
  align-self: center !important;
  justify-self: end !important;
  transform: none !important;
  background: rgba(239,27,35,.08) !important;
}

.ccp-action-card:hover .ccp-arrow,
.ccp-inventory-btn:hover b {
  color: #fff !important;
  border-color: rgba(255,255,255,.42) !important;
}

/* Iconos del inicio más claros y consistentes */
.ccp-action-icon {
  position: relative !important;
  overflow: visible !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
.ccp-action-icon span {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
}
.incident-icon span::before { content: "!"; color:#111820; font-weight:900; }
.incident-icon span { color: transparent !important; }
.request-icon span::before { content: "✎"; color: var(--ccp-red); font-weight:900; }
.request-icon span { color: transparent !important; }
.mail-icon span::before { content: "✉"; color:#111820; font-weight:900; }
.mail-icon span { color: transparent !important; }

/* Botón inventario: flecha siempre adentro */
.ccp-inventory-btn {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 22px !important;
  overflow: hidden !important;
}
.ccp-inventory-btn b {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(239,27,35,.65) !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--ccp-red) !important;
  background: rgba(239,27,35,.07) !important;
}
.ccp-inventory-btn span:not(.chip-mini) { min-width:0 !important; }

/* Login actual: evita blanco al escribir, autofill o seleccionar */
.ccp-login-card,
.ccp-login-input,
.ccp-login-input input {
  color-scheme: dark !important;
}
.ccp-login-input {
  background: rgba(10,15,22,.92) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(239,27,35,.04) !important;
}
.ccp-login-input:focus-within {
  border-color: rgba(239,27,35,.82) !important;
  box-shadow: 0 0 0 3px rgba(239,27,35,.14), inset 0 0 0 1px rgba(239,27,35,.16) !important;
  background: rgba(13,19,28,.96) !important;
}
.ccp-login-input span {
  color: #f04a52 !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
}
.ccp-login-input input,
.ccp-login-card input,
.login-glass-panel input,
.login-panel input {
  background: transparent !important;
  color: #f8fafc !important;
  caret-color: #ef1b23 !important;
  -webkit-text-fill-color: #f8fafc !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.ccp-login-input input::placeholder,
.ccp-login-card input::placeholder,
.login-glass-panel input::placeholder,
.login-panel input::placeholder {
  color: #9aa6b5 !important;
  -webkit-text-fill-color: #9aa6b5 !important;
  opacity: 1 !important;
}
.ccp-login-input input:-webkit-autofill,
.ccp-login-input input:-webkit-autofill:hover,
.ccp-login-input input:-webkit-autofill:focus,
.ccp-login-card input:-webkit-autofill,
.login-glass-panel input:-webkit-autofill,
.login-panel input:-webkit-autofill {
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #ef1b23 !important;
  box-shadow: 0 0 0 1000px #0d131c inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
.ccp-login-input input::selection,
.login-glass-panel input::selection,
.login-panel input::selection {
  background: rgba(239,27,35,.45) !important;
  color: #fff !important;
}
.ccp-login-submit {
  overflow: hidden !important;
  border-radius: 9px !important;
}

/* Panel: visibilidad y botones con iconos dentro */
.admin-app,
.admin-main,
.admin-content {
  color: #f5f7fb !important;
}
.admin-app .admin-sidebar,
.admin-app .inventory-shell,
.admin-app .report-shell,
.admin-app .inventory-table-card,
.admin-app .chart-panel,
.admin-app .recent-panel,
.admin-app .dark-form-shell,
.admin-app .public-card,
.admin-app .mail-public-card {
  background: linear-gradient(145deg, rgba(13,19,27,.96), rgba(5,8,12,.96)) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.admin-app .kpi,
.admin-app .report-card {
  color: #fff !important;
  overflow: hidden !important;
}
.admin-app .kpi small,
.admin-app .report-card span,
.admin-app .inventory-heading p,
.admin-app .report-title p {
  color: #b7c2cf !important;
}
.admin-app .dark-table,
.admin-app table {
  color: #e9eef5 !important;
}
.admin-app .dark-table th,
.admin-app .dark-table td {
  white-space: nowrap !important;
  vertical-align: middle !important;
}
.admin-app .row-actions,
.row-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
}
.admin-app .row-actions a,
.admin-app .row-actions button,
.row-actions a,
.row-actions button {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}
.admin-app .new-record,
.admin-app .filter-toggle,
.admin-app .dark-form-actions a,
.admin-app .dark-form-actions button,
.admin-app .btn,
.admin-app a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Responsive: flechas dentro en móvil */
@media (max-width: 900px) {
  .ccp-action-grid { grid-template-columns: 1fr !important; }
  .ccp-action-card { grid-template-columns: 82px minmax(0,1fr) 44px !important; }
  .ccp-inventory-band { grid-template-columns: 1fr !important; }
  .ccp-inventory-btn { justify-content: space-between !important; }
}
@media (max-width: 560px) {
  .ccp-action-card { grid-template-columns: 70px minmax(0,1fr) 40px !important; padding: 18px !important; }
  .ccp-action-icon { width: 62px !important; height: 62px !important; }
  .ccp-action-card h2 { font-size: 20px !important; }
  .ccp-arrow { position: static !important; right: auto !important; bottom: auto !important; width: 38px !important; height: 38px !important; }
}

/* =========================================================
   PANEL ADMIN · versión profesional limpia
   - Menos colores fuertes en el panel
   - Fondo oscuro uniforme y legible
   - Solo KPIs/cuadros informativos mantienen acento de color
   ========================================================= */
.admin-app{
  --admin-bg:#070b12;
  --admin-surface:#0f1724;
  --admin-surface-2:#111c2b;
  --admin-border:#243246;
  --admin-text:#f4f7fb;
  --admin-muted:#a7b4c6;
  --admin-accent:#dc2626;
  --admin-accent-2:#ef4444;
  background:
    radial-gradient(circle at 18% 0%, rgba(220,38,38,.11), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(59,130,246,.07), transparent 30%),
    linear-gradient(135deg,#070b12 0%,#0b1220 55%,#090d15 100%) !important;
  color:var(--admin-text) !important;
}
.admin-sidebar{
  background:linear-gradient(180deg,rgba(12,18,28,.98),rgba(7,11,18,.98)) !important;
  border-right:1px solid rgba(148,163,184,.18) !important;
  box-shadow:8px 0 35px rgba(0,0,0,.28) !important;
}
.admin-brand .hex-logo{
  border-color:rgba(239,68,68,.75) !important;
  color:#fff !important;
  text-shadow:none !important;
  background:rgba(239,68,68,.12) !important;
}
.admin-brand b{color:#fff !important;letter-spacing:.02em;}
.admin-brand small,.admin-profile small{color:#a7b4c6 !important;}
.admin-sidebar nav a{
  color:#cbd5e1 !important;
  border-radius:10px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  transition:.18s ease !important;
}
.admin-sidebar nav a:hover{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(148,163,184,.16) !important;
  color:#fff !important;
}
.admin-sidebar nav a.active{
  background:rgba(220,38,38,.16) !important;
  border-color:rgba(239,68,68,.42) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.admin-sidebar nav a span{color:#f87171 !important;}
.admin-sidebar nav a i{color:#94a3b8 !important;font-size:18px !important;}
.admin-sidebar nav a em{
  background:rgba(34,197,94,.13) !important;
  color:#86efac !important;
  border:1px solid rgba(34,197,94,.25) !important;
}
.admin-profile{
  border-top:1px solid rgba(148,163,184,.15) !important;
}
.admin-profile .avatar{
  background:linear-gradient(145deg,#1f2937,#111827) !important;
  border:1px solid rgba(239,68,68,.35) !important;
  color:#fff !important;
}
.admin-main{padding:22px !important;}
.inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell{
  background:rgba(15,23,36,.88) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
  border-radius:16px !important;
}
.inventory-heading h1,.report-title h1,.admin-app .panel h2,.admin-app .panel h3,.panel-dark-title h2{
  color:#f8fafc !important;
}
.inventory-heading p,.report-title p,.panel-dark-title p,.admin-app .panel p,.admin-app .muted,.admin-app small{
  color:#a7b4c6 !important;
}
.admin-search,.filter-toggle,.filter-row select,.filter-row button,.filter-row a,
.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea,
.dark-form-grid input,.dark-form-grid select{
  background:#0b1320 !important;
  border:1px solid rgba(148,163,184,.23) !important;
  color:#f8fafc !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
.admin-search input{color:#f8fafc !important;}
.admin-search input::placeholder,.admin-app input::placeholder,.admin-app textarea::placeholder{color:#728196 !important;}
.admin-search:focus-within,
.admin-app .form-grid input:focus,.admin-app .form-grid select:focus,.admin-app .form-grid textarea:focus,
.dark-form-grid input:focus,.dark-form-grid select:focus{
  border-color:rgba(239,68,68,.75) !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;
}
.new-record,.admin-app .btn.primary,.dark-form-actions button{
  background:linear-gradient(135deg,#dc2626,#991b1b) !important;
  color:#fff !important;
  border:1px solid rgba(248,113,113,.25) !important;
  box-shadow:0 10px 22px rgba(127,29,29,.26) !important;
}
.filter-toggle,.admin-app .btn.ghost,.admin-app .btn.secondary,.dark-form-actions a{
  background:#0b1320 !important;
  color:#dbe6f4 !important;
  border:1px solid rgba(148,163,184,.22) !important;
}
.new-record:hover,.admin-app .btn.primary:hover,.filter-toggle:hover,.admin-app .btn.ghost:hover,.admin-app .btn.secondary:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.inventory-table-card,.chart-panel,.recent-panel,.admin-app .asset-grid > div,.admin-app .detail-card{
  background:#0b1320 !important;
  border:1px solid rgba(148,163,184,.16) !important;
  border-radius:14px !important;
  color:#e5edf7 !important;
}
.dark-table th{
  background:#111827 !important;
  color:#d8e2ef !important;
  border-bottom:1px solid rgba(148,163,184,.20) !important;
}
.dark-table td{
  border-bottom:1px solid rgba(148,163,184,.12) !important;
  color:#e5edf7 !important;
}
.dark-table tbody tr:hover{background:rgba(255,255,255,.035) !important;}
.person-avatar{
  background:#111827 !important;
  border:1px solid rgba(239,68,68,.28) !important;
  color:#f8fafc !important;
}
.row-actions a,.row-actions button{
  background:#111827 !important;
  border:1px solid rgba(148,163,184,.20) !important;
  color:#f87171 !important;
  border-radius:9px !important;
}
.row-actions a:hover,.row-actions button:hover{background:rgba(239,68,68,.12) !important;border-color:rgba(239,68,68,.35) !important;}
.pagination a,.pagination span{
  background:#0b1320 !important;
  border-color:rgba(148,163,184,.22) !important;
  color:#d8e2ef !important;
}
.pagination a.active{
  background:rgba(220,38,38,.18) !important;
  border-color:rgba(239,68,68,.55) !important;
  color:#fff !important;
  box-shadow:none !important;
}
/* KPIs / cuadros informativos: color sobrio solo como acento */
.report-grid{gap:14px !important;}
.report-card,.mini-kpis .report-card,.kpi{
  background:linear-gradient(145deg,#121b2a,#0d1522) !important;
  border:1px solid rgba(148,163,184,.17) !important;
  border-left:5px solid #64748b !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
}
.report-card span,.kpi>span{color:#cbd5e1 !important;font-weight:700 !important;}
.report-card strong,.kpi>strong{color:#fff !important;letter-spacing:-.02em !important;}
.report-card small,.kpi>small{color:#9aa8ba !important;}
.report-card i,.kpi>b{
  color:rgba(255,255,255,.18) !important;
  font-size:42px !important;
  right:18px !important;
  bottom:16px !important;
}
.report-card.blue,.kpi.blue{border-left-color:#3b82f6 !important;}
.report-card.amber,.kpi.orange{border-left-color:#f59e0b !important;}
.report-card.emerald,.kpi.green{border-left-color:#10b981 !important;}
.report-card.violet,.kpi.purple{border-left-color:#8b5cf6 !important;}
.report-card.cyan{border-left-color:#06b6d4 !important;}
.report-card.rose{border-left-color:#ef4444 !important;}
.report-card:after,.kpi:after{
  content:"" !important;
  position:absolute !important;
  width:130px !important;height:130px !important;
  right:-42px !important;bottom:-55px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.045) !important;
}
.dark-badge{
  background:#111827 !important;
  border-color:rgba(148,163,184,.23) !important;
  color:#dbe6f4 !important;
}
.dark-badge.priority{background:rgba(245,158,11,.12) !important;border-color:rgba(245,158,11,.28) !important;color:#fcd38b !important;}
.dark-badge.state{background:rgba(16,185,129,.12) !important;border-color:rgba(16,185,129,.30) !important;color:#86efac !important;}
.fake-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,rgba(148,163,184,.10) 45px) !important;border-bottom-color:rgba(148,163,184,.16) !important;}
.fake-chart div{background:linear-gradient(#ef4444,#991b1b) !important;box-shadow:none !important;}
.pending-hover-list{
  background:#0b1320 !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.42) !important;
}
@media(max-width:760px){
  .admin-main{padding:12px !important;}
  .inventory-shell,.report-shell,.admin-app .panel,.dark-form-shell{border-radius:14px !important;padding:14px !important;}
}


/* =========================================================
   FIX FINAL: marca textual moderna + inicio centrado
   - Sin logo imagen en inicio, login ni panel.
   - Mantiene intactas las páginas públicas de formularios.
   ========================================================= */
.ccp-home-header .text-brand-home,
.admin-sidebar .ccp-admin-text-brand{
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.brand-mark{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  color:#fff !important;
  font-size:14px !important;
  background:linear-gradient(135deg,#ef1b23,#8f1117) !important;
  box-shadow:0 10px 25px rgba(239,27,35,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
  flex:0 0 34px !important;
}
.brand-copy{display:flex !important;flex-direction:column !important;gap:3px !important;line-height:1.05 !important;min-width:0 !important;}
.brand-copy strong{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  text-transform:none !important;
}
.brand-copy strong em{font-style:normal !important;color:#ff4b55 !important;}
.brand-copy small{
  color:#aab5c4 !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.ccp-home-header{
  align-items:center !important;
}
.ccp-home-header .text-brand-home img,
.admin-sidebar .ccp-admin-text-brand img{display:none !important;}

/* Inicio: todo centrado y equilibrado */
.ccp-photo-home .ccp-home-main{
  min-height:calc(100vh - 92px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:22px !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
}
.ccp-photo-home .ccp-hero-clean{
  margin:0 auto 4px !important;
  width:100% !important;
}
.ccp-photo-home .ccp-action-grid,
.ccp-photo-home .ccp-inventory-band,
.ccp-photo-home .ccp-home-trust{
  width:100% !important;
}
.ccp-photo-home .ccp-action-card,
.ccp-photo-home .ccp-inventory-band,
.ccp-photo-home .ccp-home-trust > *{
  backdrop-filter:blur(12px) !important;
}
.ccp-photo-home .ccp-action-card{
  align-items:center !important;
}
.ccp-photo-home .ccp-action-card h2,
.ccp-photo-home .ccp-action-card p{
  overflow-wrap:anywhere !important;
}

/* Login: reemplazo de logo por marca textual integrada */
.ccp-login-text-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 auto 24px !important;
  padding:10px 13px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
}
.ccp-login-text-brand strong{display:block;color:#fff !important;font-size:16px !important;font-weight:900 !important;line-height:1.05 !important;}
.ccp-login-text-brand strong em{font-style:normal;color:#ff4b55 !important;}
.ccp-login-text-brand small{display:block;margin-top:4px;color:#aab5c4 !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.07em !important;text-transform:uppercase !important;}
.ccp-login-logo{display:none !important;}

/* Panel: marca más compacta y profesional */
.admin-sidebar .ccp-admin-text-brand{
  padding:6px 10px 20px !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  margin-bottom:12px !important;
}
.admin-sidebar .ccp-admin-text-brand .brand-mark{
  width:30px !important;height:30px !important;flex-basis:30px !important;border-radius:9px !important;font-size:12px !important;
}
.admin-sidebar .ccp-admin-text-brand .brand-copy strong{
  font-size:13px !important;
  max-width:170px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.admin-sidebar .ccp-admin-text-brand .brand-copy small{
  font-size:9.5px !important;
  letter-spacing:.06em !important;
}

/* Panel más sobrio: color solo en KPIs del dashboard */
.admin-app{background:linear-gradient(135deg,#07101d,#0b1220 62%,#070b12) !important;}
.admin-sidebar{background:linear-gradient(180deg,#0a1220,#060b14) !important;border-right:1px solid rgba(148,163,184,.14) !important;}
.admin-sidebar nav a span{color:#9aa8ba !important;}
.admin-sidebar nav a.active span{color:#ff6b73 !important;}
.admin-sidebar nav a.active{background:rgba(239,68,68,.12) !important;border-color:rgba(239,68,68,.30) !important;}
.admin-sidebar nav a:hover{background:rgba(255,255,255,.045) !important;border-color:rgba(148,163,184,.15) !important;}
.report-shell,.inventory-shell,.dark-form-shell,.chart-panel,.recent-panel,.inventory-table-card{
  background:rgba(15,23,42,.86) !important;
  border-color:rgba(148,163,184,.16) !important;
}
.report-title h1,.inventory-heading h1{color:#f8fafc !important;}
.report-title p,.inventory-heading p{color:#9aa8ba !important;}
.report-card{border-left-width:5px !important;}
.report-card i{opacity:.9 !important;}

@media(max-width:760px){
  .ccp-home-header .text-brand-home .brand-copy strong{font-size:15px !important;}
  .ccp-home-header .text-brand-home .brand-copy small{font-size:9.5px !important;}
  .ccp-home-header .text-brand-home .brand-mark{width:30px !important;height:30px !important;flex-basis:30px !important;}
  .ccp-photo-home .ccp-home-main{min-height:auto !important;justify-content:flex-start !important;padding-top:26px !important;}
}

/* =========================================================
   FIX URGENTE PANEL BD: visibilidad de datos en todas las tablas
   Mantiene diseño sobrio, pero asegura contraste alto.
   ========================================================= */
.admin-app{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  min-height:100vh !important;
  background:linear-gradient(135deg,#070b12 0%,#0b1220 55%,#05080e 100%) !important;
  color:#f8fafc !important;
}
.admin-main{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  width:100% !important;
  padding:24px !important;
  margin:0 !important;
  overflow:visible !important;
  color:#f8fafc !important;
}
.admin-topbar-photo{display:none !important;}
.report-shell,.inventory-shell,.inventory-table-card,.chart-panel,.recent-panel,.dark-form-shell,.admin-app .panel{
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#f8fafc !important;
  box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
}
.report-title h1,.inventory-heading h1,.panel-dark-title h2,.admin-app h1,.admin-app h2,.admin-app h3{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}
.report-title p,.inventory-heading p,.panel-dark-title p,.admin-app p,.admin-app small,.cell-sub{
  color:#cbd5e1 !important;
  opacity:1 !important;
}
.dark-table-wrap,.table-responsive,.data-table-wrap{
  width:100% !important;
  overflow:auto !important;
  background:#0b1220 !important;
  border-radius:12px !important;
}
.dark-table,.data-table,.admin-app table{
  width:100% !important;
  border-collapse:collapse !important;
  color:#f8fafc !important;
  background:#0b1220 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.dark-table thead,.data-table thead,.admin-app table thead{display:table-header-group !important;}
.dark-table tbody,.data-table tbody,.admin-app table tbody{display:table-row-group !important;}
.dark-table tr,.data-table tr,.admin-app table tr{display:table-row !important;opacity:1 !important;visibility:visible !important;}
.dark-table th,.data-table th,.admin-app table th{
  display:table-cell !important;
  background:#111827 !important;
  color:#ffffff !important;
  border-bottom:1px solid rgba(239,68,68,.32) !important;
  font-weight:800 !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:nowrap !important;
}
.dark-table td,.data-table td,.admin-app table td{
  display:table-cell !important;
  background:#0b1220 !important;
  color:#e5e7eb !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  opacity:1 !important;
  visibility:visible !important;
  vertical-align:middle !important;
}
.dark-table tbody tr:nth-child(even) td,.data-table tbody tr:nth-child(even) td,.admin-app table tbody tr:nth-child(even) td{background:#0f172a !important;}
.dark-table tbody tr:hover td,.data-table tbody tr:hover td,.admin-app table tbody tr:hover td{background:#172033 !important;color:#fff !important;}
.record-link,.person-link,.recent-row,.admin-app a:not(.admin-brand):not(.admin-logout-link){
  color:#93c5fd !important;
  opacity:1 !important;
}
.record-link:hover,.person-link:hover,.recent-row:hover{color:#ffffff !important;}
.person-avatar{
  background:#1f2937 !important;
  color:#ffffff !important;
  border:1px solid rgba(148,163,184,.28) !important;
}
.dark-badge,.tag,.worker-status,.readonly-pill{
  background:#1f2937 !important;
  color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.25) !important;
}
.dark-badge.state{background:rgba(16,185,129,.14) !important;color:#86efac !important;border-color:rgba(16,185,129,.34) !important;}
.dark-badge.priority{background:rgba(245,158,11,.14) !important;color:#fcd34d !important;border-color:rgba(245,158,11,.34) !important;}
.table-footer,.pagination{color:#e2e8f0 !important;background:#0b1220 !important;}
.pagination a,.pagination span{
  background:#111827 !important;
  color:#e5e7eb !important;
  border:1px solid rgba(148,163,184,.25) !important;
}
.pagination a.active{background:#dc2626 !important;color:#fff !important;border-color:#ef4444 !important;}
.admin-search,input,select,textarea,.filter-row select,.filter-row button,.filter-row a,.dark-form-grid input,.dark-form-grid select,.dark-form-grid textarea,.admin-app .form-grid input,.admin-app .form-grid select,.admin-app .form-grid textarea{
  background:#111827 !important;
  color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.30) !important;
  opacity:1 !important;
}
.admin-search input{background:transparent !important;color:#fff !important;}
input::placeholder,textarea::placeholder{color:#94a3b8 !important;opacity:1 !important;}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.16) !important;
}
.report-card,.mini-kpis .report-card,.kpi{
  background:#111827 !important;
  color:#fff !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-left:5px solid #64748b !important;
}
.report-card span,.report-card small,.kpi span,.kpi small{color:#cbd5e1 !important;}
.report-card strong,.kpi strong{color:#ffffff !important;}
.empty-state{color:#cbd5e1 !important;background:#0b1220 !important;}
.row-actions a,.row-actions button{
  background:#111827 !important;
  color:#f87171 !important;
  border:1px solid rgba(148,163,184,.24) !important;
}
@media(max-width:760px){
  .admin-app{display:block !important;}
  .admin-main{padding:14px !important;}
}


/* =========================================================
   AJUSTE FINAL UI - Inicio centrado, panel limpio y rápido
   ========================================================= */
/* Evita sensación de lentitud al cambiar de páginas: menos blur/animaciones pesadas */
.ccp-home-red *, .admin-app *, .login-futuristic *, .login-split *{
  transition-property: background-color,border-color,color,box-shadow,filter !important;
  transition-duration:.12s !important;
}
.ccp-home-header,.admin-topbar-photo,.login-glass-panel,.ccp-inventory-popup,.submit-sticky{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Inicio: subtítulo perfectamente centrado debajo de Gestión TI */
.ccp-home-main{display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important;}
.ccp-hero-clean{width:100% !important;max-width:860px !important;margin:28px auto 30px !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;}
.ccp-hero-clean>span,.ccp-hero-clean h1,.ccp-hero-clean p{display:block !important;width:100% !important;text-align:center !important;margin-left:auto !important;margin-right:auto !important;}
.ccp-hero-clean p{max-width:720px !important;line-height:1.42 !important;}

/* Inicio: iconos profesionales, sin símbolos feos */
.ccp-action-grid{width:100% !important;}
.ccp-action-card{grid-template-columns:92px minmax(0,1fr) 42px !important;overflow:hidden !important;}
.ccp-action-icon{position:relative !important;overflow:hidden !important;}
.ccp-action-icon::before{content:"";position:absolute;inset:9px;border-radius:12px;background:linear-gradient(145deg,rgba(239,27,35,.18),rgba(255,255,255,.04));border:1px solid rgba(239,27,35,.24);}
.ti-icon span{position:relative !important;z-index:1 !important;width:46px !important;height:46px !important;background:transparent !important;border:0 !important;border-radius:0 !important;color:#fff !important;box-shadow:none !important;display:block !important;}
.icon-alert-pro::before{content:"";position:absolute;left:8px;top:5px;width:30px;height:34px;border:3px solid #fff;border-radius:16px 16px 14px 14px;box-shadow:0 0 18px rgba(239,27,35,.28)}
.icon-alert-pro::after{content:"";position:absolute;left:21px;top:14px;width:4px;height:16px;background:#ef1b23;border-radius:999px;box-shadow:0 21px 0 #ef1b23;}
.icon-request-pro::before{content:"";position:absolute;left:8px;top:6px;width:30px;height:34px;border:3px solid #fff;border-radius:7px;}
.icon-request-pro::after{content:"";position:absolute;left:15px;top:16px;width:22px;height:3px;background:#ef1b23;border-radius:999px;box-shadow:0 8px 0 #ef1b23,0 16px 0 rgba(255,255,255,.86);}
.icon-mail-pro::before{content:"";position:absolute;left:5px;top:10px;width:36px;height:26px;border:3px solid #fff;border-radius:7px;}
.icon-mail-pro::after{content:"";position:absolute;left:10px;top:15px;width:26px;height:18px;border-left:3px solid #ef1b23;border-bottom:3px solid #ef1b23;transform:rotate(-45deg);transform-origin:center;}
.incident-icon span:after,.mail-icon span:after{display:none !important;content:none !important;}
.ccp-arrow{position:relative !important;right:auto !important;bottom:auto !important;align-self:center !important;justify-self:end !important;flex:none !important;}

/* Panel: menú sin iconos al costado y sin duplicados */
.admin-sidebar nav a{gap:0 !important;padding-left:16px !important;justify-content:flex-start !important;font-weight:750 !important;letter-spacing:.01em !important;}
.admin-sidebar nav a span,.admin-logout-link span{display:none !important;}
.admin-logout-link{display:flex !important;align-items:center !important;padding-left:16px !important;}

/* Panel más profesional: colores sobrios, solo KPIs con acento */
.admin-app{background:linear-gradient(135deg,#050914 0%,#08111f 55%,#050812 100%) !important;}
.report-shell,.inventory-shell,.inventory-table-card,.chart-panel,.recent-panel,.dark-form-shell,.admin-app .panel{
  background:#0f172a !important;border:1px solid rgba(148,163,184,.18) !important;border-radius:14px !important;box-shadow:0 16px 45px rgba(0,0,0,.24) !important;
}
.admin-sidebar.photo-sidebar,.admin-sidebar{background:#080d18 !important;border-right:1px solid rgba(148,163,184,.16) !important;box-shadow:none !important;}
.admin-sidebar nav a.active{background:#111827 !important;border-color:rgba(239,68,68,.45) !important;box-shadow:inset 3px 0 0 #ef4444 !important;color:#fff !important;}
.admin-sidebar nav a:hover{background:#111827 !important;border-color:rgba(148,163,184,.18) !important;box-shadow:inset 3px 0 0 rgba(239,68,68,.45) !important;}

/* KPIs: iconos limpios dentro de círculo y tarjetas de información profesionales */
.report-grid.mini-kpis,.inventory-kpis,.report-grid{gap:16px !important;}
.report-card,.mini-kpis .report-card,.kpi{
  min-height:112px !important;background:linear-gradient(145deg,#111827,#0b1220) !important;border:1px solid rgba(148,163,184,.18) !important;border-left:4px solid #64748b !important;border-radius:14px !important;box-shadow:0 12px 30px rgba(0,0,0,.18) !important;overflow:hidden !important;
}
.report-card.blue,.kpi.blue{border-left-color:#3b82f6 !important;}
.report-card.cyan{border-left-color:#06b6d4 !important;}
.report-card.emerald,.kpi.green{border-left-color:#22c55e !important;}
.report-card.amber,.kpi.orange{border-left-color:#f59e0b !important;}
.report-card.violet,.kpi.purple{border-left-color:#8b5cf6 !important;}
.report-card.rose{border-left-color:#ef4444 !important;}
.report-card span,.kpi span{font-size:12px !important;text-transform:uppercase !important;letter-spacing:.06em !important;color:#94a3b8 !important;font-weight:800 !important;}
.report-card strong,.kpi strong{font-size:32px !important;line-height:1.05 !important;margin-top:8px !important;color:#f8fafc !important;}
.report-card small,.kpi small{color:#cbd5e1 !important;font-size:11px !important;}
.report-card i,.kpi>b{
  position:absolute !important;right:16px !important;top:16px !important;bottom:auto !important;width:38px !important;height:38px !important;border-radius:12px !important;display:grid !important;place-items:center !important;font-size:13px !important;font-style:normal !important;font-weight:900 !important;color:#e5e7eb !important;background:#1f2937 !important;border:1px solid rgba(148,163,184,.22) !important;box-shadow:none !important;
}
.report-card.blue i,.kpi.blue>b{background:rgba(59,130,246,.14) !important;color:#93c5fd !important;border-color:rgba(59,130,246,.25) !important;}
.report-card.cyan i{background:rgba(6,182,212,.14) !important;color:#67e8f9 !important;border-color:rgba(6,182,212,.25) !important;}
.report-card.emerald i,.kpi.green>b{background:rgba(34,197,94,.14) !important;color:#86efac !important;border-color:rgba(34,197,94,.25) !important;}
.report-card.amber i,.kpi.orange>b{background:rgba(245,158,11,.14) !important;color:#fcd34d !important;border-color:rgba(245,158,11,.25) !important;}
.report-card.violet i,.kpi.purple>b{background:rgba(139,92,246,.14) !important;color:#c4b5fd !important;border-color:rgba(139,92,246,.25) !important;}
.report-card.rose i{background:rgba(239,68,68,.14) !important;color:#fca5a5 !important;border-color:rgba(239,68,68,.25) !important;}

/* Seguridad visual: nada se sale de los cuadros */
.ccp-action-card,.report-card,.kpi,.inventory-table-card,.dark-table-wrap,.admin-search,.filter-row select{box-sizing:border-box !important;max-width:100% !important;}
.ccp-action-card h2,.ccp-action-card p,.report-card span,.report-card small{overflow-wrap:anywhere !important;}
@media(max-width:980px){
  .ccp-action-card{grid-template-columns:72px minmax(0,1fr) 38px !important;padding:18px !important;}
  .ccp-action-icon{width:62px !important;height:62px !important;}
  .ccp-hero-clean{margin-top:18px !important;}
}


/* =========================================================
   LIMPIEZA FINAL GLOBAL - iconos inicio, panel sin duplicados
   - No toca rutas, formularios ni envío a BD.
   ========================================================= */
/* Inicio: tarjetas estables, un solo icono y flecha dentro del cuadro */
.ccp-photo-home .ccp-action-grid,
.ccp-action-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.ccp-action-card{
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) 40px !important;
  align-items:center !important;
  gap:18px !important;
  min-width:0 !important;
  overflow:hidden !important;
  position:relative !important;
}
.ccp-action-card > div:not(.ccp-action-icon){min-width:0 !important;position:relative !important;z-index:2 !important;}
.ccp-action-card h2,.ccp-action-card p{max-width:100% !important;overflow-wrap:break-word !important;word-break:normal !important;}
.ccp-action-icon{
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,#151c28,#090e16) !important;
  border:1px solid rgba(239,68,68,.45) !important;
  box-shadow:inset 0 0 24px rgba(239,68,68,.08) !important;
}
/* Anula iconos heredados y duplicados */
.ccp-action-icon span,
.ccp-action-icon span::before,
.ccp-action-icon span::after,
.ccp-action-icon::before{
  content:none !important;
  display:none !important;
}
.ccp-action-icon::after{
  content:"" !important;
  display:block !important;
  position:relative !important;
  width:34px !important;
  height:34px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:drop-shadow(0 0 10px rgba(239,68,68,.22)) !important;
}
/* Incidencia: alerta */
.ccp-action-icon.incident-icon::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 5 45 41H3L24 5Z' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M24 18v10' stroke='%23ef4444' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.6' fill='%23ef4444'/%3E%3C/svg%3E") !important;
}
/* Solicitud: documento */
.ccp-action-icon.request-icon::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M14 6h15l7 7v29H14V6Z' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M29 6v9h9' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M20 24h14M20 32h10' stroke='%23ef4444' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
/* Correo: sobre */
.ccp-action-icon.mail-icon::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Crect x='7' y='12' width='34' height='25' rx='5' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath d='M9 15l15 13 15-13' stroke='%23ef4444' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.ccp-arrow{
  position:static !important;
  right:auto !important;
  bottom:auto !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  align-self:center !important;
  justify-self:end !important;
  display:grid !important;
  place-items:center !important;
  z-index:2 !important;
  margin:0 !important;
  transform:none !important;
  border-radius:10px !important;
  overflow:hidden !important;
}
.ccp-inventory-btn{display:inline-flex !important;align-items:center !important;gap:10px !important;overflow:hidden !important;}
.ccp-inventory-btn b{position:static !important;display:grid !important;place-items:center !important;flex:0 0 34px !important;}

/* Panel: menú limpio, sin iconos laterales ni apartado duplicado */
.admin-sidebar nav a{font-size:14px !important;line-height:1.1 !important;gap:0 !important;white-space:nowrap !important;}
.admin-sidebar nav a span,
.admin-sidebar nav a i,
.admin-sidebar nav a svg,
.admin-sidebar nav a::before,
.admin-sidebar nav a::after{display:none !important;content:none !important;}
.admin-sidebar nav a[href*="solicitudes"]:not([href*="solicitudes-correo"]){display:none !important;}
.admin-sidebar nav a[href*="solicitudes-correo"]{font-size:0 !important;}
.admin-sidebar nav a[href*="solicitudes-correo"]::before{content:"Correos" !important;display:inline !important;font-size:14px !important;}

/* Panel: iconos KPI limpios y dentro de la tarjeta */
.report-card,.kpi{position:relative !important;padding-right:72px !important;}
.report-card i,.kpi>b{
  position:absolute !important;
  right:16px !important;
  top:16px !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  font-size:13px !important;
  line-height:1 !important;
  overflow:hidden !important;
  text-align:center !important;
}
.report-card::after,.kpi::after{pointer-events:none !important;}

/* Seguridad visual general: evitar desbordes */
.admin-app *, .ccp-home-red *{box-sizing:border-box !important;}
.admin-main,.report-shell,.inventory-shell,.inventory-table-card,.chart-panel,.recent-panel,.dark-form-shell{min-width:0 !important;max-width:100% !important;}
.dark-table-wrap,.table-responsive,.data-table-wrap{max-width:100% !important;overflow-x:auto !important;}

@media(max-width:980px){
  .ccp-photo-home .ccp-action-grid,.ccp-action-grid{grid-template-columns:1fr !important;}
  .ccp-action-card{grid-template-columns:68px minmax(0,1fr) 38px !important;}
  .ccp-action-icon{width:60px !important;height:60px !important;min-width:60px !important;}
  .ccp-action-icon::after{width:30px !important;height:30px !important;}
}

/* =========================================================
   V3.0 PRO - Rediseño visual sin tocar lógica Flask/BD
   Inicio, Login y Panel. Mantiene formularios públicos intactos.
   ========================================================= */
:root{
  --v3-bg:#070a0f;
  --v3-bg2:#0d121a;
  --v3-panel:#111822;
  --v3-panel2:#0c1118;
  --v3-line:rgba(255,255,255,.09);
  --v3-text:#f5f7fb;
  --v3-muted:#9aa4b2;
  --v3-red:#e11d2e;
  --v3-red2:#ff3347;
  --v3-shadow:0 24px 70px rgba(0,0,0,.36);
}
body{ text-rendering:optimizeLegibility; }
.ccp-v3-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(circle at 48% 5%,rgba(225,29,46,.22),transparent 25%),
  radial-gradient(circle at 8% 58%,rgba(225,29,46,.12),transparent 28%),
  radial-gradient(circle at 86% 70%,rgba(255,255,255,.05),transparent 25%);
}
.ccp-v3-bg:before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(0deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at center,#000 0%,transparent 82%);opacity:.58;}
.ccp-v3-bg:after{content:"";position:absolute;left:8%;right:8%;top:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(225,29,46,.75),transparent);box-shadow:0 210px 0 rgba(225,29,46,.16),0 420px 0 rgba(255,255,255,.05);opacity:.7;}

/* Inicio */
.ccp-v3-home{background:linear-gradient(135deg,#05070b 0%,#0b1018 50%,#06080d 100%) !important;color:var(--v3-text) !important;}
.ccp-v3-header{height:84px !important;padding:18px 46px !important;border-bottom:1px solid var(--v3-line) !important;background:rgba(5,8,13,.72) !important;backdrop-filter:blur(14px) !important;}
.ccp-v3-brand{gap:12px !important;text-decoration:none !important;}
.ccp-v3-brand .brand-mark,.ccp-v3-login-brand .brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#a50813,var(--v3-red2));color:#fff;font-size:14px;box-shadow:0 0 22px rgba(225,29,46,.24);}
.ccp-v3-brand .brand-copy strong,.ccp-v3-login-brand strong,.ccp-v3-admin-brand strong{font-size:18px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#fff;display:block;}
.ccp-v3-brand .brand-copy em,.ccp-v3-login-brand em,.ccp-v3-admin-brand em{color:var(--v3-red2);font-style:normal;}
.ccp-v3-brand .brand-copy small,.ccp-v3-login-brand small,.ccp-v3-admin-brand small{display:block;margin-top:6px;color:var(--v3-muted);font-size:12px;letter-spacing:.02em;}
.ccp-v3-login-btn{height:42px !important;border-radius:12px !important;border:1px solid rgba(255,255,255,.13) !important;background:rgba(255,255,255,.045) !important;color:#fff !important;padding:0 16px !important;font-size:13px !important;}
.ccp-v3-login-btn span{height:22px;padding:0 8px;border-radius:999px;background:rgba(225,29,46,.16);color:#ffb1ba;font-size:11px;display:inline-grid;place-items:center;}
.ccp-v3-main{max-width:1180px !important;padding:34px 24px 0 !important;}
.ccp-v3-hero{display:grid !important;place-items:center !important;text-align:center !important;margin:0 auto 34px !important;}
.ccp-v3-hero>span{font-size:24px !important;color:#d7dce5 !important;font-weight:700 !important;margin:0 !important;text-align:center !important;}
.ccp-v3-hero h1{font-size:clamp(64px,8.2vw,104px) !important;line-height:.94 !important;margin:4px auto 14px !important;text-align:center !important;letter-spacing:-.06em !important;}
.ccp-v3-hero p{display:block !important;text-align:center !important;margin:0 auto !important;max-width:650px !important;color:#c0c7d2 !important;font-size:20px !important;line-height:1.45 !important;}
.ccp-v3-action-grid{max-width:1120px !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;margin:26px auto 22px !important;}
.ccp-v3-action-card{min-height:172px !important;grid-template-columns:74px minmax(0,1fr) 42px !important;gap:16px !important;align-items:center !important;padding:24px 20px !important;border-radius:18px !important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(10,15,22,.88)) !important;border:1px solid rgba(255,255,255,.11) !important;box-shadow:var(--v3-shadow),inset 0 -2px 0 rgba(225,29,46,.7) !important;overflow:hidden !important;}
.ccp-v3-action-card:before{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(225,29,46,.10),transparent 45%) !important;opacity:.75 !important;}
.ccp-v3-action-card:hover{transform:translateY(-5px) !important;border-color:rgba(225,29,46,.55) !important;box-shadow:0 28px 88px rgba(0,0,0,.45),0 0 30px rgba(225,29,46,.14),inset 0 -2px 0 var(--v3-red2) !important;}
.ccp-v3-action-card .action-copy{position:relative;z-index:2;min-width:0 !important;}
.ccp-v3-action-card h2{font-size:20px !important;line-height:1.18 !important;margin:0 0 10px !important;letter-spacing:.02em !important;}
.ccp-v3-action-card h2 b{display:block !important;color:var(--v3-red2) !important;}
.ccp-v3-action-card p{font-size:13px !important;line-height:1.4 !important;margin:0 !important;padding:0 !important;border:0 !important;color:#b9c2cf !important;}
.ccp-action-icon{width:64px !important;height:64px !important;min-width:64px !important;border-radius:16px !important;position:relative !important;z-index:2 !important;overflow:hidden !important;background:linear-gradient(145deg,#161d28,#0b1017) !important;border:1px solid rgba(225,29,46,.36) !important;box-shadow:inset 0 0 20px rgba(225,29,46,.10) !important;}
.ccp-action-icon span,.ccp-action-icon span:before,.ccp-action-icon span:after,.ccp-action-icon:before{display:none !important;content:none !important;}
.ccp-action-icon:after{content:"" !important;display:block !important;position:absolute !important;inset:15px !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;filter:drop-shadow(0 0 12px rgba(225,29,46,.32)) !important;}
.ccp-action-icon.incident-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 5 45 41H3L24 5Z' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M24 18v10' stroke='%23ff3347' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='35' r='2.5' fill='%23ff3347'/%3E%3C/svg%3E") !important;}
.ccp-action-icon.request-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M14 6h16l8 8v28H14V6Z' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M30 6v10h8' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M20 25h14M20 33h9' stroke='%23ff3347' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;}
.ccp-action-icon.mail-icon:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='7' y='12' width='34' height='25' rx='5' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath d='M9 15l15 13 15-13' stroke='%23ff3347' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;}
.ccp-arrow{position:relative !important;z-index:2 !important;right:auto !important;bottom:auto !important;justify-self:end !important;width:38px !important;height:38px !important;min-width:38px !important;border-radius:12px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.12) !important;color:var(--v3-red2) !important;font-size:24px !important;line-height:1 !important;display:grid !important;place-items:center !important;overflow:hidden !important;margin:0 !important;}
.ccp-v3-inventory-band{max-width:1120px !important;margin:0 auto !important;border-radius:20px !important;background:linear-gradient(135deg,rgba(225,29,46,.12),rgba(255,255,255,.045)) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:var(--v3-shadow) !important;}
.ccp-v3-trust{max-width:1120px !important;margin:22px auto 0 !important;border-top:1px solid rgba(255,255,255,.08) !important;padding-top:18px !important;}
.ccp-v3-trust div,.ccp-v3-trust a{background:transparent !important;text-decoration:none !important;border:0 !important;color:#fff !important;text-align:center !important;}
.ccp-v3-trust b{color:#fff !important;}.ccp-v3-trust span{color:var(--v3-muted) !important;}
.ccp-v3-footer{color:#8f98a6 !important;border-top:1px solid rgba(255,255,255,.08) !important;}

/* Login */
.ccp-v3-login-page{min-height:100vh !important;display:grid !important;place-items:center !important;padding:28px !important;background:linear-gradient(135deg,#05070b,#0b1018 54%,#05070b) !important;color:var(--v3-text) !important;position:relative !important;overflow:hidden !important;}
.ccp-v3-login-card{position:relative !important;z-index:1 !important;width:min(460px,100%) !important;padding:34px !important;border-radius:24px !important;background:rgba(13,18,26,.86) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:var(--v3-shadow),0 0 0 1px rgba(225,29,46,.08) inset !important;backdrop-filter:blur(16px) !important;color:#fff !important;}
.ccp-v3-login-brand{display:flex !important;gap:12px !important;align-items:center !important;margin-bottom:24px !important;}
.ccp-v3-login-card h1{font-size:30px !important;margin:0 0 8px !important;color:#fff !important;}
.ccp-v3-login-card p{margin:0 0 24px !important;color:var(--v3-muted) !important;line-height:1.45 !important;}
.ccp-v3-login-card .ccp-login-input{display:grid !important;gap:8px !important;margin:15px 0 !important;color:#d7dce5 !important;font-size:13px !important;font-weight:700 !important;}
.ccp-v3-login-card .ccp-login-input>span{display:block !important;color:#c7cfda !important;}
.ccp-v3-login-card input{height:48px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.10) !important;background:#0a0f16 !important;color:#fff !important;box-shadow:inset 0 0 0 1px rgba(225,29,46,.05) !important;}
.ccp-v3-login-card input::placeholder{color:#697386 !important;}
.ccp-v3-login-card input:focus{border-color:rgba(225,29,46,.58) !important;box-shadow:0 0 0 4px rgba(225,29,46,.13),inset 0 0 0 1px rgba(225,29,46,.18) !important;background:#0b111a !important;}
.ccp-v3-login-card input:-webkit-autofill{-webkit-text-fill-color:#fff !important;box-shadow:0 0 0 1000px #0a0f16 inset !important;caret-color:#fff !important;}
.ccp-login-submit{height:50px !important;border-radius:14px !important;background:linear-gradient(135deg,#b30816,var(--v3-red2)) !important;color:#fff !important;border:0 !important;font-weight:900 !important;box-shadow:0 16px 36px rgba(225,29,46,.24) !important;margin-top:12px !important;}
.ccp-forgot{display:block !important;text-align:center !important;margin-top:18px !important;color:#a7b0bd !important;text-decoration:none !important;font-weight:700 !important;}

/* Panel / Dashboard profesional */
.admin-app{display:grid !important;grid-template-columns:260px minmax(0,1fr) !important;min-height:100vh !important;background:linear-gradient(135deg,#06080d,#0b1119 55%,#05070b) !important;color:var(--v3-text) !important;}
.ccp-v3-sidebar,.admin-sidebar{background:rgba(7,10,15,.92) !important;border-right:1px solid rgba(255,255,255,.08) !important;padding:22px 14px !important;box-shadow:18px 0 50px rgba(0,0,0,.22) !important;}
.ccp-v3-admin-brand{display:block !important;text-decoration:none !important;padding:12px 12px 22px !important;margin-bottom:8px !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.ccp-v3-admin-brand .brand-copy strong{font-size:15px !important;line-height:1.25 !important;letter-spacing:.08em !important;}
.admin-sidebar nav{display:grid !important;gap:6px !important;padding-top:8px !important;}
.admin-sidebar nav a{height:43px !important;display:flex !important;align-items:center !important;padding:0 14px !important;border-radius:12px !important;border:1px solid transparent !important;color:#aeb8c7 !important;text-decoration:none !important;font-size:14px !important;font-weight:750 !important;letter-spacing:.01em !important;background:transparent !important;box-shadow:none !important;}
.admin-sidebar nav a:hover{background:rgba(255,255,255,.045) !important;color:#fff !important;border-color:rgba(255,255,255,.07) !important;}
.admin-sidebar nav a.active{background:rgba(225,29,46,.12) !important;color:#fff !important;border-color:rgba(225,29,46,.30) !important;box-shadow:inset 3px 0 0 var(--v3-red2) !important;}
.admin-sidebar nav a span,.admin-sidebar nav a i,.admin-sidebar nav a:before,.admin-sidebar nav a:after{display:none !important;content:none !important;}
.admin-logout-link{margin-top:auto !important;height:42px !important;border-radius:12px !important;display:grid !important;place-items:center !important;background:rgba(255,255,255,.045) !important;color:#c6ceda !important;text-decoration:none !important;border:1px solid rgba(255,255,255,.08) !important;}
.ccp-v3-topbar,.admin-topbar-photo{height:62px !important;position:fixed !important;left:260px !important;right:0 !important;top:0 !important;background:rgba(7,10,15,.74) !important;backdrop-filter:blur(14px) !important;border-bottom:1px solid rgba(255,255,255,.07) !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;padding:0 28px !important;z-index:20 !important;}
.admin-user-mini{display:flex !important;align-items:center !important;gap:10px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:999px !important;padding:6px 12px 6px 7px !important;color:#fff !important;}
.admin-user-mini .avatar{width:30px !important;height:30px !important;border-radius:50% !important;background:linear-gradient(135deg,#b30816,var(--v3-red2)) !important;display:grid !important;place-items:center !important;color:#fff !important;font-size:12px !important;}
.admin-user-mini small{color:var(--v3-muted) !important;}
.admin-main{padding:88px 24px 26px !important;background:transparent !important;min-width:0 !important;}
.inventory-shell,.report-shell,.dark-form-shell,.inventory-table-card,.chart-panel,.recent-panel{background:rgba(14,20,29,.86) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:20px !important;box-shadow:var(--v3-shadow) !important;color:#eef2f7 !important;}
.report-shell,.inventory-shell{padding:22px !important;}
.report-title,.inventory-heading{gap:14px !important;margin-bottom:18px !important;align-items:center !important;}
.report-title h1,.inventory-heading h1,.panel-dark-title h2{color:#fff !important;letter-spacing:-.02em !important;}
.report-title p,.inventory-heading p,.panel-dark-title p{color:var(--v3-muted) !important;}
.eyebrow{color:var(--v3-red2) !important;letter-spacing:.18em !important;}
.report-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
.report-card,.mini-kpis .report-card{min-height:118px !important;padding:18px !important;border-radius:18px !important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(12,17,24,.82)) !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 14px 40px rgba(0,0,0,.22) !important;overflow:hidden !important;color:#fff !important;text-decoration:none !important;}
.report-card:before{content:"";position:absolute;right:-38px;top:-46px;width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,.035);}
.report-card span{font-size:12px !important;color:#b6c0ce !important;font-weight:800 !important;letter-spacing:.02em !important;}
.report-card strong{font-size:34px !important;line-height:1 !important;margin:10px 0 4px !important;color:#fff !important;}
.report-card small{font-size:12px !important;color:#8f9aaa !important;}
.report-card i{right:16px !important;bottom:14px !important;width:38px !important;height:38px !important;border-radius:12px !important;display:grid !important;place-items:center !important;font-size:13px !important;font-style:normal !important;font-weight:900 !important;color:#fff !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.10) !important;}
.report-card.blue i,.report-card.cyan i{background:rgba(59,130,246,.18) !important;color:#93c5fd !important;}
.report-card.emerald i{background:rgba(16,185,129,.18) !important;color:#6ee7b7 !important;}
.report-card.amber i{background:rgba(245,158,11,.18) !important;color:#fcd34d !important;}
.report-card.rose i{background:rgba(225,29,46,.18) !important;color:#ff9aa5 !important;}
.report-card.violet i{background:rgba(139,92,246,.18) !important;color:#c4b5fd !important;}
.report-panels{display:grid !important;grid-template-columns:1.1fr .9fr !important;gap:14px !important;margin-top:14px !important;}
.new-record,.filter-toggle,.filter-row button,.dark-form-actions button{border-radius:12px !important;background:linear-gradient(135deg,#b30816,var(--v3-red2)) !important;color:#fff !important;border:0 !important;box-shadow:0 14px 34px rgba(225,29,46,.20) !important;}
.new-record.export{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:none !important;}
.admin-search,.filter-row select,.filter-row input{background:#0a0f16 !important;border:1px solid rgba(255,255,255,.10) !important;color:#fff !important;border-radius:13px !important;}
.admin-search input,.filter-row input{background:transparent !important;color:#fff !important;}
.dark-table-wrap{border-radius:16px !important;overflow:auto !important;border:1px solid rgba(255,255,255,.08) !important;}
.dark-table th{background:#0a0f16 !important;color:#aab4c1 !important;border-bottom:1px solid rgba(255,255,255,.09) !important;}
.dark-table td{color:#e8edf5 !important;border-bottom:1px solid rgba(255,255,255,.06) !important;}
.dark-table tbody tr:hover{background:rgba(225,29,46,.055) !important;}
.dark-badge,.state,.priority{border-radius:999px !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.08) !important;color:#e8edf5 !important;}
.row-actions a,.row-actions button{border-radius:10px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;color:#fff !important;}
.fake-chart div{background:linear-gradient(180deg,var(--v3-red2),#7c111c) !important;border-radius:10px 10px 0 0 !important;}
.recent-row{border-radius:14px !important;border:1px solid rgba(255,255,255,.07) !important;background:rgba(255,255,255,.035) !important;color:#fff !important;}
.person-avatar{background:linear-gradient(135deg,#b30816,var(--v3-red2)) !important;color:#fff !important;}

@media(max-width:980px){
  .ccp-v3-action-grid,.report-grid,.report-panels{grid-template-columns:1fr !important;}
  .admin-app{display:block !important;}
  .admin-sidebar{position:relative !important;min-height:auto !important;width:auto !important;}
  .admin-sidebar nav{display:flex !important;overflow:auto !important;}
  .admin-sidebar nav a{white-space:nowrap !important;min-width:max-content !important;}
  .admin-topbar-photo{position:relative !important;left:auto !important;right:auto !important;top:auto !important;}
  .admin-main{padding:18px !important;}
}
@media(max-width:760px){
  .ccp-v3-header{height:auto !important;padding:14px 18px !important;gap:12px !important;}
  .ccp-v3-brand .brand-copy strong{font-size:13px !important;}
  .ccp-v3-main{padding:28px 18px 0 !important;}
  .ccp-v3-hero h1{font-size:58px !important;}
  .ccp-v3-hero p{font-size:16px !important;}
  .ccp-v3-action-card{grid-template-columns:64px 1fr 36px !important;min-height:150px !important;padding:18px !important;}
  .ccp-action-icon{width:56px !important;height:56px !important;min-width:56px !important;}
  .ccp-v3-inventory-band{grid-template-columns:1fr !important;text-align:center !important;padding:20px !important;}
  .ccp-v3-trust{grid-template-columns:1fr !important;}
}

/* =========================================================
   FIX FINAL: login, sidebar logout y tarjetas KPI clicables
   ========================================================= */
.ccp-v3-login-card,
.ccp-login-card{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  width:min(460px, calc(100vw - 36px)) !important;
  padding:34px !important;
  box-sizing:border-box !important;
}
.ccp-v3-login-card h1,
.ccp-login-card h1{margin:8px 0 0 !important;line-height:1.08 !important;}
.ccp-v3-login-card p,
.ccp-login-card p{margin:0 0 6px !important;line-height:1.55 !important;color:#aeb8c7 !important;}
.ccp-login-input{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  margin:0 !important;
  width:100% !important;
}
.ccp-login-input span{font-size:13px !important;font-weight:800 !important;color:#d7deea !important;}
.ccp-login-input input{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(7,12,20,.88) !important;
  color:#ffffff !important;
  padding:0 16px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.ccp-login-input input::placeholder{color:#667387 !important;opacity:1 !important;}
.ccp-login-input input:focus{
  background:rgba(10,17,28,.96) !important;
  border-color:rgba(229,9,20,.72) !important;
  box-shadow:0 0 0 4px rgba(229,9,20,.14), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ccp-login-submit{margin-top:6px !important;height:52px !important;border-radius:14px !important;}
.ccp-forgot{display:block !important;text-align:center !important;margin-top:0 !important;}

.ccp-v3-sidebar,
.admin-sidebar{
  display:flex !important;
  flex-direction:column !important;
  min-height:100vh !important;
  overflow:hidden !important;
}
.ccp-v3-sidebar nav,
.admin-sidebar nav{
  flex:1 1 auto !important;
  overflow-y:auto !important;
  padding-bottom:14px !important;
}
.admin-logout-link{
  position:static !important;
  margin:14px 16px 18px !important;
  width:auto !important;
  max-width:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:44px !important;
  border-radius:14px !important;
  background:rgba(229,9,20,.12) !important;
  border:1px solid rgba(229,9,20,.28) !important;
  color:#ffd7da !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.admin-logout-link:hover{background:rgba(229,9,20,.22) !important;color:#fff !important;}

.report-grid.mini-kpis{align-items:stretch !important;}
a.report-card.kpi-link,
.report-card.kpi-link{
  cursor:pointer !important;
  text-decoration:none !important;
  color:inherit !important;
  display:block !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
a.report-card.kpi-link:hover,
.report-card.kpi-link:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(229,9,20,.36) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.30), 0 0 0 1px rgba(229,9,20,.10) !important;
}
.report-card i{
  overflow:hidden !important;
  white-space:nowrap !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
}
.pending-card .pending-hover-list{z-index:30 !important;}
.pending-card .pending-hover-list > span,
.pending-card .pending-hover-list > a{
  display:block !important;
  text-decoration:none !important;
  color:#eaf0f8 !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

@media(max-width:760px){
  .ccp-v3-login-card,.ccp-login-card{padding:26px 20px !important;gap:14px !important;}
  .ccp-login-input input{height:50px !important;min-height:50px !important;}
}

/* FIX INICIO 2026-06-26: elimina la línea roja decorativa que cruzaba el texto "Plataforma de Gestión TI" */
.ccp-v3-bg:after,
.ccp-home-red:before{
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Mantiene el inicio limpio, centrado y sin líneas que interfieran con el encabezado */
.ccp-v3-hero,
.ccp-hero-clean{
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

/* =========================================================
   FIX URGENTE LOGIN: campos separados, clicables y sin descuadre
   ========================================================= */
.ccp-login-page,
.ccp-v3-login-page{
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:32px 18px !important;
  box-sizing:border-box !important;
}
.ccp-login-page .ccp-v3-bg,
.ccp-v3-login-page .ccp-v3-bg,
.ccp-login-page:before,
.ccp-login-page:after{
  pointer-events:none !important;
}
.ccp-login-card,
.ccp-v3-login-card{
  position:relative !important;
  z-index:5 !important;
  width:min(480px, calc(100vw - 36px)) !important;
  max-width:480px !important;
  padding:34px 32px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:18px !important;
  text-align:left !important;
  overflow:visible !important;
}
.ccp-login-text-brand,
.ccp-v3-login-brand{
  margin:0 0 6px !important;
}
.ccp-login-card h1,
.ccp-v3-login-card h1{
  margin:0 !important;
  text-align:left !important;
}
.ccp-login-card p,
.ccp-v3-login-card p{
  margin:0 0 4px !important;
  text-align:left !important;
}
.ccp-login-card label.ccp-login-input,
.ccp-v3-login-card label.ccp-login-input,
label.ccp-login-input{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  gap:8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
  cursor:default !important;
  pointer-events:auto !important;
}
.ccp-login-card label.ccp-login-input span,
.ccp-v3-login-card label.ccp-login-input span,
label.ccp-login-input span{
  display:block !important;
  width:100% !important;
  color:#d8dee9 !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  text-align:left !important;
}
.ccp-login-card label.ccp-login-input input,
.ccp-v3-login-card label.ccp-login-input input,
label.ccp-login-input input{
  display:block !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  box-sizing:border-box !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:#0b111a !important;
  color:#ffffff !important;
  outline:none !important;
  font-size:15px !important;
  line-height:54px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  pointer-events:auto !important;
  cursor:text !important;
}
.ccp-login-card label.ccp-login-input input:focus,
.ccp-v3-login-card label.ccp-login-input input:focus,
label.ccp-login-input input:focus{
  background:#0f1724 !important;
  border-color:rgba(229,9,20,.72) !important;
  box-shadow:0 0 0 4px rgba(229,9,20,.16), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.ccp-login-card label.ccp-login-input input::placeholder,
.ccp-v3-login-card label.ccp-login-input input::placeholder{
  color:#6f7a8d !important;
  opacity:1 !important;
}
.ccp-login-submit{
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  margin:4px 0 0 !important;
  cursor:pointer !important;
}
.ccp-forgot{
  text-align:center !important;
  margin:0 !important;
}
@media(max-width:520px){
  .ccp-login-card,
  .ccp-v3-login-card{
    padding:28px 20px !important;
    gap:16px !important;
  }
}

/* Inventario 2026 · acceso directo al agente */
.inventory-web-page .agent-primary-action{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px 22px!important;
  margin-bottom:16px!important;
  padding:22px!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#f8fafc)!important;
  color:#0f172a!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
.inventory-web-page .agent-primary-action h3{
  margin:0 0 5px!important;
  color:#0f172a!important;
  font-size:19px!important;
}
.inventory-web-page .agent-primary-action p{
  margin:0!important;
  max-width:640px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.inventory-web-page .agent-primary-action #open-agent{
  min-height:50px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  white-space:nowrap!important;
  box-shadow:0 10px 24px rgba(229,9,20,.18)!important;
}
.inventory-web-page .agent-primary-action #open-agent.is-opening{
  opacity:.7!important;
  pointer-events:none!important;
  cursor:wait!important;
}
.inventory-web-page .agent-opening-status{
  grid-column:1/-1!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:-3px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-size:13px!important;
  font-weight:800!important;
}
.inventory-web-page .agent-opening-status[hidden]{display:none!important;}
.inventory-web-page .agent-opening-status i{
  width:14px!important;
  height:14px!important;
  flex:0 0 auto!important;
  border:2px solid #a5b4fc!important;
  border-top-color:#4338ca!important;
  border-radius:50%!important;
  animation:inventory-agent-spin .75s linear infinite!important;
}
@keyframes inventory-agent-spin{to{transform:rotate(360deg);}}

@media(max-width:720px){
  .inventory-web-page .agent-primary-action{grid-template-columns:1fr!important;padding:18px!important;}
  .inventory-web-page .agent-primary-action #open-agent{width:100%!important;white-space:normal!important;text-align:center!important;}
  .inventory-web-page .agent-opening-status{grid-column:1!important;width:100%!important;justify-content:center!important;}
}

.inventory-web-page .corporate-agent-notice{
  margin:14px 0 18px!important;
  padding:16px 18px!important;
  border:1px solid #bfdbfe!important;
  border-left:4px solid #2563eb!important;
  border-radius:14px!important;
  background:#eff6ff!important;
  color:#1e3a5f!important;
  line-height:1.55!important;
}
.inventory-web-page .corporate-agent-notice strong{display:block!important;margin-bottom:6px!important;color:#1e3a8a!important;}
.inventory-web-page .corporate-agent-notice p{margin:5px 0!important;color:#334155!important;}
.inventory-web-page .corporate-agent-notice .corporate-agent-warning{color:#92400e!important;}

/* === Fix panel v3: tarjetas clicables y espaciado compacto === */
.dashboard-action-grid .report-card,
.kpi-link.report-card {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.dashboard-action-grid .report-card:hover,
.kpi-link.report-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}
.report-shell,
.inventory-shell,
.health-shell {
  padding-top: 16px !important;
}
.report-title {
  margin-bottom: 12px !important;
}
.report-grid {
  gap: 10px !important;
}
.report-card {
  min-height: 104px !important;
  padding: 15px 16px !important;
  border-radius: 12px !important;
}
.report-card strong {
  font-size: 30px !important;
  margin: 6px 0 1px !important;
}
.report-card i {
  right: 15px !important;
  bottom: 14px !important;
  font-size: 24px !important;
  opacity: .82;
  letter-spacing: -.03em;
}
.report-panels {
  gap: 10px !important;
  margin-top: 10px !important;
}
.chart-panel,
.recent-panel,
.inventory-table-card,
.health-card {
  border-radius: 12px !important;
}
.dark-section-gap {
  margin-top: 10px !important;
}
.admin-main {
  padding: 16px 18px !important;
}
.admin-sidebar nav {
  gap: 4px !important;
}
.admin-sidebar nav a {
  min-height: 38px !important;
  padding: 10px 14px !important;
}
.admin-logout-link {
  margin-top: 10px !important;
  width: calc(100% - 24px) !important;
  align-self: center !important;
  box-sizing: border-box !important;
}
@media (max-width: 1100px) {
  .admin-main { padding: 12px !important; }
  .report-grid { gap: 9px !important; }
}

/* =========================================================
   FIX PANEL ESPACIADO + CARGA SIN CORTE POR BARRA SUPERIOR
   - Reduce los cuadros del menú lateral.
   - La barra superior vuelve al flujo normal para no tapar contenido.
   - No toca lógica Flask, rutas ni BD.
   ========================================================= */
.admin-app{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  grid-template-rows:auto 1fr !important;
  min-height:100vh !important;
  overflow:visible !important;
}
.admin-sidebar,
.ccp-v3-sidebar,
.admin-sidebar.photo-sidebar{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:220px !important;
  min-width:220px !important;
  padding:14px 10px !important;
  gap:8px !important;
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  min-height:100vh !important;
  overflow:hidden !important;
}
.admin-sidebar .ccp-admin-text-brand,
.ccp-v3-admin-brand,
.admin-brand.ccp-admin-logo-brand{
  padding:8px 8px 12px !important;
  margin:0 0 6px !important;
  min-height:0 !important;
}
.ccp-v3-admin-brand .brand-copy strong,
.admin-sidebar .ccp-admin-text-brand .brand-copy strong{
  font-size:12px !important;
  line-height:1.15 !important;
  letter-spacing:.04em !important;
  white-space:normal !important;
}
.ccp-v3-admin-brand .brand-copy small,
.admin-sidebar .ccp-admin-text-brand .brand-copy small{
  font-size:9px !important;
  margin-top:3px !important;
}
.admin-sidebar nav,
.ccp-v3-sidebar nav{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  margin:0 !important;
  padding:0 0 8px !important;
  overflow-y:auto !important;
  scrollbar-width:thin !important;
}
.admin-sidebar nav a,
.ccp-v3-sidebar nav a{
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.admin-sidebar nav a span,
.admin-sidebar nav a i,
.admin-sidebar nav a svg,
.ccp-v3-sidebar nav a span,
.ccp-v3-sidebar nav a i,
.ccp-v3-sidebar nav a svg{
  display:none !important;
}
.admin-logout-link{
  height:36px !important;
  min-height:36px !important;
  margin:8px 4px 0 !important;
  padding:0 10px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:36px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:auto !important;
  flex:0 0 auto !important;
}
.ccp-v3-topbar,
.admin-topbar-photo{
  grid-column:2 !important;
  grid-row:1 !important;
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  z-index:10 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 20px !important;
  box-sizing:border-box !important;
  background:rgba(7,10,15,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.admin-main{
  grid-column:2 !important;
  grid-row:2 !important;
  padding:16px 18px 22px !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
  scroll-margin-top:70px !important;
}
.inventory-shell,
.report-shell,
.dark-form-shell,
.inventory-table-card,
.chart-panel,
.recent-panel,
.admin-app .panel{
  scroll-margin-top:70px !important;
}
.report-title,
.inventory-heading,
.panel-dark-title{
  margin-top:0 !important;
  padding-top:0 !important;
}
.report-grid.mini-kpis,
.inventory-kpis,
.report-grid{
  gap:10px !important;
}
.report-card,
.kpi{
  min-height:98px !important;
  padding:14px 14px !important;
}
.report-panels{
  gap:10px !important;
}
@media(max-width:900px){
  .admin-app{display:block !important;}
  .admin-sidebar,.ccp-v3-sidebar,.admin-sidebar.photo-sidebar{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
  }
  .admin-sidebar nav,.ccp-v3-sidebar nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .ccp-v3-topbar,.admin-topbar-photo{position:relative !important;height:50px !important;min-height:50px !important;}
  .admin-main{padding:14px !important;}
}


/* Inventario 2026 · agente MSI: instalación simple */
.inventory-web-page .agent-step-card,
.inventory-web-page .capture-progress-panel {
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
.inventory-web-page .agent-step-card h3,
.inventory-web-page .agent-step-card p,
.inventory-web-page .agent-step-card b,
.inventory-web-page .capture-progress-panel span,
.inventory-web-page .capture-progress-panel small,
.inventory-web-page .capture-progress-panel strong,
.inventory-web-page .capture-timer span{
  color:#111827!important;
}
.inventory-web-page .agent-install-note{
  margin-top:8px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  line-height:1.45!important;
}
.inventory-web-page .capture-card .capture-timer strong{
  color:#0f766e!important;
}
.inventory-web-page .capture-card .capture-status.pending,
.inventory-web-page .capture-card .capture-status.waiting{
  background:#fff7ed!important;
  color:#9a3412!important;
}
.inventory-web-page .capture-card .capture-status.ok{
  background:#ecfdf5!important;
  color:#047857!important;
}
.inventory-web-page .capture-card .capture-status.error{
  background:#fee2e2!important;
  color:#b91c1c!important;
}
.license-state.warn{background:#78350f;color:#fde68a}

/* Dashboard TI · versión ligera profesional */
.dashboard-lite{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:22px!important;
}
.dashboard-lite-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:4px 2px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.dashboard-lite-hero h1{
  margin:4px 0 6px!important;
  color:#fff!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  letter-spacing:-.03em!important;
}
.dashboard-lite-hero p{
  margin:0!important;
  max-width:680px!important;
  color:#aeb7c2!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.dashboard-lite-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.dashboard-lite-secondary{
  height:42px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#eef2f7!important;
  text-decoration:none!important;
  font-weight:800!important;
  font-size:12px!important;
}
.dashboard-lite-secondary:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.dashboard-lite-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.dashboard-lite-card{
  position:relative!important;
  min-height:112px!important;
  padding:18px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(18,24,33,.94),rgba(8,11,16,.92))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#eef2f7!important;
  text-decoration:none!important;
  box-shadow:0 14px 38px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
.dashboard-lite-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#64748b;
  opacity:.95;
}
.dashboard-lite-card.ok:before{background:#22c55e;}
.dashboard-lite-card.danger:before{background:#ef4444;}
.dashboard-lite-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.dashboard-lite-card span,
.dashboard-lite-card small,
.dashboard-lite-card strong{
  display:block!important;
  position:relative!important;
  z-index:1!important;
}
.dashboard-lite-card span{
  color:#aeb7c2!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.dashboard-lite-card strong{
  margin:12px 0 6px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.dashboard-lite-card small{
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.dashboard-lite-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.dashboard-priority-panel,
.dashboard-recent-panel{
  border-radius:18px!important;
  background:rgba(10,15,22,.86)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.20)!important;
  padding:16px!important;
}
.dashboard-priority-panel .panel-dark-title,
.dashboard-recent-panel .panel-dark-title{
  margin-bottom:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.priority-list{
  display:grid!important;
  gap:10px!important;
}
.priority-list a{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:4px 14px!important;
  align-items:center!important;
  padding:13px 14px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#eef2f7!important;
  text-decoration:none!important;
}
.priority-list a:hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(239,27,35,.28)!important;
  color:#fff!important;
}
.priority-list b,
.priority-list span{
  min-width:0!important;
}
.priority-list b{
  color:#fff!important;
  font-size:13px!important;
}
.priority-list span{
  grid-column:1!important;
  color:#98a4b3!important;
  font-size:12px!important;
}
.priority-list strong{
  grid-row:1 / span 2!important;
  grid-column:2!important;
  min-width:44px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(239,27,35,.12)!important;
  border:1px solid rgba(239,27,35,.25)!important;
  color:#ff7077!important;
  font-size:16px!important;
}
.dashboard-recent-list{
  display:grid!important;
  gap:9px!important;
}
.dashboard-recent-panel .recent-row{
  padding:10px 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.04)!important;
}
.dashboard-recent-panel .recent-row:last-child{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.dashboard-recent-panel .recent-row b{
  font-size:12px!important;
}
.dashboard-recent-panel .recent-row small,
.dashboard-recent-panel .recent-row time{
  font-size:10px!important;
}
@media(max-width:1100px){
  .dashboard-lite-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dashboard-lite-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .dashboard-lite{padding:16px!important;}
  .dashboard-lite-hero{flex-direction:column!important;}
  .dashboard-lite-actions{justify-content:flex-start!important;width:100%!important;}
  .dashboard-lite-kpis{grid-template-columns:1fr!important;}
  .dashboard-lite-card{min-height:98px!important;}
}

/* =========================================================
   Panel TI unificado · mismo lenguaje visual del Dashboard
   - Aplica a Inventario 2026, Tickets, Correos, Equipos,
     Personal, Salud TI, RRHH, Marketing y formularios admin.
   - Solo diseño: no cambia rutas, BD ni lógica Flask.
   ========================================================= */
.admin-main > .inventory-shell,
.admin-main > .report-shell,
.admin-main > .dark-form-shell{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:22px !important;
  border-radius:20px !important;
  background:rgba(8,13,20,.84) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.34) !important;
  color:#eef2f7 !important;
}
.admin-main > .report-shell.dashboard-lite{
  padding:22px !important;
}
.inventory-heading,
.report-title,
.dark-form-shell > header{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin:0 !important;
  padding:2px 2px 14px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.inventory-heading > div:first-child,
.report-title > div:first-child,
.dark-form-shell > header > div:first-child{
  flex:1 1 300px !important;
  min-width:260px !important;
}
.inventory-heading h1,
.report-title h1,
.dark-form-shell h1{
  margin:4px 0 6px !important;
  color:#fff !important;
  font-size:clamp(24px,2.4vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}
.inventory-heading p,
.report-title p,
.dark-form-shell p{
  margin:0 !important;
  max-width:720px !important;
  color:#aeb7c2 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.eyebrow{
  color:#ff4b53 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
.admin-search{
  flex:0 1 390px !important;
  min-width:250px !important;
  height:42px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.admin-search span{color:#aeb7c2 !important;}
.admin-search input{
  color:#eef2f7 !important;
  font-size:12px !important;
}
.admin-search input::placeholder{color:#7f8a99 !important;}
.filter-toggle,
.new-record,
.readonly-pill,
.dashboard-lite-secondary,
.dark-form-actions a,
.dark-form-actions button,
.filter-row button,
.filter-row a{
  min-height:42px !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.new-record,
.dark-form-actions button,
.filter-row button{
  background:linear-gradient(180deg,#ef1b23,#b9040d) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 10px 28px rgba(239,27,35,.22) !important;
}
.new-record.export{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:none !important;
  color:#f4f7fb !important;
}
.filter-toggle,
.dashboard-lite-secondary,
.dark-form-actions a,
.filter-row a,
.readonly-pill{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#eef2f7 !important;
  box-shadow:none !important;
}
.new-record:hover,
.filter-toggle:hover,
.dashboard-lite-secondary:hover,
.filter-row a:hover,
.dark-form-actions a:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(255,255,255,.20) !important;
  filter:brightness(1.05) !important;
}
.filter-row{
  margin:0 !important;
  padding:12px !important;
  gap:10px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:rgba(10,15,22,.74) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}
.filter-row input,
.filter-row select,
.dark-form-grid input,
.dark-form-grid select,
.dark-form-grid textarea{
  min-height:42px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#eef2f7 !important;
}
.filter-row input:focus,
.filter-row select:focus,
.dark-form-grid input:focus,
.dark-form-grid select:focus,
.dark-form-grid textarea:focus{
  border-color:rgba(239,27,35,.60) !important;
  box-shadow:0 0 0 3px rgba(239,27,35,.11) !important;
  outline:none !important;
}
.report-grid.mini-kpis,
.report-grid,
.inventory-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
}
.role-panel-shell .report-grid,
.marketing-panel .report-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.report-card,
.kpi{
  position:relative !important;
  min-height:112px !important;
  padding:18px !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,rgba(18,24,33,.94),rgba(8,11,16,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#eef2f7 !important;
  text-decoration:none !important;
  box-shadow:0 14px 38px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.report-card:before,
.kpi:before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:4px !important;
  background:#64748b !important;
  opacity:.96 !important;
}
.report-card:hover,
.kpi-link:hover,
.kpi:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.26) !important;
}
.report-card span,
.report-card small,
.report-card strong,
.kpi > span,
.kpi > small,
.kpi > strong{
  display:block !important;
  position:relative !important;
  z-index:1 !important;
}
.report-card span,
.kpi > span{
  color:#aeb7c2 !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.report-card strong,
.kpi > strong{
  margin:12px 0 6px !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}
.report-card small,
.kpi > small{
  color:#94a3b8 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
.report-card i,
.kpi > b,
.kpi:after{
  display:none !important;
}
.report-card.rose:before{background:#ef4444 !important;}
.report-card.amber:before,.kpi.orange:before{background:#f59e0b !important;}
.report-card.emerald:before,.kpi.green:before{background:#22c55e !important;}
.report-card.violet:before,.kpi.purple:before{background:#a855f7 !important;}
.report-card.blue:before,.report-card.cyan:before,.kpi.blue:before{background:#38bdf8 !important;}
.inventory-layout{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}
.inventory-layout > .inventory-kpis{
  order:-1 !important;
}
.inventory-table-card,
.chart-panel,
.recent-panel,
.admin-app .panel,
.health-control-summary,
.health-legend{
  border-radius:18px !important;
  background:rgba(10,15,22,.86) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
}
.panel-dark-title,
.table-title-pad{
  margin:0 !important;
  padding:16px 16px 13px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.panel-dark-title h2{
  color:#fff !important;
  font-size:15px !important;
  letter-spacing:-.01em !important;
}
.panel-dark-title p{
  color:#98a4b3 !important;
  font-size:12px !important;
}
.panel-dark-title > a,
.panel-dark-title > span{
  color:#ff7077 !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.dark-table-wrap{
  border-radius:0 !important;
  background:transparent !important;
}
.dark-table th,
.admin-app table th{
  height:44px !important;
  padding:0 14px !important;
  background:rgba(255,255,255,.045) !important;
  color:#cbd5e1 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}
.dark-table td,
.admin-app table td{
  padding:13px 14px !important;
  background:transparent !important;
  color:#e5e7eb !important;
  border-bottom:1px solid rgba(255,255,255,.065) !important;
  font-size:12px !important;
}
.dark-table tbody tr:hover,
.admin-app table tbody tr:hover{
  background:rgba(255,255,255,.045) !important;
}
.table-footer{
  min-height:48px !important;
  height:auto !important;
  padding:12px 14px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  color:#aeb7c2 !important;
}
.pagination a,
.pagination span{
  border-radius:9px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#dce2ea !important;
}
.pagination a.active{
  background:linear-gradient(180deg,#ef1b23,#b9040d) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.person-avatar{
  background:linear-gradient(145deg,#2a303a,#111827) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
}
.dark-badge,
.tag,
.worker-status,
.status-badge,
.license-state,
.health-badge{
  border-radius:999px !important;
  font-weight:800 !important;
}
.health-control-summary{
  padding:12px !important;
  display:grid !important;
  grid-template-columns:1.15fr repeat(6,minmax(120px,1fr)) !important;
  gap:10px !important;
}
.health-control-summary > div,
.health-control-chip{
  min-height:72px !important;
  padding:13px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  text-decoration:none !important;
  color:#eef2f7 !important;
}
.health-control-summary span,
.health-control-summary small{
  color:#94a3b8 !important;
  font-size:11px !important;
}
.health-control-summary strong,
.health-control-summary b{
  display:block !important;
  margin-top:6px !important;
  color:#fff !important;
  font-size:23px !important;
}
.health-control-chip.active,
.health-control-chip:hover{
  border-color:rgba(239,27,35,.32) !important;
  background:rgba(239,27,35,.10) !important;
}
.health-legend{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 18px !important;
  margin:0 !important;
  padding:13px 15px !important;
  color:#aeb7c2 !important;
  font-size:12px !important;
}
.role-panels-grid{
  gap:14px !important;
}
.pending-hover-list{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:#0b111a !important;
  box-shadow:0 18px 50px rgba(0,0,0,.34) !important;
}
.empty-state{
  color:#8d99a8 !important;
}
@media(max-width:1250px){
  .report-grid.mini-kpis,
  .report-grid,
  .inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .health-control-summary{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .admin-main > .inventory-shell,
  .admin-main > .report-shell,
  .admin-main > .dark-form-shell{padding:16px !important;border-radius:16px !important;}
  .inventory-heading,
  .report-title,
  .dark-form-shell > header{flex-direction:column !important;align-items:stretch !important;}
  .admin-search{width:100% !important;min-width:0 !important;}
  .report-grid.mini-kpis,
  .report-grid,
  .inventory-kpis,
  .health-control-summary,
  .role-panels-grid{grid-template-columns:1fr !important;}
  .report-card,
  .kpi{min-height:98px !important;}
  .table-footer{align-items:flex-start !important;gap:10px !important;flex-direction:column !important;}
}


/* =========================================================
   Modo oscuro fijo + centrado visual de paneles admin
   ========================================================= */
.admin-topbar-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  min-width:0 !important;
}

.dashboard-lite-hero,
.inventory-heading,
.report-title,
.dark-form-shell > header,
.panel-dark-title,
.table-title-pad,
.ficha-header,
.panel-title-row{
  text-align:center !important;
}
.dashboard-lite-hero,
.inventory-heading,
.report-title,
.dark-form-shell > header,
.panel-dark-title,
.table-title-pad,
.ficha-header,
.panel-title-row{
  justify-content:center !important;
  align-items:center !important;
}
.dashboard-lite-hero > div:first-child,
.inventory-heading > div:first-child,
.report-title > div:first-child,
.dark-form-shell > header > div:first-child,
.panel-dark-title > div:first-child,
.table-title-pad > div:first-child,
.ficha-header > div:first-child,
.panel-title-row > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}
.dashboard-lite-hero p,
.inventory-heading p,
.report-title p,
.dark-form-shell p,
.panel-dark-title p,
.ficha-header p{
  margin-left:auto !important;
  margin-right:auto !important;
}
.dashboard-lite-actions,
.top-actions,
.dark-form-actions,
.edit-actions,
.capture-actions,
.filter-actions{
  justify-content:center !important;
  text-align:center !important;
}
.dashboard-lite-card,
.report-card,
.kpi,
.health-control-summary > div,
.health-control-chip,
.detail-card,
.priority-list a{
  text-align:center !important;
}
.dashboard-lite-card,
.report-card,
.kpi,
.health-control-summary > div,
.health-control-chip,
.detail-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.dashboard-lite-card:before,
.report-card:before,
.kpi:before{
  inset:auto 18px 12px 18px !important;
  width:auto !important;
  height:3px !important;
  border-radius:999px !important;
}
.asset-detail-page .panel h3,
.admin-app .panel h2,
.admin-app .panel h3{
  text-align:center !important;
}
.admin-app .detail-grid{
  align-items:stretch !important;
}
.admin-app .detail-card span,
.admin-app .detail-card strong{
  text-align:center !important;
  width:100% !important;
}
.admin-app .data-table th,
.admin-app .data-table td,
.dark-table th,
.dark-table td,
.admin-app table th,
.admin-app table td{
  text-align:center !important;
  vertical-align:middle !important;
}
.admin-app .data-table td[colspan],
.admin-app table td[colspan]{
  text-align:center !important;
}
.admin-app .cell-main,
.admin-app .cell-sub,
.admin-app .record-link,
.admin-app .person-link,
.admin-app .email-stack,
.dashboard-recent-panel .recent-row,
.recent-row{
  text-align:center !important;
}
.dashboard-recent-panel .recent-row,
.recent-row{
  justify-content:center !important;
}
.admin-app .form-grid,
.dark-form-grid{
  align-items:start !important;
}
.admin-app .form-group,
.dark-form-grid label{
  align-items:center !important;
  text-align:center !important;
}
.admin-app .form-group label,
.dark-form-grid label > span,
.admin-app label{
  text-align:center !important;
  width:100% !important;
}
.admin-app .form-grid input,
.admin-app .form-grid select,
.admin-app .form-grid textarea,
.dark-form-grid input,
.dark-form-grid select,
.dark-form-grid textarea{
  text-align:center !important;
}
.admin-app .person-autocomplete-results,
.admin-app .person-autocomplete-results button{
  text-align:center !important;
}

@media(max-width:760px){
  .admin-topbar-actions{gap:8px !important;}

}

/* =========================================================
   AJUSTE FINAL 2026-06-30 · Logo inicio + paneles legibles
   - Inicio usa logo sin fondo blanco.
   - Refuerza contraste y posición en paneles y vistas detalle.
   ========================================================= */
.ccp-home-header .only-logo-home{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ccp-home-header .only-logo-home .home-logo-img{
  display:block !important;
  width:clamp(142px, 15vw, 190px) !important;
  height:auto !important;
  max-height:66px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(239,27,35,.18)) !important;
}
.ccp-v3-header .only-logo-home .brand-mark,
.ccp-v3-header .only-logo-home .brand-copy{display:none !important;}

.inventory-web-page .capture-card .agent-install-flow{
  margin-top:0 !important;
}

/* Base oscura de panel: texto siempre visible */
.admin-app,
.admin-app .admin-main,
.admin-app .inventory-shell,
.admin-app .report-shell,
.admin-app .dark-form-shell,
.admin-app .inventory-table-card,
.admin-app .chart-panel,
.admin-app .recent-panel,
.admin-app .panel,
.admin-app .dashboard-priority-panel,
.admin-app .dashboard-recent-panel{
  color:#f8fafc !important;
}
.admin-app h1,
.admin-app h2,
.admin-app h3,
.admin-app h4,
.admin-app h5,
.admin-app label,
.admin-app th,
.admin-app .panel-dark-title h2,
.admin-app .inventory-heading h1,
.admin-app .report-title h1,
.admin-app .dark-form-shell h1,
.admin-app .ficha-header h2,
.admin-app .detail-card strong{
  color:#ffffff !important;
  opacity:1 !important;
}
.admin-app p,
.admin-app small,
.admin-app .muted,
.admin-app .cell-sub,
.admin-app .table-footer,
.admin-app .panel-dark-title p,
.admin-app .inventory-heading p,
.admin-app .report-title p,
.admin-app .dark-form-shell p,
.admin-app .ficha-header p,
.admin-app .detail-card span{
  color:#cbd5e1 !important;
  opacity:1 !important;
}

/* Posición profesional: títulos a la izquierda, acciones a la derecha; tarjetas centradas */
.admin-app .inventory-heading,
.admin-app .report-title,
.admin-app .dashboard-lite-hero,
.admin-app .detail-heading,
.admin-app .dark-form-shell > header{
  justify-content:space-between !important;
  align-items:center !important;
  text-align:left !important;
  gap:14px !important;
}
.admin-app .inventory-heading > div:first-child,
.admin-app .report-title > div:first-child,
.admin-app .dashboard-lite-hero > div:first-child,
.admin-app .detail-heading > div:first-child,
.admin-app .dark-form-shell > header > div:first-child{
  align-items:flex-start !important;
  text-align:left !important;
}
.admin-app .inventory-heading p,
.admin-app .report-title p,
.admin-app .dashboard-lite-hero p,
.admin-app .detail-heading p{
  margin-left:0 !important;
  margin-right:0 !important;
}
.admin-app .dashboard-lite-actions,
.admin-app .top-actions,
.admin-app .correo-detail-top-actions,
.admin-app .dark-form-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.admin-app .report-card,
.admin-app .dashboard-lite-card,
.admin-app .kpi,
.admin-app .detail-card,
.admin-app .health-control-chip,
.admin-app .health-control-summary > div{
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Tablas: fondos sólidos y letras claras en todos los paneles */
.admin-app .dark-table-wrap,
.admin-app .data-table-wrap,
.admin-app .table-responsive{
  background:#0b1220 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:14px !important;
  overflow:auto !important;
}
.admin-app .dark-table,
.admin-app .data-table,
.admin-app table{
  background:#0b1220 !important;
  color:#f8fafc !important;
  border-collapse:collapse !important;
}
.admin-app .dark-table th,
.admin-app .data-table th,
.admin-app table th{
  background:#111827 !important;
  color:#ffffff !important;
  border-color:rgba(148,163,184,.22) !important;
  text-align:center !important;
  vertical-align:middle !important;
}
.admin-app .dark-table td,
.admin-app .data-table td,
.admin-app table td{
  background:#0b1220 !important;
  color:#e5edf7 !important;
  border-color:rgba(148,163,184,.14) !important;
  text-align:center !important;
  vertical-align:middle !important;
}
.admin-app .dark-table tbody tr:nth-child(even) td,
.admin-app .data-table tbody tr:nth-child(even) td,
.admin-app table tbody tr:nth-child(even) td{
  background:#0f172a !important;
}
.admin-app .dark-table tbody tr:hover td,
.admin-app .data-table tbody tr:hover td,
.admin-app table tbody tr:hover td{
  background:#172033 !important;
  color:#ffffff !important;
}
.admin-app .record-link,
.admin-app .person-link,
.admin-app .table-action-link,
.admin-app .detail-link-btn,
.admin-app .file-link,
.admin-app .row-actions a{
  color:#bfdbfe !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.admin-app .record-link:hover,
.admin-app .person-link:hover,
.admin-app .table-action-link:hover,
.admin-app .detail-link-btn:hover,
.admin-app .file-link:hover{
  color:#ffffff !important;
  text-decoration:underline !important;
}

/* Tickets y correos: contraste extra para que no se pierda texto sobre fondo negro */
.admin-app .tickets-table th,
.admin-app .tickets-table td{
  color:#f8fafc !important;
  opacity:1 !important;
}
.admin-app .tickets-table .person-cell,
.admin-app .tickets-table td:nth-child(3),
.admin-app .tickets-table td:nth-child(4),
.admin-app .tickets-table td:nth-child(5),
.admin-app .tickets-table td:nth-child(7),
.admin-app .equipos-table td:nth-child(2),
.admin-app .health-table td:nth-child(2),
.admin-app .role-table td:nth-child(1),
.admin-app .role-table td:nth-child(2){
  text-align:left !important;
}
.admin-app .tickets-table .person-cell{
  justify-content:flex-start !important;
}
.admin-app .tickets-table .cell-sub,
.admin-app .tickets-table small,
.admin-app .dark-table small{
  color:#cbd5e1 !important;
}
.admin-app .dark-badge,
.admin-app .tag,
.admin-app .status-badge,
.admin-app .worker-status,
.admin-app .license-state,
.admin-app .health-badge{
  color:#f8fafc !important;
  background:#1f2937 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
.admin-app .dark-badge.priority,
.admin-app .priority{
  color:#fde68a !important;
  background:rgba(245,158,11,.18) !important;
  border-color:rgba(245,158,11,.38) !important;
}
.admin-app .dark-badge.state,
.admin-app .state{
  color:#bfdbfe !important;
  background:rgba(37,99,235,.18) !important;
  border-color:rgba(96,165,250,.38) !important;
}
.admin-app .license-state.ok{color:#86efac !important;background:rgba(34,197,94,.14) !important;border-color:rgba(34,197,94,.32) !important;}
.admin-app .license-state.warn{color:#fde68a !important;background:rgba(245,158,11,.16) !important;border-color:rgba(245,158,11,.34) !important;}
.admin-app .license-state.bad{color:#fca5a5 !important;background:rgba(239,68,68,.16) !important;border-color:rgba(239,68,68,.34) !important;}

/* Registros/detalles: ficha de inventario y detalle ticket mejor posicionados */
.admin-app .asset-detail-page .panel,
.admin-app .personal-detail-shell,
.admin-app .edit-asset-panel,
.admin-app .related-tickets-panel{
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:18px !important;
  color:#f8fafc !important;
}
.admin-app .ficha-header{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  padding:4px 2px 16px !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  text-align:left !important;
}
.admin-app .ficha-header > div:first-child{
  text-align:left !important;
  align-items:flex-start !important;
}
.admin-app .ficha-badge{
  color:#ffffff !important;
  background:rgba(239,27,35,.16) !important;
  border:1px solid rgba(239,27,35,.34) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
}
.admin-app .detail-grid,
.admin-app .dark-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.admin-app .detail-card{
  min-height:94px !important;
  padding:16px !important;
  background:linear-gradient(145deg,#111827,#0b1220) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.admin-app .detail-card span,
.admin-app .detail-card strong{
  width:100% !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}
.admin-app .asset-detail-page .panel h3{
  color:#ffffff !important;
  margin:24px 0 12px !important;
  text-align:center !important;
}
.admin-app .description-box{
  background:#0b1220 !important;
  color:#e5edf7 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:12px !important;
  padding:12px !important;
}

/* Formularios admin: etiquetas y campos siempre claros */
.admin-app .form-grid label,
.admin-app .dark-form-grid label,
.admin-app .form-group label{
  color:#dbe7f5 !important;
  font-weight:800 !important;
  text-align:left !important;
}
.admin-app .form-grid input,
.admin-app .form-grid select,
.admin-app .form-grid textarea,
.admin-app .dark-form-grid input,
.admin-app .dark-form-grid select,
.admin-app .dark-form-grid textarea,
.admin-app option{
  background:#0b1320 !important;
  color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.28) !important;
}
.admin-app .form-grid input::placeholder,
.admin-app .form-grid textarea::placeholder,
.admin-app .dark-form-grid input::placeholder,
.admin-app .dark-form-grid textarea::placeholder{
  color:#94a3b8 !important;
}
.admin-app .alert,
.admin-app .dark-alert{
  background:#111827 !important;
  color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.22) !important;
}


@media(max-width:760px){
  .ccp-home-header .only-logo-home .home-logo-img{width:142px !important;max-height:56px !important;}
  .admin-app .inventory-heading,
  .admin-app .report-title,
  .admin-app .dashboard-lite-hero,
  .admin-app .detail-heading,
  .admin-app .dark-form-shell > header,
  .admin-app .ficha-header{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
  .admin-app .inventory-heading > div:first-child,
  .admin-app .report-title > div:first-child,
  .admin-app .dashboard-lite-hero > div:first-child,
  .admin-app .detail-heading > div:first-child,
  .admin-app .dark-form-shell > header > div:first-child,
  .admin-app .ficha-header > div:first-child{
    align-items:center !important;
    text-align:center !important;
  }
  .admin-app .dashboard-lite-actions,
  .admin-app .top-actions,
  .admin-app .correo-detail-top-actions,
  .admin-app .dark-form-actions{justify-content:center !important;width:100% !important;}
}


/* =========================================================
   AJUSTE FINAL: logo nítido en inicio
   ========================================================= */
.ccp-home-header .only-logo-home .home-logo-img{
  height:clamp(58px, 7vw, 84px) !important;
  width:auto !important;
  max-width:230px !important;
  max-height:none !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  transform:none !important;
}
.ccp-home-header .only-logo-home{
  overflow:visible !important;
}
/* =========================================================
   PEDIDO 2 · PANEL ADMINISTRATIVO ORDENADO
   Ajustes finales de legibilidad, distribución y responsive.
   No cambia lógica ni rutas: solo estabiliza el diseño del panel.
   ========================================================= */
.admin-app{
  --panel-bg:#070b12;
  --panel-surface:#0f1724;
  --panel-surface-2:#111c2b;
  --panel-surface-3:#172033;
  --panel-border:rgba(148,163,184,.18);
  --panel-border-strong:rgba(148,163,184,.28);
  --panel-text:#f8fafc;
  --panel-muted:#a7b4c6;
  --panel-red:#ef4444;
  --panel-red-dark:#991b1b;
  grid-template-columns:260px minmax(0,1fr) !important;
  align-items:start !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(239,68,68,.10), transparent 28%),
    radial-gradient(circle at 90% 8%, rgba(59,130,246,.08), transparent 32%),
    linear-gradient(135deg,#070b12 0%,#0b1220 58%,#090d15 100%) !important;
}
.admin-sidebar{
  position:sticky !important;
  top:0 !important;
  min-height:100vh !important;
  height:100vh !important;
  overflow-y:auto !important;
  padding:20px 14px 14px !important;
}
.admin-brand.ccp-admin-text-brand{
  gap:12px !important;
  padding:0 4px 18px !important;
  margin-bottom:8px !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
}
.admin-sidebar .brand-mark{
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
.admin-sidebar .brand-copy strong{
  font-size:16px !important;
  line-height:1.08 !important;
}
.admin-sidebar .brand-copy small{
  color:var(--panel-muted) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  white-space:normal !important;
}
.admin-sidebar nav{
  display:grid !important;
  gap:7px !important;
}
.admin-sidebar nav a{
  min-height:44px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  color:#dbe6f4 !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  border:1px solid transparent !important;
}
.admin-sidebar nav a span{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.045) !important;
  color:#f87171 !important;
  font-size:14px !important;
}
.admin-sidebar nav a b{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.admin-sidebar nav a:hover,
.admin-sidebar nav a.active{
  transform:none !important;
}
.admin-sidebar nav a.active span{
  background:rgba(239,68,68,.18) !important;
  color:#fff !important;
}
.admin-logout-link{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:auto !important;
  color:#fecaca !important;
  border-top:1px solid rgba(148,163,184,.14) !important;
}
.admin-topbar-photo{
  min-height:64px !important;
  height:auto !important;
  padding:10px 32px !important;
  justify-content:space-between !important;
  gap:18px !important;
}
.admin-topbar-title{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
  color:#f8fafc !important;
}
.admin-topbar-title strong{font-size:14px !important;line-height:1.2 !important;}
.admin-topbar-title small{font-size:11px !important;color:var(--panel-muted) !important;}
.admin-topbar-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  min-width:0 !important;
}

.admin-user-mini{
  min-width:0 !important;
  max-width:310px !important;
}
.admin-user-mini b,
.admin-user-mini small{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.admin-main{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:28px 34px !important;
}
.admin-main > .inventory-shell,
.admin-main > .report-shell,
.admin-main > .dark-form-shell,
.admin-main > .panel,
.admin-app .inventory-shell,
.admin-app .report-shell,
.admin-app .dark-form-shell,
.admin-app .inventory-table-card,
.admin-app .chart-panel,
.admin-app .recent-panel,
.admin-app .panel{
  max-width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
}
.admin-app .inventory-heading,
.admin-app .report-title,
.admin-app .dashboard-lite-hero,
.admin-app .detail-heading,
.admin-app .dark-form-shell > header,
.admin-app .panel-title-row,
.admin-app .ficha-header,
.admin-app .panel-dark-title{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  text-align:left !important;
}
.admin-app .inventory-heading,
.admin-app .report-title,
.admin-app .dashboard-lite-hero,
.admin-app .detail-heading,
.admin-app .dark-form-shell > header{
  flex-wrap:wrap !important;
  margin-bottom:18px !important;
  border-bottom:1px solid rgba(148,163,184,.12) !important;
  padding-bottom:16px !important;
}
.admin-app .inventory-heading > div:first-child,
.admin-app .report-title > div:first-child,
.admin-app .dashboard-lite-hero > div:first-child,
.admin-app .detail-heading > div:first-child,
.admin-app .panel-title-row > div:first-child,
.admin-app .panel-dark-title > div:first-child,
.admin-app .dark-form-shell > header > div:first-child,
.admin-app .ficha-header > div:first-child{
  min-width:min(100%,280px) !important;
  max-width:720px !important;
  text-align:left !important;
  align-items:flex-start !important;
}
.admin-app h1,
.admin-app h2,
.admin-app h3,
.admin-app h4{
  letter-spacing:-.02em !important;
  text-align:left !important;
}
.admin-app .inventory-heading h1,
.admin-app .report-title h1,
.admin-app .dashboard-lite-hero h1,
.admin-app .detail-heading h1{
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1.08 !important;
  margin:0 !important;
}
.admin-app .inventory-heading p,
.admin-app .report-title p,
.admin-app .dashboard-lite-hero p,
.admin-app .panel-title-row p,
.admin-app .panel-dark-title p{
  max-width:760px !important;
  line-height:1.5 !important;
  text-align:left !important;
}
.admin-app .dashboard-lite-actions,
.admin-app .top-actions,
.admin-app .correo-detail-top-actions,
.admin-app .dark-form-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
}
.admin-app .new-record,
.admin-app .filter-toggle,
.admin-app .dashboard-lite-secondary,
.admin-app .mail-review-pill,
.admin-app .btn,
.admin-app a.btn,
.admin-app .dark-form-actions a,
.admin-app .dark-form-actions button,
.admin-app .filter-row button,
.admin-app .filter-row a{
  min-height:40px !important;
  height:auto !important;
  padding:10px 15px !important;
  border-radius:11px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.admin-app .filter-row{
  width:100% !important;
  display:none !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:0 0 16px !important;
}
.admin-app .filter-row.show{
  display:flex !important;
}
.admin-app .filter-row input,
.admin-app .filter-row select{
  min-height:40px !important;
  width:auto !important;
  min-width:190px !important;
  flex:1 1 190px !important;
  box-sizing:border-box !important;
  padding:0 12px !important;
}
.admin-app .health-filter input{flex:2 1 280px !important;}
.admin-app .admin-search{
  min-height:42px !important;
  height:auto !important;
  min-width:min(100%,280px) !important;
  flex:1 1 320px !important;
}
.admin-app .inventory-heading .admin-search{
  max-width:460px !important;
}
.admin-app .report-grid,
.admin-app .mini-kpis,
.admin-app .dashboard-lite-kpis,
.admin-app .health-kpis{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.admin-app .dashboard-lite-card,
.admin-app .report-card,
.admin-app .kpi,
.admin-app .health-control-summary > div,
.admin-app .health-control-chip{
  min-height:118px !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:18px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.admin-app .dashboard-lite-card strong,
.admin-app .report-card strong,
.admin-app .kpi strong,
.admin-app .kpi > strong{
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1 !important;
  margin:8px 0 6px !important;
  text-align:left !important;
}
.admin-app .dashboard-lite-card span,
.admin-app .report-card span,
.admin-app .kpi span,
.admin-app .kpi > span{
  font-size:12px !important;
  line-height:1.25 !important;
  text-align:left !important;
}
.admin-app .dashboard-lite-card small,
.admin-app .report-card small,
.admin-app .kpi small,
.admin-app .kpi > small{
  font-size:11px !important;
  line-height:1.35 !important;
  text-align:left !important;
}
.admin-app .inventory-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(190px,230px) !important;
  gap:18px !important;
  align-items:start !important;
}
.admin-app .inventory-kpis{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.admin-app .dashboard-lite-grid,
.admin-app .report-panels,
.admin-app .role-panels-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
.admin-app .inventory-table-card,
.admin-app .chart-panel,
.admin-app .recent-panel,
.admin-app .dashboard-priority-panel,
.admin-app .dashboard-recent-panel,
.admin-app .profile-card,
.admin-app .detail-card{
  border-radius:16px !important;
}
.admin-app .panel-dark-title.table-title-pad,
.admin-app .table-title-pad{
  padding:16px 18px !important;
}
.admin-app .dark-table-wrap,
.admin-app .table-responsive,
.admin-app .data-table-wrap,
.admin-app .table-wrapper{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border-radius:0 0 16px 16px !important;
}
.admin-app .dark-table,
.admin-app .data-table,
.admin-app table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:auto !important;
}
.admin-app .dark-table th,
.admin-app .data-table th,
.admin-app table th{
  position:relative !important;
  height:auto !important;
  padding:13px 14px !important;
  white-space:nowrap !important;
  font-size:11px !important;
  line-height:1.25 !important;
  text-align:left !important;
  vertical-align:middle !important;
}
.admin-app .dark-table td,
.admin-app .data-table td,
.admin-app table td{
  padding:13px 14px !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  font-size:12px !important;
  line-height:1.45 !important;
  text-align:left !important;
  vertical-align:middle !important;
}
.admin-app .tickets-table,
.admin-app .health-table,
.admin-app .role-table{
  min-width:1040px !important;
}
.admin-app .health-table{min-width:1180px !important;}
.admin-app .person-cell,
.admin-app .emails-cell,
.admin-app .row-actions{
  min-width:0 !important;
}
.admin-app .person-cell{
  align-items:center !important;
  white-space:normal !important;
}
.admin-app .person-cell > div{min-width:0 !important;}
.admin-app .person-link,
.admin-app .record-link{
  color:#dbeafe !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.admin-app .record-link:hover,
.admin-app .person-link:hover{
  color:#ffffff !important;
  text-decoration:underline !important;
}
.admin-app .emails-cell > span{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.admin-app .tag,
.admin-app .dark-badge,
.admin-app .status-badge,
.admin-app .worker-status,
.admin-app .health-badge,
.admin-app .license-state{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:24px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.admin-app .health-badge.critico,
.admin-app .status-badge.status-pendiente,
.admin-app .status-badge.status-denegado,
.admin-app .license-state.bad{
  background:rgba(239,68,68,.13) !important;
  color:#fecaca !important;
  border:1px solid rgba(248,113,113,.35) !important;
}
.admin-app .health-badge.alerta,
.admin-app .dark-badge.priority,
.admin-app .license-state.warn{
  background:rgba(245,158,11,.13) !important;
  color:#fde68a !important;
  border:1px solid rgba(251,191,36,.35) !important;
}
.admin-app .health-badge.preventivo{
  background:rgba(139,92,246,.14) !important;
  color:#ddd6fe !important;
  border:1px solid rgba(167,139,250,.35) !important;
}
.admin-app .health-badge.ok,
.admin-app .status-badge.status-aprobado,
.admin-app .license-state.ok,
.admin-app .worker-status.activo{
  background:rgba(34,197,94,.12) !important;
  color:#bbf7d0 !important;
  border:1px solid rgba(74,222,128,.30) !important;
}
.admin-app .alert-list,
.admin-app .recommend-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.admin-app .alert-list span,
.admin-app .recommend-list span{
  background:#111827 !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#e5edf7 !important;
  border-radius:999px !important;
  padding:6px 9px !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.admin-app .health-control-summary{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
  gap:12px !important;
  margin:16px 0 !important;
}
.admin-app .health-legend{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:flex-start !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:#0b1320 !important;
  border:1px solid var(--panel-border) !important;
}
.admin-app .health-legend span{
  flex:1 1 240px !important;
  min-width:0 !important;
  line-height:1.45 !important;
}
.admin-app .table-footer{
  min-height:52px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:12px 16px !important;
  border-top:1px solid rgba(148,163,184,.12) !important;
}
.admin-app .pagination{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.admin-app .pagination a,
.admin-app .pagination span{
  min-width:32px !important;
  height:32px !important;
  border-radius:10px !important;
}
.admin-app .detail-grid,
.admin-app .dark-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  gap:12px !important;
  margin:16px 0 20px !important;
}
.admin-app .detail-card{
  min-height:96px !important;
  padding:15px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}
.admin-app .detail-card span,
.admin-app .detail-card strong{
  text-align:left !important;
  overflow-wrap:anywhere !important;
}
.admin-app .detail-card span{
  color:#9fb0c5 !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.admin-app .detail-card strong{
  color:#f8fafc !important;
  font-size:15px !important;
  line-height:1.35 !important;
  margin-top:6px !important;
}
.admin-app .asset-detail-page .panel h3{
  text-align:left !important;
  margin:26px 0 12px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(148,163,184,.10) !important;
}
.admin-app .form-grid,
.admin-app .dark-form-grid{
  align-items:start !important;
}
.admin-app .form-grid label,
.admin-app .dark-form-grid label,
.admin-app .form-group label{
  text-align:left !important;
  align-items:stretch !important;
}
.admin-app input,
.admin-app select,
.admin-app textarea,
.admin-app button{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}


@media(max-width:1180px){
  .admin-app .inventory-layout{grid-template-columns:1fr !important;}
  .admin-app .inventory-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;}
  .admin-app .dashboard-lite-grid,
  .admin-app .report-panels,
  .admin-app .role-panels-grid{grid-template-columns:1fr !important;}
}
@media(max-width:900px){
  .admin-app{
    display:block !important;
  }
  .admin-sidebar{
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:auto !important;
    padding:14px !important;
  }
  .admin-sidebar nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
    gap:8px !important;
  }
  .admin-sidebar nav a{
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:8px 10px !important;
    white-space:nowrap !important;
  }
  .admin-sidebar nav a span{
    width:24px !important;
    height:24px !important;
    flex-basis:24px !important;
  }
  .admin-logout-link{margin-top:12px !important;}
  .admin-topbar-photo{
    display:flex !important;
    position:relative !important;
    top:auto !important;
    padding:12px 16px !important;
  }
  .admin-topbar-title{display:none !important;}
  .admin-main{padding:16px !important;}
}
@media(max-width:760px){
  .admin-app .inventory-heading,
  .admin-app .report-title,
  .admin-app .dashboard-lite-hero,
  .admin-app .detail-heading,
  .admin-app .dark-form-shell > header,
  .admin-app .ficha-header,
  .admin-app .panel-title-row,
  .admin-app .panel-dark-title{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .admin-app .inventory-heading > div:first-child,
  .admin-app .report-title > div:first-child,
  .admin-app .dashboard-lite-hero > div:first-child,
  .admin-app .detail-heading > div:first-child,
  .admin-app .dark-form-shell > header > div:first-child,
  .admin-app .ficha-header > div:first-child{
    align-items:flex-start !important;
    text-align:left !important;
    width:100% !important;
  }
  .admin-app .dashboard-lite-actions,
  .admin-app .top-actions,
  .admin-app .correo-detail-top-actions,
  .admin-app .dark-form-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }
  .admin-app .new-record,
  .admin-app .filter-toggle,
  .admin-app .dashboard-lite-secondary,
  .admin-app .mail-review-pill,
  .admin-app .btn,
  .admin-app a.btn,
  .admin-app .dark-form-actions a,
  .admin-app .dark-form-actions button{
    width:100% !important;
    white-space:normal !important;
  }
  .admin-app .filter-row input,
  .admin-app .filter-row select,
  .admin-app .filter-row button,
  .admin-app .filter-row a{
    width:100% !important;
    flex:1 1 100% !important;
  }
  .admin-app .table-footer{
    align-items:flex-start !important;
  }
  .admin-app .pagination{justify-content:flex-start !important;}
  .admin-app .dashboard-lite-card,
  .admin-app .report-card,
  .admin-app .kpi{
    min-height:104px !important;
  }
}

/* PEDIDO 2 · correcciones de revisión visual */
.admin-sidebar nav,
.ccp-v3-sidebar nav{
  flex:0 0 auto !important;
  align-content:start !important;
  justify-content:flex-start !important;
  overflow-y:visible !important;
}
.admin-sidebar,
.ccp-v3-sidebar,
.admin-sidebar.photo-sidebar{
  gap:12px !important;
}
.admin-logout-link{
  margin-top:auto !important;
}
.admin-app .priority-list a{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:4px 14px !important;
  align-items:center !important;
  justify-content:stretch !important;
  text-align:left !important;
}
.admin-app .priority-list a b,
.admin-app .priority-list a span{
  text-align:left !important;
  align-self:start !important;
  width:auto !important;
}
.admin-app .priority-list a strong{
  grid-row:1 / span 2 !important;
  grid-column:2 !important;
  align-self:center !important;
  justify-self:end !important;
}
.admin-app .inventory-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(220px,260px) !important;
  gap:18px !important;
  align-items:start !important;
}
.admin-app .inventory-layout > .inventory-table-card{
  order:0 !important;
  grid-column:1 !important;
  min-width:0 !important;
}
.admin-app .inventory-layout > .inventory-kpis{
  order:0 !important;
  grid-column:2 !important;
  grid-template-columns:1fr !important;
  align-self:start !important;
}
.admin-app .inventory-layout > .inventory-kpis .kpi{
  min-height:112px !important;
}
@media(max-width:1180px){
  .admin-app .inventory-layout{grid-template-columns:1fr !important;}
  .admin-app .inventory-layout > .inventory-table-card,
  .admin-app .inventory-layout > .inventory-kpis{grid-column:1 !important;}
  .admin-app .inventory-layout > .inventory-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;}
}
@media(max-width:900px){
  .admin-sidebar nav,
  .ccp-v3-sidebar nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
  }
  .admin-logout-link{margin-top:10px !important;}
}
@media(max-width:560px){
  .admin-sidebar nav,
  .ccp-v3-sidebar nav{grid-template-columns:1fr !important;}
}

/* PEDIDO 2 · ajuste responsive final: evita espacios gigantes en encabezados móviles */
@media(max-width:760px){
  .admin-app .inventory-shell,
  .admin-app .report-shell,
  .admin-app .dark-form-shell{
    display:block !important;
  }
  .admin-app .inventory-heading,
  .admin-app .report-title,
  .admin-app .dashboard-lite-hero,
  .admin-app .detail-heading,
  .admin-app .dark-form-shell > header{
    gap:14px !important;
  }
  .admin-app .inventory-heading > div:first-child,
  .admin-app .report-title > div:first-child,
  .admin-app .dashboard-lite-hero > div:first-child,
  .admin-app .detail-heading > div:first-child,
  .admin-app .dark-form-shell > header > div:first-child{
    flex:0 0 auto !important;
    min-height:0 !important;
  }
  .admin-app .inventory-heading .admin-search,
  .admin-app .admin-search{
    flex:0 0 auto !important;
    height:42px !important;
    min-height:42px !important;
  }
}


/* =========================================================
   AJUSTES FINALES · INVENTARIO 2026 + LOGIN + MENÚ SIN ICONOS
   ========================================================= */
.inventory-web-page .section-title > span{
  color:#fff !important;
  background:linear-gradient(135deg,#7f1d1d,#e11d48 58%,#7c3aed) !important;
  border-color:rgba(244,63,94,.45) !important;
  box-shadow:0 12px 26px rgba(225,29,72,.22) !important;
}
.inventory-web-page .inventory-flow-steps b,
.inventory-web-page .inventory-flow-steps .active b,
.inventory-web-page .inventory-flow-steps .done b{
  color:#fff !important;
  background:linear-gradient(135deg,#991b1b,#e11d48) !important;
  box-shadow:0 10px 24px rgba(225,29,72,.22) !important;
}
.inventory-web-page .peripheral-mini-help b{color:#fca5a5 !important;}
.peripheral-validation-message{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:-4px 0 16px !important;
  padding:12px 14px !important;
  border:1px solid rgba(248,113,113,.38) !important;
  background:linear-gradient(135deg,rgba(127,29,29,.34),rgba(76,29,149,.18)) !important;
  color:#fee2e2 !important;
  border-radius:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  box-shadow:0 14px 32px rgba(0,0,0,.18) !important;
}
.peripheral-validation-message[hidden]{display:none !important;}
.peripherals-card input.is-invalid,
.peripherals-card select.is-invalid{
  border-color:#fb7185 !important;
  box-shadow:0 0 0 3px rgba(244,63,94,.18) !important;
  background:#190b12 !important;
}
.peripherals-card label.has-invalid-field{color:#fecdd3 !important;}

.ccp-login-logo-brand,
.ccp-v3-login-logo-brand{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 8px !important;
  padding:0 !important;
}
.ccp-login-logo-brand img,
.ccp-v3-login-logo-brand img{
  display:block !important;
  width:min(280px, 82%) !important;
  max-height:96px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.32)) !important;
}
.ccp-v3-login-card .ccp-login-logo-brand + h1,
.ccp-login-card .ccp-login-logo-brand + h1{
  margin-top:4px !important;
}

.admin-sidebar nav a,
.ccp-v3-sidebar nav a{
  gap:0 !important;
  padding-left:16px !important;
  padding-right:14px !important;
  justify-content:flex-start !important;
}
.admin-sidebar nav a span,
.admin-sidebar nav a i,
.admin-sidebar nav a svg,
.admin-sidebar nav a::before,
.admin-sidebar nav a::after,
.ccp-v3-sidebar nav a span,
.ccp-v3-sidebar nav a i,
.ccp-v3-sidebar nav a svg,
.ccp-v3-sidebar nav a::before,
.ccp-v3-sidebar nav a::after,
.admin-logout-link span{
  display:none !important;
  content:none !important;
}
.admin-sidebar nav a b,
.ccp-v3-sidebar nav a b{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.admin-sidebar nav a.active,
.ccp-v3-sidebar nav a.active{
  box-shadow:inset 3px 0 0 #ef4444 !important;
}
.admin-logout-link{
  justify-content:flex-start !important;
  gap:0 !important;
  padding-left:14px !important;
}
@media(max-width:900px){
  .admin-sidebar nav a,
  .ccp-v3-sidebar nav a{padding-left:12px !important;padding-right:12px !important;}
  .ccp-login-logo-brand img,
  .ccp-v3-login-logo-brand img{width:min(240px, 86%) !important;max-height:82px !important;}
}

/* =========================================================
   AJUSTE VISUAL FINAL · PERIFÉRICOS INVENTARIO 2026
   Mantiene la validación, pero evita estados rosados/rojos permanentes.
   ========================================================= */
.inventory-web-page .peripherals-card{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  color:#111827 !important;
  box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}
.inventory-web-page .peripherals-card .section-title h2{
  color:#111827 !important;
}
.inventory-web-page .peripherals-card .section-title p,
.inventory-web-page .peripherals-card .section-title small,
.inventory-web-page .peripherals-card .peripheral-mini-help{
  color:#526174 !important;
}
.inventory-web-page .peripherals-card .peripheral-mini-help b{
  color:#991b1b !important;
}
.inventory-web-page .peripheral-layout{
  display:grid !important;
  gap:16px !important;
}
.inventory-web-page .peripheral-box{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid #e2e8f0 !important;
  color:#111827 !important;
  border-radius:18px !important;
  padding:16px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
.inventory-web-page .peripheral-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:14px !important;
  padding-bottom:11px !important;
  border-bottom:1px solid #e5e7eb !important;
}
.inventory-web-page .peripheral-head b{
  color:#111827 !important;
  font-weight:900 !important;
}
.inventory-web-page .peripheral-head small{
  color:#475569 !important;
  background:#f1f5f9 !important;
  border:1px solid #dbe4ef !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.inventory-web-page .peripherals-card label,
.inventory-web-page .peripherals-card .form-grid label,
.inventory-web-page .peripherals-card .compact-grid label{
  color:#1f2937 !important;
  font-weight:800 !important;
}
.inventory-web-page .peripherals-card input,
.inventory-web-page .peripherals-card select,
.inventory-web-page .peripherals-card textarea{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #cbd5e1 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.inventory-web-page .peripherals-card input::placeholder,
.inventory-web-page .peripherals-card textarea::placeholder{
  color:#94a3b8 !important;
  opacity:1 !important;
}
.inventory-web-page .peripherals-card input:focus,
.inventory-web-page .peripherals-card select:focus,
.inventory-web-page .peripherals-card textarea:focus{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12) !important;
  outline:none !important;
}
.inventory-web-page .peripherals-card input:disabled,
.inventory-web-page .peripherals-card select:disabled{
  background:#f1f5f9 !important;
  color:#64748b !important;
  border-color:#e2e8f0 !important;
  opacity:1 !important;
}
.inventory-web-page .peripheral-validation-message{
  border:1px solid #fecaca !important;
  background:#fff7f7 !important;
  color:#991b1b !important;
  box-shadow:0 12px 26px rgba(127,29,29,.08) !important;
}
.inventory-web-page .peripherals-card input.is-invalid,
.inventory-web-page .peripherals-card select.is-invalid,
.inventory-web-page .peripherals-card textarea.is-invalid{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#ef4444 !important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12) !important;
}
.inventory-web-page .peripherals-card label.has-invalid-field{
  color:#991b1b !important;
}
.inventory-web-page .peripherals-card label.has-invalid-field input,
.inventory-web-page .peripherals-card label.has-invalid-field select{
  margin-top:0 !important;
}
@media(max-width:760px){
  .inventory-web-page .peripheral-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .inventory-web-page .peripheral-head small{
    align-self:flex-start !important;
  }
}

/* =========================================================
   AJUSTES GERENCIALES FINALES · DASHBOARD, SOPORTE, LOGO Y BOTONES
   ========================================================= */
.inventory-hero-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.inventory-support-mini{
  border:1px solid rgba(248,113,113,.28) !important;
  background:rgba(229,9,20,.10) !important;
  color:#fecaca !important;
  border-radius:999px !important;
  padding:9px 13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
.inventory-support-mini:hover{background:rgba(229,9,20,.18) !important;color:#fff !important;}
.ccp-admin-logo-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:18px 14px !important;
  text-decoration:none !important;
}
.ccp-admin-logo-brand img{
  display:block !important;
  width:min(190px,92%) !important;
  height:auto !important;
  max-height:74px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.30)) !important;
}
.ccp-admin-logo-brand small{color:#cbd5e1 !important;font-weight:800 !important;text-align:center !important;letter-spacing:.02em !important;}
.inventory-web-brand img,.ccp-login-logo-brand img,.ccp-v3-login-logo-brand img{image-rendering:auto !important;object-fit:contain !important;height:auto !important;background:transparent !important;}

.admin-sidebar nav a,
.ccp-v3-sidebar nav a{
  color:#e5e7eb !important;
  background:transparent !important;
  border:1px solid transparent !important;
}
.admin-sidebar nav a:hover,
.ccp-v3-sidebar nav a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.admin-sidebar nav a.active,
.ccp-v3-sidebar nav a.active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(153,27,27,.48),rgba(124,58,237,.30)) !important;
  border-color:rgba(248,113,113,.26) !important;
  box-shadow:inset 3px 0 0 #ef4444, 0 14px 32px rgba(0,0,0,.16) !important;
}
.admin-sidebar nav a b,
.ccp-v3-sidebar nav a b{color:inherit !important;}

.new-record,.new-record.export,.dashboard-lite-secondary,.filter-toggle,.filter-row button,.admin-search button,.panel-dark-title a,.inventory-progress-link,.reminder-rating-btn{
  color:#fff !important;
  text-shadow:none !important;
}
.new-record,.filter-row button,.reminder-rating-btn{
  background:linear-gradient(135deg,#991b1b,#e11d48 55%,#7c3aed) !important;
  border:1px solid rgba(248,113,113,.28) !important;
  box-shadow:0 14px 30px rgba(225,29,72,.18) !important;
}
.new-record.export:not(.reminder-rating-btn){background:linear-gradient(135deg,#111827,#374151) !important;border-color:rgba(255,255,255,.14) !important;}
.new-record:hover,.new-record.export:hover,.filter-row button:hover,.reminder-rating-btn:hover{
  color:#fff !important;
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
}
.new-record:disabled,.filter-row button:disabled,.reminder-rating-btn:disabled{opacity:.58 !important;cursor:not-allowed !important;color:#e5e7eb !important;}
.reminder-rating-btn{white-space:nowrap !important;}

.inventory-progress-card{
  display:grid !important;
  grid-template-columns:minmax(220px,.82fr) minmax(280px,1.18fr) !important;
  gap:22px !important;
  align-items:stretch !important;
  margin:0 0 22px !important;
  padding:24px !important;
  border-radius:28px !important;
  border:1px solid rgba(248,113,113,.22) !important;
  background:
    radial-gradient(circle at 14% 18%,rgba(248,113,113,.24),transparent 34%),
    linear-gradient(135deg,rgba(15,23,42,.98),rgba(88,28,135,.86) 62%,rgba(127,29,29,.86)) !important;
  box-shadow:0 28px 70px rgba(2,6,23,.28) !important;
  color:#fff !important;
  overflow:hidden !important;
  position:relative !important;
}
.inventory-progress-card::after{
  content:"" !important;
  position:absolute !important;
  inset:auto -80px -100px auto !important;
  width:220px !important;
  height:220px !important;
  border-radius:50% !important;
  background:rgba(34,197,94,.15) !important;
  pointer-events:none !important;
}
.inventory-progress-main,.inventory-progress-detail{position:relative !important;z-index:1 !important;}
.inventory-progress-main h2{margin:6px 0 10px !important;font-size:clamp(22px,3vw,34px) !important;line-height:1.05 !important;color:#fff !important;}
.inventory-progress-main strong{display:block !important;font-size:clamp(48px,8vw,86px) !important;line-height:.9 !important;color:#fff !important;letter-spacing:-.06em !important;}
.inventory-progress-detail{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:12px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.inventory-progress-detail p{margin:0 !important;font-size:18px !important;font-weight:900 !important;color:#fff !important;}
.inventory-progress-detail span{color:#fecaca !important;font-weight:800 !important;}
.inventory-progress-bar{
  width:100% !important;
  height:14px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.inventory-progress-bar i{
  display:block !important;
  height:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ef4444,#a855f7,#22c55e) !important;
  box-shadow:0 0 26px rgba(34,197,94,.24) !important;
}
.inventory-progress-link{
  align-self:flex-start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  text-decoration:none !important;
  font-weight:900 !important;
}
.inventory-progress-link:hover{background:rgba(255,255,255,.20) !important;color:#fff !important;}
@media(max-width:820px){
  .inventory-progress-card{grid-template-columns:1fr !important;padding:20px !important;}
  .inventory-progress-detail{padding:16px !important;}
}

/* === Mejoras Inventario TI: pendientes, historial y alertas gerenciales === */
.ti-alerts-section{margin:18px 0 18px;border:1px solid rgba(239,27,35,.18);background:rgba(8,13,20,.78);border-radius:22px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.26)}
.ti-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}
.ti-alert-card{display:grid;gap:8px;min-height:150px;padding:16px;border-radius:18px;text-decoration:none;color:#f8fafc!important;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ti-alert-card:hover{transform:translateY(-2px);border-color:rgba(239,27,35,.45);box-shadow:0 18px 44px rgba(0,0,0,.34)}
.ti-alert-card span{justify-self:start;padding:5px 9px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.18);color:#cbd5e1;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ti-alert-card strong{font-size:38px;line-height:1;color:#fff}
.ti-alert-card b{font-size:14px;color:#fff}.ti-alert-card small{color:#aebdd0;line-height:1.35}
.ti-alert-card.critical{background:linear-gradient(135deg,rgba(127,29,29,.86),rgba(15,23,42,.86));border-color:rgba(248,113,113,.26)}
.ti-alert-card.high{background:linear-gradient(135deg,rgba(88,28,135,.65),rgba(15,23,42,.88));border-color:rgba(216,180,254,.22)}
.ti-alert-card.medium{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(91,33,182,.42));border-color:rgba(148,163,184,.22)}
.pending-heading{grid-template-columns:minmax(260px,1fr) minmax(320px,440px) auto auto}.pending-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.pending-summary-card{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.74);border-radius:18px;padding:16px;text-decoration:none;color:#f8fafc!important;display:grid;gap:7px;box-shadow:0 16px 38px rgba(0,0,0,.22)}.pending-summary-card span{color:#b6c5d7;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pending-summary-card strong{font-size:32px}.pending-summary-card.active,.pending-summary-card:hover{border-color:rgba(239,27,35,.42);background:linear-gradient(135deg,rgba(127,29,29,.40),rgba(15,23,42,.84))}.pending-summary-card.ok{border-color:rgba(34,197,94,.20)}.pending-summary-card.follow{border-color:rgba(168,85,247,.22)}.pending-summary-card.pending{border-color:rgba(248,113,113,.22)}
.inventory-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap;border:1px solid rgba(148,163,184,.25);background:rgba(148,163,184,.10);color:#dbeafe}.inventory-status-badge.done{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.35);color:#bbf7d0}.inventory-status-badge.pending{background:rgba(239,27,35,.12);border-color:rgba(239,27,35,.38);color:#fecaca}.inventory-status-badge.follow{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.36);color:#e9d5ff}.pending-actions{display:flex;gap:8px;flex-wrap:wrap}.pending-actions form{margin:0}.action-btn.primary{background:linear-gradient(110deg,#b6040d,#f20f1a)!important}.action-btn.secondary{background:#0b121b!important;border:1px solid rgba(148,163,184,.28)!important;color:#e2e8f0!important}.alert-detail-table,.pending-inventory-table,.history-table{min-width:1050px}.table-action-link.compact{margin:0;padding:8px 10px;border-radius:10px}.history-page .inventory-table-card,.ti-alert-detail-page .inventory-table-card,.pending-inventory-page .inventory-table-card{border-color:rgba(239,27,35,.18)!important}
@media(max-width:900px){.pending-heading{grid-template-columns:1fr}.pending-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ti-alerts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pending-summary-grid,.ti-alerts-grid{grid-template-columns:1fr}.ti-alert-card{min-height:auto}.pending-actions{flex-direction:column}.pending-actions .action-btn{width:100%}}

/* === Ajustes 2026-07: búsqueda en vivo, pendientes inventario y recordatorio masivo === */
.inline-action-form{margin:0;display:inline-flex;align-items:center;justify-content:center;min-width:0}
.inline-action-form .new-record{border:0;cursor:pointer;font-family:inherit}
.reminder-bulk-btn{background:linear-gradient(135deg,#ef1b23,#8b1cf6)!important;color:#fff!important;box-shadow:0 12px 32px rgba(239,27,35,.24)!important}
.ti-confirm-dialog{width:min(460px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:0;background:#0b1118;color:#f8fafc;box-shadow:0 28px 90px rgba(0,0,0,.45)}
.ti-confirm-dialog::backdrop{background:rgba(2,6,23,.66);backdrop-filter:blur(4px)}
.ti-confirm-dialog form{padding:22px;display:grid;gap:14px;margin:0}
.ti-confirm-dialog h3{margin:0;color:#fff;font-size:20px}.ti-confirm-dialog p{margin:0;color:#cbd5e1;line-height:1.45}.ti-confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}.ti-confirm-actions button{border:0;cursor:pointer;font-family:inherit;min-height:40px}.ti-confirm-actions .filter-toggle{padding:0 16px}
.admin-app .dark-alert.warning{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.38)!important;color:#fde68a!important}.admin-app .dark-alert.success{background:rgba(34,197,94,.11)!important;border-color:rgba(34,197,94,.35)!important;color:#bbf7d0!important}.admin-app .dark-alert.error{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.38)!important;color:#fecaca!important}
@media(max-width:760px){.inline-action-form,.inline-action-form .new-record{width:100%}.ti-confirm-actions{flex-direction:column}.ti-confirm-actions button{width:100%}}

.session-timeout-modal[hidden]{display:none!important}
.session-timeout-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.68);backdrop-filter:blur(8px);padding:24px}
.session-timeout-card{width:min(420px,100%);border:1px solid rgba(148,163,184,.25);border-radius:22px;background:#0f172a;color:#e5e7eb;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:24px;text-align:center}
.session-timeout-card h3{margin:0 0 10px;font-size:1.25rem}.session-timeout-card p{margin:0 0 18px;color:#cbd5e1}.session-timeout-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.readonly-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.28);border-radius:999px;padding:9px 13px;background:rgba(15,23,42,.65);color:#cbd5e1;font-weight:700}

/* Respaldo BD - Dashboard administrador */
.backup-db-button {
    border: 1px solid rgba(125, 211, 252, .45);
    background: linear-gradient(135deg, rgba(14, 165, 233, .24), rgba(37, 99, 235, .18));
    color: #e0f2fe;
    cursor: pointer;
}

.backup-db-button:hover {
    transform: translateY(-1px);
    border-color: rgba(125, 211, 252, .8);
    box-shadow: 0 14px 28px rgba(14, 165, 233, .18);
}

.backup-db-modal[hidden] {
    display: none !important;
}

.backup-db-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 22px;
}

.backup-db-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, .76);
    backdrop-filter: blur(10px);
}

.backup-db-dialog {
    position: relative;
    width: min(460px, 100%);
    border-radius: 24px;
    padding: 28px;
    border: 1px solid rgba(148, 163, 184, .22);
    background: linear-gradient(145deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .96));
    color: #f8fafc;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .42);
}

.backup-db-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(148, 163, 184, .14);
    color: #e5e7eb;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.backup-db-close:hover {
    background: rgba(248, 113, 113, .22);
}

.backup-db-icon {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    margin-bottom: 12px;
    background: rgba(14, 165, 233, .18);
    color: #7dd3fc;
    font-size: 24px;
}

.backup-db-dialog h2 {
    margin: 0 0 10px;
    font-size: 22px;
}

.backup-db-dialog p {
    margin: 0 0 10px;
    color: #cbd5e1;
    line-height: 1.55;
}

.backup-db-dialog small {
    display: block;
    color: #94a3b8;
    line-height: 1.45;
}

.backup-db-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
    flex-wrap: wrap;
}

.backup-db-confirm {
    border: 0;
    border-radius: 14px;
    padding: 12px 16px;
    color: #031525;
    background: linear-gradient(135deg, #7dd3fc, #38bdf8);
    font-weight: 800;
    cursor: pointer;
}

.backup-db-confirm:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(56, 189, 248, .22);
}

.backup-db-confirm:disabled {
    opacity: .68;
    cursor: progress;
}

.backup-db-status {
    min-height: 22px;
    margin-top: 14px;
    font-weight: 700;
    color: #cbd5e1;
}

.backup-db-status.working { color: #7dd3fc; }
.backup-db-status.success { color: #86efac; }
.backup-db-status.error { color: #fca5a5; }



/* =========================================================
   MODO OSCURO FIJO + LOGIN CCP
   ========================================================= */
html,
body{
  color-scheme:dark !important;
}
html[data-theme="dark"],
body[data-theme="dark"]{
  background:#05070b !important;
}
.ccp-v3-login-card,
.ccp-login-card{
  text-align:center !important;
}
.ccp-login-logo-brand,
.ccp-v3-login-logo-brand{
  margin:0 0 6px !important;
}
.ccp-login-logo-brand img,
.ccp-v3-login-logo-brand img{
  width:min(286px, 84%) !important;
  max-height:102px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.35)) !important;
}
.ccp-login-brand-title{
  display:grid !important;
  gap:4px !important;
  justify-items:center !important;
  margin:0 0 6px !important;
  color:#f8fafc !important;
}
.ccp-login-brand-title strong{
  display:block !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
.ccp-login-brand-title span{
  display:block !important;
  color:#c7d0dd !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}
.ccp-v3-login-card .ccp-login-brand-title + h1,
.ccp-login-card .ccp-login-brand-title + h1{
  margin-top:4px !important;
  font-size:24px !important;
}
@media(max-width:560px){
  .ccp-login-logo-brand img,
  .ccp-v3-login-logo-brand img{width:min(238px, 88%) !important;max-height:86px !important;}
  .ccp-login-brand-title strong{font-size:18px !important;}
  .ccp-login-brand-title span{font-size:13px !important;}
}
.quick-download-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 8%,rgba(239,24,39,.24),transparent 32%),linear-gradient(145deg,#0c1119,#151d29 60%,#080b11);font-family:Inter,Segoe UI,Arial,sans-serif}.quick-download-card{width:min(920px,100%);padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.36);color:#111827}.quick-download-back{display:inline-flex;margin-bottom:24px;color:#64748b;text-decoration:none;font-weight:700}.quick-download-heading{display:flex;gap:20px;align-items:flex-start}.quick-download-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:18px;background:#ef1827;color:#fff;font-size:32px;font-weight:900}.quick-download-eyebrow{margin:0 0 5px!important;color:#b4232c!important;font-size:12px;font-weight:900;letter-spacing:.12em}.quick-download-heading h1{margin:0;color:#111827;font-size:clamp(30px,5vw,46px);line-height:1.05}.quick-download-heading p{max-width:680px;margin:12px 0 0;color:#526174;font-size:17px;line-height:1.55}.quick-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.quick-download-item{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc}.quick-download-item>span{color:#b4232c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.quick-download-item h2{margin:8px 0;color:#172033;font-size:21px}.quick-download-item p{flex:1;margin:0 0 20px;color:#64748b;line-height:1.5}.quick-download-button{display:inline-flex;justify-content:center;width:100%;padding:13px 18px;border-radius:12px;background:#ef1827;color:#fff;text-decoration:none;font-weight:850;box-shadow:0 10px 22px rgba(239,24,39,.22)}.quick-download-button:hover{background:#cf101d;transform:translateY(-1px)}.quick-download-item small{display:block;width:100%;margin-top:10px;color:#778397;text-align:center;overflow-wrap:anywhere}.quick-download-note{margin:22px 0 0;padding:14px 16px;border-radius:14px;background:#fff7f7;color:#526174;line-height:1.5}@media(max-width:700px){.quick-download-page{padding:14px}.quick-download-card{padding:22px 18px;border-radius:22px}.quick-download-heading{display:block}.quick-download-icon{margin-bottom:16px}.quick-download-grid{grid-template-columns:1fr}}