/* Food sales and drink count modules — follows the existing green/blue glass UI. */
.food-overview,.food-kpi-grid,.drink-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}
.food-overview article,.food-kpi-grid article,.drink-summary article{padding:20px 22px;border:1px solid rgba(152,176,211,.36);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 14px 35px rgba(45,78,130,.08);backdrop-filter:blur(14px);min-width:0}
.food-overview article:nth-child(1),.food-kpi-grid article:nth-child(1),.drink-summary article:nth-child(1){background:linear-gradient(135deg,rgba(226,255,241,.9),rgba(255,255,255,.82))}
.food-overview article:nth-child(2),.food-kpi-grid article:nth-child(2),.drink-summary article:nth-child(2){background:linear-gradient(135deg,rgba(226,242,255,.92),rgba(255,255,255,.82))}
.food-overview article.warning,.dayansoft-kpis article.has-diff{background:linear-gradient(135deg,#fff2e8,#fff);border-color:#ffcda9}
.food-overview span,.food-kpi-grid span,.drink-summary span{display:block;color:#7284a3;font-size:11px;font-weight:800;letter-spacing:.08em}
.food-overview b,.food-kpi-grid b,.drink-summary b{display:block;margin-top:7px;color:#172b4d;font-size:27px;line-height:1.15}
.food-overview strong,.food-kpi-grid small{display:block;margin-top:5px;color:#4c6a91;font-size:13px}
.food-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.food-tabs{display:flex;gap:8px;padding:7px;margin-bottom:18px;width:max-content;max-width:100%;overflow:auto;border:1px solid rgba(151,176,211,.35);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(46,77,125,.08)}
.food-tabs button{border:0;border-radius:13px;padding:12px 18px;background:transparent;color:#5d7192;font-weight:800;white-space:nowrap;cursor:pointer}
.food-tabs button.active{background:linear-gradient(135deg,#24c49a,#3488ee);color:#fff;box-shadow:0 8px 22px rgba(52,136,238,.25)}
.food-date-toolbar{display:flex;align-items:center;width:max-content;max-width:100%;margin-bottom:16px;border:1px solid rgba(151,176,211,.38);border-radius:17px;background:rgba(255,255,255,.82);overflow:hidden}
.food-date-toolbar button{width:48px;align-self:stretch;border:0;background:#f4f8ff;color:#3979e7;font-size:24px;cursor:pointer}
.food-date-toolbar label{display:flex;align-items:center;gap:12px;padding:8px 14px}
.food-date-toolbar label span{color:#7a8ba7;font-size:11px;font-weight:800;text-transform:uppercase}
.food-date-toolbar input{border:0;background:transparent;color:#152849;font:800 15px inherit;outline:0}
.food-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.72fr);gap:18px}
.food-main-card,.food-month-card,.dayansoft-panel,.food-breakdown{border-radius:24px!important;background:rgba(255,255,255,.83)!important;box-shadow:0 18px 48px rgba(48,79,128,.09)!important;overflow:hidden}
.food-main-card>header,.food-breakdown>header,.food-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e6edf7}
.food-main-card>header span,.food-breakdown>header span,.food-section-head span{display:block;color:#7185a5;font-size:11px;font-weight:800;letter-spacing:.08em}
.food-main-card>header h3,.food-breakdown>header h3,.food-section-head h3{margin:4px 0 0;color:#172b4d;font-size:20px}
.food-section-head small{display:block;margin-top:5px;color:#7284a3}
.food-section-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.food-table td small{display:block;margin-top:3px;color:#8292aa}
.food-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}
.food-status.sold{background:#e5f9f0;color:#09835f}.food-status.cancelled{background:#fff0f2;color:#d3475a}.food-status.removed{background:#fff4df;color:#b36c00}
.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions button{border:1px solid #dce6f3;border-radius:9px;padding:6px 9px;background:#fff;color:#3469b0;font-weight:700;cursor:pointer}.row-actions button.danger{color:#d34c5b}
.food-breakdown article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #edf1f7}
.food-breakdown article b{display:block;color:#223957}.food-breakdown article small{display:block;margin-top:3px;color:#8291aa}.food-breakdown article strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#dff9ee,#ddf1ff);color:#147a6b;font-size:20px}
.matrix-heading{margin:22px 22px 10px;color:#172b4d}.food-matrix-wrap{margin:0 22px 22px;border:1px solid #e0e8f3;border-radius:16px}.food-matrix{min-width:760px}.food-matrix th{font-size:10px;white-space:normal;min-width:80px}.food-matrix .matrix-total td{background:#eafaf3;font-weight:800}
.food-total-preview{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#e6fff3,#e9f4ff);border:1px solid #d3ecdf}.food-total-preview strong{color:#126e62;font-size:25px}
.dayansoft-kpis,.import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 22px}
.dayansoft-kpis article,.import-summary article{padding:15px 17px;border:1px solid #e2eaf5;border-radius:16px;background:#f8fbff}.dayansoft-kpis article.ok{background:#ecfbf4}.dayansoft-kpis span,.import-summary span{display:block;color:#7b8ca6;font-size:11px;font-weight:800}.dayansoft-kpis b,.import-summary b{display:block;margin-top:5px;color:#172b4d;font-size:23px}
.dayansoft-empty{display:grid;place-items:center;padding:70px 20px;text-align:center;color:#7183a0}.dayansoft-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e7f3ff;color:#287de3;font-size:28px}.dayansoft-empty b{margin-top:12px;color:#203754;font-size:18px}.dayansoft-empty p{max-width:480px}
.reconcile-food-table td small{display:block;margin-top:3px;color:#c06c00}.unmatched-row{background:#fff9ed}
.unmatched-list{max-height:330px;overflow:auto;margin:10px 0;padding:14px;border-radius:16px;background:#fff9ed}.unmatched-list h3{margin:0}.unmatched-list p{color:#7d6b52}.unmatched-list label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0dfbf}.import-ok{margin:14px 0;padding:18px;border-radius:16px;background:#e9faf2;color:#087d5a;font-weight:800}
.drink-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:13px;border:1px solid rgba(151,176,211,.35);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(48,79,128,.08)}
.drink-toolbar>label{display:grid;grid-template-columns:auto minmax(180px,350px) auto;align-items:center;gap:10px;padding:0 10px;color:#66809e}.drink-toolbar input{border:0;background:transparent;outline:0;font:inherit;color:#18304f}.drink-toolbar small{white-space:nowrap}.drink-toolbar>div{display:flex;gap:8px}
.drink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}
.drink-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(151,176,211,.34);border-radius:23px;overflow:hidden;background:rgba(255,255,255,.82);box-shadow:0 15px 38px rgba(48,79,128,.09);transition:transform .2s ease,box-shadow .2s ease}.drink-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(48,79,128,.14)}
.drink-image{position:relative;display:grid;place-items:center;height:145px;padding:8px 8px 40px;overflow:hidden;background:linear-gradient(145deg,#ecfff7,#e9f4ff);isolation:isolate}.drink-image img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 12px rgba(32,64,105,.13))}.drink-image-empty{display:grid;place-items:center;align-content:center;gap:4px;width:100%;height:100%;border:1px dashed rgba(65,126,180,.34);border-radius:13px;color:#5681a7;text-align:center}.drink-image-empty[hidden]{display:none}.drink-image-empty span{font-size:23px}.drink-image-empty small{font-size:9px;font-weight:800}.drink-photo-button{position:absolute;right:8px;bottom:7px;left:8px;z-index:2;min-height:27px;border:1px solid rgba(113,159,205,.45);border-radius:9px;background:rgba(255,255,255,.92);color:#2676c8;font-size:9px;font-weight:900;cursor:pointer;backdrop-filter:blur(8px)}.drink-photo-remove{position:absolute;top:6px;right:6px;z-index:3;width:25px;height:25px;border:1px solid #efcbd0;border-radius:50%;background:rgba(255,255,255,.94);color:#d34c5b;font-size:16px;cursor:pointer}
.drink-card-body{display:flex;flex:1;flex-direction:column;padding:16px}.drink-card-body>span{color:#21a887;font-size:10px;font-weight:900;letter-spacing:.1em}.drink-card-body h3{min-height:42px;margin:5px 0 10px;color:#172b4d;font-size:16px}.drink-card-body>small{display:block;margin-top:9px;color:#8594aa;font-size:10px}
.drink-stepper{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border:1px solid #dbe6f2;border-radius:15px;overflow:hidden;background:#f8fbff}.drink-stepper button{height:43px;border:0;background:#eaf4ff;color:#2879e2;font-size:22px;font-weight:800;cursor:pointer}.drink-stepper strong{text-align:center;color:#172b4d;font-size:23px}.drink-count-btn{margin-top:12px;border:0;border-radius:12px;padding:10px;background:linear-gradient(135deg,#20c89b,#3887ef);color:#fff;font-weight:800;cursor:pointer}
.operations-dashboard{margin-top:18px;padding:23px;border:1px solid rgba(151,176,211,.35);border-radius:27px;background:linear-gradient(135deg,rgba(229,255,244,.86),rgba(231,243,255,.88));box-shadow:0 16px 42px rgba(48,79,128,.09)}
.operations-dashboard>header{display:flex;align-items:center;justify-content:space-between}.operations-dashboard>header span{color:#6d82a4;font-size:11px;font-weight:900;letter-spacing:.08em}.operations-dashboard h3{margin:4px 0 0;color:#172b4d;font-size:21px}.operations-dashboard>header button{border:0;background:transparent;color:#347bdc;font-weight:800;cursor:pointer}.operations-dashboard>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.operations-dashboard>div button{text-align:left;padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:17px;background:rgba(255,255,255,.76);color:#172b4d;cursor:pointer}.operations-dashboard button span,.operations-dashboard button small{display:block;color:#7185a5;font-size:10px;font-weight:800}.operations-dashboard button b{display:block;margin:6px 0 3px;font-size:21px}
.sidebar-profile .sidebar-logout{margin-left:auto;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:7px 10px;background:rgba(255,255,255,.16);color:inherit;font:700 11px inherit;cursor:pointer;white-space:nowrap}
.sidebar-profile .sidebar-logout:hover{background:rgba(255,255,255,.28)}

@media(max-width:1100px){.food-layout{grid-template-columns:1fr}.food-kpi-grid{grid-template-columns:repeat(2,1fr)}.operations-dashboard>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .sidebar-profile .sidebar-logout{display:block;min-width:62px;padding:9px 10px;background:#fff;color:#d34c5b;border-color:#dce6f3}
 .food-overview,.drink-summary{grid-template-columns:1fr 1fr;gap:10px}.food-overview article,.food-kpi-grid article,.drink-summary article{padding:15px;border-radius:18px}.food-overview article:last-child{grid-column:1/-1}.food-overview b,.food-kpi-grid b,.drink-summary b{font-size:21px}
 .food-tabs{width:100%;padding:5px}.food-tabs button{flex:1;padding:10px 12px}.food-date-toolbar{width:100%}.food-date-toolbar label{flex:1;justify-content:center}.food-date-toolbar label span{display:none}
 .food-main-card>header,.food-breakdown>header,.food-section-head{align-items:flex-start;flex-direction:column;padding:16px}.food-section-head>div:last-child{width:100%}.food-section-head .btn{flex:1}
 .food-table thead{display:none}.food-table tr{display:block;margin:10px;border:1px solid #e3ebf5;border-radius:15px;padding:10px}.food-table td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;border:0!important;padding:7px!important;text-align:right!important}.food-table td:before{content:attr(data-label);color:#7889a4;font-size:10px;font-weight:800;text-align:left}.food-table td>small{display:inline}.row-actions{width:100%}.row-actions button{flex:1}
 .dayansoft-kpis,.import-summary{grid-template-columns:1fr 1fr;padding:12px}.unmatched-list label{grid-template-columns:1fr}.dayansoft-map-modal .form-grid{grid-template-columns:1fr}
 .drink-toolbar{align-items:stretch;flex-direction:column}.drink-toolbar>label{grid-template-columns:auto 1fr auto;padding:8px}.drink-toolbar>div .btn{flex:1}.drink-grid{grid-template-columns:1fr 1fr;gap:10px}.drink-image{height:112px}.drink-card-body{padding:12px}.drink-card-body h3{font-size:14px}.drink-stepper{grid-template-columns:38px 1fr 38px}.drink-stepper strong{font-size:20px}
 .operations-dashboard{padding:16px;border-radius:22px}.operations-dashboard>div{grid-template-columns:1fr 1fr;gap:8px}.operations-dashboard>div button{padding:12px}.operations-dashboard button b{font-size:18px}
}
@media(max-width:430px){.food-overview,.food-kpi-grid,.drink-summary{grid-template-columns:1fr}.food-overview article:last-child{grid-column:auto}.drink-grid{grid-template-columns:1fr}.drink-image{height:155px}.operations-dashboard>div{grid-template-columns:1fr}.food-tabs button{font-size:12px}.drink-toolbar>div{flex-direction:column}}

/* Stock ledger cards — product name is always separate from the image. */
.stock-formula{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 18px;border:1px solid rgba(151,176,211,.35);border-radius:17px;background:linear-gradient(135deg,rgba(229,255,244,.9),rgba(232,244,255,.9));color:#274362}
.stock-formula b{color:#147a6b}.stock-formula span{font-size:13px}.stock-formula i{padding:0 7px;color:#2879e2;font-style:normal;font-weight:900}
.drink-summary article small{display:block;margin-top:5px;overflow:hidden;color:#67809f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.drink-summary article.has-diff{border-color:#ffcda9;background:linear-gradient(135deg,#fff2e8,#fff)}
.drink-card-title{min-height:66px;padding:15px 16px 10px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(213,225,240,.72)}
.drink-card-title span{display:block;color:#19a783;font-size:10px;font-weight:900;letter-spacing:.1em}
.drink-card-title h3{display:-webkit-box;min-height:38px;margin:5px 0 0;overflow:hidden;color:#172b4d;font-size:16px;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.drink-card-body{gap:10px}
.stock-balance{display:grid;grid-template-columns:1fr auto;align-items:end;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#e8fff4,#eaf4ff)}
.stock-balance span{grid-column:1/-1;color:#64809d;font-size:9px;font-weight:900;letter-spacing:.07em}
.stock-balance strong{color:#143353;font-size:30px;line-height:1}.stock-balance small{color:#6d83a0;font-size:10px}
.stock-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.stock-flow>span{min-width:0;padding:8px 6px;text-align:center;border:1px solid #e2ebf5;border-radius:11px;background:#f9fbfe}
.stock-flow small,.stock-flow b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-flow small{color:#7b8ba4;font-size:8px}.stock-flow b{margin-top:3px;color:#284462;font-size:14px}
.stock-count{display:flex;justify-content:space-between;gap:7px;padding:8px 10px;border-radius:11px;background:#f3f6fb;color:#617895;font-size:10px}.stock-count.ok{background:#e7f9f1;color:#087b5b}.stock-count.has-diff{background:#fff0e8;color:#b85c18}
.stock-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.stock-card-actions button{min-height:34px;padding:6px;border:1px solid #d9e4f1;border-radius:10px;background:#fff;color:#376b9f;font-size:10px;font-weight:800;cursor:pointer}.stock-card-actions .primary{grid-column:1/-1;color:#fff;border-color:transparent;background:linear-gradient(135deg,#20c89b,#3887ef)}
.drink-toolbar .import-btn{background:linear-gradient(135deg,#20c89b,#3488ee)}

@media(max-width:720px){
 body.breaktime-app .topbar>div:nth-child(2){min-width:0;max-width:150px}body.breaktime-app .topbar h1{max-width:150px;font-size:18px!important}body.breaktime-app .topbar .eyebrow{max-width:150px}
 .food-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.food-overview article{min-height:82px;padding:10px 8px;border-radius:14px}.food-overview article:last-child{grid-column:auto}.food-overview span{font-size:8px;letter-spacing:.03em}.food-overview b{margin-top:5px;font-size:15px}.food-overview strong{margin-top:3px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
 .food-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.food-kpi-grid article{min-height:96px;padding:12px;border-radius:16px}.food-kpi-grid b{font-size:20px}
 .food-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;overflow:visible}.food-tabs button{min-width:0;padding:9px 5px;font-size:10px;line-height:1.2;white-space:normal}
 .food-sale-modal .form-grid,.compact-stock-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.food-sale-modal .note-wide,.compact-stock-modal .note-wide{grid-column:1/-1}.food-sale-modal .form-field span,.compact-stock-modal .form-field span{font-size:10px}.food-sale-modal .field,.compact-stock-modal .field{height:43px!important;min-height:43px!important}.food-sale-modal .modal-hint,.compact-stock-modal .modal-hint{margin:6px 0 12px;font-size:12px}.food-sale-modal,.compact-stock-modal{max-height:92dvh!important;padding:14px!important}.food-sale-modal .modal-actions,.compact-stock-modal .modal-actions{bottom:-14px;margin-right:-14px;margin-bottom:-14px;margin-left:-14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
 .drink-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.drink-summary article{min-height:88px;padding:10px 8px;border-radius:14px}.drink-summary span{font-size:8px;letter-spacing:.02em}.drink-summary b{font-size:19px}.drink-summary article small{font-size:8px;white-space:normal}
 .stock-formula{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 12px}.stock-formula span{font-size:10px;line-height:1.5}.stock-formula i{padding:0 2px}
 .drink-toolbar{gap:8px;padding:9px}.drink-toolbar>label{padding:4px}.drink-toolbar>div{display:grid;grid-template-columns:2fr 1fr 1fr}.drink-toolbar>div .btn{min-width:0;padding:8px 5px;font-size:10px}.drink-grid{grid-template-columns:1fr;gap:10px}
 .drink-card{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto}.drink-card-title{grid-column:1/-1;min-height:0;padding:11px 12px 7px}.drink-card-title h3{min-height:0;margin-top:3px;font-size:15px;-webkit-line-clamp:2}.drink-image{grid-column:1;height:122px;margin:8px;padding:6px 6px 36px;border-radius:14px}.drink-photo-button{right:5px;bottom:5px;left:5px;min-height:25px;padding:2px;font-size:8px}.drink-photo-remove{top:4px;right:4px;width:22px;height:22px}.drink-image-empty small{font-size:8px}.drink-card-body{grid-column:2;padding:8px 10px 10px 0;gap:6px}.stock-balance{padding:8px}.stock-balance strong{font-size:25px}.stock-flow>span{padding:6px 3px}.stock-flow small{font-size:7px}.stock-flow b{font-size:12px}.stock-count{padding:6px 7px;font-size:9px}.stock-card-actions{grid-column:1/-1}.stock-card-actions button{min-height:30px;padding:4px;font-size:9px}
}
@media(max-width:430px){
 .food-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.food-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drink-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.drink-toolbar>div{flex-direction:row}.operations-dashboard>div{grid-template-columns:1fr 1fr}.drink-image{height:122px}
}