.stw-orders-main,.stw-orders-main button,.stw-orders-main input,.stw-orders-main select,.stw-orders-main textarea,.stw-orders-main a{font-family:Inter,"Inter Fallback",Roboto,Arial,sans-serif}
.stw-orders-content{min-width:0}
.stw-orders-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px 22px}
.status-tabs{height:50px;display:flex;overflow-x:auto;border:1px solid #dce6ee;border-radius:9px;background:#fff;scrollbar-width:none}
.status-tabs::-webkit-scrollbar{display:none}
.status-tab{min-width:118px;flex:1 0 auto;padding:0 10px;border:0;border-bottom:3px solid transparent;background:transparent;color:#687d90;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}
.status-tab span{font-size:11px}.status-tab:hover{color:#075bae}.status-tab.active{border-bottom-color:#0b67b7;background:#f6fbff;color:#075bae;font-weight:700}.status-tab:focus-visible{outline:3px solid rgba(18,136,204,.22);outline-offset:-3px}
.orders-feedback{padding:11px 13px;border:1px solid #efc3ca;border-radius:8px;background:#fff3f5;color:#a82439;font-size:12px;font-weight:500}
.order-card,.empty-orders{border:1px solid #dce6ee;border-radius:10px;background:#fff;overflow:hidden}
.order-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;border-bottom:1px solid #e8eef3;background:#f9fbfd}
.order-meta-left,.order-meta-right{min-width:0;display:flex;align-items:center;gap:9px}
.order-code{padding:3px 7px;border:1px solid #d9e9f6;border-radius:5px;background:#eef7fd;color:#075bae;font-size:12px;font-weight:700}.order-date{color:#788b9c;font-size:12px;font-weight:400}
.micro-status{overflow:hidden;color:#1478b9;font-size:11.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.order-status-tag{font-size:11px;font-weight:700;white-space:nowrap}.status-placed{color:#d92942}.status-shipping{color:#087fba}.status-completed{color:#198753}.status-cancelled{color:#7b8b98}
.order-body{display:flex;flex-direction:column;padding:4px 14px}.order-item{min-width:0;display:flex;align-items:center;gap:12px;padding:11px 0}.order-item+.order-item{border-top:1px solid #edf1f4}.order-item-img{width:66px;height:66px;flex:0 0 66px;padding:3px;border:1px solid #dce5ec;border-radius:8px;background:#fff;object-fit:contain}.order-item-info{min-width:0;flex:1}.order-item-title{display:-webkit-box;overflow:hidden;margin:0;color:#18344f;font-size:13.5px;font-weight:600;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.order-item-sub{display:flex;align-items:center;gap:9px;margin-top:5px;color:#7b8d9c;font-size:11px;font-weight:400}.order-item-qty-badge{padding:1px 6px;border-radius:4px;background:#eff4f7;color:#40576a;font-weight:600}.order-item-price{flex:0 0 auto;text-align:right}.price-sale{color:#e42340;font-size:14px;font-weight:700}
.order-footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-top:1px solid #e8eef3;background:#fbfcfd}.order-total-line{display:flex;align-items:baseline;gap:9px;color:#62778a;font-size:12px;font-weight:500}.order-total-amount{color:#e42340;font-size:18px;font-weight:700}.order-actions{display:flex;align-items:center;gap:8px}.btn-action-sec,.btn-action-primary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.btn-action-sec{border:1px solid #cbd8e3;background:#fff;color:#526a7e}.btn-action-primary{border:0;background:linear-gradient(135deg,#0758b4,#0b8fd3);color:#fff;box-shadow:0 4px 10px rgba(7,88,180,.15)}.btn-action-reorder{background:#0b67b7}.btn-action-sec:focus-visible,.btn-action-primary:focus-visible{outline:3px solid rgba(18,136,204,.22);outline-offset:2px}
.empty-orders{padding:48px 20px;text-align:center}.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#eef7fd;color:#0b67b7}.empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.empty-orders h2{margin:0 0 6px;color:#18344f;font-size:16px;font-weight:700}.empty-orders p{margin:0 0 18px;color:#758899;font-size:12.5px}.empty-orders .btn-action-primary{width:max-content;margin:auto}
.modal-overlay{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,35,54,.58);backdrop-filter:blur(3px)}.modal-box{width:min(460px,100%);padding:22px;border-radius:13px;background:#fff;box-shadow:0 20px 50px rgba(15,35,54,.22)}.modal-title{margin-bottom:12px;color:#18344f;font-size:17px;font-weight:700}.retention-alert{display:flex;gap:9px;margin-bottom:14px;padding:10px 12px;border:1px solid #f4dea1;border-radius:8px;background:#fffaf0;color:#7d5b13;font-size:11.5px;line-height:1.5}.reason-list{display:grid;gap:7px;margin-bottom:18px}.reason-item{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #dce5ec;border-radius:8px;color:#3d5569;font-size:12.5px;font-weight:500;cursor:pointer}.reason-item.selected{border-color:#0b67b7;background:#eef7fd;color:#075bae}.reason-radio{width:16px;height:16px;accent-color:#0b67b7}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px}.btn-modal-cancel{min-height:40px;padding:0 13px;border:0;background:transparent;color:#657b8e;font-size:12px;font-weight:600;cursor:pointer}

@media(max-width:720px){
  .stw-orders-body{gap:10px;padding:12px}
  .stw-orders-content>header{padding-bottom:13px}
  .status-tabs{height:48px;margin:0;scroll-snap-type:x proximity}
  .status-tab{min-width:104px;padding:0 8px;font-size:11px;scroll-snap-align:start}.status-tab span{font-size:10px}
  .order-header{min-height:56px;align-items:flex-start;padding:9px 10px}.order-meta-left{align-items:flex-start;flex-direction:column;gap:3px}.order-meta-right{max-width:60%;align-items:flex-end;flex-direction:column;gap:3px;text-align:right}.micro-status{max-width:100%;font-size:10.5px}.order-status-tag{font-size:10px}
  .order-body{padding:2px 10px}.order-item{align-items:flex-start;gap:9px;padding:10px 0}.order-item-img{width:62px;height:62px;flex-basis:62px}.order-item-title{font-size:13px;line-height:1.4}.order-item-sub{align-items:flex-start;flex-direction:column;gap:3px;margin-top:4px;font-size:10.5px}.order-item-price{align-self:center}.price-sale{font-size:13px}
  .order-footer{min-height:62px;align-items:flex-end;padding:10px}.order-total-line{align-items:flex-start;flex-direction:column;gap:2px;font-size:11px}.order-total-amount{font-size:17px}.btn-action-sec,.btn-action-primary{min-height:44px;padding:0 13px}
  .empty-orders{padding:38px 16px}.modal-box{max-height:calc(100dvh - 24px);overflow:auto;padding:18px}.modal-footer{align-items:stretch;flex-direction:column-reverse}.modal-footer>*{width:100%;min-height:44px}
}

@media(max-width:370px){.order-item-price{display:none}.order-meta-right{max-width:55%}}

/* Sông Thương Water brand palette */
.status-tabs,.order-card,.empty-orders{border-color:var(--account-line)}
.status-tab:hover{color:var(--account-blue)}
.status-tab.active{border-bottom-color:var(--account-cyan);background:#F7FCFF;color:var(--account-blue)}
.orders-feedback{border-color:#F2C3CB;background:#FFF3F5;color:var(--account-error)}
.order-header{border-bottom-color:#E2EDF4;background:#F7FCFF}
.order-code{border-color:#CDE3F2;background:var(--account-soft);color:var(--account-blue)}
.micro-status{color:var(--account-blue-secondary)}
.status-placed,.price-sale,.order-total-amount{color:var(--account-error)}
.status-shipping{color:var(--account-cyan)}
.status-completed{color:var(--account-success)}
.order-item-title,.empty-orders h2,.modal-title{color:var(--account-blue-dark)}
.order-item-img{border-color:var(--account-line)}
.order-item-qty-badge{background:#EEF6FB;color:var(--account-ink)}
.order-footer{border-top-color:#E2EDF4;background:#F9FCFE}
.btn-action-primary{background:linear-gradient(135deg,var(--account-blue),var(--account-cyan));box-shadow:0 4px 10px rgba(11,75,159,.18)}
.btn-action-reorder{background:var(--account-blue-secondary)}
.empty-icon{background:var(--account-soft);color:var(--account-cyan)}
.reason-item.selected{border-color:var(--account-blue-secondary);background:var(--account-soft);color:var(--account-blue)}
.reason-radio{accent-color:var(--account-blue)}

.stw-addresses-head .stw-address-add{min-height:44px;padding-inline:18px;white-space:nowrap}
.stw-addresses-body{display:flex;flex-direction:column;gap:14px;padding:20px}
.addresses-feedback-success{padding:11px 13px;border:1px solid #a9dbc2;border-radius:8px;background:#f0fff7;color:#147545;font-size:12.5px;font-weight:600}
.stw-address-form{padding:20px;border:1px solid var(--account-line);border-radius:11px;background:#fbfdff}
.stw-address-form-title{margin-bottom:18px}.stw-address-form-title h2{margin:0 0 4px;color:var(--account-blue-dark);font-size:17px;line-height:1.35}.stw-address-form-title p{margin:0;color:#748798;font-size:12.5px;line-height:1.5}
.stw-address-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}.stw-address-field{min-width:0}.stw-address-field.is-full{grid-column:1/-1}.stw-address-field label{display:flex;align-items:baseline;gap:7px;margin-bottom:7px;color:#28445f;font-size:13px;font-weight:650}.stw-address-field label small{color:#7d8e9d;font-size:11px;font-weight:400}
.stw-address-field input,.stw-address-field select,.stw-address-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfdde8;border-radius:8px;background:#fff;color:#18344f;font-size:14px;line-height:1.4;outline:none}.stw-address-field textarea{min-height:82px;resize:vertical}.stw-address-field select:disabled{background:#f2f5f7;color:#8495a3}.stw-address-field input:focus,.stw-address-field select:focus,.stw-address-field textarea:focus{border-color:var(--account-cyan);box-shadow:0 0 0 3px rgba(19,166,216,.12)}.stw-address-field [aria-invalid="true"]{border-color:var(--account-error)}
.stw-address-field-error{display:block;margin-top:5px;color:var(--account-error);font-size:11.5px;line-height:1.4}
.stw-address-default{min-height:44px;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:12px;color:#36546d;font-size:13px;font-weight:500;cursor:pointer}.stw-address-default input{width:17px;height:17px;margin:0;accent-color:var(--account-blue-secondary)}
.stw-address-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.stw-address-form-actions button{min-width:112px;min-height:44px}.stw-address-form-actions button:disabled{cursor:wait;opacity:.65}
.stw-address-list{display:grid;gap:12px}.stw-address-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid var(--account-line);border-radius:10px;background:#fff}.stw-address-card.is-default{border-color:#9dccef;box-shadow:inset 3px 0 0 var(--account-blue-secondary)}.stw-address-card-main{min-width:0}.stw-address-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:7px;color:#61768a;font-size:12.5px}.stw-address-card-title strong{color:var(--account-blue-dark);font-size:14px}.stw-address-card-title em{padding:2px 7px;border:1px solid #9ccbf0;border-radius:4px;background:var(--account-soft);color:var(--account-blue-secondary);font-size:10px;font-style:normal;font-weight:700}.stw-address-card-main p{margin:0;color:#425d73;font-size:13px;line-height:1.55}.stw-address-card-main small{display:block;margin-top:5px;color:#788b9c;font-size:11.5px;line-height:1.45}.stw-address-card-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.stw-address-card-actions button{min-height:40px;padding:0 9px;border:0;background:transparent;color:var(--account-blue-secondary);font-size:12px;font-weight:650;cursor:pointer}.stw-address-card-actions button:hover{background:var(--account-soft)}.stw-address-card-actions button.is-danger{color:var(--account-error)}.stw-address-card-actions button:disabled{cursor:wait;opacity:.55}
.stw-address-delete-confirm{position:absolute;right:14px;bottom:10px;display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #efc3ca;border-radius:8px;background:#fff8f9;box-shadow:0 5px 14px rgba(31,55,75,.1);color:#7a3a44;font-size:11.5px;font-weight:600}.stw-address-delete-confirm button{min-height:32px;padding:0 9px;border:1px solid #d8e2e9;border-radius:6px;background:#fff;color:#536a7d;font-size:11px;font-weight:650;cursor:pointer}.stw-address-delete-confirm button:last-child{border-color:var(--account-error);background:var(--account-error);color:#fff}
@media(prefers-reduced-motion:reduce){.stw-orders-main *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:720px){
  .stw-addresses-head{align-items:flex-start!important}.stw-addresses-head .stw-address-add{padding-inline:13px}
  .stw-addresses-body{gap:12px;padding:12px}
  .stw-address-form{padding:15px 13px}.stw-address-form-grid{grid-template-columns:1fr;gap:13px}.stw-address-field.is-full{grid-column:auto}.stw-address-field input,.stw-address-field select,.stw-address-field textarea{font-size:16px}
  .stw-address-form-actions{position:sticky;bottom:0;z-index:2;margin:16px -13px -15px;padding:10px 13px;background:rgba(255,255,255,.96);box-shadow:0 -5px 12px rgba(21,50,74,.06)}.stw-address-form-actions>*{flex:1}
  .stw-address-card{display:block;padding:15px 13px}.stw-address-card-actions{margin:10px -4px 0}.stw-address-card-actions button{min-height:44px}.stw-address-delete-confirm{position:static;justify-content:flex-end;margin-top:8px}.stw-address-delete-confirm span{margin-right:auto}
}

@media(max-width:390px){.stw-addresses-head{flex-direction:column}.stw-addresses-head .stw-address-add{width:100%}.stw-address-card-actions{flex-wrap:wrap}.stw-address-card-actions button{flex:1 1 auto}}