:root{--bg:#f3f6fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--primary:#2563eb;--primary2:#1d4ed8;--line:#dde6f0;--side:#0b1220}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f8fbff,#eef3fa);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:282px;background:linear-gradient(180deg,#06142e,#101b33);padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#06b6d4);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(37,99,235,.35)}.brand small{display:block;color:#aab4c4}.nav-link{color:#cbd5e1;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-weight:650}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff}.nav-title{color:#718096;text-transform:uppercase;font-size:.72rem;font-weight:800;margin:20px 8px 8px}.main{margin-left:282px;min-height:100vh;width:calc(100% - 282px)}.topbar{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.content{padding:28px}.avatar{width:42px;height:42px;border-radius:50%;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.page-head h1{font-weight:900;font-size:3rem;letter-spacing:-.04em;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}.pro-card,.hero-panel,.table-card,.tab-panel{background:rgba(255,255,255,.92);border:1px solid rgba(221,230,240,.85);border-radius:24px;box-shadow:0 16px 44px rgba(15,23,42,.07);overflow:hidden}.card-head{padding:16px 20px;border-bottom:1px solid var(--line);font-weight:800;background:#fff}.pill-info{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border:1px solid #dbe7ff;background:#fff;border-radius:999px;font-weight:700;color:#1d4ed8}.hero-panel{display:flex;justify-content:space-between;gap:1rem;padding:1.35rem}.hero-panel h3{font-size:1.35rem;font-weight:800}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:.7rem;min-width:310px}.hero-stats div{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:.85rem}.hero-stats span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;font-weight:800}.hero-stats strong{font-size:1.1rem}.searchbar{height:54px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 16px}.searchbar input{border:0;outline:0;flex:1;background:transparent}.help-inline{display:flex;gap:.55rem;color:var(--muted);font-size:.92rem}.pos-wrap-v2{display:grid;grid-template-columns:1fr 455px;gap:24px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.15s;box-shadow:0 10px 26px rgba(15,23,42,.05)}.product-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.12)}.product-card-image{height:150px;background:#f2f6fc;display:grid;place-items:center;padding:1rem}.product-card img{max-width:100%;max-height:100%;object-fit:contain}.product-card-body{padding:1rem}.product-card-title{font-weight:800}.pos-cart-modern{position:sticky;top:96px;align-self:start}.guide-box{background:#f7fbff;border:1px dashed #bfd3ff;border-radius:18px;padding:.85rem}.guide-box h6{display:flex;gap:.5rem;align-items:center;margin:0 0 .45rem;color:#1d4ed8;font-weight:800}.guide-box ol,.guide-box ul{margin:0;padding-left:1rem;color:var(--muted);font-size:.9rem}.section-title-mini{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted);margin-bottom:.55rem}.choice-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:.82rem;cursor:pointer;height:100%}.choice-card input{display:none}.choice-card strong{font-size:.95rem}.choice-card small{color:var(--muted)}.choice-card.active{border-color:#93b4ff;background:linear-gradient(180deg,#f3f7ff,#fff);box-shadow:inset 0 0 0 1px #93b4ff}.cart-lines{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow:auto}.cart-line{border:1px solid var(--line);border-radius:18px;padding:.85rem;background:#fff}.cart-line-head{display:flex;justify-content:space-between;gap:.5rem}.cart-line-controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.55rem;margin-top:.75rem}.qty-box{display:grid;grid-template-columns:34px 1fr 34px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.qty-box button{border:0;background:#f8fafc;font-weight:800}.qty-box input{border:0;text-align:center;width:100%;padding:.45rem}.price-box{border:1px solid var(--line);border-radius:14px;padding:.35rem .55rem}.price-box input{border:0;width:100%;font-weight:800}.price-box small{color:var(--muted)}.empty-state-sm{padding:1.2rem;border:1px dashed var(--line);border-radius:18px;background:#fcfdff;color:var(--muted);text-align:center}.summary-block{display:flex;flex-direction:column;gap:.6rem}.summary-block>div{display:flex;justify-content:space-between;color:var(--muted)}.summary-block strong{color:var(--ink)}.summary-block .grand{border-top:1px solid var(--line);padding-top:.6rem;font-size:1.12rem;font-weight:900}.modal-content{border-radius:24px;border:0;box-shadow:0 24px 60px rgba(15,23,42,.2)}.checkout-box{background:#fbfdff;border:1px solid var(--line);border-radius:20px;padding:1rem}.payment-row{display:grid;grid-template-columns:1.1fr .8fr 1fr auto;gap:.5rem;margin-bottom:.55rem}.serial-list{display:flex;flex-direction:column;gap:.65rem}.serial-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:.9rem;text-align:left}.serial-item:hover{border-color:#93b4ff;background:#f8fbff}.table-card .table{margin:0}.table th{font-size:.8rem;text-transform:uppercase;color:var(--muted)}.stock-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:#f8fafc;border:1px solid var(--line);border-radius:999px;font-size:.82rem;margin:.12rem}.badge-soft{display:inline-flex;border-radius:999px;padding:.35rem .7rem;background:#eef4ff;color:#1d4ed8;font-weight:800}.action-stack{display:flex;gap:.45rem;flex-wrap:wrap}.thumb{width:58px;height:58px;border-radius:16px;object-fit:contain;background:#f8fafc;border:1px solid var(--line);padding:.35rem}.form-control,.form-select{border-color:var(--line);border-radius:14px}.btn{border-radius:14px;font-weight:750}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary2));border-color:var(--primary2)}@media(max-width:1200px){.pos-wrap-v2{grid-template-columns:1fr}.pos-cart-modern{position:static}.sidebar{position:static;width:100%;height:auto}.main{margin-left:0;width:100%}.app-shell{display:block}}@media(max-width:768px){.topbar,.page-head,.hero-panel{height:auto;flex-direction:column;align-items:stretch}.hero-stats,.payment-row,.cart-line-controls{grid-template-columns:1fr}.content{padding:16px}}@media print{.topbar,.sidebar,.no-print{display:none!important}.main{margin:0;width:100%}.content{padding:0}}

/* Login Pro fallback: mantiene el diseño aunque Bootstrap CDN tarde o falle */
.login-bg{min-height:100vh;background:radial-gradient(circle at 10% 10%,#dbeafe 0,#f8fafc 32%,#eef2ff 100%);display:flex;align-items:center;justify-content:center;padding:2rem;color:#0f172a}
.login-card{width:min(1120px,100%);min-height:620px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);border-radius:34px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.14)}
.login-hero{background:linear-gradient(145deg,#0f172a,#1d4ed8);color:white;padding:3.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
.login-hero h1{font-size:3rem;line-height:.95;font-weight:800;letter-spacing:-.05em;margin:.8rem 0 1rem}
.login-hero p{font-size:1.05rem;color:#dbeafe;max-width:520px}
.brand-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-weight:900;letter-spacing:-.06em}
.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.hero-grid div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:.95rem;font-weight:700;color:#fff}
.hero-grid i{margin-right:.45rem;color:#93c5fd}
.login-card .p-5{padding:3rem!important}.login-card .form-control{border-radius:18px;border:1px solid #d8e2ee;padding:.9rem 1rem}.login-card .btn-primary{border-radius:18px;padding:.95rem 1rem;background:linear-gradient(180deg,#2563eb,#1d4ed8);border:0;font-weight:800}
@media(max-width:991px){.login-bg{padding:0}.login-card{border-radius:0;min-height:100vh}.login-hero{padding:2rem}.login-hero h1{font-size:2.25rem}.hero-grid{grid-template-columns:1fr}}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:999px;font-size:.78rem;font-weight:800}
.text-bg-light{background:#eef2f8!important;color:#1e293b!important}
.field-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;font-weight:700}
.field-chip input{margin:0}
.label-preview-frame{width:100%;height:280px;border:1px solid var(--line);border-radius:18px;background:#fff}
.settings-logo-box{background:#f9fbff;border:1px dashed #c4d4ef;border-radius:20px;padding:1.25rem}
.company-logo-preview{max-width:100%;max-height:220px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#fff;padding:.5rem}
.company-logo-placeholder{height:220px;border:1px dashed var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;color:var(--muted)}
.company-logo-placeholder i{font-size:2rem;color:#2563eb}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.rounded-circle{border-radius:999px!important}
.serial-pill{display:flex;flex-direction:column;gap:.2rem;width:100%;text-align:left;border:1px solid var(--line);border-radius:16px;padding:.9rem;background:#fff}
.serial-pill:hover{background:#f8fbff;border-color:#93b4ff}
.perm-box{display:flex;gap:.55rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:.7rem .85rem;background:#fff;cursor:pointer;width:100%}
/* V6: POS más ligero visualmente */
body:has(#pos-results) .page-head{margin-bottom:12px}
body:has(#pos-results) .page-head h1{font-size:2.1rem}
body:has(#pos-results) .page-head p{font-size:.95rem;max-width:760px}
body:has(#pos-results) .pill-info{padding:.45rem .7rem;font-size:.86rem}
body:has(#pos-results) .hero-panel{padding:.9rem 1rem;border-radius:20px;box-shadow:none}
body:has(#pos-results) .hero-panel h3{font-size:1.05rem;margin:0 0 .35rem}
body:has(#pos-results) .hero-panel p{font-size:.92rem;line-height:1.35}
body:has(#pos-results) .hero-stats div{padding:.65rem;min-height:74px}
body:has(#pos-results) .searchbar{height:48px}
body:has(#pos-results) .result-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
body:has(#pos-results) .product-card-image{height:118px;padding:.7rem}
body:has(#pos-results) .product-card-body{padding:.78rem}
body:has(#pos-results) .product-card-title{font-size:.95rem;line-height:1.25}
body:has(#pos-results) .pos-wrap-v2{grid-template-columns:minmax(0,1fr) 420px;gap:18px}
body:has(#pos-results) .card-head{padding:12px 16px}
body:has(#pos-results) .pos-cart-modern .p-3{padding:.85rem!important}
@supports not selector(:has(*)){.product-card-image{height:125px}.product-card-body{padding:.85rem}.result-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}

/* Ajuste visual v7: botones del POS más compactos */
.choice-card{
  padding:.58rem .78rem !important;
  border-radius:15px !important;
  min-height:86px;
  justify-content:center;
}
.choice-card strong{
  font-size:.80rem !important;
  line-height:1.1;
  margin-bottom:.2rem;
}
.choice-card small{
  font-size:.72rem !important;
  line-height:1.1;
}
.section-title-mini{
  margin-bottom:.38rem;
}
#pos-cart .row.g-2{
  --bs-gutter-x:.6rem;
  --bs-gutter-y:.6rem;
}
.product-card .btn,
.product-card .btn-sm{
  padding:.38rem .72rem;
  font-size:.86rem;
  border-radius:12px;
}
.product-card .rounded-circle,
.product-card .btn.rounded-circle,
.product-card .js-product-info{
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 1200px){
  .choice-card{min-height:78px}
}

/* Ajustes v9: POS compacto y tarjetas sin texto montado */
.pos-cart-modern .p-3.border-bottom:has(.choice-card){padding:.65rem .9rem!important}
.pos-cart-modern .section-title-mini{font-size:.67rem;margin:.15rem 0 .28rem;letter-spacing:.08em}
.pos-cart-modern .row.g-2{--bs-gutter-x:.45rem;--bs-gutter-y:.45rem}
.pos-cart-modern .choice-card{min-height:52px!important;height:auto!important;padding:.42rem .55rem!important;border-radius:13px!important;justify-content:center;gap:.05rem}
.pos-cart-modern .choice-card strong{font-size:.78rem!important;line-height:1.05;margin:0}
.pos-cart-modern .choice-card small{font-size:.66rem!important;line-height:1.05;margin-top:.12rem}
.pos-cart-modern .choice-card.active{box-shadow:inset 0 0 0 1px #93b4ff,0 4px 10px rgba(37,99,235,.05)}
#pos-results.result-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
#pos-results .product-card{border-radius:18px;overflow:hidden;position:relative;background:#fff}
#pos-results .product-card-image{height:108px!important;min-height:108px!important;padding:.55rem!important;overflow:hidden!important;border-bottom:1px solid #eef2f7;background:#f2f6fc;display:grid;place-items:center}
#pos-results .product-card-image img{max-height:78px!important;max-width:82%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;position:relative!important;z-index:1}
#pos-results .product-card-body{padding:.72rem .78rem .82rem!important;background:#fff;position:relative;z-index:2}
#pos-results .product-card-title{font-size:.88rem!important;line-height:1.18!important;min-height:2.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-right:32px}
#pos-results .js-product-info{position:absolute;right:.7rem;top:116px;width:28px!important;height:28px!important;min-width:28px!important;font-size:.78rem!important;background:#f8fafc!important;border:1px solid #edf2f7!important;z-index:3}
#pos-results .text-secondary.small{font-size:.78rem;line-height:1.15}
#pos-results .btn-primary{padding:.34rem .58rem!important;font-size:.78rem!important;border-radius:12px!important;line-height:1.1}
@supports not selector(:has(*)){
  .pos-cart-modern .choice-card{min-height:52px!important;padding:.42rem .55rem!important}
}

/* Ajustes v10: POS menos cargado, botones compactos y tarjetas sin montaje */
.pos-info-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  border-radius:18px;
  padding:.65rem .8rem;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
  color:var(--muted);
  font-size:.9rem;
}
.pos-info-strip .btn{padding:.38rem .7rem;border-radius:999px;font-size:.82rem}
.pos-cart-modern .choice-card{
  min-height:46px!important;
  padding:.36rem .48rem!important;
  border-radius:12px!important;
}
.pos-cart-modern .choice-card strong{font-size:.72rem!important;line-height:1.05!important}
.pos-cart-modern .choice-card small{font-size:.61rem!important;line-height:1.05!important}
.pos-cart-modern .section-title-mini{font-size:.64rem!important;margin:.1rem 0 .25rem!important}
.pos-cart-modern .row.g-2{--bs-gutter-x:.38rem;--bs-gutter-y:.38rem}
#pos-results.result-grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px}
#pos-results .product-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:18px!important;min-height:314px!important}
#pos-results .product-card-image{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 122px!important;height:122px!important;min-height:122px!important;max-height:122px!important;padding:.6rem!important;overflow:hidden!important;border-bottom:1px solid #eef2f7!important;background:#f2f6fc!important;z-index:1!important}
#pos-results .product-card-image img{max-height:82px!important;max-width:76%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;position:static!important;transform:none!important}
#pos-results .product-card-body{position:relative!important;background:#fff!important;z-index:2!important;padding:.9rem .85rem .85rem!important;display:flex!important;flex-direction:column!important;gap:.28rem!important;flex:1 1 auto!important}
#pos-results .product-card-title{font-size:.88rem!important;line-height:1.16!important;min-height:2.05em!important;max-height:2.1em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0 30px .12rem 0!important;word-break:normal!important}
#pos-results .js-product-info{position:absolute!important;right:.7rem!important;top:.72rem!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;font-size:.76rem!important;background:#f8fafc!important;border:1px solid #edf2f7!important;z-index:4!important}
#pos-results .text-secondary.small{font-size:.76rem!important;line-height:1.16!important}
#pos-results .btn-primary{padding:.34rem .58rem!important;font-size:.78rem!important;border-radius:11px!important;line-height:1.1!important}
#payment-section[style*="display: none"] + #checkout-due-box{display:none!important}
@media(max-width:1200px){.pos-info-strip{flex-direction:column;align-items:flex-start}.pos-cart-modern .choice-card{min-height:44px!important}}

.cash-diff-box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #d9e3f2;background:#f8fafc;border-radius:18px;padding:.9rem 1rem}
.cash-diff-box span{color:#64748b;font-weight:700}
.cash-diff-box strong{font-size:1.15rem;color:#0f172a}
.cash-diff-box small{font-weight:800;border-radius:999px;padding:.25rem .65rem;background:#e2e8f0;color:#334155}
.cash-diff-box.ok small{background:#dcfce7;color:#166534}
.cash-diff-box.over small{background:#dbeafe;color:#1d4ed8}
.cash-diff-box.short small{background:#fee2e2;color:#b91c1c}
.cash-close-print{font-family:Arial,sans-serif;color:#111827;max-width:820px;margin:0 auto;padding:20px}
.cash-close-print h1{font-size:24px;margin:0 0 6px}
.cash-close-print .meta{color:#4b5563;margin-bottom:16px}
.cash-close-print table{width:100%;border-collapse:collapse;margin:12px 0}
.cash-close-print th,.cash-close-print td{border-bottom:1px solid #d1d5db;padding:8px;text-align:left}
.cash-close-print th{text-transform:uppercase;font-size:12px;color:#475569}
.cash-close-print .right{text-align:right}
.cash-close-print .result{border:1px solid #d1d5db;border-radius:12px;padding:12px;margin-top:14px}
@media print{.cash-close-print{padding:0}.no-print{display:none!important}}

/* Reportes Pro v16 */
.report-tabs{gap:.45rem;flex-wrap:wrap}.report-tabs .nav-link{border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;font-weight:800;padding:.55rem .9rem}.report-tabs .nav-link.active{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-color:var(--primary-2);color:#fff}.report-metric{min-height:104px}.report-metric i{font-size:1.55rem;color:#2563eb;background:#eef4ff;border-radius:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.table-responsive{overflow-x:auto}.pro-card .card-head{font-weight:900}.report-metric strong{font-size:1.25rem}.report-metric span{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-weight:800}


.app-footer{margin-top:32px;padding:18px 12px;text-align:center;color:#64748b;font-size:.82rem;font-weight:800;letter-spacing:.04em;border-top:1px solid var(--line,#dde6f0)}
.login-bg .app-footer,.catalog-bg .app-footer{background:rgba(255,255,255,.72);margin-top:24px}
.print-footer{margin:12px auto 0;text-align:center;font-size:10px;color:#64748b;font-weight:700;letter-spacing:.03em}
@media print{.app-footer{display:none!important}.print-footer{display:block;font-size:9px;margin-top:8px;color:#111}}


/* V33 auth footer y recuperación */
.login-bg{flex-direction:column;gap:1rem}
.login-bg .app-footer{width:min(1120px,100%);border-radius:18px;border:1px solid rgba(226,232,240,.9);box-shadow:0 14px 36px rgba(15,23,42,.06);margin-top:0}
.login-card .form-check-input{width:1.05em;height:1.05em}
.login-card .input-group .btn{border-color:#d7e2ef!important}


/* V47: navbar segmentada y credenciales demo */
.sidebar .nav{padding-bottom:24px}
.nav-title.nav-segment{
  margin:18px 8px 7px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#8ea4c6;
  letter-spacing:.08em;
}
.sidebar .nav .nav-title.nav-segment:first-child{
  margin-top:8px;
  padding-top:0;
  border-top:0;
}
.sidebar .nav-link{
  min-height:42px;
}
.sidebar .nav-link i{
  width:22px;
  text-align:center;
  opacity:.95;
}
.demo-login-box{
  border:1px solid #dbe7ff;
  background:linear-gradient(180deg,#f8fbff,#eef4ff);
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 28px rgba(37,99,235,.08);
}
.demo-login-box .demo-title{
  font-weight:900;
  color:#1d4ed8;
  margin-bottom:8px;
}
.demo-row{
  display:flex;
  gap:10px;
  align-items:center;
  margin:.15rem 0;
}
.demo-row span{
  min-width:72px;
  color:#64748b;
  font-size:.9rem;
}
.demo-row strong{
  color:#0f172a;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}