/* Phone layouts: preserve readable labels and tap targets rather than shrinking text. */
@media(max-width:700px){
body{overflow-wrap:break-word}button,a,input,select,textarea{min-width:0}main,.workspace,.page-heading>div,.panel,.panel>div,.form-panel,.settings-group,.notification-card{min-width:0}.btn{white-space:normal;text-align:center;line-height:1.4;max-width:100%;height:auto}.btn .ui-icon{flex-shrink:0}.topbar-actions{flex-shrink:0}.customer-layout .header-logout button{width:38px;height:38px;padding:9px}.customer-layout .header-logout button span{display:none}.customer-layout .header-logout .ui-icon{width:19px;height:19px}.customer-layout .topbar{gap:10px}.customer-layout .mobile-brand{min-width:0}.customer-layout .mobile-brand img{width:105px;max-width:100%}.page-heading{gap:14px;flex-wrap:wrap;align-items:flex-start}.page-heading h1{font-size:clamp(25px,7vw,32px);line-height:1.18;word-break:normal;overflow-wrap:break-word}.page-heading>.btn{min-height:42px}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.section-heading h2{font-size:23px;line-height:1.25}.section-heading>a{font-size:12px;line-height:1.5}.customer-layout .small-stats{grid-template-columns:1fr}.small-stats>div{padding:18px 20px}.small-stats strong{font-size:26px;line-height:1.3}.member-balance{gap:12px;flex-wrap:wrap}.member-balance>strong{font-size:clamp(30px,9vw,40px);white-space:nowrap}.member-id{gap:12px;flex-wrap:wrap}.account-tabs a{white-space:normal;line-height:1.4}.account-shortcuts a{gap:12px;min-height:50px}.customer-layout .reward-grid{gap:12px}.reward-tile .reward-info{padding:12px}.reward-tile .reward-info h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.4;min-height:55px;max-height:55px;word-break:normal;overflow-wrap:break-word}.reward-tile .reward-info>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:25px;max-height:25px}.reward-tile .reward-bottom{align-items:flex-start;flex-direction:column;gap:8px}.reward-tile .reward-bottom>strong{font-size:16px;white-space:nowrap;border-radius:10px}.reward-tile .reward-image{aspect-ratio:1;height:auto}.reward-tile .tag.sale-tag{left:6px;top:6px;max-width:calc(100% - 40px);font-size:7px;padding:6px;white-space:nowrap}.category-rail a{flex-shrink:0}.category-rail strong{line-height:1.4;min-height:34px}.product-copy h1{font-size:26px!important;line-height:1.25;word-break:normal;overflow-wrap:break-word}.product-price{flex-wrap:wrap;gap:8px}.product-description-panel .product-description{overflow-wrap:break-word}.product-table-wrap{max-width:100%;overflow-x:auto}.product-table-wrap table{min-width:420px}.product-description-panel{padding:20px}.add-to-cart-form{grid-template-columns:75px minmax(0,1fr);align-items:end;gap:10px}.add-to-cart-form .btn{min-height:48px;font-size:12px}.add-to-cart-form input{margin-bottom:0}.cart-layout{grid-template-columns:minmax(0,1fr)}.cart-products{padding:18px}.cart-item{grid-template-columns:60px minmax(0,1fr);gap:12px}.cart-photo img{width:60px;height:80px}.cart-item>strong{grid-column:2}.cart-quantity{flex-wrap:wrap;gap:8px}.cart-quantity input{width:65px;margin:0}.cart-quantity label{display:flex;align-items:center;gap:8px}.cart-item h2{font-size:14px}.drawer-item-actions{row-gap:10px}.drawer-item h3{font-size:13px}.drawer-summary .btn{min-height:46px}.ledger-row{gap:12px}.ledger-row>div{min-width:0}.ledger-row strong{overflow-wrap:break-word}.staff-layout .management-tabs{flex-wrap:wrap;overflow:visible;margin:0 0 24px;padding:0 0 14px;gap:6px}.staff-layout .management-tabs a{white-space:normal;max-width:100%;line-height:1.4;padding:10px 12px;min-height:42px;font-size:11px}.staff-layout .management-tabs .management-back{flex-basis:100%}.staff-layout .heading-actions .btn{flex:1 1 125px;white-space:normal}.staff-layout .bulk-controls{margin:0;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.staff-layout .bulk-controls>*{width:100%;max-width:100%;min-width:0;margin:0}.staff-layout .bulk-toolbar .check{white-space:normal}.staff-layout .editor-row{grid-template-columns:minmax(0,1fr)}.staff-layout .editor-footer .btn{flex:1 1 120px}.staff-layout .notification-card{padding:22px}.staff-layout .notification-card h2,.staff-layout .notification-card h3{line-height:1.3;overflow-wrap:break-word}.staff-layout .settings-group{padding:22px}.staff-layout .settings-group-header{gap:12px}.staff-layout .settings-group h2{font-size:21px}.staff-layout .settings-link{min-width:0}.staff-layout .table-wrap:has(.mobile-records){background:transparent;border:0;overflow:visible}.staff-layout .table-wrap .mobile-records{display:block!important;min-width:0!important;width:100%;table-layout:auto;border:0}.staff-layout .mobile-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.staff-layout .mobile-records tbody{display:grid;gap:14px}.staff-layout .mobile-records tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:18px;background:white;border:1px solid #e8eaf3;border-radius:16px;position:relative}.staff-layout .mobile-records tbody td{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding:0!important;border:0!important;min-width:0;width:auto!important;white-space:normal;overflow-wrap:anywhere;font-size:12px}.staff-layout .mobile-records td[data-col-label]::before{content:attr(data-col-label);display:block;color:#83899e;font-size:10px;font-weight:500;line-height:1.4}.staff-layout .mobile-records .record-wide{grid-column:1/-1}.staff-layout .mobile-records .record-selection{grid-column:1/-1}.staff-layout .mobile-records .table-product{min-width:0;max-width:100%;gap:12px}.staff-layout .mobile-records .table-product strong{max-width:none;font-size:13px;line-height:1.5}.staff-layout .mobile-records .row-action-set{display:flex;width:100%;justify-content:flex-start;gap:8px;flex-wrap:wrap}.staff-layout .mobile-records .action-button{min-height:40px;padding:8px 10px;font-size:11px}.staff-layout .mobile-records .row-actions{flex-wrap:wrap}.staff-layout .mobile-records .badge{min-width:70px}.staff-layout .mobile-records td>a{max-width:100%}.staff-layout .mobile-records .empty{grid-column:1/-1}.staff-layout .table-wrap .mobile-records input[type=checkbox]{width:19px;height:19px}.auth-form h1{font-size:28px;line-height:1.2}.auth-form.register .consent-field label{font-size:12px;line-height:1.6}.landing-contact a,.contact-details a{overflow-wrap:anywhere}.landing .section-heading{flex-direction:column}
}
@media(max-width:380px){.product-actions{grid-template-columns:minmax(0,1fr)}.product-actions .btn{min-height:44px;padding:11px 14px;font-size:12px}.customer-layout .mobile-brand img{width:90px}.header-cart.prominent-cart{padding:7px;gap:5px}.prominent-cart>strong{font-size:10px}.reward-tile .reward-info{padding:10px}.reward-tile .reward-info h3{font-size:12px}.customer-layout .reward-grid{gap:10px}.member-card{padding:23px 19px!important}.account-form-panel{padding:19px!important}.staff-layout .form-panel,.staff-layout .detail-panel,.staff-layout .editor-panel{padding:19px}.staff-layout .page-heading h1{font-size:26px}.staff-layout .admin-stats{grid-template-columns:minmax(0,1fr)}}
.bulk-controls input[hidden]{display:none!important}
@media(max-width:700px){.staff-layout .mobile-records td:last-child .row-action-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;justify-content:stretch}.staff-layout .mobile-records .row-action-set>.action-button{width:100%;min-width:0;padding:8px 5px;font-size:10px;gap:4px;white-space:nowrap}.staff-layout .mobile-records .row-action-set .ui-icon{width:13px;height:13px;flex-basis:13px}.staff-layout .mobile-records .row-action-set>form{min-width:0}.staff-layout .mobile-records .row-action-set>form .action-button{width:100%;white-space:normal}.staff-layout .heading-actions{align-items:stretch}}
.brand-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;vertical-align:middle}.cart-close .ui-icon,.settings-close .ui-icon{width:20px;height:20px}.text-link>.ui-icon,.auth-switch .ui-icon,.account-shortcuts .ui-icon{vertical-align:middle;flex-shrink:0}
.customer-layout:has(#catalog-grid){overflow-anchor:none}#catalog-grid[aria-busy=true]{opacity:.55;transition:opacity .15s}.category-rail a[aria-current=page]{color:var(--blue)}
.auth-form.register form>.btn{margin-top:24px}.auth-form.register .consent-field{margin-bottom:14px}.auth-form.register .consent-field:last-of-type{margin-bottom:0}
.auth-close{position:fixed;right:22px;top:20px;z-index:60;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f1fa;color:#444b6c;border:1px solid #e4e6f1;box-shadow:0 3px 14px #151b450a}.auth-close:hover{color:var(--brand-primary,#171b49);background:#e9e7ff}.auth-close .ui-icon{width:20px;height:20px}.auth-close:focus-visible{outline:3px solid #9b94ff;outline-offset:3px}@media(max-width:700px){.auth-close{right:16px;top:16px;background:#fff;box-shadow:0 3px 15px #151b4515}.auth-main{padding-top:40px}}
.order-status-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.order-status-tabs a{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #e6e7f0;border-radius:12px;font-size:12px}.order-status-tabs strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:#f1f1fa}.order-status-tabs a.active{background:var(--brand-soft,#eeedff);border-color:#aaa3ff;color:var(--brand-primary,#171b49)}.order-fulfillment{position:sticky;top:24px}.fulfillment-options{margin-top:22px;border-top:1px solid #eceef5;padding-top:18px}.fulfillment-options summary{font-size:12px;cursor:pointer;margin-bottom:18px}.tracking-info{font-size:13px;overflow-wrap:anywhere}.order-customer-grid a{overflow-wrap:anywhere}.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.operation-check{padding:28px;min-width:0}.operation-check h2{font-size:21px;margin:20px 0 12px}.operation-check p{font-size:13px;overflow-wrap:anywhere}.operation-check small{font-size:12px;color:#858ba0;line-height:1.7}@media(max-width:700px){.order-status-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-status-tabs a{padding:10px;font-size:11px;justify-content:space-between}.order-fulfillment{position:static}.operations-grid{grid-template-columns:minmax(0,1fr);gap:16px}.operation-check{padding:22px}.order-customer-grid{grid-template-columns:minmax(0,1fr);gap:24px}.order-bottom{flex-wrap:wrap;gap:16px}.customer-order .section-heading{gap:14px}.fulfillment-options .btn{min-height:44px}}
.order-management-layout>div{display:contents}.order-management-layout{grid-template-areas:"products fulfillment" "customer fulfillment"}.order-products{grid-area:products}.order-customer{grid-area:customer;margin-top:0!important}.order-fulfillment{grid-area:fulfillment;align-self:start}.tracking-fields{margin-bottom:22px}.tracking-fields summary{font-size:12px;cursor:pointer;margin-bottom:18px}.order-customer h2{line-height:1.3}@media(max-width:700px){.order-management-layout{grid-template-areas:"products" "fulfillment" "customer";grid-template-columns:minmax(0,1fr)}.order-management-layout .detail-panel,.order-management-layout .form-panel{padding:22px}.order-products .section-heading h2{font-size:20px}.order-products .section-heading{margin-top:0}}

.fulfillment-options>.field{margin-bottom:22px}.fulfillment-options>.btn{margin-top:4px}.order-line{grid-template-columns:70px minmax(0,1fr)}.order-total{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eceef5;padding-top:22px;margin-top:22px;font-size:14px}.order-total>strong{font-size:22px;color:var(--brand-primary,#171b49)}.order-total>span{color:#7d839b}@media(max-width:700px){.order-line{grid-template-columns:58px minmax(0,1fr)}.order-total>strong{font-size:21px}}

.catalog-filter-details>summary{padding:16px 2px;min-height:48px}.catalog-filter-panel{background:#fff;border:1px solid #e4e6f0;border-radius:18px;padding:24px;margin:4px 0 26px}.catalog-filter-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:24px}.filter-field{min-width:0}.filter-field>label{display:block;font-size:11px;font-weight:600;color:#7d839b;margin:0 0 10px}.filter-field>select{width:100%;min-width:0;height:46px;min-height:46px;margin:0;font-size:13px}.catalog-available{display:flex;align-items:center;gap:12px;min-height:46px;margin:0;padding:12px 14px;border:1px solid #e8eaf3;border-radius:11px;cursor:pointer;background:var(--brand-soft,#fafaff);white-space:normal}.catalog-available input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--brand-primary,#171b49)}.catalog-available strong{display:block;font-size:12px;line-height:1.4}.catalog-available small{display:block;color:#858ba2;font-size:10px;font-weight:400;line-height:1.5;margin-top:4px}.catalog-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #eceef5}.catalog-filter-actions .btn{min-width:160px;min-height:44px}.filter-reset{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#7d839b}.filter-reset:hover{color:var(--brand-primary,#171b49)}@media(max-width:900px){.catalog-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-available{grid-column:1/-1}}@media(max-width:700px){.catalog-filter-panel{padding:19px;border-radius:17px}.catalog-filter-fields{grid-template-columns:minmax(0,1fr);gap:19px}.catalog-available{grid-column:auto}.catalog-available small{font-size:11px}.catalog-filter-actions{flex-direction:column-reverse;align-items:stretch;gap:20px}.catalog-filter-actions .btn{width:100%}.filter-reset{justify-content:center;min-height:30px}.filter-field>label{font-size:12px}.filter-field>select{font-size:16px}}
.admin-search-panel{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid #e5e7f1;border-radius:15px;margin-bottom:24px}.admin-search-input{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin:0}.admin-search-input>.ui-icon{color:#858aa2;flex-shrink:0}.admin-search-input input{width:100%;min-width:0;margin:0}.admin-search-panel select{width:auto;max-width:300px;min-width:180px;margin:0}.admin-search-panel>.btn{flex-shrink:0}.internal-notes{padding:30px}.internal-notes>.section-heading{margin-top:0}.internal-notes textarea{width:100%;margin-top:9px;resize:vertical}.note-actions{display:flex;justify-content:flex-end;margin-top:16px}.notes-list article{padding:22px 0;border-top:1px solid #eceef5}.notes-list article:first-child{margin-top:24px}.notes-list article>div{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;font-size:12px}.notes-list time{color:#858ba0}.notes-list p{font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:normal}.publication-option{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;margin:18px 0 24px;white-space:normal}.publication-option input{width:18px!important;height:18px!important;flex:0 0 18px;margin:2px 0 0}.regulation-acceptance{margin-top:28px}.order-regulation{margin-top:24px}.order-regulation h2{font-size:20px}.campaign-confirm{max-width:900px;margin:auto}.campaign-confirm-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.campaign-confirm-summary>div{padding:18px;background:#f6f6fc;border-radius:12px}.campaign-confirm-summary small{display:block;margin-bottom:8px;color:#83899f}.campaign-confirm-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.mailing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mailing-actions>.btn{flex:1 1 150px}@media(max-width:700px){.admin-search-panel{flex-wrap:wrap;padding:16px;gap:12px}.admin-search-input{flex-basis:100%}.admin-search-panel select{flex:1;min-width:0;max-width:none}.admin-search-panel>.btn{min-height:46px}.internal-notes{padding:22px}.note-actions>.btn{width:100%}.campaign-confirm-summary{grid-template-columns:minmax(0,1fr)}.campaign-confirm-actions{flex-direction:column-reverse}.campaign-confirm-actions>.btn{width:100%}.publication-option{font-size:12px}.notes-list article>div{flex-direction:column;gap:7px}}
.topbar-actions{margin-left:auto}.admin-search-panel input,.admin-search-panel select{min-height:44px}.internal-notes label{font-size:12px;font-weight:600}.campaign-confirm h1{line-height:1.2;overflow-wrap:break-word}.order-regulation small{color:#83899f}
.search-clear{min-height:44px;width:44px;flex-shrink:0}.accepted-version{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #eceef5}.accepted-version small{display:block;color:#858ba0;font-size:11px;margin-top:7px}.accepted-version strong{font-size:13px}.order-terms{font-size:11px;color:#858ba0;line-height:1.7;margin:18px 0 0}@media(max-width:700px){.accepted-version{flex-wrap:wrap}.accepted-version .action-button{min-height:42px}}
/* Quantity controls share one baseline and touch target size. */
.cart-quantity{display:flex;align-items:flex-end;gap:10px;margin:18px 0}.cart-quantity label{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.cart-quantity input[type=number]{width:92px;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:10px 12px}.cart-quantity>.action-button{height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:10px 14px;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center}.cart-drawer .drawer-item-actions form{display:flex;align-items:flex-end}.cart-drawer .drawer-item-actions .action-button{align-self:flex-end}