/* WinnerMax local bootstrap (mínimo) - placeholder
   Nota: para producción, reemplace este archivo por bootstrap.min.css oficial. */
:root{--wm-primary:#0d6efd;--wm-secondary:#6c757d;--wm-success:#198754;--wm-info:#0dcaf0;--wm-warning:#ffc107;--wm-danger:#dc3545;--wm-light:#f8f9fa;--wm-dark:#212529;}
*{box-sizing:border-box}html,body{height:100%;}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:#f5f6f8;color:#212529;}a{color:var(--wm-primary);text-decoration:none;}
.container{max-width:960px;margin:0 auto;padding:1rem;}
.row{display:flex;flex-wrap:wrap;margin:-.5rem;}
.col{flex:1 0 0;padding:.5rem;}
.col-6{flex:0 0 50%;padding:.5rem;}
.col-12{flex:0 0 100%;padding:.5rem;}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:1rem;margin-bottom:1rem;}
.card-title{font-weight:600;margin-bottom:.5rem;}
.form-label{display:block;margin-bottom:.25rem;font-weight:600;}
.form-control{width:100%;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:.375rem;background:#fff;}
.form-control:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.25);}
.btn{display:inline-block;font-weight:600;color:#fff;background-color:var(--wm-primary);border:1px solid var(--wm-primary);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;}
.btn:disabled{opacity:.6;cursor:not-allowed;}
.btn-secondary{background-color:var(--wm-secondary);border-color:var(--wm-secondary);}
.btn-success{background-color:var(--wm-success);border-color:var(--wm-success);}
.btn-warning{background-color:var(--wm-warning);border-color:var(--wm-warning);color:#000;}
.btn-danger{background-color:var(--wm-danger);border-color:var(--wm-danger);}
.text-center{text-align:center;}
.mt-3{margin-top:1rem;}
.mb-3{margin-bottom:1rem;}
.p-3{padding:1rem;}
.w-100{width:100%;}
.small{font-size:.875rem;color:#6c757d;}
.nav{display:flex;gap:.5rem;flex-wrap:wrap;}
.sidebar{position:fixed;top:0;left:0;width:260px;height:100%;background:#0f172a;color:#fff;padding:1rem;overflow-y:auto;}
.sidebar a{color:#fff;display:block;padding:.5rem .75rem;border-radius:.375rem;}
.sidebar a.active,.sidebar a:hover{background:#1f2937;}
/* Apilar botones en el sidebar */
.sidebar .nav{display:flex;flex-direction:column;gap:.5rem;}
.sidebar .btn{display:block;width:100%;text-align:left;}
.content{margin-left:260px;padding:1rem;}
.header-logo{display:flex;align-items:center;gap:.5rem;}
.header-logo img{height:36px;}
/* Donut simple */
.donut{--size:180px;--thick:24px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(#198754 var(--p1),#8b5e3c var(--p2),#ffc107 var(--p3),#5ad66f var(--p4),#8b5cf6 var(--p5));position:relative;margin:auto;}
.donut::after{content:"";position:absolute;inset:calc(var(--thick));background:#fff;border-radius:50%;}
.legend{display:grid;grid-template-columns:1rem 1fr;gap:.25rem .5rem;margin-top:.5rem;}
.legend .sw{width:1rem;height:1rem;border-radius:.25rem;}
.table{width:100%;border-collapse:collapse;background:#fff;}
.table th,.table td{border:1px solid #e5e7eb;padding:.5rem;text-align:left;}
.table th{background:#f1f5f9;font-weight:600;}
/* Responsive adjustments for smartphone */
.mobile-toolbar{display:none;}
/* Toggle behavior for mobile */
@media (max-width:768px){
  .mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;position:sticky;top:0;z-index:1000;background:#f5f6f8;padding:.5rem;box-shadow:0 1px 0 rgba(0,0,0,.08);} 
  .sidebar{display:none;}
  .sidebar.open{display:block;}
}
@media (max-width: 768px){
  .sidebar{position:static;top:auto;left:auto;width:100%;height:auto;padding:.75rem;overflow:visible;}
  .sidebar .nav{flex-direction:column;gap:.5rem;}
  .sidebar .btn{width:100%;}
  .content{margin-left:0;padding:.75rem;}
  .col-6{flex:0 0 100%;}
  .container{max-width:100%;padding:.75rem;}
  .donut{--size:140px;--thick:20px;}
  .table{display:block;overflow-x:auto;}
  /* Toggle para menús de botones en móvil */
  .menu-buttons{display:none;flex-direction:column;gap:.5rem;}
  .menu-buttons.open{display:flex;}
}