/* ordini.html page styles */

.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.ftab{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:rgba(255,255,255,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,0.75);color:var(--text-2);transition:all .2s;}
.ftab:hover,.ftab.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 2px 8px var(--red-glow);}
.order-card{border-radius:var(--r-xl);margin-bottom:14px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);}
.order-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,0.05);}
.order-head-left{display:flex;align-items:center;gap:12px;}
.order-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;}
.order-num{font-size:15px;font-weight:700;letter-spacing:-0.2px;}
.order-date{font-size:12px;color:var(--text-2);margin-top:2px;}
.status-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;flex-shrink:0;}
.status-ready{background:rgba(52,199,89,0.12);color:#1a7a2e;}
.status-prep{background:rgba(255,149,0,0.12);color:#b36b00;}
.status-done{background:rgba(0,0,0,0.07);color:var(--text-2);}
.status-cancelled{background:rgba(255,59,48,0.10);color:var(--red);}
.order-body{padding:14px 20px;}
.order-items-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.oi-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;}
.oi-row-name{display:flex;align-items:center;gap:8px;color:var(--text);}
.oi-qty-badge{width:20px;height:20px;border-radius:6px;background:var(--red-light);color:var(--red);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.oi-row-price{font-size:14px;font-weight:600;color:var(--text-2);}
.order-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(0,0,0,0.05);}
.order-total{font-size:16px;font-weight:700;}
.order-delivery{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:5px;}
.order-delivery svg{width:13px;height:13px;stroke:var(--text-2);fill:none;stroke-width:2;}
.reorder-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:var(--red-light);color:var(--red);font-size:13px;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s;}
.reorder-btn:hover{background:rgba(255,59,48,0.20);transform:scale(1.03);}
.reorder-btn svg{width:14px;height:14px;stroke:var(--red);fill:none;stroke-width:2.5;}
.empty-state{text-align:center;padding:80px 20px;}
.empty-state-icon{font-size:56px;margin-bottom:16px;}
.empty-state h3{font-size:22px;font-weight:700;letter-spacing:-0.4px;margin-bottom:8px;}
.empty-state p{font-size:15px;color:var(--text-2);margin-bottom:28px;}
/* timeline dot */
.status-steps{display:flex;align-items:center;gap:0;margin-bottom:14px;}
.ss{display:flex;flex-direction:column;align-items:center;flex:1;}
.ss-dot{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,0.12);z-index:1;}
.ss-dot.done{background:var(--red);}
.ss-dot.active{background:var(--red);box-shadow:0 0 0 3px var(--red-light);}
.ss-line{height:2px;flex:1;background:rgba(0,0,0,0.08);}
.ss-line.done{background:var(--red);}
.ss-label{font-size:10px;font-weight:600;color:var(--text-3);margin-top:5px;text-align:center;}
.ss-label.active,.ss-label.done{color:var(--red);}
.step-track{display:flex;align-items:flex-start;gap:0;margin-bottom:16px;}
.step-track .ss{flex-direction:column;align-items:center;gap:0;}
.track-row{display:flex;align-items:center;width:100%;}