/* =========================================================
   MC Reparaciones — Theme Pastel SaaS
   Paleta: #95b8f6, #add5fa, #f9d99a, #f9a59a, #ff5a4f, #22c55e
   Uso: cargar al final del layout, después de app/access/platform/auth/invoice.css
   ========================================================= */

:root{
  --mc-primary:#95b8f6;
  --mc-primary-soft:#add5fa;
  --mc-warning:#f9d99a;
  --mc-coral-soft:#f9a59a;
  --mc-danger:#ff5a4f;
  --mc-success:#22c55e;
  --mc-success-dark:#16a34a;

  --mc-bg:#f5f8ff;
  --mc-bg-2:#fff8ef;
  --mc-card:#ffffff;
  --mc-border:#dbe7fb;
  --mc-border-strong:#bdd3f8;
  --mc-text:#172033;
  --mc-muted:#64748b;
  --mc-soft-text:#34445f;
  --mc-radius:18px;
  --mc-radius-sm:12px;
  --mc-radius-lg:26px;
  --mc-shadow:0 16px 44px rgba(67,96,142,.11);
  --mc-shadow-sm:0 8px 22px rgba(67,96,142,.08);
  --mc-ring:0 0 0 4px rgba(149,184,246,.25);

  --mc-primary-dark:#5f8fe7;
  --mc-primary-ink:#17315f;
  --mc-warning-ink:#7a4d00;
  --mc-coral-ink:#7f1d1d;
  --mc-success-ink:#14532d;
  --mc-danger-ink:#7f1d1d;

  --mc-black:var(--mc-text);
  --mc-gray:var(--mc-muted);
  --mc-light:var(--mc-bg);
  --mc-white:var(--mc-card);
  --mc-purple:var(--mc-primary-dark);
  --mc-primary-dark:#5f8fe7;
  --shadow:var(--mc-shadow);
  --radius:var(--mc-radius);

  --dark:var(--mc-text);
  --muted:var(--mc-muted);
  --line:var(--mc-border);
  --green:var(--mc-primary);
  --bg:var(--mc-bg);
  --card:var(--mc-card);
  --danger:var(--mc-danger);
  --blue:var(--mc-primary-dark);
  --amber:var(--mc-warning);
  --soft:#f8fbff;
  --ok:var(--mc-success-dark);
}

