.aside-bottom { align-items: center; }
.aside-bottom span strong,
.aside-bottom span small { display: block; }
.aside-bottom span small { color: #7f8aa0; font-size: 11px; margin-top: 3px; }
.danger-button { border: 0; border-radius: 9px; padding: 11px 18px; cursor: pointer; font-weight: 600; background: #fff0f0; color: #bd3838; margin-right: auto; }
.danger-button:hover { background: #ffe2e2; }
.active-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); margin-right: 7px; }
.user-actions { display: flex; gap: 7px; white-space: nowrap; }
#usersView tbody tr { cursor: default; }
.products-field { font-size: 13px; font-weight: 600; }
.products-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.products-title b { color: var(--red); }
.add-product { border: 0; background: #edf2ff; color: var(--blue); border-radius: 7px; padding: 7px 11px; cursor: pointer; }
.product-row { display: grid; grid-template-columns: 1.5fr 1fr 90px 74px 34px; gap: 8px; align-items: center; margin-top: 8px; }
.product-row input,.product-row select { width: 100%; border: 1px solid #dfe3ea; border-radius: 8px; padding: 10px 11px; outline: none; background: white; }
.product-row .product-note { grid-column: 1 / -1; }
.remove-product { border: 0; width: 34px; height: 34px; border-radius: 8px; background: #fff0f0; color: #bd3838; cursor: pointer; font-size: 18px; }
.product-list { margin: 0; padding: 0; list-style: none; }
.product-list li { display: grid; grid-template-columns: 1fr auto; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.product-list li:last-child { border-bottom: 0; }
.product-list small { display: block; color: var(--muted); margin-top: 4px; }
.product-list .item-note { color: #46536b; }
.shipping-summary { color: #2b67d8 !important; font-weight: 600; }
#taskRows tr.row-in-progress td { background: #effaf4; border-top-color: #d8eee2; }
#taskRows tr.row-in-progress td:first-child { box-shadow: inset 4px 0 #22a06b; }
#taskRows tr.row-in-progress:hover td { background: #e7f7ee; }
#taskRows tr.row-in-progress .badge.doing { background: #d8f4e5; color: #08764b; }
#taskRows tr.row-shipped-complete td { background: #f1f3f5; color: #8a9099; border-top-color: #e2e5e9; }
#taskRows tr.row-shipped-complete td strong { color: #777f8a; }
#taskRows tr.row-shipped-complete td small,#taskRows tr.row-shipped-complete .shipping-summary { color: #9aa1aa !important; }
#taskRows tr.row-shipped-complete .badge { background: #e1e4e8; color: #777f89; }
#taskRows tr.row-shipped-complete:hover td { background: #e9ecef; }
#taskRows tr.row-partially-shipped td { background: #fff9e8; border-top-color: #f1e4ba; }
#taskRows tr.row-partially-shipped td:first-child { box-shadow: inset 4px 0 #e3a526; }
#taskRows tr.row-partially-shipped:hover td { background: #fff4d2; }
#taskRows tr.row-partially-shipped .shipping-summary { color: #a66d00 !important; }
#taskRows tr.row-partially-shipped .badge { background: #fff0bf; color: #946000; }
.ship-progress { color: #16794f !important; font-weight: 600; }
.shipment-history { margin: 0; padding: 0; list-style: none; }
.shipment-history li { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.shipment-history li:last-child { border-bottom: 0; }
.shipment-history small { display: block; color: var(--muted); margin-top: 4px; }
.shipment-history li.voided { opacity: .58; text-decoration: line-through; }
.void-shipment { display: block; border: 0; background: transparent; color: #bd3838; cursor: pointer; margin-top: 7px; }
.shipment-rows { display: grid; gap: 9px; margin-bottom: 18px; }
.shipment-row { display: grid; grid-template-columns: 1fr 150px 72px; gap: 12px; align-items: center; border: 1px solid var(--line); background: #f8faff; border-radius: 10px; padding: 12px 14px; }
.shipment-row strong,.shipment-row small { display: block; }
.shipment-row small { color: var(--muted); margin-top: 4px; }
.shipment-row label { font-size: 12px; color: var(--muted); }
.shipment-row input { display: block; width: 100%; border: 1px solid #dfe3ea; border-radius: 8px; padding: 9px 10px; margin-top: 5px; outline: none; }
.shipment-row > span { font-weight: 600; }
.shipment-meta { border-top: 1px solid var(--line); padding-top: 18px; }
.detail-dialog .dialog-actions { flex-wrap: wrap; }
@media (max-width: 650px) { .product-row { grid-template-columns: 1fr 1fr 70px; } .product-row select { grid-column: 1/2; } .shipment-row { grid-template-columns: 1fr 110px; } .shipment-row > span { grid-column: 2; } }
.bind-help { background: #f4f7ff; color: #526079; border-radius: 10px; padding: 14px 16px; font-size: 13px; line-height: 1.7; margin-bottom: 18px; }
.single-field { display: block; font-size: 13px; font-weight: 600; }
.single-field input,.single-field select { display: block; width: 100%; border: 1px solid #dfe3ea; border-radius: 8px; padding: 10px 11px; margin-top: 7px; outline: none; background: white; }
.check-field { display: flex; align-items: center; gap: 8px; margin-top: 17px; font-size: 14px; }
.success-text { color: var(--green); font-size: 13px; min-height: 18px; }
.manual-bind { color: var(--muted); font-size: 12px; margin: 2px 0 9px; border-top: 1px solid var(--line); padding-top: 14px; }