
/* ================================================================
   EduCantina 4.0.3 — Cozinha e Produção Profissional
   Fluxo visual: Recebido → Em preparo → Pronto → Entregue.
   ================================================================ */
body.action-kitchen{
 --k-navy:#0A2E4D;
 --k-blue:#1E6CFB;
 --k-green:#16B84E;
 --k-orange:#F59E0B;
 --k-red:#EF4444;
 --k-bg:#F4F7FA;
 --k-card:#FFFFFF;
 --k-border:#E2E9EF;
 --k-text:#10233A;
 --k-muted:#718196;
 background:var(--k-bg)!important;
}
body.action-kitchen .content{
 max-width:none!important;
 padding-top:14px!important;
}
body.action-kitchen .premium-page-head{
 margin-bottom:12px!important;
 align-items:center!important;
}
body.action-kitchen .premium-page-head h2{
 font-size:25px!important;
 letter-spacing:-.04em!important;
}
body.action-kitchen .premium-page-head p{
 font-size:8px!important;
 color:var(--k-muted)!important;
}

/* Resumo da operação */
body.action-kitchen .kitchen-summary-strip{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;
 margin-bottom:12px!important;
}
body.action-kitchen .kitchen-summary-strip>div{
 min-height:92px!important;
 padding:13px!important;
 border:1px solid var(--k-border)!important;
 border-radius:13px!important;
 background:#fff!important;
 box-shadow:0 4px 14px rgba(10,46,77,.045)!important;
 position:relative!important;
 overflow:hidden!important;
}
body.action-kitchen .kitchen-summary-strip>div:before{
 content:"";
 position:absolute;
 left:0;right:0;top:0;
 height:3px;
 background:linear-gradient(90deg,var(--k-blue),var(--k-green));
}
body.action-kitchen .kitchen-summary-strip span,
body.action-kitchen .kitchen-summary-strip small{
 display:block!important;
}
body.action-kitchen .kitchen-summary-strip span{
 font-size:7.5px!important;
 color:#66778A!important;
 font-weight:700!important;
}
body.action-kitchen .kitchen-summary-strip strong{
 display:block!important;
 font-size:21px!important;
 color:var(--k-text)!important;
 margin:6px 0 2px!important;
}
body.action-kitchen .kitchen-summary-strip small{
 font-size:6.7px!important;
 color:#8796A6!important;
}

/* Quadro */
body.action-kitchen .kitchen-board{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(260px,1fr))!important;
 gap:10px!important;
 align-items:start!important;
 overflow-x:auto!important;
 padding-bottom:7px!important;
}
body.action-kitchen .kitchen-column{
 min-height:590px!important;
 padding:10px!important;
 border:1px solid var(--k-border)!important;
 border-radius:14px!important;
 background:#EDF2F6!important;
 box-shadow:none!important;
}
body.action-kitchen .kitchen-column>header{
 min-height:47px!important;
 padding:3px 3px 10px!important;
 display:flex!important;
 justify-content:space-between!important;
 align-items:center!important;
 border-bottom:1px solid rgba(10,46,77,.08)!important;
 margin-bottom:9px!important;
}
body.action-kitchen .kitchen-column>header>div{
 display:flex!important;
 align-items:center!important;
 gap:7px!important;
}
body.action-kitchen .kitchen-column>header i{
 width:29px!important;
 height:29px!important;
 border-radius:9px!important;
 display:grid!important;
 place-items:center!important;
 font-style:normal!important;
 font-size:13px!important;
}
body.action-kitchen .kitchen-column>header strong{
 font-size:9px!important;
 color:var(--k-text)!important;
}
body.action-kitchen .kitchen-column>header small{
 display:block!important;
 font-size:6.5px!important;
 color:#8291A2!important;
 margin-top:2px!important;
}
body.action-kitchen .kitchen-column>header>b{
 min-width:25px!important;
 height:25px!important;
 border-radius:999px!important;
 display:grid!important;
 place-items:center!important;
 font-size:7.5px!important;
 background:#fff!important;
 color:#5E7083!important;
}

/* Cores de cada coluna */
body.action-kitchen .status-confirmed>header i{
 background:#EAF2FF!important;
 color:var(--k-blue)!important;
}
body.action-kitchen .status-preparing>header i{
 background:#FFF4DF!important;
 color:#A45E00!important;
}
body.action-kitchen .status-ready>header i{
 background:#E9F9EE!important;
 color:#10803A!important;
}
body.action-kitchen .status-delivered>header i{
 background:#F1EEFF!important;
 color:#7454D8!important;
}

