
/* GIÒ · Recepción / Sala V1 */
#view-reception{padding:0!important;max-width:none}
.reception-shell{display:grid;gap:18px}
.reception-topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#16251a;color:#f4efe4;border-radius:12px;padding:17px 20px}
.reception-brand p,.reception-room header p{margin:0;font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.68}
.reception-brand h2{margin:2px 0 0;font:400 27px/1.05 var(--serif)}
.reception-date-tools,.reception-live-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reception-date-tools input,.reception-live-tools select{border:1px solid #ffffff2b;background:#fff;color:#1f2a20;border-radius:8px;padding:9px 10px;min-height:40px}
.reception-topbar .btn{min-height:40px;padding:9px 12px}
.reception-live{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.reception-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#80b77f;box-shadow:0 0 0 4px #80b77f22}
#reception-date-label{font-weight:600;min-width:205px;text-transform:capitalize}
#reception-updated{font-size:10px;color:#d3ddcf}
.reception-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.reception-summary article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.reception-summary span{display:block;font-size:10px;color:var(--muted)}
.reception-summary strong{display:block;margin-top:3px;font:400 29px/1.15 var(--serif);color:var(--green)}
.reception-board{display:grid;gap:19px}
.reception-room{background:#f8f5ed;border:1px solid var(--line);border-radius:12px;padding:18px}
.reception-room>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}
.reception-room h2{margin:2px 0 0;font:400 28px/1.1 var(--serif)}
.reception-room>header>span{font-size:10px;color:var(--muted)}
.reception-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px}
.reception-table{border:1px solid #d3d8cd;background:#fff;border-radius:10px;overflow:hidden;min-height:120px;box-shadow:0 1px 0 #fff inset}
.reception-table.reserved{border-color:#d5b36f;background:#fffaf0}
.reception-table.arrived{border-color:#6d9a76;background:#f1f8f1;box-shadow:0 0 0 2px #6d9a7618}
.reception-table-head{width:100%;border:0;border-bottom:1px solid #e4e6de;background:transparent;padding:12px 13px;display:flex;justify-content:space-between;align-items:start;text-align:left;color:inherit}
.reception-table-head strong{font-size:15px}
.reception-table-head small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.reception-table-state{font-size:8px;letter-spacing:.09em;font-weight:800;padding:5px 7px;border-radius:20px;background:#edf0e8;color:#63705e}
.reception-table.reserved .reception-table-state{background:#f3dfb8;color:#795717}
.reception-table.arrived .reception-table-state{background:#d8ead9;color:#2f673b}
.reception-table-reservations{padding:7px}
.reception-reservation{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:0;background:transparent;border-radius:7px;padding:7px;text-align:left;color:inherit}
.reception-reservation:hover{background:#00000008}
.reception-res-time{font-weight:700;font-size:12px}
.reception-res-main{min-width:0}
.reception-res-main strong,.reception-res-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reception-res-main strong{font-size:11px}.reception-res-main small{font-size:9px;color:var(--muted)}
.reception-chip{font-size:8px;border-radius:20px;padding:4px 6px;background:#eee;color:#666;white-space:nowrap}
.reception-chip.expected{background:#f5dfb2;color:#765817}
.reception-chip.arrived{background:#d7ead9;color:#2f683b}
.reception-chip.completed{background:#e2e4e1;color:#5d655d}
.reception-chip.no-show{background:#f1d7d4;color:#884238}
.reception-free,.reception-last{margin:8px 7px;font-size:10px;color:#72806d}
.reception-last{font-size:9px;color:#93988e}
.reception-unassigned-wrap{background:#fff;border:1px dashed #c0aa75;border-radius:12px;padding:17px}
.reception-unassigned-wrap h3{margin:0 0 10px;font:400 22px var(--serif)}
.reception-unassigned{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.reception-empty{padding:30px;color:var(--muted)}
.reception-dialog{width:min(700px,calc(100% - 22px));border:1px solid #cfd4ca;border-radius:14px;background:#f7f3ea;padding:0;box-shadow:0 28px 100px #10201655}
.reception-dialog::backdrop{background:#102016b8;backdrop-filter:blur(3px)}
.reception-dialog-card{padding:22px}
.reception-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start}
.reception-dialog-head h2{margin:0;font:400 31px var(--serif)}
.reception-dialog-head button{border:0;background:transparent;font-size:27px}
.reception-dialog-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}
.reception-dialog-meta div{background:#fff;border:1px solid #e0e2dc;border-radius:8px;padding:10px}
.reception-dialog-meta span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.reception-dialog-meta strong{display:block;font-size:12px;margin-top:3px}
.reception-observations{background:#fff;border-left:3px solid #b89150;padding:11px 13px;font-size:11px;min-height:40px}
.reception-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.reception-table-change{border-top:1px solid #dcded7;padding-top:15px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.reception-table-change label{margin:0;font-size:10px}
.reception-table-change select{display:block;width:100%;margin-top:5px;border:1px solid #cdd2c8;background:#fff;border-radius:8px;padding:10px}
.reception-readonly{font-size:10px;color:var(--muted)}
.btn.danger{background:#8a3e35;color:#fff;border-color:#8a3e35}
body.reception-focus .sidebar{display:none}
body.reception-focus .main-panel{margin-left:0!important;width:100%!important;max-width:none!important}
body.reception-focus .panel-header{display:none}
body.reception-focus .panel-content{padding:16px!important;max-width:none!important}
body.reception-focus #view-reception{display:block}
@media(max-width:980px){
  .reception-summary{grid-template-columns:repeat(3,1fr)}
  .reception-room-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
}
@media(max-width:620px){
  .reception-topbar{padding:13px}
  #reception-date-label{width:100%;min-width:0}
  .reception-summary{grid-template-columns:repeat(2,1fr)}
  .reception-room{padding:12px}
  .reception-room-grid{grid-template-columns:1fr 1fr;gap:7px}
  .reception-table{min-height:105px}
  .reception-reservation{grid-template-columns:auto minmax(0,1fr)}
  .reception-chip{grid-column:2}
  .reception-dialog-meta{grid-template-columns:1fr 1fr}
  .reception-table-change{grid-template-columns:1fr}
}


/* ==========================================================
   GIÒ · RECEPCIÓN / SALA · V1.2 COMPACTA
   Solo presentación. Sin cambios de lógica ni backend.
   ========================================================== */

body.reception-focus .panel-content{
  padding:8px 10px!important;
}

/* Cabecera operativa mucho más baja */
.reception-shell{
  gap:8px;
}
.reception-topbar{
  display:grid;
  grid-template-columns:minmax(170px,.7fr) minmax(430px,1.5fr) minmax(390px,1.35fr);
  gap:10px 16px;
  align-items:center;
  padding:9px 14px;
  border-radius:9px;
  min-height:0;
}
.reception-brand p{
  font-size:7px;
  margin-bottom:1px;
}
.reception-brand h2{
  font-size:21px;
  line-height:1;
  white-space:nowrap;
}
.reception-date-tools,
.reception-live-tools{
  gap:5px;
  flex-wrap:nowrap;
}
.reception-date-tools{
  display:grid;
  grid-template-columns:32px 42px 32px minmax(150px,1fr) minmax(200px,auto);
}
.reception-live-tools{
  justify-content:flex-end;
}
.reception-date-tools input,
.reception-live-tools select{
  min-height:32px;
  height:32px;
  padding:5px 8px;
  border-radius:6px;
  font-size:10px;
}
.reception-topbar .btn{
  min-height:32px;
  height:32px;
  padding:5px 9px;
  border-radius:6px;
  font-size:9px;
  line-height:1;
  white-space:nowrap;

  /* Siempre visibles sobre fondo oscuro */
  background:#f7f3e9;
  color:#1c2b20;
  border:1px solid #d4d6cb;
  opacity:1;
}
.reception-topbar .btn:hover,
.reception-topbar .btn:focus-visible{
  background:#ffffff;
  color:#102217;
  border-color:#ffffff;
}
.reception-topbar .btn:disabled{
  background:#59675d;
  color:#d7ddd7;
  border-color:#758077;
  opacity:.72;
}
#reception-prev,
#reception-next{
  padding:0;
  font-size:18px;
}
#reception-today{
  padding-left:5px;
  padding-right:5px;
}
#reception-date-label{
  min-width:0;
  width:auto;
  font-size:9px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.reception-live{
  font-size:8px;
  gap:5px;
  white-space:nowrap;
}
.reception-live::before{
  width:6px;
  height:6px;
  box-shadow:0 0 0 2px #80b77f22;
}
#reception-updated{
  font-size:8px;
  white-space:nowrap;
}

/* KPIs: una sola línea, compactos */
.reception-summary{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}
.reception-summary article{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:7px;
  min-height:38px;
  padding:7px 10px;
  border-radius:7px;
}
.reception-summary span{
  font-size:8px;
  line-height:1.1;
  white-space:nowrap;
}
.reception-summary strong{
  margin:0;
  font-size:20px;
  line-height:1;
  flex:none;
}

/* Salones: dos columnas para aprovechar toda la pantalla */
.reception-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  align-items:start;
}
.reception-room{
  padding:8px;
  border-radius:8px;
}
.reception-room>header{
  margin-bottom:5px;
  gap:8px;
}
.reception-room header p{
  font-size:6px;
}
.reception-room h2{
  font-size:18px;
  line-height:1;
}
.reception-room>header>span{
  font-size:7px;
  white-space:nowrap;
}

/* Palermo ocupa ancho completo: 26 mesas se distribuyen mejor */
.reception-room:has(h2:nth-child(1)){
  min-width:0;
}
.reception-room:nth-child(4){
  grid-column:1 / -1;
}
.reception-room:nth-child(4) .reception-room-grid{
  grid-template-columns:repeat(auto-fill,minmax(108px,1fr));
}

/* Mesas más densas y legibles */
.reception-room-grid{
  grid-template-columns:repeat(auto-fill,minmax(108px,1fr));
  gap:4px;
}
.reception-table{
  min-height:58px;
  border-radius:6px;
}
.reception-table-head{
  min-height:31px;
  padding:5px 7px;
  gap:4px;
}
.reception-table-head strong{
  font-size:11px;
  line-height:1;
}
.reception-table-head small{
  font-size:6px;
  margin-top:2px;
}
.reception-table-state{
  font-size:6px;
  line-height:1;
  padding:3px 4px;
}
.reception-table-reservations{
  padding:3px;
}
.reception-free{
  margin:4px 5px;
  font-size:7px;
}
.reception-last{
  margin:3px 5px;
  font-size:6px;
}
.reception-reservation{
  grid-template-columns:auto minmax(0,1fr);
  gap:4px;
  padding:4px;
}
.reception-res-time{
  font-size:9px;
}
.reception-res-main strong{
  font-size:8px;
}
.reception-res-main small{
  font-size:6px;
}
.reception-chip{
  grid-column:1 / -1;
  justify-self:start;
  font-size:6px;
  padding:2px 4px;
}

/* Sin mesa: discreto y compacto */
.reception-unassigned-wrap{
  padding:8px 10px;
  border-radius:8px;
}
.reception-unassigned-wrap h3{
  font-size:16px;
  margin-bottom:5px;
}
.reception-unassigned{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:4px;
}

/* Modal sigue cómodo para tocar/operar */
.reception-dialog-card{
  padding:18px;
}

/* Fullscreen: exprimir todavía más el alto */
:fullscreen .reception-topbar{
  margin-top:0;
}
:fullscreen body.reception-focus .panel-content{
  padding:6px!important;
}

/* Portátiles medianos */
@media(max-width:1250px){
  .reception-topbar{
    grid-template-columns:150px minmax(390px,1.5fr) minmax(330px,1fr);
  }
  .reception-date-tools{
    grid-template-columns:30px 40px 30px minmax(130px,1fr);
  }
  #reception-date-label{
    display:none;
  }
  .reception-room-grid{
    grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
  }
}

/* Tablet/móvil: vuelve a una distribución más cómoda */
@media(max-width:900px){
  .reception-topbar{
    grid-template-columns:1fr;
  }
  .reception-date-tools{
    grid-template-columns:32px 44px 32px 1fr;
  }
  .reception-live-tools{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .reception-board{
    grid-template-columns:1fr;
  }
  .reception-room:nth-child(4){
    grid-column:auto;
  }
  .reception-summary{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:620px){
  .reception-summary{
    grid-template-columns:repeat(2,1fr);
  }
  .reception-room-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* ==========================================================
   GIÒ · RECEPCIÓN / SALA · V1.3
   Legibilidad dinámica cuando hay reservas.
   ========================================================== */

/* 7 KPIs, todavía en una única línea */
.reception-summary{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.reception-summary strong{
  font-size:18px;
  white-space:nowrap;
}

/* Las mesas libres siguen siendo mínimas; las activas ganan espacio */
.reception-table.reserved,
.reception-table.arrived{
  grid-column:span 2;
  min-height:76px;
}

.reception-table.reserved .reception-reservation,
.reception-table.arrived .reception-reservation{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:5px;
}

.reception-table.reserved .reception-chip,
.reception-table.arrived .reception-chip{
  grid-column:auto;
  align-self:start;
}

/* En mesas con clientes, nunca truncar los datos importantes */
.reception-table.reserved .reception-res-main strong,
.reception-table.reserved .reception-res-main small,
.reception-table.arrived .reception-res-main strong,
.reception-table.arrived .reception-res-main small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.25;
}

.reception-table.reserved .reception-res-main strong,
.reception-table.arrived .reception-res-main strong{
  font-size:9px;
}

.reception-table.reserved .reception-res-main small,
.reception-table.arrived .reception-res-main small{
  margin-top:2px;
  font-size:7px;
}

.reception-table.reserved .reception-res-time,
.reception-table.arrived .reception-res-time{
  font-size:10px;
}

/* Si hay varias reservas en la misma mesa, todas quedan visibles */
.reception-table-reservations{
  overflow:visible;
}

/* Evitar que el séptimo KPI rompa en portátiles */
@media(max-width:1250px){
  .reception-summary{
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
  .reception-summary article{
    padding:6px 7px;
  }
  .reception-summary span{
    font-size:7px;
  }
  .reception-summary strong{
    font-size:16px;
  }
}

@media(max-width:900px){
  .reception-summary{
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:620px){
  .reception-summary{
    grid-template-columns:repeat(2,1fr);
  }
  .reception-table.reserved,
  .reception-table.arrived{
    grid-column:span 2;
  }
}

/* ==========================================================
   GIÒ · RECEPCIÓN / SALA · V1.5
   Base visual V1.3 + buscador táctil + controles autoocultables
   ========================================================== */

.reception-reveal-strip{position:fixed;z-index:80;top:0;left:0;right:0;height:9px;background:#173020;opacity:.18}
.reception-reveal-strip span{display:none}

.reception-floating-actions{position:fixed;z-index:96;left:8px;bottom:8px;display:flex;gap:6px}
.reception-back-admin,.reception-search-floating{
  border:1px solid #bdc5ba;border-radius:7px;background:#fffdf7;color:#203125;
  padding:8px 11px;font-size:10px;font-weight:700;box-shadow:0 3px 14px #15251924;min-height:36px
}
.reception-back-admin:hover,.reception-search-floating:hover{background:#fff;border-color:#819083}

body.reception-focus .reception-topbar,body.reception-focus .reception-summary{
  overflow:hidden;transition:max-height .20s ease,opacity .16s ease,transform .20s ease,margin .20s ease,padding .20s ease;
  transform-origin:top
}
body.reception-focus:not(.reception-controls-open) .reception-topbar,
body.reception-focus:not(.reception-controls-open) .reception-summary{
  max-height:0!important;min-height:0!important;opacity:0;transform:translateY(-8px);
  margin:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;pointer-events:none
}
body.reception-focus.reception-controls-open .reception-topbar{max-height:82px;opacity:1}
body.reception-focus.reception-controls-open .reception-summary{max-height:50px;opacity:1}
body.reception-focus:not(.reception-controls-open) .reception-shell{gap:4px}
body.reception-focus:not(.reception-controls-open) .reception-board{padding-top:4px}

.reception-search-inline{display:flex;align-items:center;justify-content:center}
.reception-search-open{min-width:128px}

.reception-search-dialog{
  width:min(760px,calc(100% - 24px));max-height:88dvh;border:1px solid #ccd3c8;border-radius:14px;
  background:#f7f3ea;padding:0;box-shadow:0 30px 110px #10201655
}
.reception-search-dialog::backdrop{background:#102016b8;backdrop-filter:blur(3px)}
.reception-search-card{padding:22px}
.reception-search-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.reception-search-head h2{margin:0;font:400 31px var(--serif)}
.reception-search-head button{border:0;background:transparent;font-size:28px;padding:2px 7px}
.reception-search-label{display:block;margin:18px 0 5px;font-size:11px}
.reception-search-label input{
  display:block;width:100%;margin-top:6px;min-height:52px;border:1px solid #bfc8ba;border-radius:9px;
  background:#fff;padding:12px 14px;font-size:18px
}
.reception-search-help{margin:7px 0 13px;color:var(--muted);font-size:10px}
.reception-search-results{display:grid;gap:7px;max-height:55dvh;overflow:auto}
.reception-search-result{
  width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  border:1px solid #d5d9d0;border-radius:9px;background:#fff;padding:12px 13px;text-align:left;color:inherit;min-height:70px
}
.reception-search-result:hover,.reception-search-result:focus-visible{border-color:#758e78;background:#f5f8f2}
.reception-search-result-main strong,.reception-search-result-main small{display:block}
.reception-search-result-main strong{font-size:14px}
.reception-search-result-main small{margin-top:3px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.reception-search-result-place{font-size:11px;font-weight:700;color:#2d4c35;text-align:right;max-width:170px}
.reception-search-empty{
  padding:18px;margin:0;border:1px dashed #cbd1c6;border-radius:8px;color:var(--muted);font-size:11px;text-align:center
}

@keyframes receptionFocusPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(205,143,40,0)}
  20%,70%{box-shadow:0 0 0 5px rgba(205,143,40,.48)}
}
.reception-focus-hit{animation:receptionFocusPulse .75s ease-in-out 4;position:relative;z-index:20}

@media(pointer:coarse){
  .reception-reveal-strip{height:15px}
  .reception-back-admin,.reception-search-floating{min-height:44px;padding:10px 14px;font-size:12px}
  .reception-search-result{min-height:78px;padding:14px}
  .reception-search-label input{min-height:58px;font-size:20px}
}

@media(max-width:900px){
  .reception-search-inline{justify-content:flex-start}
  .reception-search-dialog{width:calc(100% - 14px);max-height:94dvh}
  .reception-search-result{grid-template-columns:1fr}
  .reception-search-result-place{text-align:left;max-width:none}
}

/* ==========================================================
   GIÒ · RECEPCIÓN / SALA · V1.6
   Cabecera unificada y coherente.
   ========================================================== */

/* Cuatro zonas claras en una única línea:
   marca | fecha | búsqueda | servicio/acciones */
.reception-topbar{
  display:grid;
  grid-template-columns:
    minmax(175px,.65fr)
    minmax(430px,1.55fr)
    minmax(145px,.55fr)
    minmax(500px,1.65fr);
  grid-template-areas:"brand date search live";
  column-gap:12px;
  row-gap:6px;
  align-items:center;
  padding:8px 13px;
}

.reception-brand{grid-area:brand}
.reception-date-tools{grid-area:date}
.reception-search-inline{grid-area:search}
.reception-live-tools{grid-area:live}

/* Todo alineado verticalmente */
.reception-brand,
.reception-date-tools,
.reception-search-inline,
.reception-live-tools{
  min-width:0;
}

.reception-date-tools{
  display:grid;
  grid-template-columns:32px 42px 32px minmax(155px,1fr) minmax(190px,auto);
  gap:5px;
  align-items:center;
}

.reception-search-inline{
  display:flex;
  justify-content:stretch;
}

.reception-search-open{
  width:100%;
  min-width:0;
  height:32px;
  min-height:32px;
  padding:5px 10px;
  white-space:nowrap;
}

.reception-live-tools{
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto auto auto auto;
  gap:6px;
  align-items:center;
  justify-content:stretch;
}

.reception-live-tools select{
  width:100%;
  min-width:0;
}

.reception-live-tools .btn{
  min-width:auto;
}

.reception-live{
  justify-self:start;
}

#reception-updated{
  justify-self:end;
  color:#ced8ce;
}

/* El título y la fecha larga se leen, pero no dominan la barra */
.reception-brand h2{
  font-size:20px;
  white-space:nowrap;
}
#reception-date-label{
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Mantener todos los botones visibles sin depender de hover */
.reception-topbar .btn{
  opacity:1;
  background:#f7f3e9;
  color:#1c2b20;
  border-color:#d4d6cb;
}
.reception-topbar .btn:hover,
.reception-topbar .btn:focus-visible{
  background:#fff;
  color:#102217;
  border-color:#fff;
}

/* Portátil: dos filas limpias, no una barra rota */
@media(max-width:1320px){
  .reception-topbar{
    grid-template-columns:minmax(165px,.7fr) minmax(420px,1.6fr) minmax(430px,1.6fr);
    grid-template-areas:
      "brand date date"
      "search live live";
  }
  .reception-search-inline{
    justify-content:flex-start;
  }
  .reception-search-open{
    width:auto;
    min-width:150px;
  }
}

/* Tablet horizontal/vertical: controles táctiles en dos bloques */
@media(max-width:900px){
  .reception-topbar{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "date"
      "search"
      "live";
    padding:10px;
  }
  .reception-date-tools{
    grid-template-columns:38px 48px 38px minmax(155px,1fr);
  }
  #reception-date-label{display:none}

  .reception-search-open{
    width:100%;
    min-height:44px;
    height:44px;
    font-size:12px;
  }

  .reception-live-tools{
    grid-template-columns:1fr 1fr;
  }
  .reception-live-tools select{
    grid-column:1/-1;
    min-height:44px;
    height:44px;
  }
  .reception-live-tools .btn{
    min-height:44px;
    height:44px;
  }
  .reception-live,
  #reception-updated{
    align-self:center;
  }
}

/* Táctil: zona de búsqueda claramente pulsable */
@media(pointer:coarse){
  .reception-search-open{
    min-height:44px;
    height:44px;
  }
}