*{scrollbar-width:thin;scrollbar-color:var(--mc-primary-soft) #eef4ff}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#eef4ff;border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mc-primary),var(--mc-primary-soft));border-radius:999px;border:2px solid #eef4ff}

html{background:var(--mc-bg)}
body,
body.app-body,
body.access-body,
body.platform-body,
body.auth-body{
  color:var(--mc-text)!important;
  background:
    radial-gradient(circle at 5% 0%, rgba(173,213,250,.55), transparent 30%),
    radial-gradient(circle at 95% 8%, rgba(249,217,154,.45), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f5f8ff 50%,#fff8ef 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}

a{color:var(--mc-primary-dark)}
a:hover{color:#356ecf}

::selection{background:rgba(149,184,246,.45);color:var(--mc-primary-ink)}

/* =========================
   Layout interno
   ========================= */
.app-shell{background:transparent}
.main-content{position:relative}
.main-content:before{
  content:"";
  position:fixed;
  inset:86px 0 auto 72px;
  height:180px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0));
  z-index:-1;
}

.sidebar{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px);
  border-right:1px solid var(--mc-border)!important;
  box-shadow:8px 0 30px rgba(67,96,142,.08);
}
.sidebar-brand{border-bottom-color:var(--mc-border)!important;background:linear-gradient(180deg,#fff,#f8fbff)}
.sidebar-nav a{
  color:#66758d!important;
  border-left-color:transparent!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}
.sidebar-nav a:hover{
  background:linear-gradient(90deg,rgba(173,213,250,.32),rgba(173,213,250,.08))!important;
  color:var(--mc-primary-ink)!important;
  transform:translateX(1px);
}
.sidebar-nav a.is-active,
.sidebar-nav a.active,
.sidebar-nav a[aria-current="page"]{
  color:var(--mc-primary-ink)!important;
  border-left-color:var(--mc-primary)!important;
  background:linear-gradient(90deg,rgba(149,184,246,.38),rgba(173,213,250,.14))!important;
}
.sidebar-nav a em{background:var(--mc-text)!important;color:#fff!important;box-shadow:var(--mc-shadow-sm)!important}

.topbar{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--mc-border)!important;
  box-shadow:0 12px 32px rgba(67,96,142,.08);
}
.topbar .branch-select select,
.global-search input{
  background:#fff!important;
  border-color:var(--mc-border)!important;
}
.global-search input:focus{box-shadow:var(--mc-ring)!important;border-color:var(--mc-primary)!important}
.search-results,.dropdown-panel{
  border-color:var(--mc-border)!important;
  border-radius:var(--mc-radius)!important;
  box-shadow:var(--mc-shadow)!important;
}
.search-results a:hover,
.dropdown-panel a:hover,
.dropdown-panel button:hover{background:#f1f7ff!important;color:var(--mc-primary-ink)!important}
.icon-btn,.round-btn,.notif-btn{
  background:#eef5ff!important;
  color:var(--mc-primary-ink)!important;
  border:1px solid rgba(149,184,246,.32)!important;
}
.round-btn{
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-soft))!important;
  color:#12305f!important;
  box-shadow:0 12px 24px rgba(149,184,246,.36)!important;
}
.user-menu{color:var(--mc-soft-text)!important}

/* =========================
   Títulos, tarjetas y paneles
   ========================= */
.page-head h1,.page-head h2,
.card h1,.card h2,.card h3,
.side-card h2,.panel h1,.panel h2,.panel h3,
.section h1,.section h2,.section h3{
  color:var(--mc-text)!important;
  letter-spacing:-.02em;
}
.page-head p,.panel-sub,.muted,small,.small-muted{color:var(--mc-muted)!important}

.card,.side-card,.panel,.box,.dashboard-card,.summary-card,.metric-card,.stat-card,
.access-panel,.access-form,.feature,.plan,.auth-card,
.platform-main .card,.platform-main .panel{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--mc-border)!important;
  border-radius:var(--mc-radius)!important;
  box-shadow:var(--mc-shadow-sm)!important;
}
.card:hover,.panel:hover,.feature:hover,.plan:hover,.platform-main .card:hover{
  box-shadow:var(--mc-shadow)!important;
}
.card-head,.section-title{border-color:var(--mc-border)}

.status-strip,.metric-cards,.metric-grid,.cards{gap:18px}
.status-card{
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:24px!important;
  box-shadow:var(--mc-shadow)!important;
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-soft))!important;
  color:#17315f!important;
}
.status-card:nth-child(2n){background:linear-gradient(135deg,var(--mc-primary-soft),#eef7ff)!important}
.status-card:nth-child(3n){background:linear-gradient(135deg,var(--mc-warning),#fff1cc)!important;color:#5d3b00!important}
.status-card:nth-child(4n){background:linear-gradient(135deg,var(--mc-coral-soft),#ffe5e1)!important;color:#6b1f1c!important}
.metric-cards article,.mini-metric{
  border-color:var(--mc-border)!important;
  border-radius:var(--mc-radius)!important;
  box-shadow:var(--mc-shadow-sm)!important;
}
.metric-cards span{
  background:rgba(173,213,250,.48)!important;
  color:var(--mc-primary-ink)!important;
}
.metric-card strong,.mini-metric strong,.platform-main .card strong{color:var(--mc-text)!important}

/* =========================
   Botones
   ========================= */
.btn,button.btn,a.btn,
.btn-small,.btn-xs,.btn-block,.icon-btn,.round-btn,
.platform-main .btn,.access-body .btn,.auth-body .btn{
  border-radius:14px!important;
  font-weight:850!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease,filter .16s ease!important;
}
.btn:hover,.platform-main .btn:hover,.access-body .btn:hover,.auth-body .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(67,96,142,.13)!important;
  filter:none!important;
}
.btn:active{transform:translateY(0)}

.btn-primary,.access-body .btn-primary,.platform-main .btn-primary,.auth-body .btn-primary{
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-soft))!important;
  border-color:var(--mc-primary)!important;
  color:#12305f!important;
  box-shadow:0 10px 22px rgba(149,184,246,.34)!important;
}
.btn-primary:hover{background:linear-gradient(135deg,#82aaf3,var(--mc-primary-soft))!important;color:#0f2b58!important}
.btn-success,.btn-ok,.btn-whatsapp{
  background:linear-gradient(135deg,var(--mc-success),#86efac)!important;
  border-color:var(--mc-success)!important;
  color:#073b1d!important;
}
.btn-warning{
  background:linear-gradient(135deg,var(--mc-warning),#fff0c7)!important;
  border-color:#f2c76e!important;
  color:var(--mc-warning-ink)!important;
}
.btn-danger,.btn-delete,.btn-remove{
  background:linear-gradient(135deg,var(--mc-danger),var(--mc-coral-soft))!important;
  border-color:var(--mc-danger)!important;
  color:#fff!important;
}
.btn-dark{
  background:linear-gradient(135deg,#172033,#31405c)!important;
  border-color:#172033!important;
  color:#fff!important;
}
.btn-light,.btn-secondary,.btn-outline,.btn-ghost{
  background:#fff!important;
  color:var(--mc-soft-text)!important;
  border:1px solid var(--mc-border)!important;
}
.btn-light:hover,.btn-secondary:hover,.btn-outline:hover,.btn-ghost:hover{
  background:#f1f7ff!important;
  color:var(--mc-primary-ink)!important;
  border-color:var(--mc-primary-soft)!important;
}
.link-btn{color:var(--mc-primary-dark)!important}
.back-btn,.row-go{
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-soft))!important;
  color:#12305f!important;
}
.floating-chat{background:linear-gradient(135deg,var(--mc-success),#86efac)!important;color:#073b1d!important;box-shadow:0 18px 34px rgba(34,197,94,.25)!important}

/* =========================
   Formularios
   ========================= */
input,select,textarea,
.input,.field input,.field select,.field textarea,
.access-body input,.access-body select,.access-body textarea,
.platform-body input,.platform-body select,.platform-body textarea{
  background:#fff!important;
  border:1px solid var(--mc-border)!important;
  border-radius:14px!important;
  color:var(--mc-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
input::placeholder,textarea::placeholder{color:#9aa7ba!important}
input:focus,select:focus,textarea:focus,
.input:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--mc-primary)!important;
  box-shadow:var(--mc-ring)!important;
  outline:none!important;
}
label,.field label{color:var(--mc-soft-text)!important;font-weight:800!important}
.check-line input,input[type="checkbox"],input[type="radio"]{accent-color:var(--mc-primary-dark)}
.form-actions{gap:12px}

/* =========================
   Tablas
   ========================= */
table,.table{border-collapse:separate!important;border-spacing:0!important}
.responsive-table,.table-wrap{
  border-radius:var(--mc-radius)!important;
  border:1px solid var(--mc-border)!important;
  background:#fff!important;
  box-shadow:var(--mc-shadow-sm)!important;
  overflow:auto!important;
}
.responsive-table table,.table-wrap table,.table{background:#fff!important}
th,.table th{
  background:linear-gradient(180deg,#edf6ff,#e4f1ff)!important;
  color:#24405f!important;
  border-bottom:1px solid var(--mc-border-strong)!important;
  font-weight:900!important;
}
td,.table td{border-bottom:1px solid #edf3fc!important;color:#39465c!important}
tr:hover td,.table tr:hover td{background:#f8fbff!important}
.table tr:last-child td,.responsive-table tr:last-child td{border-bottom-color:transparent!important}
.actions-cell,.actions{gap:8px}

/* =========================
   Badges y estados uniformes
   ========================= */
.badge,.status-badge,.status-pill,.label-status,.pill,.chip,
[class*="badge-"], [class*="status-"]{
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.badge,.status-badge,.chip,.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:.38rem .7rem;
  background:#eaf4ff!important;
  color:var(--mc-primary-ink)!important;
  border:1px solid rgba(149,184,246,.45)!important;
}
.status-pill{background:#fff!important;border-color:var(--mc-border)!important;color:var(--mc-soft-text)!important}
.status-pill i{border-radius:999px!important;background:var(--mc-primary)!important}

.badge-success,.badge-ok,.badge-active,.badge-paid,.badge-completed,.badge-delivered,
.badge.entregado,.badge.delivered,.badge.pagado,.badge.paid,.badge.activo,.badge.active,.badge.completed,.badge.completado,.badge.finalizado,.badge.success,
.status-success,.status-active,.status-paid,.status-delivered,.status-completed,
.is-success,.is-active,.is-paid,.is-delivered,.is-completed{
  background:#dcfce7!important;
  color:var(--mc-success-ink)!important;
  border-color:#86efac!important;
}
.badge-warning,.badge-pending,.badge-waiting,.badge-review,
.badge.pendiente,.badge.pending,.badge.waiting,.badge.por-pagar,.badge.proximo,.badge.trial,.badge.demo,
.status-warning,.status-pending,.status-waiting,.status-review,
.is-warning,.is-pending,.is-waiting{
  background:#fff2cc!important;
  color:var(--mc-warning-ink)!important;
  border-color:#f9d99a!important;
}
.badge-info,.badge-open,.badge-new,.badge-processing,
.badge.recibido,.badge.nuevo,.badge.open,.badge.abierto,.badge.procesando,.badge.en-reparacion,
.status-info,.status-open,.status-new,.status-processing,
.is-info,.is-open,.is-new,.is-processing{
  background:#e5f3ff!important;
  color:var(--mc-primary-ink)!important;
  border-color:var(--mc-primary-soft)!important;
}
.badge-attention,.badge-guarantee,.badge.garantia,.badge.garantía,.badge.observacion,.badge.atencion,
.status-attention,.status-guarantee,.is-attention,.is-guarantee{
  background:#ffe4e0!important;
  color:var(--mc-coral-ink)!important;
  border-color:var(--mc-coral-soft)!important;
}
.badge-danger,.badge-error,.badge-failed,.badge-cancelled,.badge-expired,.badge-suspended,.badge-rejected,
.badge.cancelado,.badge.cancelled,.badge.expired,.badge.vencido,.badge.suspended,.badge.suspendido,.badge.failed,.badge.error,.badge.rechazado,.badge.inactive,.badge.private,
.status-danger,.status-error,.status-failed,.status-cancelled,.status-expired,.status-suspended,
.is-danger,.is-error,.is-failed,.is-cancelled,.is-expired,.is-suspended{
  background:#ffe1df!important;
  color:var(--mc-danger-ink)!important;
  border-color:var(--mc-danger)!important;
}
.badge.recommended,.badge-public,.badge.public{
  background:#e5f3ff!important;
  color:var(--mc-primary-ink)!important;
  border-color:var(--mc-primary)!important;
}
.badge.internal{background:#f4f7fb!important;color:#475569!important;border-color:#d9e4f2!important}

/* Clases agregadas por theme-pastel.js */
.mc-status-success{background:#dcfce7!important;color:var(--mc-success-ink)!important;border-color:#86efac!important}
.mc-status-warning{background:#fff2cc!important;color:var(--mc-warning-ink)!important;border-color:#f9d99a!important}
.mc-status-info{background:#e5f3ff!important;color:var(--mc-primary-ink)!important;border-color:var(--mc-primary-soft)!important}
.mc-status-attention{background:#ffe4e0!important;color:var(--mc-coral-ink)!important;border-color:var(--mc-coral-soft)!important}
.mc-status-danger{background:#ffe1df!important;color:var(--mc-danger-ink)!important;border-color:var(--mc-danger)!important}

/* =========================
   Alertas, tabs y modales
   ========================= */
.alert,.flash{
  border-radius:16px!important;
  border:1px solid var(--mc-border)!important;
  box-shadow:var(--mc-shadow-sm)!important;
}
.alert-success,.flash-success{background:#dcfce7!important;color:var(--mc-success-ink)!important;border-color:#86efac!important}
.alert-error,.flash-error{background:#ffe1df!important;color:var(--mc-danger-ink)!important;border-color:var(--mc-danger)!important}
.alert-warning,.flash-warning{background:#fff2cc!important;color:var(--mc-warning-ink)!important;border-color:#f9d99a!important}
.tabs-scroll,.finance-tabs{border-bottom-color:var(--mc-border)!important}
.tabs-scroll a,.finance-tabs a{color:#526177!important;font-weight:800}
.tabs-scroll a.active,.finance-tabs a.active,
.tabs-scroll a:hover,.finance-tabs a:hover{
  color:var(--mc-primary-ink)!important;
  border-bottom-color:var(--mc-primary)!important;
}
.modal,.modal-card,.modal-content,.dialog,.drawer,
.confirm-modal,.modal-panel{
  border-radius:var(--mc-radius-lg)!important;
  border:1px solid var(--mc-border)!important;
  box-shadow:var(--mc-shadow)!important;
}

/* =========================
   Órdenes, presupuestos y finanzas
   ========================= */
.order-layout,.dashboard-grid,.grid-2,.grid-3{gap:22px}
.order-side{filter:none}
.line-item,.product-line,.finance-row,.checklist-card,.quote-public-card{
  border-color:var(--mc-border)!important;
  border-radius:var(--mc-radius)!important;
  background:#fff!important;
}
.order-summary p,.invoice-total td{border-color:#edf3fc!important}
.finance-row:hover,.line-item:hover,.product-line:hover{box-shadow:var(--mc-shadow-sm)!important}
.money,.price,.total,strong{color:inherit}

/* =========================
   Login interno
   ========================= */
.auth-body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(173,213,250,.75),transparent 31%),
    radial-gradient(circle at 88% 16%,rgba(249,217,154,.55),transparent 28%),
    linear-gradient(135deg,#f8fbff,#fff8ef)!important;
}
.auth-card{
  border-radius:30px!important;
  padding:36px!important;
  box-shadow:0 30px 90px rgba(67,96,142,.16)!important;
}
.auth-link{color:var(--mc-primary-dark)!important}
.auth-logo img{filter:drop-shadow(0 10px 16px rgba(67,96,142,.08))}

/* =========================
   /acceso SaaS
   ========================= */
.access-nav{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--mc-border)!important;
  box-shadow:0 10px 28px rgba(67,96,142,.08);
}
.access-brand{color:var(--mc-text)!important}
.access-nav a{color:#40516a!important}
.access-nav a:hover{color:var(--mc-primary-ink)!important}
.access-hero{
  background:
    radial-gradient(circle at 15% 0%,rgba(173,213,250,.35),transparent 26%),
    radial-gradient(circle at 80% 8%,rgba(249,165,154,.18),transparent 24%);
}
.access-eyebrow{
  background:#e5f3ff!important;
  color:var(--mc-primary-ink)!important;
  border:1px solid var(--mc-primary-soft);
}
.access-hero h1{color:var(--mc-text)!important}
.access-hero p,.section>p,.feature p,.plan p{color:var(--mc-muted)!important}
.access-panel{box-shadow:0 28px 80px rgba(67,96,142,.15)!important}
.metric-card{background:linear-gradient(180deg,#fff,#f8fbff)!important}
.feature,.plan{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.feature:hover,.plan:hover{transform:translateY(-2px);border-color:var(--mc-primary-soft)!important}
.plan.recommended{
  border-color:var(--mc-primary)!important;
  box-shadow:0 22px 58px rgba(149,184,246,.25)!important;
  position:relative;
}
.plan.recommended:before{
  content:"Recomendado";
  position:absolute;
  top:14px;
  right:14px;
  padding:6px 10px;
  border-radius:999px;
  background:#ffe4e0;
  color:var(--mc-coral-ink);
  border:1px solid var(--mc-coral-soft);
  font-size:12px;
  font-weight:950;
}
.price{color:var(--mc-text)!important}
.access-form{box-shadow:0 28px 80px rgba(67,96,142,.14)!important}

/* =========================
   /platform
   ========================= */
.platform-topbar{
  background:rgba(255,255,255,.90)!important;
  color:var(--mc-text)!important;
  border-bottom:1px solid var(--mc-border)!important;
  box-shadow:0 12px 34px rgba(67,96,142,.10)!important;
  backdrop-filter:blur(18px);
}
.platform-brand{color:var(--mc-text)!important}
.platform-brand:before{
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-soft))!important;
  box-shadow:0 0 0 5px rgba(149,184,246,.20)!important;
}
.platform-topbar nav a{color:#526177!important;background:transparent}
.platform-topbar nav a:hover{
  background:#eef7ff!important;
  color:var(--mc-primary-ink)!important;
}
.platform-main{background:transparent!important}
.platform-main .card.clickable:hover{border-color:var(--mc-primary-soft)!important}
.quick-actions a,.quick-actions button{border-radius:16px!important}
.plan-card,.license-card,.business-card{
  background:#fff!important;
  border:1px solid var(--mc-border)!important;
  border-radius:var(--mc-radius)!important;
  box-shadow:var(--mc-shadow-sm)!important;
}
.usage-bar,.progress,.progress-bar{background:#edf5ff!important;border-radius:999px!important;overflow:hidden}
.usage-bar span,.progress span,.progress-bar span{background:linear-gradient(90deg,var(--mc-primary),var(--mc-primary-soft))!important}

/* =========================
   Menú inferior móvil
   ========================= */
.bottom-nav{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px);
  border-top:1px solid var(--mc-border)!important;
  box-shadow:0 -10px 28px rgba(67,96,142,.10);
}
.bottom-nav a{color:#66758d!important}
.bottom-nav a:hover,.bottom-nav a.is-active,.bottom-nav a.active{color:var(--mc-primary-ink)!important;background:#f1f7ff!important}
.sidebar-backdrop{background:rgba(23,32,51,.34)!important;backdrop-filter:blur(2px)}

/* =========================
   Impresión y documentos
   ========================= */
.print-body,
body.print-body{background:#f6f8fc!important;color:#111827!important}
.print-actions{background:#fff!important;border-bottom:1px solid var(--mc-border)!important;box-shadow:var(--mc-shadow-sm)!important}
.invoice,.invoice-thermal,.invoice-sticker,.quote-public-card{
  border:1px solid #dfe8f5!important;
  box-shadow:0 8px 28px rgba(17,24,39,.05)!important;
}
.invoice-header h1,.invoice-status{color:#30415f!important}
.invoice-two strong,
.invoice-table thead tr:first-child th,
.invoice-total th,
.invoice-policy strong,
.invoice-thermal h2{
  background:#30415f!important;
  color:#fff!important;
}
.invoice-order-box strong{background:#30415f!important;color:#fff!important}
.quote-public-alert{background:#fff2cc!important;color:var(--mc-warning-ink)!important;border-color:var(--mc-warning)!important}
.quote-public-totals .total{background:#dcfce7!important;border-color:#86efac!important}
.quote-public-whatsapp{background:linear-gradient(135deg,var(--mc-success),#86efac)!important;color:#073b1d!important}

/* =========================
   Responsive refinado
   ========================= */
@media (max-width:1200px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:768px){
  .main-content:before{left:0;top:72px}
  .sidebar{background:rgba(255,255,255,.96)!important;border-radius:0 26px 26px 0;box-shadow:18px 0 60px rgba(23,32,51,.18)!important}
  .topbar{height:72px!important}
  .main-content{padding-left:14px!important;padding-right:14px!important}
  .page-head{gap:12px!important}
  .page-head h1{font-size:24px!important}
  .card,.side-card,.panel,.auth-card,.access-form,.access-panel{border-radius:18px!important;padding:18px!important}
  .cards,.features,.plans,.metric-grid,.metric-cards,.quick-actions{grid-template-columns:1fr!important}
  .responsive-table,.table-wrap{border:none!important;box-shadow:none!important;background:transparent!important}
  .responsive-table tr{border-color:var(--mc-border)!important;border-radius:18px!important;box-shadow:var(--mc-shadow-sm)!important}
  .responsive-table td{background:#fff!important;border-bottom:0!important;border-radius:10px}
  .head-actions .btn{min-height:44px}
  .btn{min-height:42px}
  .platform-topbar{align-items:flex-start!important;flex-direction:column!important;padding:14px 16px!important}
  .platform-topbar nav{width:100%;overflow:auto;flex-wrap:nowrap!important;padding-bottom:2px}
  .platform-main{padding:18px 14px 90px!important}
}
@media (max-width:620px){
  .access-hero{padding:42px 18px 28px!important;gap:20px!important}
  .access-hero h1{font-size:38px!important;line-height:1.02!important}
  .access-actions .btn{width:100%}
  .access-nav{padding:14px 18px!important}
  .access-nav nav{display:flex;gap:8px;flex-wrap:wrap}
  .access-nav .btn{margin-left:0!important}
  .section{padding:34px 18px!important}
  .auth-card{width:min(100%,430px)!important;padding:24px!important}
}

@media print{
  body,body.print-body{background:#fff!important}
  .invoice,.invoice-thermal,.invoice-sticker{box-shadow:none!important;border-color:#d8dee9!important}
  .btn,.print-actions{box-shadow:none!important}
}


/* Corrección puntual: quitar pastillas oscuras permanentes del texto del sidebar. */
.sidebar-nav a em,
.sidebar .sidebar-nav a em,
body .sidebar-nav a em {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline !important;
}
.sidebar-nav a:hover em,
.sidebar-nav a.active em,
.sidebar-nav a.is-active em,
.sidebar-nav a[aria-current="page"] em {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
.sidebar-nav a {
  gap: 12px !important;
}
.sidebar-nav a span {
  flex: 0 0 auto;
}

/* Tanda soporte/dark: limpiar texto del sidebar, sin pastillas oscuras permanentes. */
.sidebar-nav a em {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.sidebar-nav a:hover em,
.sidebar-nav a.is-active em {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* =========================================================
   TANDA VISUAL/FUNCIONAL 20260618
   Pagos integrados al sistema interno.
   ========================================================= */
.billing-grid{
  display:grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}
.billing-card{display:flex;flex-direction:column;gap:14px;}
.billing-info-list{display:grid;gap:10px;}
.billing-info-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--mc-border,#e5edf7);
  border-radius:16px;
  background:rgba(173,213,250,.12);
}
.billing-info-list span{color:var(--mc-muted,#64748b);font-size:13px;font-weight:700;}
.billing-info-list strong{text-align:right;}
.billing-internal-hero{
  display:grid;
  grid-template-columns:1fr minmax(180px,240px);
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid var(--mc-border,#e5edf7);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(149,184,246,.22),rgba(34,197,94,.12));
}
.billing-internal-hero h2{margin:10px 0 6px;}
.billing-status-chip{
  display:grid;
  gap:6px;
  padding:18px;
  border:1px solid rgba(34,197,94,.25);
  border-radius:20px;
  background:rgba(34,197,94,.12);
  text-align:center;
}
.billing-status-chip small{font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.billing-status-chip strong{font-size:28px;color:var(--mc-success-dark,#16a34a)!important;}
.billing-alert-card{border-color:rgba(255,90,79,.28)!important;background:linear-gradient(135deg,rgba(255,90,79,.10),rgba(249,217,154,.12))!important;}
.billing-alert-card h2{margin:10px 0 6px;}
.openpay-soon .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0;}
.openpay-soon .feature-grid>div{min-height:84px;}
@media(max-width:860px){.billing-grid,.billing-internal-hero{grid-template-columns:1fr}.billing-info-list>div{align-items:flex-start;flex-direction:column}.billing-info-list strong{text-align:left}}

/* Tanda notas: modal claro integrado. */
.order-notes-modal .order-notes-card{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 42px);overflow:auto}
.order-notes-layout{display:grid;grid-template-columns:minmax(320px,1.35fr) minmax(280px,.85fr);gap:18px;align-items:start}.order-notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.order-notes-toolbar span{display:block;color:var(--mc-muted,#64748b);font-size:12px;margin-top:2px}.order-notes-list{display:grid;gap:12px}.order-note-card{border:1px solid var(--mc-border,#e5edf7);background:var(--mc-card,#fff);border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:14px;box-shadow:0 12px 30px rgba(67,96,142,.08)}.order-note-card.is-public{border-color:rgba(34,197,94,.35)}.order-note-card.is-private{border-color:rgba(149,184,246,.35)}.order-note-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.order-note-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.order-note-badge.public{color:#065f46;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.22)}.order-note-badge.private{color:#23416f;background:rgba(149,184,246,.2);border:1px solid rgba(149,184,246,.28)}.order-note-card h3{margin:0 0 8px;font-size:16px}.order-note-card p{margin:0;line-height:1.52}.order-note-actions{min-width:150px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.order-note-actions .btn,.order-note-actions button,.order-note-actions summary{width:100%;justify-content:center;text-align:center}.order-note-edit-box summary{list-style:none;cursor:pointer}.order-note-edit-box summary::-webkit-details-marker{display:none}.order-note-edit-form{margin-top:10px;display:grid;gap:8px;min-width:min(320px,70vw)}.order-note-no-phone{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;padding:8px 10px;background:rgba(249,217,154,.22);color:#805900;font-size:12px;font-weight:800;text-align:center}.order-note-new-panel{border:1px solid var(--mc-border,#e5edf7);border-radius:20px;padding:16px;background:linear-gradient(180deg,rgba(173,213,250,.16),rgba(255,255,255,.92))}.order-note-new-panel h3{margin:0 0 12px}.order-note-privacy-check small{display:block;color:var(--mc-muted,#64748b);font-size:12px;margin-top:2px}.order-notes-empty{border:1px dashed var(--mc-border,#e5edf7);border-radius:18px;padding:18px;color:var(--mc-muted,#64748b);background:rgba(173,213,250,.1)}.order-note-images img{width:82px;height:82px}@media(max-width:900px){.order-notes-layout{grid-template-columns:1fr}.order-note-card{grid-template-columns:1fr}.order-note-actions{min-width:0}}

/* Fix público de planes: no mostrar residuos/ribbons del diseño viejo en /acceso/planes */
.access-plans-page .plan.recommended:before,
.access-home-plans .plan.recommended:before,
.access-plans-page .access-plan-card.recommended:before,
.access-home-plans .access-plan-card.recommended:before{display:none!important;content:none!important}
.access-plans-page .badge.recommended,
.access-home-plans .badge.recommended{position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:inline-flex!important}