/* Prototipo de diseño · Tema «tablero de restaurante»
   Inspirado en la referencia: fondo crema, barra azul oscuro con tres puntos, menú lateral de íconos,
   tarjetas blancas redondeadas y verde suave. Se carga después de styles.css y solo cambia la apariencia. */
:root{--navy:#070024;--navy2:#070024;--cream:#F2F1EC;--paper:#FBFAF7;--line:#DAD8CF;--ink:#15132D;--muted:#69677A;--shadow:0 6px 18px rgba(7,0,36,.06)}
body{background:var(--cream);color:var(--ink)}

/* Barra superior */
header.top{background:var(--navy);box-shadow:none}
.top-inner{gap:14px}
.win-dots{display:inline-flex;gap:8px;margin-right:6px;flex:none}
.win-dots i{width:13px;height:13px;border-radius:50%;background:#fff}
.win-dots i:nth-child(2){background:var(--green)}
.top-pill{display:inline-block;width:140px;height:14px;border-radius:99px;background:#ffffff22;overflow:hidden;flex:none}
.top-pill i{display:block;height:100%;min-width:14px;background:var(--green);border-radius:99px}

/* Tarjetas y paneles en todo el juego */
.panel,.hcard{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.btn{border-radius:12px}
.page-title{color:var(--navy)}

/* Menú lateral: riel de íconos claro (computador) */
aside.sidebar{background:transparent;color:var(--navy);border:0!important}
.nav-ico.ok{background:transparent;color:var(--navy)}
.nav-ok{position:absolute;right:-3px;top:-3px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.nav-ico{position:relative;background:transparent;color:var(--navy)}
.nav-ico svg{width:26px;height:26px;display:block}
@media(min-width:901px){
 .layout{grid-template-columns:118px minmax(0,1fr);max-width:1520px}
 aside.sidebar{padding:22px 0 22px 20px;position:sticky;top:68px;align-self:start}
 .side-rest,.nav-list .nav-label{display:none}
 .nav-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px 8px;gap:6px;box-shadow:var(--shadow)}
 .nav-list button{flex-direction:column;gap:4px;padding:9px 4px;border-radius:16px;color:var(--navy);font-size:11.5px;font-weight:700;text-align:center;white-space:normal;line-height:1.1}
 .nav-list button:hover{background:#F1ECE0;color:var(--navy)}
 .nav-list button.active{background:var(--green);color:#fff}
 .nav-list button.active .nav-ico{color:var(--navy)}
 .nav-ico{width:44px;height:40px;min-width:44px;border-radius:12px}
 .nav-ico svg{width:30px;height:30px}
}
/* Celular: barra de íconos clara arriba */
@media(max-width:900px){
 aside.sidebar{background:#fff;border-bottom:1px solid var(--line)!important;box-shadow:var(--shadow)}
 .nav-list button{color:var(--navy);font-weight:700}
 .nav-list button.active{background:var(--green);color:#fff}
 .nav-list button.active .nav-ico{color:#fff}
}

/* ---------- «Mi restaurante» ---------- */
.home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.home-head .page-title{margin:4px 0 6px}
.home-head p{margin:0;color:var(--muted)}
.txt-bad{color:#B3261E}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}
.home-side{display:grid;gap:18px;align-content:start}
.home-bottom{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1.4fr;gap:18px}
.hcard{padding:16px 18px}
.hc-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.hc-head b{font:800 19px/1.1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;color:var(--navy)}
.hc-head small{color:var(--muted);font-size:13px}
.linklike{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--navy);font-weight:700;text-decoration:underline;cursor:pointer}

/* Plano */
.plan-card{padding:14px}
.floorplan{display:block;width:100%;height:auto}
.fp-zone{cursor:pointer;outline:none}
.fp-zone:hover>*,.fp-zone:focus-visible>*{filter:brightness(1.05)}
.fp-zone:focus-visible{outline:3px solid var(--green)}
.fp-label{font:800 13px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em;fill:#070024}
.fp-small{font:600 11px Barlow,Arial,sans-serif;fill:#4A5563}
.fp-sign{font:800 15px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.12em;fill:#fff}
.fp-queue{font:700 15px Barlow,Arial,sans-serif}
.fp-queue.bad{fill:#B3261E}.fp-queue.good{fill:#2E7D32}

/* Menú */
.menu-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px 2px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.menu-row:last-child{border-bottom:0}
.menu-row:hover{background:#F8F4EB}
.dish{width:64px;height:64px}
.mr-txt b{display:block;font-size:15.5px;color:var(--navy)}
.mr-txt small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
.pill{border-radius:10px;padding:6px 12px;font-weight:800;font-size:12.5px;color:#fff;background:#1DB954;white-space:nowrap}
.pill.ok{background:#1DB954}.pill.warn{background:#E3A21A}.pill.bad{background:#D9412E}.pill.off{background:#9AA3AB}

/* Gráfica */
.chart{display:block;width:100%;height:auto}
.ch-t{font:600 11px Barlow,Arial,sans-serif;fill:#69677A}
.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:13px;color:var(--muted)}
.lg{display:inline-block;width:14px;height:10px;border-radius:3px;background:#1DB954}
.lg.line{height:3px;background:#070024;margin-left:10px}

/* Inventario */
.inv-row{display:grid;grid-template-columns:36px 92px 1fr 64px;gap:10px;align-items:center;margin:8px 0}
.inv-ico svg{width:34px;height:34px;display:block}
.inv-name{font-size:13.5px;font-weight:600}
.inv-bar{height:14px;border-radius:99px;background:#E7E2D6;overflow:hidden}
.inv-bar i{display:block;height:100%;border-radius:99px;background:#1DB954}
.inv-bar i.warn{background:#E3A21A}.inv-bar i.bad{background:#D9412E}
.inv-num{font-size:13px;color:var(--muted);text-align:right}

/* Semáforo en tarjetas */
.status-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.status-card:hover{transform:translateY(-2px)}
.sc-ico svg{width:52px;height:52px;display:block}
.sc-title{font-size:15px;color:var(--navy)}
.sc-big{font:800 19px/1.1 'Barlow Condensed',Arial,sans-serif;color:var(--ink)}
.status-card small{color:var(--muted);font-size:12.5px;line-height:1.35}
.sc-dot{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px}
.sc-dot i{width:20px;height:20px;border-radius:50%;background:#1DB954}
.status-card.amber .sc-dot i{background:#E3A21A}.status-card.red .sc-dot i{background:#D9412E}
.status-card.red{border-color:#F1B9B2}

/* Lista de antes de decidir */
.ck-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;padding:7px 0;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.ck-box{width:30px;height:30px;flex:none;border-radius:8px;border:2px solid #C9C1AE;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}
.ck-row.ok .ck-box{background:#1DB954;border-color:#1DB954}
.ck-row:not(.ok){color:var(--muted)}

@media(max-width:1250px){.home-bottom{grid-template-columns:repeat(3,1fr)}.inv-card{grid-column:1/-1}.check-card-list{grid-column:1/-1}}
@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.home-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.home-side{grid-template-columns:1fr}.home-bottom{grid-template-columns:1fr}.home-cta .btn{width:100%}.home-cta{width:100%}.inv-row{grid-template-columns:30px 1fr 54px}.inv-name{grid-column:2}.inv-bar{grid-column:1/-1}.win-dots,.top-pill{display:none}}

/* ajustes de la primera revisión */
.nav-list button.prep .nav-ico,.nav-list button .nav-ico{background:transparent;color:var(--navy)}
@media(max-width:900px){.nav-list button.active .nav-ico{color:#fff}}
.top-inner{justify-content:flex-start}
.top-inner .brand{margin-right:auto}
.inv-row{grid-template-columns:36px 1fr 58px;grid-template-areas:"ico name num" "ico bar num";row-gap:4px}
.inv-ico{grid-area:ico}.inv-name{grid-area:name}.inv-bar{grid-area:bar}.inv-num{grid-area:num}
@media(max-width:700px){.inv-row{grid-template-columns:30px 1fr 54px}.inv-bar{grid-column:auto}}
.fp-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0}
.fp-legend li{background:#F2F1EC;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13.5px}
.fp-legend li.bad{background:#FDECEA;border-color:#F1B9B2;color:#8E1F17}.fp-legend li.good{background:#E8F4E6;border-color:#BFDDB9;color:#2E6B2B}

/* v12 · Metas que suben y IPC */
.goal-box,.ipc-box{margin:12px 0;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#fff}
.goal-box.up{border-color:#9FE3B8;background:#EAF8EF}
.ipc-box{border-color:#F0D27A;background:#FFF8E2}
.goal-box ul,.ipc-box ul{margin:6px 0;padding-left:18px}.goal-box li,.ipc-box li{margin-bottom:3px;font-size:14.5px}
.goal-box p,.ipc-box p{margin:6px 0 0;font-size:14px}
.ipc-chip{background:#FFF3C4;color:#7A5A00;border-radius:999px;padding:3px 9px;font-weight:800;font-size:12px}
.goal-line{display:inline-block;margin-top:6px;font-size:14px;color:var(--ink)}
.mini-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 12px}.mini-table th{background:var(--navy);color:#fff;text-align:left;padding:6px 8px}.mini-table td{border-bottom:1px solid var(--line);padding:6px 8px}
.home-head>div:first-child{flex:1 1 480px;min-width:0}.home-cta{flex:none}