/* Dark UI + accent */
.za-dark{color:#f7f7f7;background:transparent}
.za-card{background:#2e2e2e;border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.za-title{font-size:20px;margin:0 0 8px;color:#ff8400}
.za-label{display:block;font-weight:600;margin:12px 0 6px}
.za-help{font-size:12px;opacity:.8;margin-top:4px}
.za-input,.za-textarea{width:100%;background:#1f1f1f;color:#f7f7f7;border:1px solid #3a3a3a;border-radius:12px;padding:10px 12px;outline:none}
.za-input:focus,.za-textarea:focus{border-color:#ff8400;box-shadow:0 0 0 2px rgba(255,132,0,.25)}
.za-msg{margin-top:12px}
.za-msg.success{color:#b2ffb2}
.za-msg.error{color:#ffb3b3}

/* Hide any other cart order button */
.za-supervisor-checkout .za-cart .place-order,
.za-supervisor-checkout .za-cart .za-btn-place-order,
.za-supervisor-checkout .za-cart button[name="woocommerce_checkout_place_order"]{display:none!important}

/* Cart (no title/total) */
.za-cart{margin-bottom:14px}
.za-cart-list{margin:0;padding:0;list-style:none}
.za-cart-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.za-cart-row .left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.za-cart-row .right{display:flex;align-items:center}
.za-thumb{width:48px;height:48px;border-radius:12px}
.za-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Trash + qty badge */
.za-supervisor-checkout a.za-remove,
.za-supervisor-checkout a.za-remove:visited{color:#ff8a00!important}
.za-supervisor-checkout a.za-remove{position:relative;display:inline-flex;width:28px;height:28px;border-radius:8px;border:2px solid #ff8a00;align-items:center;justify-content:center;text-decoration:none;transition:background .15s}
.za-supervisor-checkout a.za-remove svg{display:block;width:14px;height:14px;stroke:currentColor;fill:none}
.za-supervisor-checkout a.za-remove:hover,
.za-supervisor-checkout a.za-remove:focus,
.za-supervisor-checkout a.za-remove:active{background:#000!important;color:#ff8a00!important;border-color:#ff8a00!important;box-shadow:none!important;outline:none!important}
.za-qty-badge{position:absolute;left:-36px;top:50%;transform:translateY(-50%);font-weight:700;opacity:.9}

/* Actions */
.za-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px}
.za-btn{background:#ff8a00;color:#111;padding:10px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:700}
.za-btn-secondary{background:#444;color:#fff}
.za-btn[disabled]{opacity:.5;cursor:not-allowed}

/* Tech combobox */
.za-combobox{position:relative}
.za-dropdown{position:absolute;top:100%;left:0;right:0;z-index:30;background:#1f1f1f;border:1px solid #3a3a3a;border-radius:12px;margin-top:6px;max-height:280px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.za-dropdown[hidden]{display:none}
.za-opt{padding:10px 12px;cursor:pointer;border-bottom:1px solid #2a2a2a}
.za-opt:last-child{border-bottom:none}
.za-opt:hover,.za-opt.active{background:#2b2b2b}
.za-opt .small{display:block;font-size:12px;opacity:.8}


/* Make typed text clearly visible */
.za-supervisor-checkout .za-input,
.za-supervisor-checkout .za-textarea{
  color:#fff !important;
  background:#1f1f1f;
  caret-color:#fff;
}
.za-supervisor-checkout .za-input::placeholder,
.za-supervisor-checkout .za-textarea::placeholder{
  color:rgba(255,255,255,.55);
}

/* Order summary rows use same left/right layout so qty never shifts */
.za-supervisor-checkout .za-order .za-cart-list{ margin:0; padding:0; list-style:none; }
.za-supervisor-checkout .za-order .za-cart-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08);
}
.za-supervisor-checkout .za-order .left{ display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.za-supervisor-checkout .za-order .right{ display:flex; align-items:center; gap:12px; }
.za-supervisor-checkout .za-order .za-name{ font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.za-supervisor-checkout .za-order .za-qty{ font-weight:700; opacity:.9; }
