/* NOI 4.18 · Operaciones, compartiendo la paleta Luxury Dark. */
.noi-ops{display:grid;gap:15px;color:#f5edde;max-width:1180px;margin:0 auto}
.noi-op-intro{padding:17px 20px;background:linear-gradient(135deg,#203627,#11241b);border:1px solid #5c6753;border-radius:15px}
.noi-op-intro>span{color:#d5b885;font-size:11px;letter-spacing:.15em;font-weight:700}
.noi-op-intro h2{font-family:"Cormorant Garamond",serif;font-size:31px;font-weight:500;margin:4px 0}
.noi-op-intro p,.noi-op-muted{color:#c4cdbf;font-size:13px;line-height:1.55;margin:6px 0 12px}
.noi-op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.noi-op-tile{min-height:118px;background:linear-gradient(155deg,#304233,#1b2d21);border:1px solid #596f58;box-shadow:0 3px 0 #10190f,0 8px 17px #0004;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;padding:14px;color:#fff4e5;text-align:left;border-radius:12px}
.noi-op-tile:active{transform:translateY(2px)}
.noi-op-tile strong{font-size:14px;line-height:1.2}
.noi-op-tile small{font-size:11px;color:#c7cfbe}
.noi-op-symbol{font-size:22px;color:#d7b685;line-height:1.1}
.noi-op-panel{padding:18px;border-radius:14px;border:1px solid #4e624f;background:#1b2a21;min-width:0}
.noi-op-panel h3{font-size:23px;font-family:"Cormorant Garamond",serif;font-weight:500;margin:0 0 9px}
.noi-op-panel h4{font-size:15px;margin:12px 0 9px;color:#eddbc1}
.noi-op-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.noi-op-panel-head h3,.noi-op-panel-head h4{margin:0 0 9px}
.noi-op-link{background:none;border:none;color:#e4c28e;font-size:12px;text-decoration:underline}
.noi-op-pills{display:flex;gap:7px;flex-wrap:wrap}
.noi-op-chip{border:1px solid #69755d;background:#303f30;color:#eee5d6;border-radius:9px;padding:8px 11px;font-size:12px}
.noi-op-chip.recent{background:#262e27;color:#d8dbd0}
.noi-op-search{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#c7d1c5;font-size:12px;margin-bottom:9px}
.noi-op-search input{min-width:180px;flex:1}
.noi-op-recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:540px;overflow:auto}
.noi-op-recipe{display:flex;align-items:center;min-width:0;border:1px solid #586954;border-radius:10px;background:#27392b}
.noi-op-recipe[hidden]{display:none}
.noi-op-recipe-open{flex:1;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:9px 12px;border:0;background:none;color:#f5eddf;text-align:left;min-width:0}
.noi-op-recipe-open strong{font-size:13px;line-height:1.2}
.noi-op-recipe-open small{font-size:11px;color:#c2cdbd}
.noi-op-star{color:#e3c28b;background:transparent;border:0;padding:9px;font-size:22px;min-width:40px;min-height:44px;flex-shrink:0}
.noi-op-star.on{color:#eec773}
.noi-op-section{margin-top:17px}
.noi-op-count{background:#303e2e;border:1px solid #68765c;color:#e8dbc8;padding:5px 9px;border-radius:9px;font-size:12px}
.noi-op-check{display:flex;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid #4b5a4a;font-size:13px}
.noi-op-check input{width:18px;height:18px;accent-color:#d9b985;flex-shrink:0}
.noi-op-check span{flex:1}
.noi-op-check small{font-size:10px;color:#b7c6b3;text-align:right}
.noi-op-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #405540}
.noi-op-line>div{min-width:0;flex:1}
.noi-op-line strong{display:block;font-size:13px;font-weight:600;color:#f5ecdf}
.noi-op-line small{display:block;font-size:11px;color:#bdc8b9;margin-top:4px}
.noi-op-state{font-size:11px;line-height:1.3;border-radius:8px;padding:6px 8px;white-space:normal}
.noi-op-state.bad{color:#ffc4bc;background:#4c272b}
.noi-op-state.warn{color:#f3dcab;background:#514126}
.noi-op-state.good{color:#d4eacb;background:#244630}
.noi-op-state.muted{color:#c9c9be;background:#374039}
.noi-op-back{width:max-content;min-height:41px;color:#dfc296;background:#24372b;border:1px solid #5c6f59;border-radius:9px;padding:8px 14px}
.noi-op-empty{padding:15px;background:#2b382b;border-radius:9px;color:#d2d1c6;font-size:13px}
.noi-op-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.noi-op-filter>*{flex:1;min-width:135px}
.noi-op-zone-row{width:100%;border-left:0;border-right:0;border-top:0;text-align:left;background:transparent;color:inherit}
.noi-op-zone-editor{background:#2e4031;border:1px solid #6b7c60;padding:14px;border-radius:12px;margin-bottom:14px}
.noi-op-zone-editor h4{margin:0 0 8px}
.noi-op-zone-field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin:8px 0}
.noi-op-zone-field input{max-width:140px}
.noi-op-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.noi-op-stats{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 18px}
.noi-op-stats>div{display:flex;flex-direction:column;gap:3px;min-width:96px;flex:1;border:1px solid #647460;background:#314234;border-radius:10px;padding:10px}
.noi-op-stats strong{font-size:23px;color:#e5c595;font-variant-numeric:tabular-nums}
.noi-op-stats span{font-size:11px;color:#ced3c5}
.noi-op-activity h4{margin-top:18px}
.noi-op-modal{color:#f5edde;padding:18px}
.noi-op-modal form{display:grid;gap:12px}
.noi-op-modal form label{display:grid;gap:7px;font-size:13px}
#noi-feature-dialog{color:#f5edde;background:#1d2d22;border:1px solid #73816e;border-radius:16px;max-width:min(94vw,480px);width:100%;padding:0}
#noi-feature-dialog::backdrop{background:#020b07b8}
.noi-recipe-card-frame{position:relative;min-width:0}
.noi-recipe-card-frame>.tile{width:100%;height:100%}
.noi-recipe-card-frame>.noi-op-star{position:absolute;right:8px;top:8px;background:#162a21e5;border:1px solid #7a705c;border-radius:50%;z-index:1}
@media(max-width:680px){.noi-op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.noi-op-recipe-list{grid-template-columns:1fr}.noi-op-tile{min-height:107px;padding:12px}.noi-op-panel{padding:13px}.noi-op-line{flex-wrap:wrap}.noi-op-line>div{flex:1 1 150px}}
@media(max-width:360px){.noi-op-grid{gap:7px}.noi-op-tile{padding:9px}.noi-op-tile strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.noi-op-tile{transition:none}}

/* Nueva pestaña Servicio en la navegación inferior sin ocultar Cierre del día. */
@media(max-width:900px){
 .mobile{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:1px!important}
 .mobile .navbtn{font-size:9px!important;letter-spacing:-.1px;min-width:0}
 .mobile .nav-icon{width:18px!important;height:18px!important}
}
@media(max-width:680px){
 .noi-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .noi-dash-grid>:nth-child(5):last-child{grid-column:1/-1}
}

.noi-op-fastlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.noi-op-fastlinks .btn{flex:1;min-width:110px;border-color:#6a765d;background:#2c402e;color:#f2e8db;min-height:43px}