/* assets/bytgon-skin.css — v183 «PIEL MINIMAL DE LA CASA» para TODOS los labs y estudios
 * ─────────────────────────────────────────────────────────────────────────────────────────
 * Regla de Jay (v183): sin bordes en absolutamente todo, nada «pseudo bootstrap», separación por fondo y espacio, día y
 * noche coherentes. Esta hoja se carga la ÚLTIMA en cada página (después de sus estilos propios) y solo toca lo común:
 *   · tarjetas y contenedores de uso general pierden el borde (su fondo ya los separa) y ganan una sombra mínima;
 *   · campos de texto: sin borde, con un tinte suave del color del texto (funciona en claro y en oscuro); el foco se
 *     marca con un anillo tenue, nunca con un borde;
 *   · pastillas, chips y botones fantasma: sin borde;
 *   · las páginas sin modo noche propio (pase, diagnóstico, verificador, medidor) reciben el tema de la casa por tokens.
 * No cambia tamaños, posiciones ni colores de marca. Se puede retirar quitando el <link> de cada página. */
.card,.cardx,.panel,.box,.tile,.modal,.sheet,.win,.flwin,.mwin,.dlg,.popup,.toast,.note,.hint,.help,
.pill,.chip,.tag,.badge,.lbl,.kbd,.btn-ghost,.ghost,.btn.ghost,button.sm.ghost,.tab,.tabs button,.seg button,.segment button,
details,summary,fieldset,legend,.row.card,.item,.list-item,.entry,.msg,.bubble,.conv,.thread,.log,.console,.term,.drop,.dropzone,
.mwBar,.flwin-bar,.topbar,#top,header.top,.toolbar,.footer,.foot,.side,.sidebar,aside,nav,hr{border-color:transparent!important}
hr{border:0!important;height:1px;background:color-mix(in srgb,currentColor 10%,transparent)}
.card,.panel,.box,.tile,.modal,.sheet,.dlg,.popup{box-shadow:0 1px 2px rgba(0,0,0,.05)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{border-color:transparent!important;background-color:color-mix(in srgb,currentColor 7%,transparent)!important;box-shadow:none!important;border-radius:9px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,textarea:focus,select:focus{outline:none!important;box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 22%,transparent)!important}
input::placeholder,textarea::placeholder{opacity:.6}
button,.btn{border-color:transparent!important;box-shadow:none}
table,td,th{border-color:transparent!important}
th{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
/* páginas sin modo noche propio: tokens de la casa por tema (el atributo lo pone el arranque de tema de cada página) */
html[data-bytheme="night"] body.bgsk-light{--bg:#0A1122;--card:#0E1A34;--panel:#0E1A34;--soft:#15284a;--ink:#EAF2FF;--dim:#8FA6C8;--muted:#8FA6C8;--line:transparent;--border:transparent;background:#0A1122;color:#EAF2FF;color-scheme:dark}
html[data-bytheme="night"] body.bgsk-light a{color:#8ab4ff}
html[data-bytheme="night"] body.bgsk-light .card,html[data-bytheme="night"] body.bgsk-light .box,html[data-bytheme="night"] body.bgsk-light .panel{background:#0E1A34;color:#EAF2FF}
html[data-bytheme="night"] body.bgsk-light input,html[data-bytheme="night"] body.bgsk-light textarea,html[data-bytheme="night"] body.bgsk-light select{color:#EAF2FF}
html[data-bytheme="night"] body.bgsk-light .row,html[data-bytheme="night"] body.bgsk-light .sec,html[data-bytheme="night"] body.bgsk-light pre,html[data-bytheme="night"] body.bgsk-light code,html[data-bytheme="night"] body.bgsk-light .note,html[data-bytheme="night"] body.bgsk-light .warn,html[data-bytheme="night"] body.bgsk-light .msg{background:#0E1A34!important;color:#EAF2FF!important;box-shadow:none!important}