/* Cartões de pedidos */
body.action-kitchen .kitchen-cards{
 display:grid!important;
 gap:8px!important;
}
body.action-kitchen .kitchen-ticket{
 border:1px solid #E1E8EE!important;
 border-radius:12px!important;
 background:#fff!important;
 box-shadow:0 4px 13px rgba(10,46,77,.045)!important;
 padding:11px!important;
 transition:transform .14s ease,box-shadow .14s ease!important;
}
body.action-kitchen .kitchen-ticket:hover{
 transform:translateY(-1px)!important;
 box-shadow:0 8px 20px rgba(10,46,77,.08)!important;
}
body.action-kitchen .kt-head{
 display:grid!important;
 grid-template-columns:1fr auto!important;
 gap:8px!important;
 align-items:start!important;
 padding-bottom:8px!important;
 border-bottom:1px solid #EDF2F6!important;
}
body.action-kitchen .kt-head strong{
 font-size:9px!important;
 color:var(--k-text)!important;
}
body.action-kitchen .kt-head span,
body.action-kitchen .kt-head small{
 display:block!important;
 font-size:6.7px!important;
 color:#7C8C9D!important;
 margin-top:2px!important;
}
body.action-kitchen .kt-head>b{
 font-size:7.5px!important;
 color:#536579!important;
 padding:4px 6px!important;
 border-radius:7px!important;
 background:#F2F5F7!important;
}
body.action-kitchen .kt-items{
 display:grid!important;
 gap:6px!important;
 margin:8px 0!important;
}
body.action-kitchen .kt-items>div{
 display:grid!important;
 grid-template-columns:26px 1fr auto!important;
 gap:7px!important;
 align-items:center!important;
 background:#F8FAFC!important;
 border-radius:8px!important;
 padding:7px!important;
}
body.action-kitchen .kt-items b{
 font-size:8px!important;
 color:var(--k-text)!important;
}
body.action-kitchen .kt-items span{
 font-size:7.7px!important;
 color:#3E5064!important;
}
body.action-kitchen .kt-items small{
 font-size:5.9px!important;
 color:#8695A5!important;
}
body.action-kitchen .kt-meta{
 display:flex!important;
 justify-content:space-between!important;
 gap:8px!important;
 margin-top:8px!important;
 font-size:6.7px!important;
 color:#8190A1!important;
}
body.action-kitchen .kt-action{
 display:grid!important;
 grid-template-columns:1fr auto!important;
 gap:7px!important;
 margin-top:9px!important;
}
body.action-kitchen .kt-action .btn{
 min-height:35px!important;
 font-size:7.5px!important;
}
body.action-kitchen .kt-action .btn.secondary{
 min-width:38px!important;
 padding:0 9px!important;
}

/* Atrasos */
body.action-kitchen .kitchen-ticket.late,
body.action-kitchen .kitchen-ticket.is-late{
 border-color:#F3B8B8!important;
 box-shadow:0 0 0 2px rgba(239,68,68,.06)!important;
}
body.action-kitchen .kitchen-ticket.late .kt-head>b,
body.action-kitchen .kitchen-ticket.is-late .kt-head>b{
 background:#FDECEC!important;
 color:#B42318!important;
}

/* Vazio */
body.action-kitchen .kitchen-empty{
 min-height:150px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 color:#8B99A8!important;
 border:1px dashed #CCD7E0!important;
 border-radius:11px!important;
 background:rgba(255,255,255,.45)!important;
}
body.action-kitchen .kitchen-empty i{
 width:39px!important;
 height:39px!important;
 border-radius:12px!important;
 background:#fff!important;
 display:grid!important;
 place-items:center!important;
 font-style:normal!important;
 margin-bottom:8px!important;
}
body.action-kitchen .kitchen-empty strong{
 font-size:8px!important;
 color:#627387!important;
}
body.action-kitchen .kitchen-empty small{
 font-size:6.5px!important;
 margin-top:3px!important;
}

/* Modo TV/monitor */
body.action-kitchen.kitchen-tv .side,
body.action-kitchen.kitchen-tv .topbar{
 display:none!important;
}
body.action-kitchen.kitchen-tv .main{
 margin-left:0!important;
}
body.action-kitchen.kitchen-tv .content{
 padding:12px!important;
}
body.action-kitchen.kitchen-tv .kitchen-board{
 grid-template-columns:repeat(4,1fr)!important;
}
body.action-kitchen.kitchen-tv .kitchen-column{
 min-height:calc(100vh - 155px)!important;
}

/* Tablet */
@media(max-width:1200px){
 body.action-kitchen .kitchen-board{
  grid-template-columns:repeat(4,280px)!important;
 }
}

/* Celular operacional */
@media(max-width:760px){
 body.action-kitchen .content{
  padding:10px 10px 84px!important;
 }
 body.action-kitchen .premium-page-head{
  align-items:flex-start!important;
 }
 body.action-kitchen .premium-page-head h2{
  font-size:19px!important;
 }
 body.action-kitchen .premium-head-actions{
  width:100%!important;
 }
 body.action-kitchen .premium-head-actions .btn{
  flex:1!important;
 }
 body.action-kitchen .kitchen-summary-strip{
  grid-template-columns:repeat(2,1fr)!important;
 }
 body.action-kitchen .kitchen-summary-strip>div{
  min-height:78px!important;
  padding:11px!important;
 }
 body.action-kitchen .kitchen-summary-strip strong{
  font-size:18px!important;
 }
 body.action-kitchen .kitchen-board{
  display:block!important;
  overflow:visible!important;
 }
 body.action-kitchen .kitchen-column{
  min-height:0!important;
  margin-bottom:11px!important;
  padding:9px!important;
 }
 body.action-kitchen .kitchen-column>header{
  position:sticky!important;
  top:68px!important;
  z-index:15!important;
  background:#EDF2F6!important;
 }
 body.action-kitchen .kitchen-cards{
  grid-template-columns:1fr!important;
 }
 body.action-kitchen .kitchen-ticket{
  padding:10px!important;
 }
}

/* Tablet em orientação horizontal */
@media(min-width:761px) and (max-width:1050px){
 body.action-kitchen .kitchen-board{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  overflow:visible!important;
 }
 body.action-kitchen .kitchen-column{
  min-height:420px!important;
 }
}

/* Impressão */
@media print{
 body.action-kitchen .side,
 body.action-kitchen .topbar,
 body.action-kitchen .premium-page-head,
 body.action-kitchen .kitchen-summary-strip{
  display:none!important;
 }
 body.action-kitchen .main{
  margin:0!important;
 }
 body.action-kitchen .content{
  padding:0!important;
 }
 body.action-kitchen .kitchen-board{
  grid-template-columns:repeat(2,1fr)!important;
  gap:8px!important;
 }
 body.action-kitchen .kitchen-column{
  min-height:0!important;
 }
 body.action-kitchen .kt-action{
  display:none!important;
 }
}
