*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f7;color:#172033}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#062b45,#0b6b83)}.login-card{background:white;padding:30px;border-radius:20px;box-shadow:0 20px 50px #0006;width:min(430px,92%);text-align:center}.login-card input{width:100%;padding:13px;margin:8px 0;border:1px solid #ccc;border-radius:10px}button{background:#0b6b83;color:white;border:0;border-radius:10px;padding:12px 18px;margin:6px;cursor:pointer;font-weight:bold}button:hover{filter:brightness(.92)}.app{display:flex;min-height:100vh}aside{width:260px;background:#09263a;color:white;padding:20px;position:sticky;top:0;height:100vh;overflow:auto}aside button{display:block;width:100%;text-align:left;background:#123d58;margin:8px 0}.role{background:#184a68;padding:8px;border-radius:10px}main{flex:1;padding:24px}.hero{min-height:120px;border-radius:18px;background:linear-gradient(120deg,#0b6b83,#88c9d8);color:white;display:flex;align-items:end;padding:24px;font-size:24px;font-weight:bold;box-shadow:0 8px 20px #0002}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0}.card{background:white;padding:18px;border-radius:15px;box-shadow:0 4px 14px #0001}.card b{display:block;font-size:30px;color:#0b6b83}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;background:white;padding:24px;border-radius:16px;box-shadow:0 4px 14px #0001;max-width:1600px;margin:auto}.form-grid.small{grid-template-columns:repeat(2,minmax(320px,1fr))}label{font-weight:bold}input,select,textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #cfd8e3;border-radius:8px}textarea{min-height:75px}.table-wrap{overflow:auto;background:white;border-radius:14px;box-shadow:0 4px 14px #0001;margin:12px 0}table{width:100%;border-collapse:collapse;background:white}th,td{border:1px solid #d9dde5;padding:8px;text-align:center}th{background:#e7e7e7}.ok{background:#c6efce;color:#006100;font-weight:bold}.warn{background:#ffeb9c;color:#9c6500;font-weight:bold}.bad{background:#ffc7ce;color:#9c0006;font-weight:bold}.blue{background:#d9eaf7}.total{font-weight:bold;background:#fff1c9}.pdf-area{margin-top:16px;background:white;padding:20px;border-radius:16px;box-shadow:0 4px 14px #0001}.section-title{background:#09263a;color:white;padding:10px;border-radius:8px;margin-top:20px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.status{background:white;border-left:8px solid #0b6b83;border-radius:12px;padding:14px;box-shadow:0 4px 14px #0001}.levelwrap{display:flex;gap:18px;flex-wrap:wrap;background:white;padding:18px;border-radius:16px}.tank{width:105px;text-align:center}.tankbox{height:150px;border:3px solid #172033;border-radius:14px 14px 8px 8px;position:relative;overflow:hidden;background:#f8fafc}.fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#9ae6ff,#0b83bd)}.fill.salt{background:linear-gradient(180deg,#c7d2fe,#4f46e5)}.tank label{font-size:13px;margin-top:7px;display:block}@media(max-width:900px){.app{display:block}aside{width:100%;height:auto;position:relative}main{padding:12px}.hero{font-size:18px}.form-grid.small{grid-template-columns:1fr}}@media print{body{background:white}.login,aside,#supervisor>h1,#supervisor>.form-grid,#supervisor>button{display:none!important}.app{display:block}main{padding:0}.page{display:none!important}#supervisor{display:block!important}.pdf-area{box-shadow:none;border-radius:0;padding:0}.section-title{background:#ddd!important;color:#000!important}button{display:none!important}}

