.button-row button.primary{background:var(--orange);border-color:var(--orange);color:#fff;min-width:118px;justify-content:center}
.status-message{min-height:20px;margin:0}
.connection.disconnected i{background:#b84646;box-shadow:0 0 0 4px #f8e1e1}
.connection.disconnected span{color:#8b3434}
.order-card{grid-template-columns:80px minmax(150px,1.5fr) 1fr 105px 120px 90px 92px}
.order-actions{display:flex;justify-content:flex-end}.view-order{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-weight:700;color:var(--green)}
.modal{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end}.modal-backdrop{position:absolute;inset:0;background:rgba(9,19,15,.55);backdrop-filter:blur(2px)}.modal-panel{position:relative;width:min(560px,100%);height:100%;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.18);overflow:auto}.modal-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-head h2{font:700 25px 'Playfair Display';margin:4px 0 0}.modal-head button{border:0;background:#f1f2ef;border-radius:50%;width:38px;height:38px;font-size:24px}.detail-body{padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-box{background:#f7f6f1;border:1px solid var(--line);border-radius:12px;padding:12px}.detail-box small,.detail-box strong{display:block}.detail-box small{color:var(--muted);margin-bottom:5px}.detail-items{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:14px 0}.detail-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.detail-item:last-child{border:0}.detail-total{display:flex;justify-content:space-between;font:700 20px 'Playfair Display';padding:15px}.status-editor{margin-top:22px;background:var(--green2);border-radius:14px;padding:16px}.status-editor label{display:grid;gap:7px;font-weight:700}.status-editor-row{display:flex;gap:8px}.status-editor select{flex:1;background:#fff}.status-editor button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:0 16px;font-weight:700}
@media(max-width:1100px){.order-card{grid-template-columns:70px 1fr 100px 100px 82px}.order-card>*:nth-child(3),.order-card>*:nth-child(6){display:none}}
.order-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line)}.order-tabs button{border:0;background:transparent;padding:12px 16px;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.order-tabs button.active{color:var(--green);border-bottom-color:var(--orange)}.order-tabs b{background:#e8ebe8;border-radius:999px;padding:2px 7px;margin-left:5px;font-size:11px}.order-tabs button.active b{background:var(--green2)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 2px 14px}.section-heading h2{font:700 21px 'Playfair Display';margin:4px 0}.section-heading p{color:var(--muted);margin:0}.danger-zone{margin-top:22px;padding-top:18px;border-top:1px solid #f0cccc}.danger-zone button{border:1px solid #d99b9b;background:#fff;color:var(--red);border-radius:10px;padding:10px 13px;font-weight:700}.danger-zone p{color:var(--muted);font-size:12px}.modal-panel.removing{pointer-events:none;opacity:.7}