.hero.mini{min-height:60px;font-size:18px;align-items:center;margin-bottom:14px}.note{background:#fff8d6;border-left:5px solid #f2b705;padding:12px;border-radius:8px}.login-card .bitacontrol-logo-side{max-width:300px}
.bc-link-btn{background:transparent!important;color:#bfe8ff!important;text-decoration:underline;padding:8px 10px;margin-top:4px;box-shadow:none!important}
.bc-link-btn:hover{filter:none!important;color:#ffffff!important}
.bc-auth-message{margin:12px 0;padding:11px 13px;border-radius:10px;background:#dff3ff;color:#073b68;font-weight:800;line-height:1.35}
.bc-auth-message.error{background:#fee2e2;color:#991b1b}
.bc-auth-message.success{background:#dcfce7;color:#166534}
.bc-recovery-panel{margin-top:12px;padding-top:12px;border-top:1px solid rgba(191,232,255,.35)}
.bc-recovery-panel h2{margin:0 0 10px 0;color:#ffffff;font-size:20px}
.bc-recovery-panel button{max-width:100%;white-space:normal}
#bcBootScreen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#062b45,#0b6b83);color:#fff;text-align:center;padding:24px}
.bc-boot-card{display:grid;gap:12px;justify-items:center}
.bc-boot-card img{width:min(320px,78vw);height:auto;object-fit:contain}
.bc-boot-card h1{margin:0;font-size:clamp(22px,5vw,34px);letter-spacing:0}
.bc-boot-pulse{width:42px;height:42px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:bcBootSpin .9s linear infinite}
body.bc-booting #loginScreen,body.bc-booting #app{display:none!important}
@keyframes bcBootSpin{to{transform:rotate(360deg)}}


/* BitaControl V24 */
body > section.bc22-panel, body > section.bc23-panel{display:none!important}
#usuarios .table-wrap button{padding:8px 10px;margin:3px;font-size:12px}
.bc-user-actions{white-space:nowrap}
.bc-pass{font-family:monospace;background:#f1f5f9;border-radius:6px;padding:3px 6px}
.bc-locked{opacity:.55}


/* BitaControl V27 - login azul oscuro y logo corregido */
body{
  background:#062244 !important;
}
.login-card, .login-box, .login{
  background:#03182f !important;
  border-color:#0b86ff !important;
  color:#ffffff !important;
}
.bitacontrol-logo-login,
.bitacontrol-logo-side{
  display:block !important;
  object-fit:contain !important;
}

.area-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 14px 0}
.area-btn{border:0;border-radius:14px;padding:16px 14px;background:#0b2f57;color:#fff;font-weight:700;font-size:15px;box-shadow:0 6px 14px rgba(0,0,0,.18);cursor:pointer;text-align:center}
.area-btn:hover{transform:translateY(-1px);background:#0f477b}
.area-btn.active{background:#0a8aaa;outline:3px solid rgba(255,255,255,.55)}
.area-title{display:inline-block;background:#eef7fb;color:#083154;border-left:5px solid #0a8aaa;padding:9px 13px;border-radius:10px;font-weight:700;margin-bottom:12px}
.hidden{display:none!important}
button.danger{background:#b42318;color:white;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}
button.danger:hover{filter:brightness(0.95)}


/* BitaControl V44 - contraste y actualización por área */
#registro > h1,
#registro > h2,
#registro .hint,
#registro #lastRegs > h3{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
#registro .hint{opacity:1 !important; font-weight:600;}
#registro #lastRegs > p{color:#ffffff !important; font-weight:600;}

/* BitaControl V52 - contadores por turno y checklist seguridad */
.full-span{grid-column:1/-1}
.area-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0 16px 0}
.counter-title{grid-column:1/-1;background:#0b2f57;color:#fff;border-radius:12px;padding:10px 12px;font-weight:700}
.counter-card{background:#fff;border-radius:14px;padding:12px;box-shadow:0 4px 14px rgba(0,0,0,.12);border-left:7px solid #f59e0b;color:#172033}
.counter-card.done{border-left-color:#16a34a}
.counter-card.pending{border-left-color:#dc2626}
.counter-card b{display:block;color:#0b2f57;font-size:16px}
.counter-card span{display:block;font-weight:700;margin-top:4px}
.counter-card small{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:999px;background:#eef3f7;font-weight:700}
.counter-card.done small{background:#dcfce7;color:#166534}
.counter-card.pending small{background:#fee2e2;color:#991b1b}
.checklist-field h3{color:#0b2f57!important;text-shadow:none!important;margin:0 0 8px 0}


/* BitaControl V54 - contadores sobre botones y entrega de turno */
.area-menu{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:stretch}
.area-tile{display:flex;flex-direction:column;gap:6px}
.area-tile .area-btn{width:100%;margin:0;min-height:54px}
.area-counter-inline{border-radius:999px;padding:7px 9px;text-align:center;font-weight:800;font-size:13px;background:#fee2e2;color:#991b1b;border:1px solid rgba(153,27,27,.25)}
.area-counter-inline.done{background:#dcfce7;color:#166534;border-color:rgba(22,101,52,.25)}
.area-counter-inline.optional{background:#e0f2fe;color:#075985;border-color:rgba(7,89,133,.25)}
.turno-pdf-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#09263a;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px;margin:10px 0 14px 0}
.pdf-turno-btn{background:#16a34a!important;color:#fff!important}.mail-turno-btn{background:#0b86ff!important;color:#fff!important}
.turno-pdf-status{font-weight:800;border-radius:999px;padding:7px 10px;background:#fee2e2;color:#991b1b}
.turno-pdf-status.done{background:#dcfce7;color:#166534}.turno-pdf-status.pending{background:#fee2e2;color:#991b1b}
.locked-field{background:#f1f5f9!important;color:#0f172a!important;font-weight:700}
@media print{#registro .turno-pdf-bar,#registro .area-menu{display:none!important}}


/* BitaControl V61 - logo más grande sin modificar panel Registro Operador */
.bitacontrol-logo-side{max-width:250px!important;width:100%!important;height:auto!important;display:block!important;margin:0 auto 16px auto!important;object-fit:contain!important;}
.login-card .bitacontrol-logo-side{max-width:520px!important;width:96%!important;}
aside h2{margin:0 0 14px 0!important;text-align:center!important;}

.nh3-turno-panel{background:#06294d;border:1px solid rgba(11,134,255,.45);border-radius:16px;padding:16px;margin:14px 0;color:#f3f9ff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.nh3-turno-panel h2,.nh3-turno-panel h3{color:#fff;margin-top:0}
.nh3-turno-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0}
.mini-card{background:#0b375f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}
.mini-card b{display:block;font-size:22px;color:#fff}.mini-card span{display:block;color:#d8ecff;font-size:13px}
.mini-card.wide{grid-column:span 2}
.nh3-turno-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.nh3-turno-grid>div{background:#08233f;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1)}
.nh3-turno-grid ul{margin:0;padding-left:18px}.nh3-turno-grid li{margin:6px 0;color:#eaf6ff}
@media(max-width:700px){.mini-card.wide{grid-column:span 1}}
/* V63 QR integrado */
.bc-v30-card{background:rgba(8,30,55,.85);border:1px solid rgba(80,170,255,.35);border-radius:14px;padding:12px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.bc-v30-card img{display:block;margin:10px auto;background:white;border-radius:8px;padding:6px;width:150px;height:150px;object-fit:contain}
.qr-help{display:block;color:#b8d8ff;margin-top:8px;font-size:11px;line-height:1.25}

/* V64 - Botón QR visible dentro de Registro Operador */
.qr-turno-btn{background:#7c3aed;color:white;border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer;margin-left:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.qr-turno-btn:hover{filter:brightness(1.12)}
.turno-pdf-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ===== BitaControl V71 - Modo operador QR para tablet/teléfono ===== */
body.bc-mobile-operator-mode{overflow:hidden;background:#061b32;}
body.bc-mobile-operator-mode #app{display:block;height:100dvh;overflow:hidden;}
body.bc-mobile-operator-mode aside{display:none!important;}
body.bc-mobile-operator-mode .page{height:100dvh;overflow:auto;padding:14px!important;margin:0!important;max-width:none!important;}
body.bc-mobile-operator-mode .page:not(#registro){display:none!important;}
body.bc-mobile-operator-mode #registro{display:block!important;}
body.bc-mobile-operator-mode #registro > h1,
body.bc-mobile-operator-mode #registro > .hint,
body.bc-mobile-operator-mode #registroAreaMenu,
body.bc-mobile-operator-mode .turno-pdf-bar,
body.bc-mobile-operator-mode #registroAreaTitle,
body.bc-mobile-operator-mode #registro h2,
body.bc-mobile-operator-mode #registro .hint.tunel-field,
body.bc-mobile-operator-mode #lastRegs{display:none!important;}
body.bc-mobile-operator-mode .bc-mobile-operator-home{display:flex;min-height:calc(100dvh - 28px);align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;background:linear-gradient(180deg,#082844,#061b32);border:1px solid rgba(32,184,255,.35);border-radius:22px;padding:22px;color:#fff;}
body.bc-mobile-operator-mode .bc-mobile-operator-home h1{margin:0;font-size:28px;}
body.bc-mobile-operator-mode .bc-mobile-operator-home p{margin:0;color:#d8f3ff;font-size:16px;line-height:1.35;}
body.bc-mobile-operator-mode .bc-mobile-qr-btn{width:100%;max-width:360px;border:0;border-radius:18px;padding:20px 18px;font-size:22px;font-weight:900;background:#159bd3;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.25);}
body.bc-mobile-operator-mode .bc-mobile-logout-btn{border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:12px 16px;background:transparent;color:#fff;font-weight:800;}
body.bc-mobile-operator-mode:not(.bc-qr-form-active) #registro .form-grid,
body.bc-mobile-operator-mode:not(.bc-qr-form-active) #saveRegBtn,
body.bc-mobile-operator-mode:not(.bc-qr-form-active) #cancelEditBtn,
body.bc-mobile-operator-mode:not(.bc-qr-form-active) #alert{display:none!important;}
body.bc-mobile-operator-mode.bc-qr-form-active .bc-mobile-operator-home{display:none!important;}
body.bc-mobile-operator-mode.bc-qr-form-active #registro .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px;}
body.bc-mobile-operator-mode.bc-qr-form-active #registro{padding-bottom:80px!important;}
body.bc-mobile-operator-mode input,body.bc-mobile-operator-mode select,body.bc-mobile-operator-mode textarea{font-size:16px!important;min-height:44px;}
body.bc-mobile-operator-mode #saveRegBtn{width:100%;min-height:54px;font-size:18px;border-radius:16px;font-weight:900;}
.bc-mobile-back-qr{display:none;}
body.bc-mobile-operator-mode.bc-qr-form-active .bc-mobile-back-qr{display:block;width:100%;margin:0 0 12px;border:0;border-radius:14px;padding:14px 16px;background:#0e4164;color:#fff;font-weight:900;}

.module-card{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fafc}
.module-card h3{margin:0 0 4px}
.module-card .hint{margin:0}

/* BitaControl V78 - Formulario enfocado por área */
body.bc-registro-form-enfocado #registro #registroAreaMenu,
body.bc-registro-form-enfocado #registro .turno-pdf-bar,
body.bc-registro-form-enfocado #registro > .hint{
  display:none!important;
}
.registro-actions-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:10px;
}
.registro-actions-row #saveRegBtn,
.registro-actions-row #cancelEditBtn,
.registro-actions-row #btnVolverFormulariosRegistro{
  margin:6px 6px 6px 0;
}
#btnVolverFormulariosRegistro{
  background:#64748b!important;
  color:#fff!important;
}
body:not(.bc-registro-form-enfocado) #btnVolverFormulariosRegistro{
  display:none!important;
}
body.bc-registro-form-enfocado #registro .area-title{
  display:inline-flex;
  align-items:center;
  margin-top:4px;
}

/* ===== BitaControl V79 - ajustes inicio, admin persistente y producto ===== */
@media (max-width: 900px){
  #app.app{display:block;}
  #app aside{position:relative;width:100%;min-height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;box-sizing:border-box;}
  #app aside h2,#app aside .role{grid-column:1/-1;text-align:center;margin:4px 0;}
  #app aside button{width:100%;margin:0;white-space:normal;}
  #app main{margin-left:0;width:100%;padding:12px;box-sizing:border-box;}
  .login-card{width:min(94vw,420px);}
  .form-grid{grid-template-columns:1fr!important;}
  .area-menu{grid-template-columns:1fr!important;}
}
.productos-panel{margin-top:18px;border:1px solid rgba(11,134,255,.25);border-radius:14px;padding:14px;background:rgba(3,24,47,.04)}
.productos-panel h2{margin-top:0}.producto-actions{display:flex;gap:8px;flex-wrap:wrap}.producto-actions button{margin:0}.badge-admin{display:inline-block;padding:4px 8px;border-radius:999px;background:#e6f4ff;color:#073b68;font-size:12px;font-weight:700}


/* ===== BitaControl V80.2 - Inicio por áreas ===== */
.bc80-areas-inicio{
  max-width: 900px;
  margin: 70px auto 0 auto;
  text-align: center;
  background: transparent;
}
.bc80-areas-title{
  border: 2px solid rgba(255,255,255,.85);
  background: rgba(255,255,255,.95);
  color: #061b35;
  padding: 10px 20px;
  font-size: 22px;
  font-weight: 800;
  border-radius: 4px;
  margin: 0 auto 34px auto;
  max-width: 760px;
}
.bc80-areas-buttons{
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
}
.bc80-areas-buttons button{
  min-width:150px;
  padding:12px 18px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:4px;
  background: rgba(255,255,255,.95);
  color:#061b35;
  font-size:20px;
  font-weight:800;
  cursor:pointer;
}
.bc80-areas-buttons button:hover{
  transform: translateY(-1px);
  filter: brightness(.96);
}
.bc80-area-pantalla{
  margin-top: 20px;
}
.bc80-btn-atras{
  margin: 0 0 18px 0;
  padding: 12px 18px;
  border: 0;
  border-radius: 12px;
  background: #71839d;
  color: white;
  font-weight: 900;
  cursor: pointer;
}
@media(max-width: 760px){
  .bc80-areas-inicio{margin-top:30px}
  .bc80-areas-buttons{gap:14px; flex-direction:column; align-items:stretch}
  .bc80-areas-buttons button{width:100%; font-size:18px}
}


/* ===== BitaControl V80.3 - Sin menú lateral para operador ===== */
body.bc83-home-operador .app{
  grid-template-columns: 1fr !important;
}
body.bc83-home-operador aside{
  display: none !important;
}
body.bc83-home-operador main{
  width: 100% !important;
  padding: 24px !important;
}
body.bc83-home-operador .bc22-note{
  display: block;
}
.bc83-sadema-pantalla{
  max-width: 1100px;
  margin: 40px auto 0 auto;
}
.bc83-modulos-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap:18px;
  margin-top:24px;
}
.bc83-modulos-grid button{
  min-height:72px;
  border:0;
  border-radius:14px;
  background:#14506d;
  color:#fff;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.bc83-modulos-grid button:hover{
  transform: translateY(-1px);
  filter: brightness(1.08);
}
body.bc83-home-operador #registroAreasInicio{
  margin-top: 80px;
}
body.bc83-home-operador #registroAreasInicio .bc80-areas-title{
  max-width: 820px;
  font-size: 24px;
}
body.bc83-home-operador #registroAreasInicio .bc80-areas-buttons button{
  min-width: 180px;
}
@media(max-width: 800px){
  .bc83-modulos-grid{
    grid-template-columns: 1fr;
  }
}


/* ===== BitaControl V80.4 - Tarjetas profesionales de áreas ===== */
.bc84-area-cards{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap:18px !important;
  align-items:stretch;
}
.bc84-area-card{
  min-width: unset !important;
  min-height: 150px;
  padding: 16px 14px !important;
  border: 1px solid rgba(37,160,210,.42) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(20,80,109,.98), rgba(8,45,75,.98)) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.bc84-area-card:hover{
  transform: translateY(-4px) !important;
  filter: brightness(1.08);
  box-shadow: 0 18px 38px rgba(0,0,0,.32), 0 0 0 2px rgba(40,170,220,.18);
}
.bc84-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  margin-bottom:4px;
}
.bc84-title{
  display:block;
  font-size:22px;
  font-weight:950;
  line-height:1.1;
}
.bc84-desc{
  display:block;
  font-size:14px;
  line-height:1.25;
  color:#d7f3ff;
  font-weight:700;
  max-width:220px;
}
body.bc83-home-operador #registroAreasInicio .bc80-areas-title{
  border: 1px solid rgba(37,160,210,.45);
  background: linear-gradient(90deg, rgba(13,54,86,.98), rgba(19,88,118,.98));
  color: #fff;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.20);
  letter-spacing:.3px;
}
@media(max-width: 1100px){
  .bc84-area-cards{grid-template-columns: repeat(2, minmax(220px, 1fr));}
}
@media(max-width: 650px){
  .bc84-area-cards{grid-template-columns: 1fr;}
  .bc84-area-card{min-height:155px;}
}


/* ===== BitaControl V80.5 - Inicio profesional ===== */
.bc85-hide-title{display:none!important}
body.bc83-home-operador{
  background:
    radial-gradient(circle at top left, rgba(20,145,210,.22), transparent 35%),
    linear-gradient(180deg,#06172d 0%, #08284a 50%, #061a31 100%) !important;
}
body.bc83-home-operador main{
  padding: 22px 34px !important;
}
.bc85-header-home{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin: 4px 0 22px 0;
}
.bc85-logo-zone img{
  height:64px;
  width:auto;
  object-fit:contain;
}
.bc85-logout{
  border:1px solid #f04444;
  background:rgba(120,20,28,.12);
  color:#fff;
  border-radius:10px;
  padding:12px 18px;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
}
.bc85-logout:hover{background:rgba(220,38,38,.24)}
.bc85-welcome-panel{
  display:grid;
  grid-template-columns: 1.1fr 1.4fr 2fr;
  gap:24px;
  align-items:center;
  border:1px solid rgba(82,174,224,.28);
  border-radius:16px;
  padding:24px 28px;
  background:linear-gradient(135deg, rgba(8,37,70,.96), rgba(7,31,58,.85));
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.bc85-user-card{
  display:flex;
  align-items:center;
  gap:18px;
  border-right:1px solid rgba(255,255,255,.18);
  min-height:92px;
}
.bc85-avatar{
  width:76px;height:76px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;
  background:linear-gradient(160deg,#1bb7ff,#05599c);
  box-shadow:0 10px 25px rgba(0,140,220,.26);
}
.bc85-small{font-size:16px;color:#c7d9eb;font-weight:700}
.bc85-user-name{font-size:30px;line-height:1.05;font-weight:950;color:#fff}
.bc85-role{font-size:16px;color:#c7d9eb;font-weight:800;margin-top:4px}
.bc85-message{
  display:flex;
  gap:14px;
  color:#fff;
  font-size:17px;
  line-height:1.45;
  font-weight:700;
  font-style:italic;
  border-right:1px solid rgba(255,255,255,.18);
  padding-right:22px;
}
.bc85-quote{font-size:54px;color:#1eb8ff;line-height:.8;font-weight:950}
.bc85-info-row{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:18px;
}
.bc85-info{
  display:flex;
  gap:10px;
  align-items:center;
  color:#fff;
}
.bc85-info span{font-size:32px;opacity:.95}
.bc85-info small{display:block;color:#c7d9eb;font-weight:700;font-size:13px}
.bc85-info b{display:block;font-size:18px;color:#fff;white-space:nowrap}
body.bc83-home-operador #registroAreasInicio{
  max-width: 1480px;
  margin-top: 22px;
}
body.bc83-home-operador #registroAreasInicio .bc80-areas-title{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-transform:uppercase;
  font-size:23px;
  margin-bottom:20px;
}
.bc84-area-cards{
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
}
.bc84-area-card{
  min-height: 210px !important;
  align-items:flex-start!important;
  text-align:left!important;
  padding:26px 24px!important;
  position:relative;
}
.bc84-area-card .bc84-icon{
  margin-bottom:10px;
}
.bc84-area-card .bc84-title{
  text-transform:uppercase;
}
.bc84-area-card .bc84-desc{
  max-width:260px;
}
.bc84-area-card::after{
  content:"➜";
  position:absolute;
  right:18px;
  bottom:16px;
  width:46px;height:46px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:26px;
}
.bc83-sadema-pantalla{
  max-width: 1500px!important;
  margin-top: 12px!important;
}
.bc83-sadema-pantalla h1{
  display:inline-block;
  margin-left:18px;
  color:#ff9f1a;
}
.bc85-module-cards{
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
  gap:14px!important;
}
.bc85-module-card{
  min-height:176px!important;
  padding:20px!important;
  border:1px solid rgba(92,177,224,.26)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(11,48,82,.98),rgba(7,33,60,.98))!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:8px!important;
}
.bc85-module-card .bc85-micon{font-size:42px;line-height:1}
.bc85-module-card b{font-size:18px;text-transform:uppercase}
.bc85-module-card small{font-size:14px;color:#d7f3ff;line-height:1.28;font-weight:700}
.bc85-qr-area-row{
  margin:16px auto 0 auto;
  max-width:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:1px solid rgba(88,174,226,.28);
  border-radius:12px;
  padding:14px 18px;
  background:rgba(5,28,52,.62);
  color:#d9f3ff;
  font-weight:800;
}
.bc85-qr-area-row button{
  border:0;
  border-radius:10px;
  padding:12px 16px;
  background:#14506d;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.bc85-qr-form-row{
  margin: 0 0 18px 0;
  max-width:520px;
}
@media(max-width: 1180px){
  .bc85-welcome-panel{grid-template-columns:1fr;gap:18px}
  .bc85-user-card,.bc85-message{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px}
  .bc85-info-row{grid-template-columns:repeat(2,1fr)}
  .bc84-area-cards{grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;}
  .bc85-module-cards{grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;}
}
@media(max-width: 650px){
  body.bc83-home-operador main{padding:16px!important}
  .bc85-header-home{flex-direction:column;gap:12px;align-items:stretch}
  .bc85-logo-zone{text-align:center}
  .bc85-info-row{grid-template-columns:1fr}
  .bc84-area-cards,.bc85-module-cards{grid-template-columns:1fr!important}
  .bc85-qr-area-row{flex-direction:column;text-align:center}
}

.bc85-module-card small{display:none!important;}
.bc85-module-card{min-height:240px!important;justify-content:center!important;}
.bc85-module-card b{font-size:22px!important;margin-top:14px!important;}
.bc85-micon{font-size:72px!important;margin-bottom:12px!important;}
.bc85-welcome-panel{background:rgba(5,25,55,.55)!important;}
body{
background:radial-gradient(circle at top right, rgba(0,140,255,.18), transparent 25%),
linear-gradient(180deg,#02132a,#031d3f,#02132a)!important;
}


/* ===== V80.5 Operador SADEMA directo ===== */
.bc22-note{display:none!important;}
#bcQrOperador,#qrOperador,.qr-operador,.modo-operador{
  display:none!important;
}
body.bc83-home-operador{
  background:
    radial-gradient(circle at top right, rgba(0,145,255,.22), transparent 28%),
    linear-gradient(180deg,#020d22 0%, #031a3a 46%, #020d22 100%)!important;
}
body.bc83-home-operador .bc85-header-home{
  margin-top:0!important;
}
body.bc83-home-operador .bc85-logo-zone img{
  height:92px!important;
  max-width:430px!important;
}
body.bc83-home-operador #registroAreasInicio{
  display:none!important;
}
body.bc83-home-operador #bc83SademaPantalla{
  display:block;
}
body.bc83-home-operador #bc83SademaPantalla.hidden{
  display:block!important;
}
body.bc83-home-operador .bc80-btn-atras{
  display:none!important;
}
body.bc83-home-operador .bc83-sadema-pantalla h1,
body.bc83-home-operador .bc83-sadema-pantalla .hint{
  display:none!important;
}
body.bc83-home-operador .bc85-welcome-panel{
  margin-top:18px!important;
}
body.bc83-home-operador .bc85-message{
  display:none!important;
}
body.bc83-home-operador .bc85-welcome-panel{
  grid-template-columns:1.2fr 2.4fr!important;
}
body.bc83-home-operador .bc85-user-card{
  border-right:1px solid rgba(255,255,255,.18)!important;
  border-bottom:0!important;
}
body.bc83-home-operador .bc85-info-row{
  grid-template-columns:repeat(4,1fr)!important;
}
body.bc83-home-operador .bc85-module-cards{
  margin-top:34px!important;
  grid-template-columns:repeat(4,minmax(220px,1fr))!important;
  gap:22px!important;
}
body.bc83-home-operador .bc85-module-card{
  min-height:245px!important;
}
body.bc83-home-operador .bc85-module-card small{
  display:none!important;
}
body.bc83-home-operador .bc85-module-card b{
  font-size:23px!important;
}
body.bc83-home-operador .bc85-micon{
  font-size:76px!important;
}
body.bc83-home-operador .bc85-qr-area-row{
  display:none!important;
}
body.bc83-home-operador .bc85-logout{
  position:fixed!important;
  right:34px!important;
  bottom:28px!important;
  z-index:9999!important;
  font-size:19px!important;
  padding:16px 26px!important;
}
body.bc83-home-operador main::after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,162,255,.85),transparent);
  pointer-events:none;
}
@media(max-width:1100px){
  body.bc83-home-operador .bc85-welcome-panel{grid-template-columns:1fr!important}
  body.bc83-home-operador .bc85-info-row{grid-template-columns:repeat(2,1fr)!important}
  body.bc83-home-operador .bc85-module-cards{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
}
@media(max-width:650px){
  body.bc83-home-operador .bc85-info-row{grid-template-columns:1fr!important}
  body.bc83-home-operador .bc85-module-cards{grid-template-columns:1fr!important}
}


/* ===== BitaControl V80.6 - Limpieza menú operador superior antiguo ===== */
#bcMobileOperatorHome,
.bc-mobile-operator-home,
.bc-mobile-back-qr,
body.bc83-home-operador #bc85RolOperador{
  display:none!important;
}


/* V81.2 tarjetas 60% */
body.bc83-home-operador .bc85-module-cards{
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:14px!important;
}
body.bc83-home-operador .bc85-module-card{
  min-height:145px!important;
  padding:10px!important;
}
body.bc83-home-operador .bc85-micon{
  font-size:48px!important;
  margin-bottom:6px!important;
}
body.bc83-home-operador .bc85-module-card b{
  font-size:16px!important;
}


/* V81.3 - formulario de área como pantalla independiente */
body.bc81-formulario-area-activo #bc85HeaderHome,
body.bc81-formulario-area-activo #registroAreasInicio,
body.bc81-formulario-area-activo #bc83SademaPantalla,
body.bc81-formulario-area-activo #registroAreaMenu{
  display:none!important;
}
body.bc81-formulario-area-activo #registroAreaPantalla{
  display:block!important;
  max-width:1180px;
  margin:0 auto!important;
  padding:22px!important;
  border:1px solid rgba(44,160,255,.35);
  border-radius:22px;
  background:rgba(5,22,48,.82);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
body.bc81-formulario-area-activo .bc80-btn-atras{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin-bottom:14px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  border:1px solid rgba(72,177,255,.5)!important;
  background:linear-gradient(180deg,#0b70c9,#084d8f)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer;
}
body.bc81-formulario-area-activo #registroAreaTitle{
  font-size:26px!important;
  font-weight:900!important;
  margin:10px 0 18px!important;
}
body.bc81-formulario-area-activo .turno-pdf-bar{
  display:none!important;
}
body.bc81-formulario-area-activo .bc85-qr-form-row{
  margin:10px 0 16px!important;
}

/* ===== BitaControl V81.4 - formularios 100% independientes, sin menú visible ===== */
body.bc814-formulario-independiente #registroAreasInicio,
body.bc814-formulario-independiente #bc83SademaPantalla,
body.bc814-formulario-independiente #registroAreaMenu,
body.bc814-formulario-independiente .bc83-sadema-pantalla,
body.bc814-formulario-independiente .bc83-modulos-grid,
body.bc814-formulario-independiente .bc85-module-cards,
body.bc814-formulario-independiente .bc84-area-cards,
body.bc814-formulario-independiente .bc80-areas-inicio,
body.bc814-formulario-independiente .turno-pdf-bar,
body.bc814-formulario-independiente .bc85-qr-area-row{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.bc814-formulario-independiente #registroAreaPantalla{
  display:block!important;
  visibility:visible!important;
  max-width:1180px!important;
  margin:24px auto!important;
  padding:22px!important;
  border:1px solid rgba(44,160,255,.40)!important;
  border-radius:22px!important;
  background:rgba(5,22,48,.88)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32)!important;
}
body.bc814-formulario-independiente #registroAreaPantalla.hidden{
  display:block!important;
}
body.bc814-formulario-independiente #registroAreaTitle{
  display:inline-block!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  background:#f1f5f9!important;
  color:#08284d!important;
  font-size:26px!important;
  font-weight:900!important;
  margin:10px 0 18px!important;
}
body.bc814-formulario-independiente .bc80-btn-atras{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:16px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  border:1px solid rgba(72,177,255,.55)!important;
  background:linear-gradient(180deg,#0b70c9,#084d8f)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
}


/* V81.5 formulario centrado tamaño tarjeta */
.bc80-area-pantalla{
  max-width: 1400px;
  width: 88%;
  margin: 20px auto !important;
}
.bc80-area-pantalla .form-grid,
.bc80-area-pantalla .table-wrap,
.bc80-area-pantalla .pdf-area,
.bc80-area-pantalla form{
  max-width: 100%;
}

/* ===== BitaControl V81.6 - formularios/registros al ancho de tarjeta de presentación ===== */
body.bc814-formulario-independiente #registroAreaPantalla,
body.bc81-formulario-area-activo #registroAreaPantalla,
.bc80-area-pantalla{
  width:100%!important;
  max-width:none!important;
  margin:24px 0!important;
}
body.bc814-formulario-independiente #registroAreaPantalla .form-grid,
body.bc81-formulario-area-activo #registroAreaPantalla .form-grid,
.bc80-area-pantalla .form-grid{
  width:100%!important;
  max-width:none!important;
}


/* V81.11 Logo Responsive */
.bitacontrol-logo-login,
.bitacontrol-logo-side,
.logo-bitacontrol,
img[alt*="BitaControl"],
img[alt*="Bitacontrol"]{
  max-width:320px;
  width:100%;
  height:auto !important;
  object-fit:contain;
}

@media (max-width:768px){
  .bitacontrol-logo-login,
  .bitacontrol-logo-side,
  .logo-bitacontrol{
    max-width:220px;
  }
}

@media (max-width:480px){
  .bitacontrol-logo-login,
  .bitacontrol-logo-side,
  .logo-bitacontrol{
    max-width:160px;
  }
}


/* ===== BitaControl V81.12 - Inicio autoajustable PC / Tablet / Celular =====
   Corrige logo sin deformación y regula automáticamente los iconos/tarjetas de áreas. */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body.bc83-home-operador main{
  width:100%!important;
  max-width:100vw!important;
  padding:clamp(12px,2vw,34px)!important;
}
body.bc83-home-operador #registro{
  max-width:100%!important;
}
body.bc83-home-operador .bc85-header-home{
  margin:0 0 clamp(12px,1.5vw,22px) 0!important;
}
body.bc83-home-operador .bc85-welcome-panel{
  width:100%!important;
  max-width:100%!important;
  margin:clamp(10px,1.4vw,18px) auto 0!important;
  padding:clamp(16px,2vw,28px)!important;
  border-radius:clamp(14px,1.8vw,22px)!important;
  display:grid!important;
  grid-template-columns:minmax(360px,0.95fr) minmax(520px,2.05fr)!important;
  gap:clamp(16px,2vw,34px)!important;
  align-items:center!important;
}
body.bc83-home-operador .bc85-user-card{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"logo logo" "avatar user"!important;
  align-items:center!important;
  column-gap:clamp(12px,1.5vw,20px)!important;
  row-gap:clamp(14px,1.5vw,18px)!important;
  padding-right:clamp(14px,1.8vw,28px)!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  border-bottom:0!important;
  overflow:hidden!important;
}
body.bc83-home-operador .bc812-logo-wrap{
  grid-area:logo!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
body.bc83-home-operador .bc812-home-logo,
body.bc83-home-operador .bc85-user-card img[src*="bitacontrol_logo"]{
  display:block!important;
  width:min(100%, clamp(240px, 29vw, 560px))!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:clamp(78px, 10vw, 160px)!important;
  object-fit:contain!important;
  object-position:left center!important;
  aspect-ratio:auto!important;
  flex:0 1 auto!important;
  margin:0!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))!important;
}
body.bc83-home-operador .bc85-avatar{
  grid-area:avatar!important;
  width:clamp(52px,5.4vw,82px)!important;
  height:clamp(52px,5.4vw,82px)!important;
  font-size:clamp(28px,3.2vw,44px)!important;
  flex:0 0 auto!important;
}
body.bc83-home-operador .bc85-user-card > div:not(.bc812-logo-wrap):not(.bc85-avatar){
  grid-area:user!important;
  min-width:0!important;
}
body.bc83-home-operador .bc85-small{
  font-size:clamp(13px,1.25vw,19px)!important;
}
body.bc83-home-operador .bc85-user-name{
  font-size:clamp(26px,2.8vw,48px)!important;
  line-height:1.02!important;
  word-break:break-word!important;
}
body.bc83-home-operador .bc85-info-row{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(10px,1.5vw,22px)!important;
  align-items:center!important;
}
body.bc83-home-operador .bc85-info{
  min-width:0!important;
  gap:clamp(8px,1vw,14px)!important;
  padding:clamp(4px,.7vw,8px) clamp(6px,.9vw,10px)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
}
body.bc83-home-operador .bc85-info:last-child{border-right:0!important;}
body.bc83-home-operador .bc85-info span{
  font-size:clamp(26px,3vw,48px)!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
body.bc83-home-operador .bc85-info small{
  display:block!important;
  font-size:clamp(10px,.8vw,14px)!important;
  line-height:1.1!important;
  opacity:.88!important;
}
body.bc83-home-operador .bc85-info b{
  font-size:clamp(13px,1.2vw,21px)!important;
  line-height:1.15!important;
  white-space:normal!important;
}
body.bc83-home-operador .bc83-sadema-pantalla{
  width:100%!important;
  max-width:100%!important;
  margin:clamp(16px,2vw,34px) auto 0!important;
}
body.bc83-home-operador .bc85-module-cards{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.6vw,24px)!important;
  margin-top:clamp(18px,2vw,34px)!important;
}
body.bc83-home-operador .bc85-module-card{
  min-width:0!important;
  min-height:clamp(132px,13vw,245px)!important;
  padding:clamp(10px,1.6vw,24px)!important;
  border-radius:clamp(12px,1.3vw,18px)!important;
  gap:clamp(6px,.9vw,12px)!important;
  overflow:hidden!important;
}
body.bc83-home-operador .bc85-micon,
body.bc83-home-operador .bc85-module-card .bc85-micon{
  font-size:clamp(38px,5.4vw,86px)!important;
  line-height:1!important;
  margin:0 0 clamp(4px,.8vw,12px) 0!important;
  transform:none!important;
}
body.bc83-home-operador .bc85-module-card b{
  font-size:clamp(13px,1.25vw,23px)!important;
  line-height:1.05!important;
  margin:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
}
body.bc83-home-operador .bc85-module-card small,
body.bc83-home-operador .bc84-area-card .bc84-desc{
  display:none!important;
}
body.bc83-home-operador .bc85-logout{
  right:clamp(16px,2vw,34px)!important;
  bottom:clamp(14px,1.8vw,28px)!important;
  padding:clamp(10px,1vw,16px) clamp(16px,1.6vw,26px)!important;
  font-size:clamp(14px,1.15vw,19px)!important;
}
body.bc83-home-operador main::after{
  bottom:clamp(72px,7vw,92px)!important;
}

/* Tablet horizontal y notebooks pequeños */
@media (max-width:1199px){
  body.bc83-home-operador .bc85-welcome-panel{
    grid-template-columns:1fr!important;
    max-width:980px!important;
  }
  body.bc83-home-operador .bc85-user-card{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    padding-right:0!important;
    padding-bottom:clamp(12px,1.8vw,18px)!important;
  }
  body.bc83-home-operador .bc812-logo-wrap{
    justify-content:center!important;
  }
  body.bc83-home-operador .bc812-home-logo,
  body.bc83-home-operador .bc85-user-card img[src*="bitacontrol_logo"]{
    width:min(100%, clamp(260px, 58vw, 520px))!important;
    max-height:128px!important;
    object-position:center center!important;
  }
  body.bc83-home-operador .bc85-info-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.bc83-home-operador .bc85-module-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:clamp(145px,22vw,205px)!important;
  }
}

/* Tablet vertical */
@media (max-width:900px){
  body.bc83-home-operador main{
    padding:14px!important;
  }
  body.bc83-home-operador .bc85-welcome-panel{
    padding:18px!important;
    gap:16px!important;
  }
  body.bc83-home-operador .bc85-info-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.bc83-home-operador .bc85-info{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
    border-right:0!important;
  }
  body.bc83-home-operador .bc85-info span{
    font-size:clamp(24px,4.5vw,38px)!important;
  }
  body.bc83-home-operador .bc85-module-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:clamp(126px,24vw,170px)!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:clamp(38px,8vw,64px)!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:clamp(13px,2.5vw,18px)!important;
  }
}

/* Celular */
@media (max-width:767px){
  body.bc83-home-operador main{
    padding:10px!important;
  }
  body.bc83-home-operador .bc85-welcome-panel{
    padding:14px!important;
    border-radius:14px!important;
  }
  body.bc83-home-operador .bc85-user-card{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:"logo logo" "avatar user"!important;
    justify-items:start!important;
  }
  body.bc83-home-operador .bc812-logo-wrap{
    justify-content:flex-start!important;
  }
  body.bc83-home-operador .bc812-home-logo,
  body.bc83-home-operador .bc85-user-card img[src*="bitacontrol_logo"]{
    width:min(100%, clamp(150px, 52vw, 260px))!important;
    max-height:74px!important;
    object-position:left center!important;
  }
  body.bc83-home-operador .bc85-avatar{
    width:46px!important;
    height:46px!important;
    font-size:25px!important;
  }
  body.bc83-home-operador .bc85-small{
    font-size:12px!important;
  }
  body.bc83-home-operador .bc85-user-name{
    font-size:22px!important;
  }
  body.bc83-home-operador .bc85-info-row{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.bc83-home-operador .bc85-info{
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px!important;
    align-items:center!important;
    text-align:left!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    padding:8px 0!important;
  }
  body.bc83-home-operador .bc85-info::after{
    content:"›";
    color:#d8ecff;
    font-size:22px;
    line-height:1;
    opacity:.8;
  }
  body.bc83-home-operador .bc85-info span{
    font-size:24px!important;
  }
  body.bc83-home-operador .bc85-info small{
    display:none!important;
  }
  body.bc83-home-operador .bc85-info b{
    font-size:13px!important;
  }
  body.bc83-home-operador .bc85-module-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:12px!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:96px!important;
    padding:10px 6px!important;
    border-radius:10px!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:34px!important;
    margin-bottom:4px!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:11.5px!important;
    letter-spacing:.1px!important;
  }
  body.bc83-home-operador .bc85-logout{
    position:static!important;
    width:100%!important;
    margin:12px 0 0!important;
    border-radius:12px!important;
    justify-content:center!important;
  }
  body.bc83-home-operador main::after{
    display:none!important;
  }
}

/* Celulares muy angostos: baja más los iconos sin deformar el diseño. */
@media (max-width:380px){
  body.bc83-home-operador .bc85-module-cards{
    gap:8px!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:90px!important;
    padding:8px 5px!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:30px!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:10.5px!important;
  }
}

/* ===== BitaControl V81.13 - Iconos y tarjetas 50% menos, logo sin cambios =====
   Mantiene el tamaño responsive del logo de V81.12 y reduce el tamaño visual de las áreas. */
body.bc83-home-operador .bc85-module-cards{
  gap:clamp(6px,.8vw,12px)!important;
}
body.bc83-home-operador .bc85-module-card{
  min-height:clamp(78px,6.5vw,123px)!important;
  padding:clamp(6px,.8vw,12px)!important;
  gap:clamp(3px,.45vw,6px)!important;
  border-radius:clamp(10px,.9vw,14px)!important;
}
body.bc83-home-operador .bc85-micon,
body.bc83-home-operador .bc85-module-card .bc85-micon{
  font-size:clamp(19px,2.7vw,43px)!important;
  line-height:1!important;
  margin:0 0 clamp(2px,.4vw,6px) 0!important;
}
body.bc83-home-operador .bc85-module-card b{
  font-size:clamp(11.5px,1vw,17px)!important;
  line-height:1.05!important;
}

/* Menú inicial de áreas generales también compacto */
body.bc83-home-operador .bc84-area-cards{
  gap:clamp(7px,.9vw,12px)!important;
}
body.bc83-home-operador .bc84-area-card{
  min-height:clamp(80px,6.8vw,105px)!important;
  padding:clamp(8px,.9vw,13px)!important;
  gap:clamp(4px,.5vw,6px)!important;
  border-radius:clamp(10px,.9vw,14px)!important;
}
body.bc83-home-operador .bc84-area-card .bc84-icon,
body.bc83-home-operador .bc84-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  font-size:18px!important;
  border-radius:9px!important;
  margin-bottom:2px!important;
}
body.bc83-home-operador .bc84-area-card .bc84-title,
body.bc83-home-operador .bc84-title{
  font-size:clamp(12px,.95vw,16px)!important;
  line-height:1.05!important;
}
body.bc83-home-operador .bc84-area-card .bc84-desc,
body.bc83-home-operador .bc84-desc{
  display:none!important;
}
body.bc83-home-operador .bc84-area-card::after{
  display:none!important;
}

@media (max-width:1199px){
  body.bc83-home-operador .bc85-module-card{
    min-height:clamp(72px,11vw,102px)!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:clamp(18px,4vw,32px)!important;
  }
}

@media (max-width:900px){
  body.bc83-home-operador .bc85-module-cards{
    gap:8px!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:clamp(68px,12vw,85px)!important;
    padding:7px 5px!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:clamp(17px,4vw,28px)!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:clamp(10.5px,2vw,14px)!important;
  }
}

@media (max-width:767px){
  body.bc83-home-operador .bc85-module-cards{
    gap:6px!important;
  }
  body.bc83-home-operador .bc85-module-card{
    min-height:58px!important;
    padding:6px 4px!important;
    border-radius:8px!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:17px!important;
    margin-bottom:2px!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:10px!important;
    line-height:1.05!important;
  }
  body.bc83-home-operador .bc84-area-card{
    min-height:62px!important;
    padding:6px 4px!important;
  }
  body.bc83-home-operador .bc84-area-card .bc84-icon,
  body.bc83-home-operador .bc84-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    font-size:15px!important;
  }
  body.bc83-home-operador .bc84-area-card .bc84-title,
  body.bc83-home-operador .bc84-title{
    font-size:10px!important;
  }
}

@media (max-width:380px){
  body.bc83-home-operador .bc85-module-card{
    min-height:54px!important;
    padding:5px 3px!important;
  }
  body.bc83-home-operador .bc85-micon,
  body.bc83-home-operador .bc85-module-card .bc85-micon{
    font-size:15px!important;
  }
  body.bc83-home-operador .bc85-module-card b{
    font-size:9.5px!important;
  }
}

/* ===== BitaControl V81.15 - Tarjeta de presentación regulada =====
   Elimina el bloque de avatar/nombre en la tarjeta superior y ajusta su ancho.
   Mantiene el tamaño responsive actual del logo. */
body.bc83-home-operador .bc85-welcome-panel{
  width:min(1480px, calc(100vw - 80px))!important;
  max-width:min(1480px, calc(100vw - 80px))!important;
  margin:clamp(10px,1.4vw,18px) auto 0!important;
  padding:clamp(16px,1.8vw,26px)!important;
  grid-template-columns:minmax(280px,.78fr) minmax(420px,1.45fr)!important;
  gap:clamp(14px,1.8vw,30px)!important;
  align-items:center!important;
}
body.bc83-home-operador .bc85-user-card.bc815-logo-only,
body.bc83-home-operador .bc85-user-card{
  grid-template-columns:1fr!important;
  grid-template-areas:"logo"!important;
  justify-items:start!important;
  align-items:center!important;
  min-height:clamp(88px,10vw,165px)!important;
  padding-right:clamp(12px,1.5vw,24px)!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  border-bottom:0!important;
}
body.bc83-home-operador .bc85-user-card .bc85-avatar,
body.bc83-home-operador .bc85-user-card .bc85-small,
body.bc83-home-operador .bc85-user-card .bc85-user-name,
body.bc83-home-operador .bc85-user-card .bc85-role,
body.bc83-home-operador .bc85-user-card > div:not(.bc812-logo-wrap){
  display:none!important;
}
body.bc83-home-operador .bc85-user-card .bc812-logo-wrap{
  display:flex!important;
  grid-area:logo!important;
  width:100%!important;
  justify-content:flex-start!important;
  align-items:center!important;
}
body.bc83-home-operador .bc85-info-row{
  min-width:0!important;
  align-self:center!important;
}

@media (max-width:1199px){
  body.bc83-home-operador .bc85-welcome-panel{
    width:min(980px, calc(100vw - 36px))!important;
    max-width:min(980px, calc(100vw - 36px))!important;
    grid-template-columns:1fr!important;
  }
  body.bc83-home-operador .bc85-user-card.bc815-logo-only,
  body.bc83-home-operador .bc85-user-card{
    justify-items:center!important;
    padding-right:0!important;
    padding-bottom:clamp(12px,1.8vw,18px)!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    min-height:auto!important;
  }
  body.bc83-home-operador .bc85-user-card .bc812-logo-wrap{
    justify-content:center!important;
  }
}

@media (max-width:767px){
  body.bc83-home-operador .bc85-welcome-panel{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    padding:12px!important;
    gap:10px!important;
  }
  body.bc83-home-operador .bc85-user-card.bc815-logo-only,
  body.bc83-home-operador .bc85-user-card{
    padding-bottom:10px!important;
  }
  body.bc83-home-operador .bc85-user-card .bc812-logo-wrap{
    justify-content:flex-start!important;
  }
}


/* V81.16 - Botón e icono QR después de Checklist */
.bc85-module-card-qr,
.area-tile-qr .area-btn,
.area-btn-qr{
  background:linear-gradient(180deg,#16396e 0%, #0b2f57 100%)!important;
  border-color:rgba(124,58,237,.45)!important;
}
.bc85-module-card-qr{
  box-shadow:0 10px 22px rgba(76,29,149,.18), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.bc85-module-card-qr:hover,
.area-btn-qr:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.bc85-module-card-qr .bc85-micon,
.bc85-micon-qr{
  filter:drop-shadow(0 0 8px rgba(124,58,237,.35));
}
.area-tile-qr .area-counter-inline{
  background:#7c3aed!important;
  color:#fff!important;
}
.area-btn-qr{
  font-weight:800;
}


/* V81.17 - Vista restringida para rol Operador Planta Hielo */
body.bc817-rol-hielo #registroAreasInicio .bc84-area-cards{
  grid-template-columns:minmax(260px,520px)!important;
  justify-content:center!important;
}
body.bc817-rol-hielo #registroAreasInicio .bc84-area-card:not(.hidden){
  min-height:170px!important;
  border-color:rgba(84,196,255,.38)!important;
  background:linear-gradient(180deg,rgba(12,62,104,.96),rgba(6,35,69,.96))!important;
}
body.bc817-rol-hielo #registroAreasInicio .bc84-icon{
  font-size:clamp(34px,6vw,58px)!important;
}
body.bc817-rol-hielo .bc817-hide-hielo,
body.bc817-rol-hielo .bc85-qr-area-row,
body.bc817-rol-hielo .turno-pdf-bar{
  display:none!important;
}
body.bc817-rol-hielo #registroAreaPantalla{
  max-width:min(1180px,96vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.bc817-rol-hielo #registroAreaTitle::before{
  content:'🧊 ';
}
body.bc817-rol-hielo aside button[onclick*="nh3"],
body.bc817-rol-hielo aside button[onclick*="usuarios"],
body.bc817-rol-hielo aside button[onclick*="admin"],
body.bc817-rol-hielo aside button[onclick*="dashboard"]{
  display:none!important;
}
@media(max-width:650px){
  body.bc817-rol-hielo #registroAreasInicio .bc84-area-cards{
    grid-template-columns:1fr!important;
  }
  body.bc817-rol-hielo #registroAreasInicio .bc84-area-card:not(.hidden){
    min-height:140px!important;
  }
}


/* V81.21 - Inicio personalizado rol Planta Hielo */
.bc821-hielo-home{
  max-width:1200px;
  margin:18px auto 0 auto;
  padding:18px;
  border:1px solid rgba(88,174,226,.24);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(7,33,60,.96), rgba(4,24,46,.96));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.bc821-hielo-header{margin-bottom:12px;text-align:center;color:#fff}
.bc821-hielo-header h2{margin:0 0 6px 0;font-size:32px;color:#fff}
.bc821-hielo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:16px;
}
.bc821-hielo-card{
  border:1px solid rgba(92,177,224,.28);
  border-radius:16px;
  padding:22px 18px;
  background:linear-gradient(180deg, rgba(11,48,82,.98), rgba(7,33,60,.98));
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:210px;
  gap:10px;
  cursor:pointer;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.bc821-hielo-card:hover{transform:translateY(-2px);filter:brightness(1.05)}
.bc821-hielo-icon{font-size:54px;line-height:1;display:block}
.bc821-hielo-card b{font-size:24px;text-transform:uppercase;line-height:1.12}
.bc821-hielo-card small{font-size:15px;color:#d8f2ff;line-height:1.35;font-weight:700}
body.bc817-rol-hielo #registroAreasInicio .bc80-areas-buttons{display:none!important}
body.bc817-rol-hielo #registroAreasInicio .bc80-areas-title{display:none!important}
body.bc817-rol-hielo #bc821HieloInicio.hidden{display:none!important}
@media(max-width:900px){
  .bc821-hielo-grid{grid-template-columns:repeat(2,minmax(180px,1fr));}
  .bc821-hielo-card{min-height:190px;padding:20px 16px}
  .bc821-hielo-card b{font-size:21px}
  .bc821-hielo-icon{font-size:46px}
}
@media(max-width:650px){
  .bc821-hielo-home{padding:14px}
  .bc821-hielo-grid{grid-template-columns:1fr}
  .bc821-hielo-card{min-height:168px}
  .bc821-hielo-header h2{font-size:28px}
}


/* V81.23 - Tarjetas Planta Hielo con estilo igual a Operador SADEMA */
#bc821HieloInicio.bc83-sadema-pantalla{max-width:1100px;margin:40px auto 0 auto;}
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-cards{margin-top:24px;}


/* V81.24 - Perfil Administrador */
body.bc824-admin .app{
  grid-template-columns:260px 1fr!important;
}
body.bc824-admin aside{
  display:block!important;
}
body.bc824-admin main{
  width:100%!important;
  padding:24px!important;
}
#bc824AdminHome{
  max-width:1320px;
  margin:0 auto;
}
#bc824AdminHome h1{
  color:#fff;
}
.bc824-admin-cards{
  grid-template-columns:repeat(3,minmax(190px,1fr))!important;
  margin-top:20px!important;
}
@media(max-width:1100px){
  .bc824-admin-cards{grid-template-columns:repeat(2,minmax(190px,1fr))!important;}
}
@media(max-width:650px){
  .bc824-admin-cards{grid-template-columns:1fr!important;}
}


/* V81.26 - Pantalla de inicio Administrador ajustada estilo SADEMA / Hielo */
body.bc824-admin #dashboard{display:none!important}
body.bc824-admin .bc824-admin-home{max-width:1180px;margin:34px auto 0 auto;}
body.bc824-admin .bc824-admin-hero{text-align:left;margin-bottom:10px}
body.bc824-admin .bc824-admin-hero h1{margin:0 0 6px 0;color:#fff}
body.bc824-admin .bc824-admin-hero .hint{font-size:16px;color:#d8f2ff}
body.bc824-admin .bc824-admin-cards{grid-template-columns:repeat(3,minmax(200px,1fr))!important;gap:18px!important}
body.bc824-admin .bc824-admin-cards .bc85-module-card{min-height:210px!important}
body.bc824-admin .bc824-admin-cards .bc85-module-card small{display:block!important}
body.bc824-admin .bc824-admin-logout-card{background:linear-gradient(180deg,#5c1d1d 0%, #3f1212 100%)!important;border-color:rgba(244,114,114,.28)!important}
body.bc824-admin .bc824-admin-logout-card:hover{filter:brightness(1.08)}
@media(max-width:980px){
  body.bc824-admin .bc824-admin-cards{grid-template-columns:repeat(2,minmax(190px,1fr))!important}
}
@media(max-width:620px){
  body.bc824-admin .bc824-admin-home{margin-top:18px}
  body.bc824-admin .bc824-admin-cards{grid-template-columns:1fr!important}
}

/* V81.27 - Administrador: usuarios + reportes por área */
body.bc824-admin .bc827-admin-main-cards{grid-template-columns:repeat(3,minmax(210px,1fr))!important;}
body.bc824-admin .bc827-admin-main-cards .bc85-module-card{min-height:225px!important;}
.bc827-admin-reportes{max-width:1320px;margin:0 auto;color:#fff;}
.bc827-report-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:12px 0 16px 0;}
.bc827-report-head h1{margin:0 0 6px 0;color:#fff;}
.bc827-back,.bc827-filter-card button{background:#0b86ff!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:11px 14px!important;font-weight:800!important;cursor:pointer!important;}
.bc827-back{white-space:nowrap;background:#164b7d!important;}
.bc827-filter-card{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;align-items:end;background:linear-gradient(180deg,rgba(7,33,60,.96),rgba(4,24,46,.96));border:1px solid rgba(88,174,226,.24);border-radius:16px;padding:14px;margin-bottom:16px;}
.bc827-filter-card label{display:flex;flex-direction:column;gap:6px;color:#d8f2ff;font-weight:800;}
.bc827-filter-card input{background:#061f3f;color:#fff;border:1px solid rgba(11,134,255,.35);border-radius:9px;padding:11px;}
.bc827-periodo{background:rgba(11,134,255,.12);border:1px solid rgba(11,134,255,.22);border-radius:12px;padding:12px;margin-bottom:14px;color:#d8f2ff;}
.bc827-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin:16px 0;}
.bc827-kpi{background:linear-gradient(180deg,rgba(11,48,82,.98),rgba(7,33,60,.98));border:1px solid rgba(92,177,224,.28);border-radius:16px;padding:16px;min-height:116px;box-shadow:0 10px 24px rgba(0,0,0,.16);}
.bc827-kpi b{display:block;font-size:clamp(24px,3.2vw,40px);line-height:1;color:#fff;margin-bottom:8px;}
.bc827-kpi span{display:block;color:#eaf7ff;font-weight:900;font-size:15px;}
.bc827-kpi small{display:block;color:#b8d8ff;margin-top:8px;line-height:1.35;}
.bc827-section-title{margin:22px 0 10px 0;color:#fff;font-size:22px;}
.bc827-dual{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;margin:14px 0;}
.bc827-mini-list,.bc827-empty,.bc827-highlight-list>div,.bc827-levels>div{background:rgba(3,24,47,.92);border:1px solid rgba(88,174,226,.22);border-radius:14px;padding:14px;}
.bc827-mini-list b{display:block;margin-bottom:8px;color:#fff;}
.bc827-mini-list span{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:8px 0;color:#d8f2ff;}
.bc827-mini-list span:first-of-type{border-top:0;}
.bc827-highlight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:8px;}
.bc827-highlight-list b{display:block;color:#fff;margin-bottom:4px;}
.bc827-highlight-list span{display:block;color:#8ed5ff;font-weight:800;font-size:13px;line-height:1.35;}
.bc827-highlight-list p{margin:8px 0 0 0;color:#d8f2ff;line-height:1.4;}
.bc827-levels{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:14px 0;}
.bc827-levels b{display:block;color:#d8f2ff;margin-bottom:8px;}
.bc827-levels span{font-size:32px;font-weight:900;color:#fff;}
.bc827-table-wrap{max-height:520px;overflow:auto;border-radius:14px;border:1px solid rgba(88,174,226,.18);}
.bc827-table{width:100%;border-collapse:collapse;background:#03182f;color:#fff;}
.bc827-table th,.bc827-table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;font-size:13px;}
.bc827-table th{position:sticky;top:0;background:#052246;color:#eaf7ff;z-index:1;}
.bc827-alert-row td{background:rgba(245,158,11,.12)!important;}
.bc827-empty{color:#b8d8ff;}
@media(max-width:980px){
  body.bc824-admin .bc827-admin-main-cards,.bc827-kpi-grid,.bc827-filter-card{grid-template-columns:repeat(2,minmax(180px,1fr))!important;}
  .bc827-dual,.bc827-levels{grid-template-columns:repeat(2,minmax(180px,1fr));}
  .bc827-report-head{align-items:flex-start;flex-direction:column;}
}
@media(max-width:620px){
  body.bc824-admin .bc827-admin-main-cards,.bc827-kpi-grid,.bc827-filter-card,.bc827-dual,.bc827-levels{grid-template-columns:1fr!important;}
  .bc827-table th,.bc827-table td{font-size:12px;padding:8px;}
  .bc827-back{width:100%;}
}

/* V81.28 - Admin por pantallas con menú lateral y botón atrás */
body.bc828-admin-pantallas .app{grid-template-columns:270px 1fr!important;}
body.bc828-admin-pantallas aside{display:flex!important;flex-direction:column!important;gap:9px!important;padding-bottom:18px!important;}
body.bc828-admin-pantallas aside .role{font-size:13px!important;line-height:1.35!important;color:#d8f2ff!important;margin:2px 0 8px 0!important;}
.bc828-side-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8ed5ff;font-weight:900;margin:4px 0 2px 0;}
body.bc828-admin-pantallas aside button.bc828-side-btn{width:100%;text-align:left;border-radius:12px!important;border:1px solid rgba(88,174,226,.18)!important;background:rgba(5,31,60,.72)!important;color:#eaf7ff!important;padding:12px 13px!important;font-weight:900!important;transition:.16s ease!important;}
body.bc828-admin-pantallas aside button.bc828-side-btn:hover{background:rgba(11,134,255,.22)!important;transform:translateX(2px);}
body.bc828-admin-pantallas aside button.bc828-side-btn.bc828-active{background:linear-gradient(90deg,#0b86ff,#084e96)!important;border-color:rgba(142,213,255,.6)!important;box-shadow:0 8px 20px rgba(11,134,255,.18)!important;color:#fff!important;}
body.bc828-admin-pantallas aside button.bc828-side-back{margin-top:8px!important;background:rgba(22,75,125,.92)!important;}
body.bc828-admin-pantallas aside button.bc828-side-back:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important;}
body.bc828-admin-pantallas aside button.bc828-side-logout{margin-top:auto!important;background:linear-gradient(180deg,#5c1d1d 0%,#3f1212 100%)!important;border-color:rgba(244,114,114,.32)!important;}
body.bc828-admin-pantallas main{min-height:100vh!important;}
body.bc828-admin-pantallas #bc824AdminHome,
body.bc828-admin-pantallas #bc827AdminReportes,
body.bc828-admin-pantallas #usuarios{max-width:1280px!important;margin:0 auto!important;color:#fff!important;}
.bc828-screen-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(11,134,255,.18);border:1px solid rgba(142,213,255,.28);color:#d8f2ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;}
.bc828-screen-head{display:flex;align-items:center;gap:16px;justify-content:flex-start;margin:0 0 16px 0;background:linear-gradient(180deg,rgba(7,33,60,.88),rgba(4,24,46,.88));border:1px solid rgba(88,174,226,.22);border-radius:18px;padding:14px;}
.bc828-screen-head h1{margin:0 0 4px 0!important;color:#fff!important;}
.bc828-screen-head .hint{margin:0;color:#d8f2ff;}
.bc828-back-main{background:#164b7d!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:12px 15px!important;font-weight:950!important;cursor:pointer!important;white-space:nowrap!important;}
.bc828-back-main:hover{filter:brightness(1.12);}
body.bc828-admin-pantallas #usuarios .bc828-original-title,
body.bc828-admin-pantallas #usuarios .bc828-original-hero{display:none!important;}
body.bc828-admin-pantallas #usuarios .form-grid{background:linear-gradient(180deg,rgba(7,33,60,.92),rgba(4,24,46,.92));border:1px solid rgba(88,174,226,.22);border-radius:18px;padding:16px;margin-bottom:12px;}
body.bc828-admin-pantallas #usuarios label{color:#d8f2ff;font-weight:900;}
body.bc828-admin-pantallas #usuarios input,
body.bc828-admin-pantallas #usuarios select{background:#061f3f!important;color:#fff!important;border:1px solid rgba(11,134,255,.35)!important;border-radius:10px!important;padding:10px!important;}
body.bc828-admin-pantallas #usuarios > button,
body.bc828-admin-pantallas #usuarios .bc828-admin-action{background:#0b86ff!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:11px 14px!important;font-weight:900!important;margin:0 8px 10px 0!important;cursor:pointer!important;}
body.bc828-admin-pantallas #usuarios .note{color:#b8d8ff!important;background:rgba(11,134,255,.10);border:1px solid rgba(11,134,255,.18);border-radius:12px;padding:10px;}
body.bc828-admin-pantallas .bc827-report-head{background:linear-gradient(180deg,rgba(7,33,60,.88),rgba(4,24,46,.88));border:1px solid rgba(88,174,226,.22);border-radius:18px;padding:14px;justify-content:flex-start!important;}
body.bc828-admin-pantallas .bc827-report-head .bc827-back{order:0;}
@media(max-width:760px){
  body.bc828-admin-pantallas .app{grid-template-columns:1fr!important;}
  body.bc828-admin-pantallas aside{position:relative!important;min-height:auto!important;}
  .bc828-screen-head{align-items:flex-start;flex-direction:column;}
  .bc828-back-main{width:100%!important;}
}

/* V81.29 - Admin por pantallas sin menú duplicado */
body.bc829-admin-simple-menu aside{overflow-y:auto!important;}
body.bc829-admin-simple-menu .bc829-side-info{background:linear-gradient(180deg,rgba(11,48,82,.95),rgba(5,31,60,.95));border:1px solid rgba(88,174,226,.22);border-radius:14px;padding:13px;margin:2px 0 8px 0;color:#d8f2ff;}
body.bc829-admin-simple-menu .bc829-side-info b{display:block;color:#fff;font-size:16px;margin-bottom:5px;}
body.bc829-admin-simple-menu .bc829-side-info span{display:block;font-size:13px;line-height:1.35;color:#b8d8ff;}
body.bc829-admin-simple-menu .bc829-hide-home-card{display:none!important;}
body.bc829-admin-simple-menu #bc824AdminHome .bc824-admin-cards{grid-template-columns:repeat(3,minmax(220px,1fr))!important;}
body.bc829-admin-simple-menu #bc824AdminHome .bc85-module-card{cursor:pointer!important;}
body.bc829-admin-simple-menu #bc824AdminHome .bc85-module-card:hover{transform:translateY(-3px)!important;filter:brightness(1.08);}
.bc829-report-kicker{display:inline-flex;align-items:center;margin:0 0 6px 0;padding:6px 10px;border-radius:999px;background:rgba(11,134,255,.16);border:1px solid rgba(142,213,255,.28);color:#d8f2ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
@media(max-width:900px){body.bc829-admin-simple-menu #bc824AdminHome .bc824-admin-cards{grid-template-columns:repeat(2,minmax(190px,1fr))!important;}}
@media(max-width:620px){body.bc829-admin-simple-menu #bc824AdminHome .bc824-admin-cards{grid-template-columns:1fr!important;}}


/* V81.30 - Admin con tarjeta de presentación lateral */
body.bc830-admin-presentacion .app{grid-template-columns:minmax(280px,330px) 1fr!important;}
body.bc830-admin-presentacion aside{
  display:block!important;
  background:transparent!important;
  padding:18px 10px 18px 12px!important;
  border-right:0!important;
  min-height:100vh!important;
}
body.bc830-admin-presentacion main{
  width:100%!important;
  padding:24px 26px!important;
}
body.bc830-admin-presentacion .bc830-present-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  background:linear-gradient(180deg,rgba(6,34,63,.96),rgba(3,24,47,.98));
  border:1px solid rgba(88,174,226,.22);
  border-radius:20px;
  padding:14px;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  color:#eaf7ff;
}
body.bc830-admin-presentacion .bc830-logo-box{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:150px;
  background:linear-gradient(180deg,rgba(2,17,38,.9),rgba(2,17,38,.82));
  border:1px solid rgba(88,174,226,.16);
  border-radius:18px;
  padding:12px;
}
body.bc830-admin-presentacion .bc830-logo-box img{
  width:100%;
  max-width:280px;
  height:auto;
  object-fit:contain;
}
body.bc830-admin-presentacion .bc830-user-pill{
  display:block!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(39,101,144,.95),rgba(21,83,125,.95));
  border:1px solid rgba(142,213,255,.18);
  border-radius:14px;
  padding:12px 14px;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.35!important;
}
body.bc830-admin-presentacion .bc830-mini-kicker{
  display:inline-flex;
  align-self:flex-start;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(11,134,255,.14);
  border:1px solid rgba(142,213,255,.24);
  color:#d8f2ff;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body.bc830-admin-presentacion .bc830-side-copy h3{
  margin:0 0 6px 0;
  color:#fff;
  font-size:18px;
}
body.bc830-admin-presentacion .bc830-side-copy p{
  margin:0;
  color:#d8f2ff;
  line-height:1.45;
  font-size:14px;
}
body.bc830-admin-presentacion .bc830-current-box{
  background:linear-gradient(180deg,rgba(11,48,82,.95),rgba(5,31,60,.95));
  border:1px solid rgba(88,174,226,.22);
  border-radius:16px;
  padding:14px;
}
body.bc830-admin-presentacion .bc830-current-box b{
  display:block;
  color:#8ed5ff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
body.bc830-admin-presentacion .bc830-current-box span{
  display:block;
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1.15;
}
body.bc830-admin-presentacion .bc830-bullets{
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.bc830-admin-presentacion .bc830-bullets span{
  display:block;
  background:rgba(11,134,255,.08);
  border:1px solid rgba(88,174,226,.14);
  border-radius:12px;
  padding:10px 12px;
  color:#d8f2ff;
  font-size:13px;
  line-height:1.35;
}
body.bc830-admin-presentacion .bc830-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body.bc830-admin-presentacion .bc830-actions-single{grid-template-columns:1fr;}
body.bc830-admin-presentacion .bc830-admin-btn{
  width:100%;
  border:1px solid rgba(88,174,226,.18)!important;
  border-radius:12px!important;
  background:rgba(5,31,60,.72)!important;
  color:#eaf7ff!important;
  padding:12px 13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
body.bc830-admin-presentacion .bc830-admin-btn:hover{background:rgba(11,134,255,.22)!important;transform:translateY(-1px);}
body.bc830-admin-presentacion .bc830-admin-btn:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important;}
body.bc830-admin-presentacion .bc830-logout{
  background:linear-gradient(180deg,#5c1d1d 0%,#3f1212 100%)!important;
  border-color:rgba(244,114,114,.32)!important;
}
@media(max-width:980px){
  body.bc830-admin-presentacion .app{grid-template-columns:1fr!important;}
  body.bc830-admin-presentacion aside{min-height:auto!important;padding:12px!important;}
  body.bc830-admin-presentacion main{padding:18px!important;}
}
@media(max-width:620px){
  body.bc830-admin-presentacion .bc830-actions{grid-template-columns:1fr;}
  body.bc830-admin-presentacion .bc830-current-box span{font-size:18px;}
}


/* V81.31 - Tarjeta de presentación admin arriba */
body.bc831-admin-presentacion-top .app{
  grid-template-columns:1fr!important;
}
body.bc831-admin-presentacion-top aside{
  display:none!important;
}
body.bc831-admin-presentacion-top main{
  width:100%!important;
  padding:18px 24px 24px 24px!important;
}
body.bc831-admin-presentacion-top .bc831-top-wrap{
  max-width:1280px;
  margin:0 auto 18px auto;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card{
  display:grid;
  grid-template-columns:minmax(240px,320px) 1.1fr .9fr;
  gap:16px;
  align-items:stretch;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-logo-box{
  min-height:150px;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-side-copy,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-current-box,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-bullets,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-actions,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-actions-single,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-mini-kicker,
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-user-pill{
  grid-column:auto;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-side-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-meta-col{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-current-box span{
  font-size:18px;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-actions{
  grid-template-columns:repeat(2,minmax(160px,1fr));
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-actions-single{
  grid-template-columns:1fr;
}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-logo-box{grid-row:1 / span 4;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-user-pill{align-self:start;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-mini-kicker{justify-self:start; align-self:start;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-side-copy{grid-column:2;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-current-box{grid-column:3; grid-row:1;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-bullets{grid-column:3; grid-row:2;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions{grid-column:2 / span 2;}
body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions-single{grid-column:3;}
body.bc831-admin-presentacion-top #bc824AdminHome,
body.bc831-admin-presentacion-top #bc827AdminReportes,
body.bc831-admin-presentacion-top #usuarios{
  margin-top:0!important;
}
@media(max-width:1100px){
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card{
    grid-template-columns:1fr 1fr;
  }
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-logo-box{grid-row:auto; grid-column:1 / -1;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-user-pill{grid-column:1;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-mini-kicker{grid-column:2; justify-self:end;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-side-copy{grid-column:1 / -1;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-current-box{grid-column:1; grid-row:auto;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-bullets{grid-column:2; grid-row:auto;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions{grid-column:1 / -1;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions-single{grid-column:1 / -1;}
}
@media(max-width:700px){
  body.bc831-admin-presentacion-top main{padding:14px!important;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card{
    grid-template-columns:1fr;
  }
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-logo-box,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-user-pill,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-mini-kicker,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-side-copy,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-current-box,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-bullets,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions,
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-actions-single{
    grid-column:auto;
    grid-row:auto;
  }
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-present-card .bc830-mini-kicker{justify-self:start;}
  body.bc831-admin-presentacion-top .bc831-top-wrap .bc830-actions{grid-template-columns:1fr;}
}

/* V82.05 Seguimiento - responsive sin scroll horizontal general */
body.bc-seguimiento-active,
body.bc-seguimiento-active #app,
body.bc-seguimiento-active main{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.bc-seguimiento-active #bc832AdminTopWrap,
body.bc-seguimiento-active #bc832AdminTopWrap > *{
  max-width:100%!important;
}
body.bc-seguimiento-active #seguimiento{
  position:relative;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  padding-bottom:32px;
}
body.bc832-admin-card-sadema.bc-seguimiento-active .bc832-admin-header .bc85-logout,
body.bc-seguimiento-active .bc832-admin-header .bc85-logout,
body.bc-seguimiento-active.bc83-home-operador .bc85-logout{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  margin-left:auto!important;
}
body.bc-seguimiento-active main::after{
  display:none!important;
}
#seguimiento .form-grid,
#seguimiento .form-grid.small{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px 0!important;
  padding:18px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  overflow:hidden!important;
}
#seguimiento .form-grid.small{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#seguimiento .form-grid > *,
#seguimiento label,
#seguimiento input,
#seguimiento select,
#seguimiento textarea{
  min-width:0!important;
  max-width:100%!important;
}
#seguimiento .bc-seg-description-field{
  grid-column:1 / -1!important;
}
#seguimiento > button{
  position:static!important;
  max-width:100%!important;
  white-space:normal!important;
}
#seguimientoTabla{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#seguimiento .table-wrap{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
#seguimiento table{
  width:max-content!important;
  min-width:920px!important;
  max-width:none!important;
  table-layout:auto;
}
#seguimiento th,
#seguimiento td{
  overflow-wrap:anywhere;
}
#seguimiento th:last-child,
#seguimiento td.bc-seg-action-cell{
  min-width:180px!important;
  width:190px!important;
}
#seguimiento .bc-seg-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
}
#seguimiento .bc-seg-actions button{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  line-height:1.15!important;
  white-space:normal!important;
}
@media(max-width:980px){
  #seguimiento .form-grid,
  #seguimiento .form-grid.small{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #seguimiento .form-grid,
  #seguimiento .form-grid.small{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  #seguimiento table{
    min-width:780px!important;
  }
  #seguimiento th:last-child,
  #seguimiento td.bc-seg-action-cell{
    min-width:140px!important;
    width:150px!important;
  }
  #seguimiento .bc-seg-actions{
    grid-template-columns:1fr!important;
    min-width:0!important;
  }
  #seguimiento .bc-seg-actions button{
    padding:10px 8px!important;
    font-size:12px!important;
  }
}

/* V82.04 Admin - navegacion interna sin cerrar sesion flotante */
.bc832-admin-header .bc832-admin-back-home{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:12px 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:#164b7d!important;
  color:#fff!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:normal!important;
  cursor:pointer!important;
  position:static!important;
  z-index:auto!important;
}
.bc832-admin-header .bc832-admin-back-home:hover{
  filter:brightness(1.12)!important;
}
#bc832AdminTopWrap.bc832-admin-module-wrap .bc832-admin-header{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  margin-bottom:14px!important;
}
#bc832AdminTopWrap.bc832-admin-module-wrap .bc832-admin-top-card{
  margin-top:8px!important;
}
@media(max-width:767px){
  .bc832-admin-header .bc832-admin-back-home{
    width:100%!important;
    min-height:46px!important;
  }
  #bc832AdminTopWrap.bc832-admin-module-wrap .bc832-admin-header{
    width:100%!important;
    max-width:100%!important;
  }
}

/* V83.05 - Menus por rol uniformes y tarjeta de instalacion contenida */
body.bc83-home-operador #registroAreasInicio,
body.bc83-home-operador #bc83SademaPantalla,
body.bc817-rol-hielo #bc821HieloInicio,
body.bc824-admin #bc824AdminHome,
body.bc83-supervisor-mode #bc863SupervisorView{
  overflow-x:hidden!important;
}
body.bc83-home-operador #registroAreasInicio .bc84-area-cards,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-cards,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-cards,
body.bc83-supervisor-mode .bc83-supervisor-home{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(128px,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-bottom:24px!important;
}
body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-cards{
  grid-template-columns:repeat(4,minmax(128px,1fr))!important;
}
body.bc83-home-operador #registroAreasInicio .bc84-area-card.bc844-riles-allowed,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-card,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card,
body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:112px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 9px!important;
  gap:7px!important;
  border-radius:12px!important;
  border:1px solid rgba(92,177,224,.28)!important;
  background:linear-gradient(180deg,rgba(11,48,82,.98),rgba(7,33,60,.98))!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.bc83-home-operador #registroAreasInicio .bc84-area-card.bc844-riles-allowed:hover,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-card:hover,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card:hover,
body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
}
body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed .bc84-icon,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-card .bc85-micon,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card .bc85-micon,
body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card .bc85-micon{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:clamp(20px,2.7vw,32px)!important;
  line-height:1!important;
}
body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed .bc84-title,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-card b,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card b,
body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card b{
  width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(11.5px,1vw,15px)!important;
  font-weight:950!important;
  line-height:1.12!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
}
body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed .bc84-desc,
body.bc83-home-operador #bc83SademaPantalla .bc85-module-card small,
body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card small,
body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card small,
body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed::after{
  display:none!important;
}
body.bc83-home-operador .bc864-install-card,
body.bc817-rol-hielo .bc864-install-card,
body.bc824-admin #bc824AdminHome .bc864-install-card,
body.bc83-supervisor-mode .bc864-install-card{
  min-height:112px!important;
  width:auto!important;
  max-width:100%!important;
  padding:10px 9px!important;
  border-color:#1596df!important;
}
body.bc83-home-operador .bc864-install-card .bc864-install-icon,
body.bc817-rol-hielo .bc864-install-card .bc864-install-icon,
body.bc824-admin #bc824AdminHome .bc864-install-card .bc864-install-icon,
body.bc83-supervisor-mode .bc864-install-card .bc864-install-icon{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  border-radius:7px!important;
}
body.bc83-home-operador .bc864-install-icon-wrap,
body.bc817-rol-hielo .bc864-install-icon-wrap,
body.bc824-admin #bc824AdminHome .bc864-install-icon-wrap,
body.bc83-supervisor-mode .bc864-install-icon-wrap{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bc83-home-operador .bc85-header-home{
  padding-bottom:8px!important;
}
body.bc83-home-operador .bc85-header-home .bc85-logout,
body.bc83-home-operador .bc85-logout{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  margin:8px 0 0 auto!important;
  padding:11px 16px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:normal!important;
  align-self:flex-end!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
body.bc83-home-operador main{
  padding-bottom:34px!important;
}
body.bc83-home-operador main::after{
  display:none!important;
}
body.bc824-admin #bc824AdminHome .bc824-admin-logout-card,
body.bc83-supervisor-mode .bc83-supervisor-home .bc83-logout-card{
  background:linear-gradient(180deg,#5c1d1d,#3f1212)!important;
  border-color:rgba(244,114,114,.32)!important;
}
@media(max-width:1100px){
  body.bc83-home-operador #registroAreasInicio .bc84-area-cards,
  body.bc83-home-operador #bc83SademaPantalla .bc85-module-cards,
  body.bc817-rol-hielo #bc821HieloInicio .bc85-module-cards,
  body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-cards,
  body.bc83-supervisor-mode .bc83-supervisor-home{
    grid-template-columns:repeat(2,minmax(128px,1fr))!important;
  }
}
@media(max-width:560px){
  body.bc83-home-operador #registroAreasInicio .bc84-area-cards,
  body.bc83-home-operador #bc83SademaPantalla .bc85-module-cards,
  body.bc817-rol-hielo #bc821HieloInicio .bc85-module-cards,
  body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-cards,
  body.bc83-supervisor-mode .bc83-supervisor-home{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-bottom:20px!important;
  }
  body.bc83-home-operador #registroAreasInicio .bc84-area-card.bc844-riles-allowed,
  body.bc83-home-operador #bc83SademaPantalla .bc85-module-card,
  body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card,
  body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card,
  body.bc83-home-operador .bc864-install-card,
  body.bc817-rol-hielo .bc864-install-card{
    min-height:74px!important;
    padding:8px 6px!important;
    border-radius:10px!important;
  }
  body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed .bc84-icon,
  body.bc83-home-operador #bc83SademaPantalla .bc85-module-card .bc85-micon,
  body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card .bc85-micon,
  body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card .bc85-micon{
    font-size:18px!important;
  }
  body.bc83-home-operador.bc844-rol-riles #registroAreasInicio.bc844-riles-menu .bc84-area-card.bc844-riles-allowed .bc84-title,
  body.bc83-home-operador #bc83SademaPantalla .bc85-module-card b,
  body.bc817-rol-hielo #bc821HieloInicio .bc85-module-card b,
  body.bc83-supervisor-mode .bc83-supervisor-home .bc85-module-card b{
    font-size:10px!important;
  }
  body.bc83-home-operador .bc864-install-card .bc864-install-icon,
  body.bc817-rol-hielo .bc864-install-card .bc864-install-icon,
  body.bc824-admin #bc824AdminHome .bc864-install-card .bc864-install-icon,
  body.bc83-supervisor-mode .bc864-install-card .bc864-install-icon{
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }
  body.bc83-home-operador .bc85-header-home .bc85-logout,
  body.bc83-home-operador .bc85-logout{
    width:100%!important;
    margin:8px 0 0 0!important;
    align-self:stretch!important;
  }
}