/* Jams Apparel final UI stability pass */
*,*::before,*::after{box-sizing:border-box}

html{overflow-x:clip}
body{max-width:100%;overflow-x:clip;font-family:var(--font-sans)}
img,svg,canvas,video{max-width:100%}
button,input,select,textarea{font:inherit;max-width:100%}
h1,h2,h3,h4,.type-display,.type-h1,.type-h2,.type-h3{
  font-family:var(--font-display);
  font-optical-sizing:auto;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.12;
}
h1{font-size:var(--type-h1)}
h2{font-size:var(--type-h2)}
h3{font-size:var(--type-h3)}
.type-display{font-size:var(--type-display)}
.type-h1{font-size:var(--type-h1)}
.type-h2{font-size:var(--type-h2)}
.type-h3{font-size:var(--type-h3)}
.type-body{font-family:var(--font-sans);font-size:var(--type-body)}
.type-small{font-family:var(--font-sans);font-size:var(--type-small)}
.type-label{font-family:var(--font-sans);font-size:var(--type-label);font-weight:600}
.type-caption{font-family:var(--font-sans);font-size:var(--type-caption)}
.price,.product-price,.order-price{font-family:var(--font-sans);font-variant-numeric:tabular-nums}
button{font-family:var(--font-sans)}
.navbar a,.nav-links a,.nav-link{font-family:var(--font-sans);font-weight:500;letter-spacing:.005em}
.container,.wide-inner,.card,.modal-content,.auth-shell,.studio-shell{min-width:0}
.product-grid,.orders-grid,.inventory-grid,.dashboard-grid,.tx-stats-grid{min-width:0}
.product-card,.order-card,.inventory-item,.dashboard-card,.tx-table-card,.card{min-width:0;overflow:hidden}
.product-info-block,.order-card *,.inventory-item *,.card *{overflow-wrap:anywhere}
.table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:640px}
.modal{padding:20px;overflow:auto}
.modal-content{max-width:min(960px,100%);margin:auto}
.auth-shell{width:min(1040px,calc(100% - 28px));max-width:100%;overflow:hidden}
.password-field{min-width:0}.password-field input{min-width:0;width:100%;padding-right:78px}
.copyright-check,.studio-terms{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;line-height:1.45}
.copyright-check input,.studio-terms input{margin:3px 0 0;width:16px;height:16px}
.copyright-check span,.studio-terms span{min-width:0}
.navbar a{white-space:nowrap}
@media(max-width:820px){.admin-page .navbar{position:sticky;top:0;inset:auto;width:100%;height:auto;max-height:none;z-index:1000;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px}.admin-page .brand-row{padding:0}.admin-page .nav-links{flex-direction:row;overflow-x:auto}.admin-page .nav-links::before{display:none}.admin-page .navbar a{min-height:40px}.admin-page .container{margin-left:0;padding:0 16px 40px}.admin-page .navbar a.logout{margin-top:0}.studio-grid{min-width:0}}
@media(max-width:560px){.container{padding-left:12px!important;padding-right:12px!important}.auth-shell{width:calc(100% - 20px)}.modal{padding:10px}.modal-content{border-radius:16px}.copyright-check,.studio-terms{grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:.78rem}.product-grid{grid-template-columns:1fr!important}.dashboard-grid{grid-template-columns:1fr!important}.orders-grid,.inventory-grid,.tx-stats-grid{grid-template-columns:1fr!important}}

/* =========================================================
   JAMS APPAREL — PROFESSIONAL UI / FUNCTION PASS
   ========================================================= */
body:not(.center) > .navbar{
  position:sticky;top:0;z-index:3000;
  backdrop-filter:blur(14px);
}
/* Keep customer navigation visible while browsing/scrolling, including mobile layouts. */
.navbar:not(.admin-page .navbar){
  position:sticky!important;
  top:0!important;
  z-index:3000!important;
}
.admin-page .navbar{position:fixed!important;top:0!important;}
.product-color-preview{display:flex;gap:6px;margin:10px 0 2px}
.product-color-dot{width:18px;height:18px;border-radius:50%;background:var(--product-color);border:2px solid #fff;box-shadow:0 0 0 1px #d9dee7}
.modal-color-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.modal-color-swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch-color);border:2px solid #fff;box-shadow:0 0 0 1px #d5dbe5;cursor:pointer}
.modal-color-swatch.active{box-shadow:0 0 0 2px var(--orange),0 0 0 4px #fff}
.checkout-address-select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;margin-top:6px}
.selected-address-preview{margin-top:10px;padding:11px 13px;border-radius:10px;background:#f8fafc;border:1px solid #e8edf3;color:#475569;font-size:.84rem}
.order-details,.customer-order-details{margin-top:14px;border-top:1px solid #eef1f5;padding-top:12px;transition:border-color .2s ease,opacity .2s ease}
.order-details summary,.customer-order-details summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;color:#b45309;list-style:none;-webkit-appearance:none;appearance:none;padding:0;background:transparent;border:0;line-height:1.4}
.order-details summary::-webkit-details-marker,.customer-order-details summary::-webkit-details-marker{display:none}
.order-details summary:before,.customer-order-details summary:before{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #b45309;transform:rotate(0deg);transition:transform .2s ease}
.order-details[open] summary:before,.customer-order-details[open] summary:before{transform:rotate(180deg)}
.order-details[open],.customer-order-details[open]{border-top-color:#f1c79c}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-details>summary,.customer-order-details>summary{display:grid;width:100%;min-height:20px;justify-items:center;align-items:center;color:#98a2b3}
.order-details>summary:before,.customer-order-details>summary:before{border-left-width:4px;border-right-width:4px;border-top-width:5px;border-top-color:#98a2b3}
.order-details>summary:hover:before,.customer-order-details>summary:hover:before{border-top-color:#b45309}
.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.order-detail-grid>div,.tx-expanded>div{padding:11px 12px;border:1px solid #edf0f4;border-radius:10px;background:#fbfcfe}
.order-detail-grid span,.tx-expanded span{display:block;color:#94a3b8;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.order-detail-grid strong,.tx-expanded strong{font-size:.82rem;color:#1f2937}
.order-design-assets{margin-top:10px;padding:12px;border:1px solid #e8edf3;border-radius:10px;background:#f8fafc}
.order-design-uploads{display:grid;gap:8px;min-width:0;color:#64748b;font-size:.75rem}
.order-design-uploads-status{color:#8b95a5}
.order-design-title{color:#344054;font-size:.78rem}
.order-design-upload-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.order-design-upload-gallery figure{min-width:0;margin:0;padding:8px;border:1px solid #e8edf3;border-radius:9px;background:#fff}
.order-design-upload-gallery img{display:block;width:100%;height:210px;max-height:45vh;object-fit:contain;background:#fff}
.order-design-upload-gallery figcaption{margin-top:6px;color:#778195;font-size:.69rem;font-weight:750}
.order-design-download{display:inline-flex;justify-content:center;align-items:center;min-height:34px;margin-top:9px;padding:0 10px;font-size:.74rem;text-decoration:none}
.order-tabs{display:flex;flex-wrap:wrap;gap:8px}
.tx-filter-tools{display:flex;gap:10px;flex-wrap:wrap}
.tx-filter-tools select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}
.tx-record{border-bottom:1px solid #eef1f5}
.tx-record:last-child{border-bottom:0}
.tx-record summary{list-style:none;cursor:pointer}
.tx-record summary::-webkit-details-marker{display:none}
.tx-record[open] summary{background:#f8fafc}
.tx-table-row{display:grid;grid-template-columns:1.05fr 1.2fr 1.05fr .9fr 1fr .8fr .8fr;gap:12px;align-items:center;padding:15px 16px}
.tx-table-row:after{content:"⌄";justify-self:end;color:#94a3b8;font-weight:900}.tx-record[open] .tx-table-row:after{content:"⌃"}.tx-table-row small{display:block;color:#94a3b8;margin-top:2px;font-size:.7rem}
.tx-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}
.customer-orders-modal{max-width:800px}
.customer-modal-head{padding-bottom:14px;border-bottom:1px solid #eef1f5;margin-bottom:14px}
.customer-order-list{display:grid;gap:9px}
.customer-order-mini{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px;border:1px solid #e8edf3;border-radius:12px;background:#fff}
.customer-order-mini>div span{display:block;color:#94a3b8;font-size:.72rem;margin-top:3px}
.customer-status{display:inline-flex;margin-top:5px;padding:0;border-radius:0;font-size:.68rem;font-weight:900}
.customer-status+.customer-status{margin-left:8px}
.activity-log-card{padding:0;overflow:hidden}.activity-log-list{display:grid}
.activity-log-row{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid #eef1f5}
.activity-log-row:last-child{border-bottom:0}
.activity-log-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#fff7ed;color:#f97316;display:grid;place-items:center;font-weight:900}
.activity-log-row strong{text-transform:capitalize;font-size:.86rem}.activity-log-row p{margin:2px 0;font-size:.78rem}.activity-log-row small{color:#94a3b8;font-size:.7rem}
.password-toggle{width:42px!important;height:42px!important;padding:0!important;margin:0!important;position:absolute;right:6px;top:50%!important;transform:translateY(-50%)!important;border-radius:9px!important;background:#f8fafc!important;color:#64748b!important;border:1px solid #e5e7eb!important;box-shadow:none!important}
.password-toggle:hover{transform:translateY(-50%)!important}
.password-toggle.holding{background:#111827!important;color:#fff!important}
.password-field{position:relative}.password-field input{padding-right:58px!important}
.chat-size-controls{display:flex;gap:5px;margin-left:auto}.chat-size-controls button{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}
.chat-window.is-dragging{transition:none!important;cursor:grabbing}
.chat-image-viewer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:56px 20px 20px;background:rgba(8,12,20,.88);backdrop-filter:blur(4px)}
.chat-image-viewer img{display:block;max-width:min(1100px,100%);max-height:calc(100vh - 88px);object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.chat-image-viewer-close{position:absolute;top:14px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.chat-image-viewer-close:hover{background:rgba(255,255,255,.24)}
@media(max-width:720px){
 .order-detail-grid,.tx-expanded{grid-template-columns:1fr}
 .tx-table-row{grid-template-columns:1fr 1fr}
 .customer-order-mini{grid-template-columns:1fr}
}

/* Final requested professional pass */
body.center.login-page{
  min-height:100vh;
  background:linear-gradient(135deg,#fff7f1 0%,#f8fafc 52%,#fff 100%);
}
.login-layout{
  width:min(1080px,calc(100vw - 36px))!important;
  min-height:650px;
  border:1px solid #e7eaf0;
  border-radius:24px;
  box-shadow:0 28px 70px rgba(17,24,39,.13);
  background:#fff;
}
.login-card{
  padding:clamp(34px,5vw,64px)!important;
  justify-content:center;
  background:#fff;
}
.login-card .brand .eyebrow{color:#f4511e;letter-spacing:.16em;font-weight:900}
.login-card h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;line-height:1.08;margin:10px 0 9px}
.login-card .subtitle{font-size:.92rem;margin-bottom:24px;max-width:430px}
.login-card>input,.login-card .password-field input{height:50px;border-radius:10px;border:1px solid #dfe3e8;background:#fff;transition:.18s}
.login-card>input:focus,.login-card .password-field input:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.10);outline:none}
.login-main-btn{height:50px!important;border-radius:10px!important;background:#ee4d2d!important;color:#fff!important;font-weight:900!important;border:0!important;box-shadow:0 8px 20px rgba(238,77,45,.18)}
.login-main-btn:hover{background:#d94327!important;transform:translateY(-1px)}
.login-divider{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:.76rem;font-weight:800;margin:16px 0}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e5e7eb;flex:1}
.google-login-btn{height:48px!important;border:1px solid #dfe3e8!important;background:#fff!important;color:#374151!important;border-radius:10px!important}
.auth-links{margin-top:18px}
.auth-links a:first-child{color:#6b7280}
.auth-links a:last-child{color:#ee4d2d;font-weight:900}
.auth-visual{background:#fff3ed!important;position:relative}
.auth-visual:before{content:"JAMS APPAREL";position:absolute;left:24px;top:24px;z-index:2;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#c2410c}
.image-slot{background:#fff3ed!important}
.image-slot img{width:100%;height:100%;object-fit:cover;object-position:center}
.modal-image.product-img{background-repeat:no-repeat;background-size:contain;background-position:center}

.cart-item-visual{display:flex;flex-direction:column;gap:7px;min-width:94px}
.cart-product-image{width:94px;height:94px;border-radius:12px;background:#f1f5f9;background-size:cover;background-position:center;border:1px solid #e8edf3}
.cart-product-image.has-product-image{background-color:#fff}
.cart-product-image{display:block;object-fit:cover}
.cart-product-image.has-shirt-mockup{object-fit:contain;background:#f8fafc}
.cart-item-card.has-2d-preview{grid-template-columns:240px minmax(0,1fr) auto}
.cart-2d-preview{width:100%;margin:0;padding:7px;border:1px solid #e8edf3;border-radius:10px;background:#fff}
.cart-2d-preview figcaption{margin:0 0 5px;color:#64748b;font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.cart-product-image.has-2d-shirt-preview{width:100%;height:128px;object-fit:contain;background:#f8fafc;border-radius:7px}
.cart-design-preview{position:relative;width:94px;border:1px solid #e8edf3;border-radius:10px;padding:4px;background:#fff}
.cart-design-preview span{display:block;font-size:.58rem;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 3px 3px}
.cart-design-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.cart-design-preview-cell{min-width:0}
.cart-design-preview-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:800;color:#64748b}
.cart-design-preview-cell img{width:100%;height:42px;object-fit:contain;border-radius:6px;background:#f8fafc}
.chat-file-attachment{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.85);font-weight:800;font-size:.78rem;word-break:break-word}
.file-preview-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#f1f5f9;font-size:1.3rem}

/* Shared product-grade design system */

body:not(.admin-page):not(.center){background:#fff;color:#111827}
.container{width:min(1320px,calc(100% - 64px));padding:30px 0 72px}
.container>.card,.container>.policy-card{box-shadow:none}
.page-header,.inventory-header,.dashboard-top-card,.section-header,.catalog-header,.profile-header{
  margin-top:10px;margin-bottom:26px;gap:24px
}
.page-header h1,.page-header h2,.inventory-header h1,.inventory-header h2,.dashboard-top-card h2,.catalog-header h2,.container>h2{
  color:#111827;font-size:clamp(1.8rem,2.6vw,2.35rem);font-weight:700;letter-spacing:-.045em;line-height:1.12
}
.dashboard-subtitle,.page-header p,.inventory-header p,.catalog-header p{color:#667085;font-size:.9rem;line-height:1.55}
.card,.dashboard-top-card,.dashboard-card,.inventory-header,.policy-card,.cart-items-section,.cart-summary,.design-card,.order-card,.tx-stat-card,.tx-table-card,.product-card{
  border:0;border-radius:0;box-shadow:none;background:#fff
}
.card{padding:20px 0}
.primary-btn,.secondary-btn,.danger-btn,.checkout-btn,.add-to-cart-btn,.edit-profile-btn,.change-password-btn{
  min-height:38px;padding:0 14px;border-radius:6px;font-size:.82rem;font-weight:650;box-shadow:none;transition:background-color .15s,color .15s,border-color .15s
}
.primary-btn,.checkout-btn,.add-to-cart-btn{background:#111827;border:1px solid #111827;color:#fff}
.primary-btn:hover,.checkout-btn:hover,.add-to-cart-btn:hover{background:#303846;box-shadow:none;transform:none}
.secondary-btn,.edit-profile-btn,.change-password-btn{background:#fff;color:#344054;border:1px solid #d0d5dd}
.secondary-btn:hover,.edit-profile-btn:hover,.change-password-btn:hover{background:#f8fafc;border-color:#98a2b3;transform:none}
.danger-btn{background:transparent;color:#b42318;border:1px solid #e4c6c4}
button:active,.primary-btn:active,.secondary-btn:active,.checkout-btn:active,.add-to-cart-btn:active{transform:none}
input,select,textarea{min-height:40px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#101828;box-shadow:none}
textarea{min-height:unset}
input:focus,select:focus,textarea:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(16,24,40,.07)}
.field-label,.option-label{margin:16px 0 6px;color:#344054;font-size:.78rem;font-weight:650}
.navbar:not(.admin-page .navbar){background:#fff;border-bottom:1px solid #eaecf0;box-shadow:none;padding:12px max(24px,calc((100vw - 1320px)/2))}
.navbar:not(.admin-page .navbar) .brand-icon{width:34px;height:34px;border:1px solid #e4e7ec;border-radius:7px}
.navbar:not(.admin-page .navbar) .nav-links{gap:5px}
.navbar:not(.admin-page .navbar) .nav-links a{padding:8px 10px;border:0;border-radius:5px;color:#475467;font-size:.82rem;font-weight:550}
.navbar:not(.admin-page .navbar) .nav-links a:hover{background:#f2f4f7;color:#101828}
.navbar:not(.admin-page .navbar) .nav-links a.active{background:#f2f4f7;color:#101828;border:0}
.navbar:not(.admin-page .navbar) .nav-links a.logout{background:transparent;color:#475467;border:1px solid #eaecf0;border-radius:6px}
.table-tools{gap:10px;margin-block:10px 18px}
.table-tools .search-box{min-width:220px}
.search-bar,.search-box input{background:#fff;border-color:#d0d5dd}
.status-pending,.status-processing,.status-delivering,.status-completed,.status-delivered,.status-paid,.status-cancelled,.status-rejected{background:transparent}
.badge,.order-status,.tx-status-badge,.customer-status,.my-order-status{padding:0!important;border:0;border-radius:0!important;background:transparent!important;font-size:.72rem;letter-spacing:.015em}
.product-grid{gap:24px}
.product-card{border-bottom:1px solid #eaecf0;overflow:hidden;transition:none}
.product-card:hover{transform:none;box-shadow:none}
.product-card img,.product-img{background:#f8fafc}
.product-card-body{padding:14px 2px 18px}
.product-card h3{color:#101828;font-size:.98rem;font-weight:650}
.product-card-actions{gap:8px}
.catalog-section .search-box{margin-bottom:20px}
.cart-items-section,.cart-summary{padding:16px 0;background:transparent}
.cart-item-card{border:0;border-bottom:1px solid #eaecf0;border-radius:0;padding:18px 0;background:transparent}
.cart-summary{border-left:1px solid #eaecf0;padding-left:24px}
.combined-cart-layout{gap:34px}
.terms-check,.copyright-check{padding:10px 0;border:0;border-radius:0;background:transparent}
.orders-grid{display:grid;grid-template-columns:1fr;gap:0}
.order-card{padding:20px 0;border:0;border-bottom:1px solid #eaecf0;border-radius:0}
.customer-order-group{border-top:1px solid #eaecf0}
.customer-order-group:first-child{border-top:0}
.customer-order-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:0 4px;border-bottom:1px solid #eaecf0}
.customer-order-summary-toggle{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 12px;gap:18px;align-items:center;width:100%;min-width:0;min-height:82px;padding:18px 0;border:0;background:transparent;text-align:left;cursor:pointer}
.customer-order-summary-toggle:hover{background:#fafafa}
.customer-order-summary-toggle:focus-visible{outline:2px solid #d0d5dd;outline-offset:-2px}
.customer-order-main,.customer-order-side{display:grid;gap:6px;min-width:0}
.customer-order-name{color:#101828;font-size:1rem;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.customer-order-meta{color:#667085;font-size:.74rem;font-weight:550}
.customer-order-latest{color:#475467;font-size:.73rem;font-weight:600}
.customer-order-latest strong{font-size:.8rem;color:#101828}
.customer-order-side-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;color:#667085;font-size:.73rem}
.customer-chat-link{color:#b45309;font-size:.8rem;font-weight:700;text-decoration:none}
.customer-chat-link:hover{color:#9a4a06;text-decoration:underline;text-underline-offset:3px}
.customer-order-toggle-icon{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a2b3;transition:transform .2s ease,border-color .2s ease}
.customer-order-summary-toggle:hover .customer-order-toggle-icon{border-top-color:#b45309}
.customer-order-group.expanded .customer-order-toggle-icon{transform:rotate(180deg)}
.customer-order-nested{display:grid;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .22s ease,padding-top .22s ease}
.customer-order-group.expanded .customer-order-nested{max-height:5000px;opacity:1;padding-top:12px}
.customer-order-item{display:grid;gap:12px;padding:0 4px 18px;border-bottom:1px solid #eaecf0}
.customer-order-item:last-child{border-bottom:0}
.customer-order-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.customer-order-item-id{color:#101828;font-size:.94rem;font-weight:700;letter-spacing:-.015em}
.customer-order-item-date{margin-top:4px;color:#667085;font-size:.74rem}
.order-row-disclosure{display:block;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #eaecf0;background:transparent}
.order-row-disclosure>summary{display:flex;width:100%;min-height:72px;align-items:center;justify-content:space-between;gap:14px;padding:14px 10px;color:#475467;cursor:pointer;transition:background-color .18s ease}
.order-row-disclosure>summary:before{display:none}
.order-row-disclosure>summary:after{content:"";flex:0 0 auto;width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a2b3;transition:transform .2s ease,border-color .2s ease}
.order-row-disclosure>summary:hover{background:#f8fafc}
.order-row-disclosure>summary:hover:after{border-top-color:#b45309}
.order-row-disclosure[open]>summary{background:#f8fafc;border-bottom:1px solid #eef1f5}
.order-row-disclosure[open]>summary:after{transform:rotate(180deg);border-top-color:#b45309}
.order-row-disclosure>summary:focus-visible{outline:2px solid #d0d5dd;outline-offset:-2px}
.order-row-summary-main{display:grid;min-width:0;gap:4px}
.order-row-summary-main strong{overflow-wrap:anywhere;color:#101828;font-size:.88rem;font-weight:700}
.order-row-summary-main small{overflow-wrap:anywhere;color:#667085;font-size:.73rem;font-weight:450}
.order-row-disclosure>summary>.order-status{flex:0 0 auto;width:max-content;max-width:44%;white-space:normal;overflow-wrap:normal;word-break:normal}
.order-row-cell{display:grid;min-width:0;align-content:center;gap:4px}
.order-row-cell>small{color:#667085;font-size:.64rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}
.order-row-cell>strong,.order-row-cell>span:not(.order-status){overflow-wrap:anywhere;color:#475467;font-size:.76rem;font-weight:500}
.order-detail-grid strong>.order-payment-badge{display:inline-flex;width:fit-content;max-width:100%;margin:0;font-size:.72rem;letter-spacing:normal;text-transform:none;overflow-wrap:normal;word-break:normal}
.customer-order-details>summary{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(110px,1fr) minmax(135px,1.1fr) minmax(120px,1fr) minmax(115px,1fr) minmax(82px,.7fr) minmax(82px,.65fr) 9px;align-items:center;justify-content:initial}
.customer-order-details>summary:after{grid-column:8;grid-row:1;justify-self:center;margin:0}
.customer-order-details>summary>.order-row-status{grid-column:7;grid-row:1}
.order-row-disclosure>.order-detail-grid,.order-row-disclosure>h5,.order-row-disclosure>ul,.order-row-disclosure>.order-action{margin-right:12px;margin-left:12px}
.customer-order-item .order-row-disclosure{border-bottom:0}
.customer-order-item{display:block;padding:0 4px 12px}
.customer-order-more-controls{display:flex;justify-content:flex-start;padding:0 4px 12px}
.customer-order-more-toggle{appearance:none;display:inline-grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:#98a2b3;cursor:pointer;padding:0}
.customer-order-more-toggle:hover{color:#b45309}
.customer-order-more-toggle:before{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease}
.customer-order-more-toggle[data-action="show-less"]:before{transform:rotate(180deg)}
.customer-order-details{margin-top:2px;padding-top:10px;border-top:1px solid #eef1f5}
.customer-order-details summary{font-size:.76rem}
.customer-order-details[open]{padding-bottom:0}
@media (min-width:761px) and (max-width:1050px){
  .customer-order-details>summary{grid-template-columns:minmax(130px,1.2fr) minmax(100px,1fr) minmax(125px,1.1fr) minmax(80px,.8fr) minmax(80px,.7fr) minmax(78px,.65fr) 9px}
  .customer-order-details>summary>.order-row-payment,.customer-order-details>summary>.order-row-reference{display:none}
  .customer-order-details>summary>.order-row-amount{grid-column:4;grid-row:1}
  .customer-order-details>summary>.order-row-status{grid-column:6;grid-row:1}
  .customer-order-details>summary:after{grid-column:7;grid-row:1}
}
@media (max-width: 760px){
  .customer-order-summary{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0}
  .customer-order-summary-toggle{grid-template-columns:minmax(0,1fr) 12px;gap:8px;min-height:0;padding:15px 0}
  .customer-order-summary-toggle .customer-order-main{grid-column:1;grid-row:1}
  .customer-order-summary-toggle .customer-order-side{grid-column:1;grid-row:2}
  .customer-order-summary-toggle .customer-order-toggle-icon{grid-column:2;grid-row:1 / span 2}
  .customer-order-side{grid-template-columns:1fr}
  .customer-order-side-row{justify-content:space-between}
  .customer-chat-link{align-self:center;white-space:nowrap}
  .customer-order-item-header{flex-direction:column;align-items:flex-start}
  .customer-order-details>summary{grid-template-columns:minmax(0,1fr) auto auto 10px;gap:8px;padding:12px 6px}
  .customer-order-details>summary>.order-row-customer,.customer-order-details>summary>.order-row-product,.customer-order-details>summary>.order-row-payment,.customer-order-details>summary>.order-row-reference{display:none}
  .customer-order-details>summary>.order-row-summary-main{grid-column:1;grid-row:1}
  .customer-order-details>summary>.order-row-amount{grid-column:2;grid-row:1}
  .customer-order-details>summary>.order-row-status{grid-column:3;grid-row:1}
  .customer-order-details>summary:after{grid-column:4;grid-row:1}
}
.order-card-header{border:0}
.order-card:last-child{border-bottom:0}
.order-action{gap:8px}
.order-action select{max-width:220px}
.dashboard-grid,.stats-grid{gap:0;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0}
.dashboard-card{min-height:112px;padding:20px 18px;border-right:1px solid #eaecf0}
.dashboard-card:last-child{border-right:0}
.dashboard-card-label{color:#667085;font-size:.78rem;font-weight:550}
.dashboard-card strong{display:block;margin-top:7px;color:#101828;font-size:1.75rem;font-weight:650}
.dashboard-card-icon{display:none}
.dashboard-grid+.dashboard-grid{margin-top:0!important;border-top:0}
.recent-orders-panel{margin-top:34px!important;padding:0!important}
.recent-orders-panel .admin-section-title{padding-bottom:14px;border-bottom:1px solid #eaecf0}
.profile-grid{gap:0 40px}
.profile-card,.security-card{padding:22px 0;border:0;border-bottom:1px solid #eaecf0;border-radius:0;background:transparent;box-shadow:none}
.profile-card h3,.security-card h3{font-size:1rem;font-weight:650}
.security-icon{display:none}
.last-login-card{padding:14px 0;border:0;border-top:1px solid #eaecf0;border-radius:0;background:transparent;box-shadow:none}
.security-top{gap:0}
.addresses-list,.saved-designs-list{border-top:1px solid #eaecf0}
.tx-stats-grid{gap:0;border-block:1px solid #eaecf0}
.tx-stat-card{padding:18px 20px;border-right:1px solid #eaecf0}
.tx-stat-card:last-child{border:0}
.tx-table-card{padding:0;border:0;border-top:1px solid #eaecf0;overflow-x:auto}
.tx-table-header{background:#f8fafc;border-bottom:1px solid #eaecf0}
.tx-table-row{border-bottom:1px solid #eaecf0}
.table-responsive,.inventory-table-wrapper,.tx-table-wrapper,.orders-table-wrapper{border:0;border-radius:0}
table{border-collapse:separate;border-spacing:0}
th{background:#f8fafc;color:#475467}
th,td{border-bottom:1px solid #eaecf0}
.modal{background:rgba(16,24,40,.48);backdrop-filter:blur(3px)}
.modal-content{max-width:min(760px,100%);padding:24px;border:1px solid #eaecf0;border-radius:10px;box-shadow:0 18px 48px rgba(16,24,40,.16)}
.modal-close{border-radius:6px}
.empty-state{padding:34px 20px;border:0;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;border-radius:0;background:transparent;color:#667085}
.design-sidebar-panel,.design-preview-panel{border:1px solid #eaecf0;border-radius:8px;box-shadow:none}

/* Compact data rows keep repeated content out of floating cards. */
.product-grid{display:block;border-top:1px solid #eaecf0}
.product-card.product-list-row{
  display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;
  padding:14px 4px;border:0;border-bottom:1px solid #eaecf0;border-radius:0;background:transparent
}
.product-card.product-list-row .product-img{
  width:64px;height:64px;min-height:0;border-radius:5px;background-size:contain;background-position:center
}
.product-card.product-list-row .product-info-block{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:0
}
.product-copy{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:3px 18px;align-items:center}
.product-copy h3{grid-column:1;color:#101828;font-size:.94rem;font-weight:650}
.product-copy .product-price{grid-column:2;grid-row:1;font-size:.9rem;font-weight:650;color:#101828}
.product-copy .stock-badge{grid-column:1;grid-row:2;justify-self:start;padding:0;background:transparent;border:0;border-radius:0;color:#667085;font-size:.73rem;font-weight:550}
.product-copy .stock-badge.low{color:#b54708}
.product-copy .size-stock-line{grid-column:1/-1;font-size:.75rem;color:#667085}
.product-copy .product-color-preview{grid-column:1/-1;margin:4px 0 0}
.product-card.product-list-row .product-card-actions{display:flex;justify-content:flex-end}
.product-card.product-list-row .product-card-actions .secondary-btn{min-height:32px;padding:0 11px}
.customer-list-row .inventory-thumb{display:grid;place-items:center;background:#f2f4f7;color:#475467;font-weight:650}
.admin-page .customer-list-row .inventory-item-cta .danger-btn{border-color:transparent;color:#667085;background:transparent}
.admin-page .customer-list-row .inventory-item-cta .danger-btn:hover{border-color:#e4c6c4;color:#b42318;background:#fff}
.tx-table-header,.tx-table-row{
  min-width:0;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) minmax(130px,1fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(90px,.7fr);
  gap:14px;padding:13px 10px
}
.tx-table-header{font-size:.7rem;font-weight:600;letter-spacing:.045em;color:#667085}
.tx-table-row{background:transparent;cursor:pointer}
.tx-record[open] .tx-table-row{background:#f8fafc}
.tx-table-row strong{font-size:.8rem;font-weight:600}
.tx-table-row small{font-weight:400}
.tx-expanded{gap:0}
.tx-expanded>div{padding:13px 10px;border:0;border-bottom:1px solid #eaecf0;border-radius:0;background:transparent}
.tx-expanded>div span{font-size:.66rem;font-weight:600}
.tx-empty{padding:28px 10px;border-block:1px solid #eaecf0;color:#667085}
.tx-table-row{grid-template-rows:auto 12px;padding-bottom:5px}
.tx-table-row:after{content:"";grid-column:1;grid-row:2;justify-self:center;align-self:center;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a2b3;transition:transform .2s ease,border-color .2s ease}
.tx-record[open] .tx-table-row:after{content:"";transform:rotate(180deg);border-top-color:#b45309}
.tx-record summary:focus-visible{outline:2px solid #d0d5dd;outline-offset:-2px}

/* Admin navigation and list-first operational screens */
.admin-page{--admin-sidebar:#fff;--admin-sidebar-2:#fff;--admin-bg:#fff;--admin-card:#fff;--admin-border:#eaecf0;background:#fff;color:#101828}
.admin-page .navbar{background:#fff;border-right:1px solid #eaecf0;box-shadow:none;color:#101828}
.admin-page .brand-name{color:#101828}
.admin-page .navbar a{min-height:39px;border-radius:5px;color:#475467;font-size:.82rem;font-weight:550}
.admin-page .navbar a:hover{background:#f2f4f7;color:#101828}
.admin-page .navbar a.active{background:#f2f4f7;color:#101828;box-shadow:inset 2px 0 #111827}
.admin-page .navbar a.active::before{color:#111827}
.admin-page .navbar a.logout{background:transparent;color:#475467;border:0}
.admin-page .container{padding-top:18px}
.admin-page .page-header,.admin-page .inventory-header,.admin-page .dashboard-top-card{margin:16px 0 26px}
.admin-page .card,.admin-page .inventory-item,.admin-page .order-card,.admin-page .tx-table-card{border:0;border-radius:0;box-shadow:none;background:transparent}
.admin-page .card{padding:18px 0}
.admin-page .primary-btn,.admin-page .secondary-btn,.admin-page .danger-btn{min-height:36px;border-radius:6px;padding-inline:13px;box-shadow:none}
.admin-page .secondary-btn.active{background:#111827;border-color:#111827;color:#fff}
.admin-page .table-tools{padding:0;margin-block:10px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}
.admin-page .inventory-grid{display:block;gap:0;border-top:1px solid #eaecf0}
.admin-page .inventory-item{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(220px,auto);gap:18px;align-items:center;padding:16px 6px;border-bottom:1px solid #eaecf0}
.admin-page .inventory-thumb{width:58px;height:58px;border-radius:5px;background-color:#f2f4f7;background-size:contain}
.admin-page .inventory-item h4{margin:0 0 3px;color:#101828;font-size:.95rem;font-weight:650}
.admin-page .inventory-item p{margin:2px 0;color:#667085;font-size:.78rem}
.admin-page .inventory-item p:first-of-type{color:#344054;font-size:.86rem;font-weight:600}
.admin-page .inventory-item .size-stock-line{color:#667085}
.admin-page .inventory-item-cta{flex-direction:row;align-items:center;gap:8px}
.admin-page .inventory-item-cta>span{min-width:84px;margin-right:auto;color:#667085;font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.admin-page .inventory-item-cta .secondary-btn{min-height:32px;padding-inline:10px}
.admin-page .inventory-item-cta .danger-btn{min-height:32px;padding-inline:10px}
.admin-page .orders-grid{display:block;border-top:1px solid #eaecf0}
.admin-page .order-card{padding:20px 4px;border-bottom:1px solid #eaecf0}
.admin-page .order-card-header{padding-bottom:10px}
.admin-page .order-action{border-top:1px solid #f2f4f7}
.admin-page .tx-stats-grid{margin-bottom:22px}
.admin-page .tx-table-card{padding:0}
.admin-page .inventory-header.card{padding:0}
.admin-page .table-tools.order-tabs{padding:8px 0;border-bottom:1px solid #eaecf0}
.admin-page .recent-orders-panel{border-top:1px solid #eaecf0}
.admin-page .inventory-item-cta .danger-btn{border-color:transparent;color:#667085;background:transparent}
.admin-page .inventory-item-cta .danger-btn:hover{border-color:#e4c6c4;color:#b42318;background:#fff}
.admin-page .inventory-item-cta .danger-btn{background:transparent!important;color:#667085!important}
.admin-page .inventory-item-cta .danger-btn:hover{background:#fff!important;color:#b42318!important}
.admin-page .modal-content{border:1px solid #eaecf0;border-radius:10px;box-shadow:0 18px 48px rgba(16,24,40,.16)}

@media(max-width:820px){
  .container{width:calc(100% - 36px)}
  .navbar:not(.admin-page .navbar){padding:10px 18px}
  .admin-page .inventory-item{grid-template-columns:54px minmax(0,1fr) auto;gap:12px}
  .admin-page .inventory-thumb{width:50px;height:50px}
}
@media(max-width:600px){
  .container{width:calc(100% - 28px);padding-block:22px 44px}
  .page-header,.inventory-header,.dashboard-top-card,.section-header{align-items:flex-start;flex-direction:column;gap:12px}
  .page-header>.primary-btn,.inventory-header>.primary-btn{width:auto}
  .dashboard-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-card{min-height:90px;padding:14px 10px;border-bottom:1px solid #eaecf0}
  .dashboard-card:nth-child(2n){border-right:0}
  .dashboard-card strong{font-size:1.4rem}
  .admin-page .inventory-item{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px 2px}
  .admin-page .inventory-thumb{grid-row:1;width:44px;height:44px}
  .admin-page .inventory-item>div:nth-child(2){grid-column:2}
  .admin-page .inventory-item-cta{grid-column:1/-1;padding-left:58px}
  .admin-page .inventory-item-cta>span{min-width:0}
  .admin-page .order-action{align-items:stretch}
  .admin-page .order-action select{max-width:none;width:100%}
  .cart-summary{border-left:0;border-top:1px solid #eaecf0;padding:20px 0 0}
  .tx-stats-grid{grid-template-columns:1fr}
  .tx-stat-card{border-right:0;border-bottom:1px solid #eaecf0}
  .modal-content{padding:20px 16px}
  .table-tools{align-items:stretch}
}

/* Support screens use the same restrained surfaces and type hierarchy. */
.admin-chat-shell{gap:0;padding:24px 32px;background:#fff}
.chat-sidebar,.chat-panel{border:0;border-radius:0;box-shadow:none;background:#fff}
.chat-sidebar{border-right:1px solid #eaecf0}
.sidebar-top{padding:10px 18px 14px}
.sidebar-top h1{font-size:1.15rem;font-weight:650;letter-spacing:-.025em}
.sidebar-top p{font-size:.82rem}
.admin-chat-shell .search-box{padding:0 18px 14px}
.admin-chat-shell .search-box input{min-height:38px;padding:8px 11px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-size:.82rem}
.conversation-list{gap:0;padding:0 10px 16px}
.conversation-card{padding:12px 9px;border-bottom:1px solid #f2f4f7;border-radius:5px;transition:background var(--transition-fast)}
.conversation-card:hover{transform:none;background:#f8fafc}
.conversation-card.active{background:#f2f4f7}
.conv-avatar,.panel-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:#eef2f6;color:#344054;font-size:.85rem}
.conv-name{font-size:.84rem;font-weight:600}
.conv-text{font-size:.78rem}
.chat-panel-header{padding:14px 20px;border-bottom:1px solid #eaecf0}
.panel-user-info h2{font-size:1rem;font-weight:650}
.customer-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 20px;border-bottom:1px solid #eaecf0}
.customer-info div{padding:7px 9px;border:0;border-right:1px solid #eaecf0;background:transparent}
.customer-info div:last-child{border-right:0}
.customer-info b{font-size:.65rem;font-weight:600}
.customer-info span{font-size:.78rem;font-weight:550}
.chat-messages{padding:22px;background:#fafbfc}
.message-bubble{padding:10px 13px;border-radius:12px;box-shadow:none;font-size:.86rem}
.message-bubble.customer{border-color:#eaecf0}
.message-bubble.admin{background:#344054}
.chat-input-area{padding:13px 18px;border-top:1px solid #eaecf0;background:#fff}
.chat-input-area textarea{min-height:42px;padding:10px 12px;border-radius:6px;background:#fff;font-size:.86rem}
.chat-input-area .icon-btn,.chat-input-area .text-btn,.chat-input-area .send-btn{min-height:38px;height:38px;min-width:38px;border-radius:6px;box-shadow:none}
.send-btn{background:#111827}
.send-btn:hover{background:#303846;transform:none}
.chat-notice{box-shadow:0 8px 22px rgba(16,24,40,.14);font-size:.78rem}

@media(max-width:900px){
 .login-layout{min-height:auto}
 .login-card{border-radius:24px!important}
 .auth-visual{display:none}
}
@media(max-width:620px){
 .login-layout{width:calc(100vw - 20px)!important;border-radius:18px}
 .login-card{padding:28px 22px!important}
 .cart-item-card{grid-template-columns:78px minmax(0,1fr)!important}
 .cart-item-visual,.cart-product-image{width:78px;min-width:78px;height:78px}
 .cart-item-card.has-2d-preview{grid-template-columns:160px minmax(0,1fr)!important}
 .cart-item-card.has-2d-preview .cart-item-visual{width:160px;min-width:160px;height:auto}
 .cart-2d-preview{padding:5px}
 .cart-2d-preview figcaption{font-size:.58rem}
 .cart-product-image.has-2d-shirt-preview{width:100%;height:88px}
 .cart-design-preview{width:78px}
 .cart-design-preview-cell img{height:34px}
 .cart-item-total{grid-column:2;text-align:left!important}
}


/* Feedback & Support */
.support-form .support-send-btn { min-width: 150px; }
.support-form .support-send-btn:disabled { opacity: .65; cursor: wait; }
.support-form input[readonly] { background: #f7f8fa; cursor: not-allowed; }
.support-form-note { display: block; margin-top: 8px; color: #667085; font-size: 12px; }

@media(max-width:600px){
  .card,.dashboard-top-card,.dashboard-card,.inventory-header,.policy-card,.cart-items-section,.cart-summary,.design-card,.order-card,.tx-stat-card,.tx-table-card{border:0;border-radius:0;box-shadow:none}
  .admin-page .inventory-grid,.admin-page .orders-grid{display:block}
  .admin-page .inventory-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px 2px;border-bottom:1px solid #eaecf0}
  .admin-page .inventory-item-cta{grid-column:1/-1;padding-left:58px;flex-direction:row;align-items:center}
  .admin-page .inventory-item-cta>span{margin-right:auto}
  .admin-page .modal-content{border-radius:10px;box-shadow:0 18px 48px rgba(16,24,40,.16)}
  .product-card.product-list-row{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px 2px}
  .product-card.product-list-row .product-img{width:48px;height:54px}
  .product-card.product-list-row .product-info-block{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
  .product-copy{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px}
  .product-copy h3{font-size:.84rem}
  .product-copy .product-price{font-size:.82rem}
  .product-copy .size-stock-line{font-size:.68rem}
  .product-card.product-list-row .product-card-actions .secondary-btn{min-height:32px;padding:0 9px}
  .tx-table-header{display:none}
  .tx-table-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px 4px}
  .tx-table-row>div:nth-child(3),.tx-table-row>div:nth-child(4){display:none}
  .tx-table-row>div:first-child{grid-column:1}
  .tx-table-row>div:nth-child(5){grid-column:2;grid-row:1}
  .tx-table-row>div:nth-child(6){grid-column:2;grid-row:2}
  .tx-expanded{grid-template-columns:1fr}
}

/* Shared left-aligned workspace grid for customer-facing pages. */

body:not(.admin-page) main.container{
  width:min(1520px,calc(100% - var(--workspace-gutter) - var(--workspace-gutter)));
  max-width:none;
  padding-right:0!important;
  padding-left:0!important;
  margin-right:0!important;
  margin-left:var(--workspace-gutter)!important;
}
body:not(.admin-page) main.container>:is(
  h2,.page-header,.inventory-header,.dashboard-top-card,.search-box,.product-grid,
  .combined-cart-layout,.orders-grid,.inventory-grid,.profile-grid,.tx-stats-grid,
  .tx-table-card,.table-tools,.card,.policy-card,.settings-page-heading,.settings-layout,
  .account-status-notice,.account-appeal-section,.bulk-page-heading,.bulk-workspace
){
  width:100%;
  max-width:none;
  margin-right:0;
  margin-left:0;
}
.navbar:not(.admin-page .navbar){
  padding-right:var(--workspace-gutter)!important;
  padding-left:var(--workspace-gutter)!important;
}

@media(max-width:760px){
  
}
@media(max-width:420px){
  
}

body.cart-page main.container{
  width:min(1280px,calc(100% - var(--workspace-gutter) - var(--workspace-gutter)));
  margin-right:auto!important;
  margin-left:auto!important;
}
body.account-page main.container{
  width:min(1320px,calc(100% - var(--workspace-gutter) - var(--workspace-gutter)));
  margin-right:auto!important;
  margin-left:auto!important;
}

/* Keep order completion labels at the trailing edge of each customer row. */
#orderList .order-row-disclosure>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 10px;
  justify-content:initial;
  gap:12px;
}
#orderList .order-row-disclosure>summary>.order-status{
  grid-column:2;
  justify-self:end;
  text-align:right;
}
#orderList .order-row-disclosure>summary:after{
  grid-column:3;
  justify-self:center;
  margin-left:0;
}

/* Keep only small status indicators and avatars circular. */
.chat-button,
.lc-floating-btn,
.avatar-wrapper,
.chat-avatar,
.conv-avatar,
.panel-avatar,
.chat-status::before,
[class*="avatar"]:not(button),
[class*="status-dot"],
[class*="color-dot"],
[class*="swatch"]{border-radius:50%!important}

.customer-order-section{grid-column:1/-1;min-width:0}
.customer-order-section+.customer-order-section{margin-top:24px;padding-top:8px;border-top:1px solid #eaecf0}
.customer-order-section-heading{display:flex;align-items:center;gap:9px;margin:0 0 4px;padding:0 0 11px;border-bottom:1px solid #eaecf0}
.customer-order-section-heading h3{margin:0;color:#344054;font-size:.9rem;font-weight:650}
.customer-order-section-heading span{display:inline-grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border-radius:11px;background:#f2f4f7;color:#667085;font-size:.72rem;font-weight:650}
.customer-order-section .order-card:first-of-type{padding-top:16px}
.customer-order-kind-switch{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.customer-order-kind-switch .secondary-btn{min-height:36px;white-space:nowrap}
.customer-order-kind-switch .secondary-btn.active,.orders-page .order-kind-tabs .secondary-btn.active{border-color:#101828;background:#101828;color:#fff}
.customer-orders-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.customer-order-view-switch{display:flex;align-items:center;gap:6px}
.customer-order-view-switch .secondary-btn{white-space:nowrap}
.customer-order-view-switch .secondary-btn.active{background:#f2f4f7;border-color:#d0d5dd;color:#101828}
@media(max-width:600px){
  .customer-orders-actions{width:100%;justify-content:flex-start}
  .customer-order-view-switch{flex:1;flex-wrap:wrap}
  .customer-order-view-switch .secondary-btn{flex:1;padding-inline:10px}
  .customer-order-kind-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .customer-order-kind-switch .secondary-btn{min-width:0;padding-inline:6px;font-size:.72rem}
}

/* Jams Apparel editorial motion system */


@keyframes jams-page-enter{
  from{opacity:0}
  to{opacity:1}
}

@keyframes jams-modal-enter{
  from{opacity:0;transform:translate3d(0,8px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@keyframes jams-menu-enter{
  from{opacity:0;transform:translate3d(0,-5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes jams-skeleton{
  0%,100%{background-color:#f1f0ed}
  50%{background-color:#e9e7e2}
}

.motion-page-enter{animation:jams-page-enter 220ms ease-out both}
.motion-reveal{
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}
.motion-reveal.motion-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.motion-stagger-item{transition-delay:var(--motion-delay,0ms)}
.motion-image-pending{opacity:0}
.motion-image-ready{animation:jams-page-enter 240ms ease-out both}
.motion-skeleton{animation:jams-skeleton 1.6s ease-in-out infinite}

.motion-enabled button:not(:disabled),
.motion-enabled input,
.motion-enabled select,
.motion-enabled textarea,
.motion-enabled a{
  transition-property:color,background-color,border-color,box-shadow,opacity;
  transition-duration:var(--motion-fast);
  transition-timing-function:var(--motion-ease);
}
.motion-enabled body:not(.studio-page) button:not(:disabled):active,
.motion-enabled body:not(.studio-page) .primary-btn:active,
.motion-enabled body:not(.studio-page) .secondary-btn:active,
.motion-enabled body:not(.studio-page) .add-to-cart-btn:active,
.motion-enabled body:not(.studio-page) .checkout-btn:active{
  transform:scale(.985);
  transition:transform 100ms var(--motion-ease);
}

@media(hover:hover) and (pointer:fine){
  .motion-enabled body:not(.admin-page) .nav-links>a:not(.logout){position:relative}
  .motion-enabled body:not(.admin-page) .nav-links>a:not(.logout)::after{
    position:absolute;
    right:0;
    bottom:4px;
    left:0;
    height:1px;
    transform:scaleX(0);
    transform-origin:left center;
    background:currentColor;
    content:"";
    transition:transform 280ms var(--motion-ease);
  }
  .motion-enabled body:not(.admin-page) .nav-links>a:not(.logout):hover::after,
  .motion-enabled body:not(.admin-page) .nav-links>a:not(.logout):focus-visible::after{
    transform:scaleX(1);
  }
  .motion-enabled .product-card:hover{transform:none;box-shadow:0 8px 24px rgba(17,24,39,.08)}
  .motion-enabled .product-card .product-img,
  .motion-enabled .product-card>img{
    transition:transform 420ms var(--motion-ease);
    will-change:transform;
  }
  .motion-enabled .product-card:hover .product-img,
  .motion-enabled .product-card:hover>img{transform:scale(1.025)}
}

.motion-enabled .modal:not(.hidden),
.motion-enabled .help-modal:not(.hidden),
.motion-enabled .system-help-modal:not(.hidden){
  animation:jams-page-enter var(--motion-fast) ease-out both;
}
.motion-enabled .modal:not(.hidden) .modal-content,
.motion-enabled .help-modal:not(.hidden) .modal-content,
.motion-enabled .system-help-modal:not(.hidden) .system-help-card{
  animation:jams-modal-enter 260ms var(--motion-ease) both;
}
.motion-enabled .dropdown-menu:not(.hidden),
.motion-enabled .dropdown-content:not(.hidden),
.motion-enabled [role="menu"]:not([hidden]){
  animation:jams-menu-enter 180ms var(--motion-ease) both;
}

.motion-enabled .product-copy,
.motion-enabled .stock-badge,
.motion-enabled .status-badge,
.motion-enabled .order-status,
.motion-enabled .material-status{
  transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease);
}
.motion-enabled table tbody tr,
.motion-enabled .conversation-card,
.motion-enabled .cart-item-card{
  transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease);
}
.motion-enabled .cart-item-card.motion-removing{
  max-height:0;
  overflow:hidden;
  padding-block:0;
  margin-block:0;
  border-color:transparent;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,6px,0);
  transition:max-height 260ms var(--motion-ease),opacity 180ms ease,padding 260ms var(--motion-ease),margin 260ms var(--motion-ease),border-color 180ms ease,transform 180ms var(--motion-ease);
}
.motion-error{animation:jams-auth-error 220ms var(--motion-ease)}
@keyframes jams-auth-error{
  0%,100%{transform:translateX(0)}
  35%{transform:translateX(-3px)}
  70%{transform:translateX(3px)}
}

@media(max-width:700px){
  
  .motion-reveal{transform:translate3d(0,10px,0)}
  .motion-enabled .modal:not(.hidden) .modal-content,
  .motion-enabled .help-modal:not(.hidden) .modal-content,
  .motion-enabled .system-help-modal:not(.hidden) .system-help-card{animation-duration:220ms}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .motion-reveal,.motion-reveal.motion-visible{
    opacity:1!important;
    transform:none!important;
    will-change:auto!important;
  }
  .motion-image-pending{opacity:1!important}
  .motion-skeleton{animation:none!important}
}
.phone-verification-status,.phone-verification-help{margin:7px 0;color:#667085;font-size:.78rem;line-height:1.5}
.phone-verification-status.phone-verified{color:#067647;font-weight:650}
.phone-recaptcha-container{min-height:0;margin-top:12px}
.phone-verification-send{margin-top:10px}
.phone-verification-code-section{margin-top:10px}
.phone-verification-code-row{display:flex;gap:8px;align-items:center}
.phone-verification-code-row input{flex:1;min-width:0}
.phone-verification-help{color:#98a2b3}
.checkout-phone-verification-notice{margin:0 0 12px;color:#b54708;font-size:.8rem;line-height:1.5}
.checkout-phone-verification-notice a{color:#175cd3;font-weight:650}
@media(max-width:600px){.phone-verification-code-row{align-items:stretch;flex-direction:column}.phone-verification-code-row>*{width:100%}}

.security-card{grid-column:1/-1;max-width:920px}
.security-card .security-top{justify-content:flex-start}
.security-card .security-top h3{margin:0 0 4px}
.security-card .security-top p{margin:0;color:#737b87;font-size:.85rem}
.security-card .change-password-btn{margin-top:8px}
.login-sessions{margin-top:25px;padding-top:22px;border-top:1px solid #e7e5e0}
.login-sessions-heading h4{margin:3px 0 0;font-family:var(--font-display);font-size:1.45rem;font-weight:500;letter-spacing:-.03em}
.login-sessions-heading p,.login-location-note{max-width:650px;margin:6px 0 0;color:#727985;font-size:.82rem;line-height:1.55}
.login-location-note{margin:12px 0 0}
.security-session-section{margin-top:22px}
.security-session-section h5{margin:0 0 9px;color:#737b87;font-family:var(--font-sans);font-size:.69rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.security-session-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.security-session-section-heading h5{margin-bottom:9px}
.login-sessions-list{display:grid;gap:0;border-top:1px solid #e7e5e0}
.login-session-record{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px 4px;border:0;border-bottom:1px solid #e7e5e0;border-radius:0;background:transparent;animation:securitySessionEnter .28s ease both}
.login-session-record:hover{background:rgba(247,245,240,.62)}
.login-session-device-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dedbd5;border-radius:50%;color:#5b6068;font-size:1.1rem}
.login-session-copy{min-width:0}
.login-session-record-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.login-session-record-heading strong{color:#17191d;font-size:.86rem;font-weight:700}
.login-session-current{padding:4px 7px;border-radius:2px;background:#fff2e8;color:#ad4a13;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.login-session-record p{margin:4px 0 0;color:#757b84;font-size:.75rem;line-height:1.45}
.security-session-separator{padding:0 3px;color:#d0ccc4}
.login-session-revoke,.text-action-button{border:0;background:transparent;color:#a94718;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer}
.login-session-revoke{padding:8px 5px}
.login-session-revoke:hover,.text-action-button:hover{text-decoration:underline;text-underline-offset:3px}
.text-action-button:disabled{color:#a5a6a8;cursor:not-allowed;text-decoration:none}
.security-activity{margin-top:20px}
.security-activity-list{margin-top:15px;border-top:1px solid #e7e5e0}
.security-activity-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 4px;border-bottom:1px solid #e7e5e0}
.security-activity-row strong{font-size:.8rem;font-weight:700}
.security-activity-row p{margin:5px 0 0;color:#757b84;font-size:.73rem;line-height:1.45}
.security-activity-row time{flex:0 0 auto;color:#838892;font-size:.7rem}
.login-sessions-message{padding:12px 0;color:#737b87;font-size:.8rem;line-height:1.5}
.login-sessions-message:empty{display:none}
.security-confirmation-content{width:min(470px,100%);border:1px solid #e7e5e0;border-radius:4px;background:#faf9f6;box-shadow:0 24px 80px rgba(20,20,20,.2);animation:securitySessionEnter .2s ease both}
.security-confirmation-content .modal-body{padding:28px}
.customer-security-modal{width:min(860px,100%);max-height:min(86vh,900px);overflow:auto;background:#faf9f6}
.security-confirmation-content h2{margin:8px 0;font-size:1.8rem}
.security-confirmation-content p{color:#666d77;font-size:.9rem;line-height:1.55}
.security-confirmation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.security-confirmation-actions button{min-height:40px;padding:0 16px}
@keyframes securitySessionEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
  .security-session-section-heading{align-items:flex-start;flex-direction:column;gap:0}
  .login-session-record{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px 2px}
  .login-session-device-mark{width:29px;height:29px;font-size:.95rem}
  .login-session-revoke{grid-column:2;justify-self:start;margin-top:-2px;padding:5px 0}
  .security-activity-row{flex-direction:column;gap:6px}
  .security-activity-row time{font-size:.68rem}
  .security-confirmation-content .modal-body{padding:22px}
}

.navbar:not(.admin-page .navbar) .nav-links a.settings-nav-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #e4e7ec;border-radius:6px;background:#fff;color:#344054}
.navbar:not(.admin-page .navbar) .nav-links a.settings-nav-button:hover,.navbar:not(.admin-page .navbar) .nav-links a.settings-nav-button.active{border-color:#f2c8af;background:#fff8f4;color:#9f4216}
.settings-nav-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.settings-page-heading{margin:4px 0 26px;padding:30px 0 23px;border-bottom:1px solid #e7e5e0}
.settings-page-heading .settings-eyebrow{color:#a94718;font-size:.68rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.settings-page-heading h1{margin:7px 0 5px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:500;letter-spacing:-.045em}
.settings-page-heading p{margin:0;color:#737b87;font-size:.88rem;line-height:1.55}
.settings-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px)}
.settings-sidebar{position:sticky;top:100px;padding:0 0 18px}
.settings-sidebar>h2{margin:0 0 22px;font-family:var(--font-display);font-size:1.35rem;font-weight:500}
.settings-sidebar nav{display:grid;gap:20px}
.settings-nav-group{display:grid;gap:3px}
.settings-nav-group h3{margin:0 0 5px;color:#8a8d92;font-size:.65rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.settings-nav-group a{padding:7px 9px;border-left:2px solid transparent;color:#515762;font-size:.81rem;line-height:1.4;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease}
.settings-nav-group a:hover,.settings-nav-group a:focus-visible{border-left-color:#d9652b;background:#fff8f4;color:#9f4216;outline:none}
.settings-nav-group a[aria-current="page"]{border-left-color:#d9652b;background:#fff8f4;color:#9f4216;font-weight:700}
.settings-content{min-width:0;grid-template-columns:minmax(0,1fr)}
.settings-content>.settings-section{display:none}
.settings-content>.settings-section.is-active{display:block}
.settings-content>.settings-section[hidden]{display:none!important}
.settings-content>.settings-section{max-width:none;scroll-margin-top:100px}
.settings-section-description{margin:5px 0 0;color:#737b87;font-size:.83rem;line-height:1.5}
.settings-content .profile-header{align-items:flex-start}
.settings-content .security-card{grid-column:auto}
.settings-content .settings-security-subsection{max-width:920px;padding:24px 0;border:0;border-top:1px solid #e7e5df;border-radius:0;background:transparent;box-shadow:none}
.settings-content .login-sessions-heading h3{margin:3px 0 0;font-family:var(--font-display);font-size:1.45rem;font-weight:500;letter-spacing:-.03em}
.settings-content>.settings-section .text-action-button{margin-top:8px;padding:10px 0}
@media(max-width:760px){
  .settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .settings-sidebar{position:static;padding:16px 0;border-top:1px solid #e7e5e0;border-bottom:1px solid #e7e5e0}
  .settings-sidebar>h2{margin-bottom:14px}
  .settings-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
  .settings-content{gap:16px}
}
@media(max-width:520px){
  .settings-sidebar nav{grid-template-columns:minmax(0,1fr)}
  .settings-page-heading{padding:23px 0 18px}
  .settings-layout{gap:16px}
  .navbar:not(.admin-page .navbar){padding-inline:12px}
}
@media(max-width:600px){
  .navbar:not(.admin-page .navbar) .nav-links a.settings-nav-button{order:-1}
}

.settings-page-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 24px;padding:22px 0 20px;border-color:#dfddd7}
.settings-page-heading:after{content:"";position:absolute;right:0;bottom:-1px;width:min(24%,170px);height:2px;background:#d9652b}
.settings-page-heading h1{font-size:clamp(2.25rem,4.2vw,3.45rem)}
.settings-page-heading p{max-width:540px}
.settings-layout{grid-template-columns:minmax(190px,220px) minmax(0,1fr);gap:clamp(28px,5vw,76px)}
.settings-sidebar{top:94px;padding:0 14px 18px}
.settings-sidebar-heading{margin-bottom:20px}
.settings-sidebar>h2{margin:0;font-size:1.55rem}
.settings-menu-toggle{display:none}
.settings-sidebar nav{gap:18px}
.settings-nav-group{position:relative;gap:2px}
.settings-nav-group h3{margin-bottom:6px;margin-left:13px}
.settings-nav-group a{min-height:34px;padding:8px 11px;border-left:2px solid transparent;font-size:.79rem}
.settings-content{gap:0}
.settings-content>.settings-section{max-width:none;padding:20px 0 28px;border:0;border-bottom:1px solid #e2e0da;background:transparent;box-shadow:none}
.settings-account-subsection{max-width:760px;margin-top:30px;padding-top:24px;border-top:1px solid #e2e0da}
.settings-account-subsection .profile-header{margin-bottom:12px!important}
.settings-account-subsection .profile-header h2{font-family:var(--font-display);font-size:1.45rem!important;font-weight:500!important}
.settings-account-subsection .settings-section-description{font-size:.78rem!important}
.settings-account-subsection .settings-contact-row:first-of-type{margin-top:14px}
.settings-account-subsection .settings-password-status{margin-top:14px}
.settings-content>.settings-section.is-active{animation:settingsSectionEnter .24s ease both}
.settings-content>.settings-section .profile-header{margin:0 0 18px}
.settings-content>.settings-section .profile-header h2,.settings-content>.settings-section h2{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:500;letter-spacing:-.035em}
.settings-content>.settings-section .settings-section-description{max-width:560px;margin-top:5px;font-size:.83rem}
.settings-overview-kicker{display:block;color:#8a6a54;font-size:.65rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.settings-profile-overview{display:flex;align-items:center;gap:20px;margin:20px 0 22px;padding:21px 0;border-top:1px solid #e7e5df;border-bottom:1px solid #e7e5df}
.settings-account-information{max-width:760px;margin-top:20px;padding-top:22px;border-top:1px solid #e2e0da}
.settings-account-information>h3{margin:0 0 14px;color:#8a6a54;font-family:var(--font-sans);font-size:.66rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.settings-account-information .settings-profile-overview{align-items:center;gap:24px;margin:0;padding:18px 0 22px;border-top:0;border-bottom:1px solid #e7e5df}
.settings-photo-control{display:grid;justify-items:center;gap:7px;flex:0 0 92px}
.settings-profile-avatar{display:grid;width:88px;height:88px;flex:0 0 88px;overflow:hidden;place-items:center;border:1px solid #d9d4cb;border-radius:50%;background:#f1eee8;color:#262522;font-family:var(--font-display);font-size:1.4rem}
.settings-profile-avatar img{width:100%;height:100%;object-fit:cover}
.settings-photo-input{display:none!important}
.settings-photo-action,.settings-photo-remove{min-height:26px;padding:2px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:#a94718;font-size:.71rem;font-weight:700;cursor:pointer}
.settings-photo-action:hover,.settings-photo-remove:hover{border-bottom-color:#a94718}
.settings-photo-remove{color:#737b87;font-weight:550}
.settings-profile-overview-copy{display:grid;min-width:0;gap:4px}
.settings-profile-overview-copy strong{overflow-wrap:anywhere;color:#17191d;font-family:var(--font-display);font-size:1.55rem;font-weight:500;letter-spacing:-.025em}
.settings-profile-overview-copy>span:not(.settings-overview-kicker){overflow-wrap:anywhere;color:#666d77;font-size:.83rem}
.settings-profile-secondary{color:#8b8d91!important;font-size:.73rem!important}
.settings-account-information .settings-form-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:18px 0 16px;border-bottom:1px solid #e7e5df}
.settings-form-row>.field-label,.settings-form-row .field-label{margin:0;color:#17191d;font-size:.79rem}
.settings-account-information .settings-form-row>div p{margin:4px 0 0;color:#777b80;font-size:.76rem;line-height:1.45}
.settings-account-information .settings-form-row input{max-width:none}
.settings-account-information .settings-form-actions{justify-content:flex-end}
.settings-account-information .settings-save-status{margin-right:auto}
.settings-content input{width:100%;min-width:0}
.settings-form-actions{display:flex;align-items:center;gap:14px;margin-top:18px}
.settings-content .settings-save-button{min-height:42px;padding:0 19px;border:1px solid #181818;border-radius:3px;background:#181818;color:#fff;font-size:.76rem;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.settings-content .settings-save-button:hover:not(:disabled){transform:translateY(-1px);border-color:#a94718;background:#a94718}
.settings-content .settings-save-button:disabled{opacity:.65;cursor:wait}
.settings-save-status{min-height:1em;color:#68756c;font-size:.75rem}
.settings-contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #e7e5df}
.settings-contact-summary{display:grid;gap:6px;min-width:0}
.settings-contact-current{overflow-wrap:anywhere;color:#202124;font-size:.92rem;font-weight:600}
.settings-verification{width:max-content;color:#777b80;font-size:.71rem}
.settings-verification:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:#b77945}
.settings-verification.is-verified:before{background:#538568}
.settings-inline-action{justify-self:start;min-height:36px;padding:0 13px;border:1px solid #d9d4cb;border-radius:3px;background:transparent;color:#a94718;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.settings-inline-action:hover:not(:disabled){border-color:#c96a38;background:#fff7f1}
.settings-inline-action:disabled{opacity:.55;cursor:wait}
.settings-email-edit-label{display:block;margin-top:20px}
.settings-content>.settings-section .field-hint{margin:8px 0 0;color:#83878d;font-size:.73rem}
.settings-password-status{display:grid;gap:7px;max-width:620px;margin:18px 0;padding:17px 0;border-block:1px solid #e7e5df}
.settings-password-status strong{font-family:var(--font-display);font-size:1.2rem;font-weight:500}
.settings-password-status p{margin:0;color:#737b87;font-size:.8rem;line-height:1.5}
.settings-content>.settings-section .login-sessions-heading h3{font-size:1.75rem}
.settings-content>.settings-section .login-location-note{max-width:670px}
.settings-session-intro{padding:14px 0 0}
.settings-address-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 4px;border-bottom:1px solid #e7e5df}
.settings-address-item>div{display:grid;gap:6px;min-width:0}
.settings-address-item strong{color:#202124;font-family:var(--font-display);font-size:1.05rem;font-weight:500}
.settings-address-item p{margin:0;overflow-wrap:anywhere;color:#6f747c;font-size:.79rem;line-height:1.5}
.settings-address-item>.settings-address-actions{display:flex;align-items:center;gap:14px}
.settings-inline-action.is-subtle{align-self:center;padding:6px 0;border:0;background:transparent;color:#7e5848}
.settings-inline-action.is-subtle:hover{background:transparent;color:#a94718;text-decoration:underline;text-underline-offset:3px}
.addresses-list,.saved-designs-list{border-top:1px solid #e7e5df}
.settings-empty-state{display:grid;justify-items:start;gap:7px;padding:30px 4px;border-bottom:1px solid #e7e5df}
.settings-empty-state>span{color:#b65b2b;font-size:1.25rem}
.settings-empty-state strong{font-family:var(--font-display);font-size:1.25rem;font-weight:500}
.settings-empty-state p{max-width:400px;margin:0;color:#797e85;font-size:.8rem;line-height:1.5}
.saved-design-count{padding:5px 0;border-radius:0;background:transparent;color:#a94718;font-size:.73rem;letter-spacing:.04em}
.saved-designs-list{grid-template-columns:minmax(0,1fr);gap:0}
.saved-design-item{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden;border:0;border-bottom:1px solid #e7e5df;border-radius:0;background:transparent}
.saved-design-preview{height:190px;background:#f1efe9}
.saved-design-details{align-content:center;gap:8px;padding:19px 22px}
.saved-design-details strong{overflow:visible;white-space:normal;font-family:var(--font-display);font-size:1.25rem;font-weight:500}
.saved-design-meta{color:#777b80;font-size:.75rem}
.saved-design-actions{gap:14px;margin-top:7px}
.saved-design-actions button{min-height:36px}
.saved-design-actions .saved-design-edit{border-radius:3px;background:#181818}
.saved-design-actions .saved-design-remove{border:0;border-bottom:1px solid #d8d3ca;border-radius:0;background:transparent;color:#7b5142}
.settings-menu-toggle:focus-visible,.settings-inline-action:focus-visible,.settings-nav-group a:focus-visible,.settings-save-button:focus-visible{outline:2px solid #bd6437;outline-offset:3px}
@keyframes settingsSectionEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  .settings-page-heading{margin-bottom:18px}
  .settings-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .settings-sidebar{position:relative;top:auto;z-index:5;padding:0 14px;border:0}
  .settings-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:11px 0;border-block:1px solid #e2e0da}
  .settings-sidebar> .settings-sidebar-heading h2{margin:0;font-size:1.12rem}
  .settings-menu-toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:space-between;gap:18px;padding:0 12px;border:1px solid #ded9d0;border-radius:3px;background:#fffdfa;color:#272521;font-size:.77rem;font-weight:650}
  .settings-menu-chevron{color:#a94718;transition:transform .18s ease}
  .settings-sidebar.is-open .settings-menu-chevron{transform:rotate(180deg)}
  .settings-sidebar nav{display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;max-height:min(62vh,500px);overflow-y:auto;padding:17px;border:1px solid #e2e0da;background:#fffdfa;box-shadow:0 12px 24px rgba(25,23,20,.08)}
  .settings-sidebar.is-open nav{display:grid}
  .settings-nav-group{gap:2px}
  .settings-content>.settings-section{padding:18px 0 24px}
  .settings-form-row{grid-template-columns:minmax(125px,.65fr) minmax(0,1.35fr);gap:14px}
}
@media(max-width:520px){
  .settings-page-heading{padding:19px 0 16px}
  .settings-page-heading h1{font-size:2.2rem}
  .settings-sidebar nav{grid-template-columns:minmax(0,1fr);gap:13px;max-height:65vh}
  .settings-form-row{grid-template-columns:minmax(0,1fr);gap:9px}
  .settings-account-information{margin-top:17px;padding-top:18px}
  .settings-account-information .settings-profile-overview{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0 18px}
  .settings-photo-control{flex-basis:78px}
  .settings-profile-overview-copy{padding-top:5px}
  .settings-profile-avatar{width:72px;height:72px;flex-basis:72px}
  .settings-contact-row{grid-template-columns:minmax(0,1fr);gap:11px}
  .settings-inline-action{justify-self:start}
  .saved-design-item{grid-template-columns:minmax(0,1fr)}
  .saved-design-preview{height:210px}
  .saved-design-details{padding:16px 4px}
  .settings-address-item{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .settings-content>.settings-section.is-active{animation:none}
  .settings-nav-group a,.settings-menu-chevron,.settings-inline-action,.settings-save-button{transition:none}
}

.settings-phone-verification-controls{display:grid;justify-items:start;gap:8px;margin-top:14px}
.settings-phone-code-form{width:min(100%,440px)}
.settings-phone-code-form .field-label{display:block;margin:0 0 6px}
.settings-phone-code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.settings-phone-code-entry input{min-width:0;min-height:38px;padding:7px 10px;border:1px solid #d0d5dd;border-radius:4px;font:inherit;font-size:.84rem;letter-spacing:.12em}
.settings-phone-verification-message{min-height:1em;margin:0;color:#68756c;font-size:.75rem;line-height:1.5}
.settings-phone-verification-message.is-error{color:#b42318}
.checkout-phone-notice{margin:14px 0 8px;padding:11px 13px;border:1px solid #f0d1bd;border-radius:4px;background:#fff8f3;color:#713717;font-size:.8rem;line-height:1.5}
.checkout-phone-notice a{color:#99451e;font-weight:700;text-underline-offset:3px}
.checkout-btn:disabled{opacity:.58;cursor:not-allowed}
@media(max-width:520px){
  .settings-phone-code-entry{grid-template-columns:minmax(0,1fr)}
}

/* Keep the account workspace and save controls inside the phone viewport. */
body.editorial-ui.account-page > main.container {
  width: min(1320px, calc(100% - clamp(28px, 8vw, 160px))) !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

body.editorial-ui.account-page :is(.settings-layout, .settings-sidebar, .settings-content,
  .settings-content > .settings-section, .settings-account-information,
  .settings-profile-overview, .settings-profile-overview-copy, .settings-form-row,
  .settings-form-actions) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.editorial-ui.account-page .settings-content > .settings-section {
  width: 100%;
  overflow-wrap: anywhere;
}

body.editorial-ui.account-page .settings-content input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.editorial-ui.account-page .settings-form-actions {
  flex-wrap: wrap;
}

body.editorial-ui.account-page .settings-save-status {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  body.editorial-ui.account-page > main.container {
    width: calc(100% - clamp(28px, 8vw, 48px)) !important;
  }

  body.editorial-ui.account-page .settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.editorial-ui.account-page .settings-content > .settings-section {
    padding: clamp(16px, 4vw, 24px) !important;
  }

  body.editorial-ui.account-page .settings-account-information .settings-form-row {
    grid-template-columns: minmax(0, 1fr);
  }

  body.editorial-ui.account-page .settings-form-actions {
    align-items: flex-start;
  }
}

/* Reliable customer navbar: fixed to the viewport, independent of sticky/scroll ancestors. */
body.storefront-page { padding-top: 0 !important; }
body.storefront-page > .navbar,
body.storefront-page .navbar:not(.admin-page .navbar) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  z-index: 99999 !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
  isolation: isolate;
}
/* Offset page content so the fixed bar never covers the top of the page. */
body.storefront-page { padding-top: 58px !important; }
body.storefront-page > .navbar .brand-row { flex: 0 0 auto; }
body.storefront-page > .navbar .nav-links {
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
body.storefront-page > .navbar .nav-links > a { flex: 0 0 auto; }
@media (max-width: 760px) {
  body.storefront-page { padding-top: 58px !important; }
  body.storefront-page > .navbar {
    gap: 10px !important;
    padding: 8px 12px !important;
    min-height: 58px;
  }
  body.storefront-page > .navbar .brand-icon { width: 34px; height: 34px; }
  body.storefront-page > .navbar .brand-name { font-size: .95rem; }
  body.storefront-page > .navbar .nav-links { gap: 4px; }
  body.storefront-page > .navbar .nav-links > a {
    padding: 8px 9px !important;
    font-size: .72rem !important;
    white-space: nowrap;
  }
}
@media (max-width: 420px) {
  body.storefront-page > .navbar { padding-inline: 8px !important; gap: 7px !important; }
  body.storefront-page > .navbar .brand-name { display: none; }
  body.storefront-page > .navbar .nav-links > a { padding: 8px 7px !important; }
}

.my-orders-page,
body:not(.admin-page) main.container.my-orders-page {
  width: min(1200px, calc(100% - 32px));
  max-width: 1200px;
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-orders-page #orderList.orders-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.my-orders-page .customer-order-section {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.my-orders-page .my-order-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 14px !important;
  background: #fff;
  box-shadow: 0 4px 16px rgb(15 23 42 / 5%);
}
.my-orders-page .my-order-card-top,
.my-orders-page .my-order-card-middle,
.my-orders-page .my-order-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.my-orders-page .my-order-card-top {
  padding-bottom: 16px;
  border-bottom: 1px solid #e9edf3;
}
.my-orders-page .my-order-identity,
.my-orders-page .my-order-products,
.my-orders-page .my-order-financials {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.my-orders-page .my-order-identity strong {
  color: #10243e;
  font-size: 1rem;
  overflow-wrap: anywhere;
}
.my-orders-page .my-order-identity time,
.my-orders-page .my-order-item-summary span,
.my-orders-page .my-order-financials span,
.my-orders-page .my-order-financials small {
  color: #64748b;
  font-size: .84rem;
}
.my-orders-page .my-order-status {
  flex: 0 0 auto;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #334155;
  background: transparent !important;
  font-size: .72rem;
  font-weight: 800;
}
.my-orders-page .my-order-status.status-pending,
.my-orders-page .my-order-status.status-pending-payment {
  color: #9a3412;
  background: transparent !important;
}
.my-orders-page .my-order-status.status-processing,
.my-orders-page .my-order-status.status-delivering,
.my-orders-page .my-order-status.status-in-production {
  color: #1d4ed8;
  background: transparent !important;
}
.my-orders-page .my-order-status.status-completed,
.my-orders-page .my-order-status.status-delivered,
.my-orders-page .my-order-status.status-paid,
.my-orders-page .my-order-status.status-ready {
  color: #047857;
  background: transparent !important;
}
.my-orders-page .my-order-status.status-cancelled,
.my-orders-page .my-order-status.status-rejected {
  color: #b91c1c;
  background: transparent !important;
}
.my-orders-page .my-order-card-middle {
  align-items: flex-start;
  padding: 16px 0;
}
.my-orders-page .my-order-products {
  flex: 1 1 auto;
}
.my-orders-page .my-order-item-summary {
  display: grid;
  gap: 4px;
}
.my-orders-page .my-order-item-summary strong {
  color: #10243e;
  overflow-wrap: anywhere;
}
.my-orders-page .my-order-item-summary span {
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.my-orders-page .my-order-financials {
  flex: 0 0 220px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
  padding-left: 16px;
  border-left: 1px solid #e9edf3;
}
.my-orders-page .my-order-financials > div {
  display: grid;
  align-content: start;
  gap: 5px;
}
.my-orders-page .my-order-financials strong {
  color: #10243e;
  overflow-wrap: anywhere;
}
.my-orders-page .my-order-card-actions {
  padding-top: 16px;
  border-top: 1px solid #e9edf3;
}
.my-orders-page .my-order-action-group {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
.my-orders-page .my-order-expanded-details {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e9edf3;
}
.my-orders-page .my-order-expanded-details[hidden] {
  display: none;
}
.my-orders-page .my-order-detail-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.my-orders-page .my-order-detail-panel,
.my-orders-page .my-order-items-detail {
  min-width: 0;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px !important;
  background: #fff;
}
.my-orders-page .my-order-detail-panel h4,
.my-orders-page .my-order-items-detail h4 {
  margin: 0 0 12px;
  color: #10243e;
}
.my-orders-page .my-order-detail-panel dl {
  display: grid;
  gap: 10px;
  margin: 0;
}
.my-orders-page .my-order-detail-panel dl > div {
  display: grid;
  grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr);
  gap: 12px;
}
.my-orders-page .my-order-detail-panel dt {
  color: #64748b;
  font-size: .84rem;
}
.my-orders-page .my-order-detail-panel dd {
  margin: 0;
  color: #10243e;
  overflow-wrap: anywhere;
}
.my-orders-page .my-order-items-detail {
  margin-top: 16px;
}
.my-orders-page .my-order-items-detail ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-orders-page .my-order-items-detail li {
  display: grid;
  gap: 5px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e9edf3;
}
.my-orders-page .my-order-items-detail li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.my-orders-page .my-order-items-detail li > strong {
  color: #10243e;
}
.my-orders-page .my-order-items-detail li > span {
  color: #64748b;
  font-size: .88rem;
}
@media (max-width: 700px) {
  .my-orders-page,
  body:not(.admin-page) main.container.my-orders-page {
    width: min(1200px, calc(100% - 24px));
  }
  .my-orders-page .my-order-card-middle,
  .my-orders-page .my-order-card-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .my-orders-page .my-order-financials {
    flex-basis: auto;
    padding: 14px 0 0;
    border-top: 1px solid #e9edf3;
    border-left: 0;
  }
  .my-orders-page .my-order-action-group {
    justify-content: flex-start;
  }
  .my-orders-page .my-order-detail-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 420px) {
  .my-orders-page .my-order-card-top {
    align-items: flex-start;
  }
  .my-orders-page .my-order-detail-panel dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

.navbar .brand-row img.brand-icon {
  display: block;
  width: 42px;
  height: 34px;
  flex: 0 0 auto;
  border: 0 !important;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  object-fit: contain;
}
.navbar .brand-row .brand-icon::before {
  content: none !important;
}
.auth-page .auth-wordmark {
  display: block;
  width: min(140px, 45vw);
  height: auto;
  line-height: 0;
}
.auth-page .auth-wordmark img {
  display: block;
  width: 100%;
  height: auto;
}

/* Account visibility is functional; keep these separate from decorative surfaces. */
body.account-page.account-blocked main.container > .settings-page-heading,
body.account-page.account-blocked main.container > #accountStatusNotice,
body.account-page.account-blocked main.container > .settings-layout { display: none !important; }
body.account-page.account-blocked main.container > #accountAppealSection { margin-top: 28px; }


/* Editorial layout: shared paper surface, readable sections, and actions in context. */
body.editorial-ui { font-family: var(--font-sans); color: var(--text); }
body.editorial-ui:not(.center):not(.studio-page) { background: var(--depth-page-wash), var(--bg); overflow-x: clip; overflow-y: visible; }
body.editorial-ui:not(.center):not(.auth-page):not(.studio-page) main.container { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.editorial-ui :is(.card,.product-card,.store-product-card,.order-card,.my-order-card,.inventory-item,.tx-stat-card,.tx-table-card,.analytics-kpi,.analytics-panel,.daily-income-board,.recent-orders-board,.profile-card,.security-card,.last-login-card,.cart-items-section,.cart-summary,.policy-card,.appeals-inbox,.bulk-request-form,.bulk-order-summary,.settings-sidebar,.help-center-question,.help-center-contact) {
 border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
body.editorial-ui .workspace-kicker { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin: 8px 0 28px; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .62rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
body.editorial-ui .workspace-kicker > span:first-child { color: var(--lux-orange-strong); }
.editorial-section-index { display: block; color: var(--lux-orange-strong); font-size: .64rem; font-weight: 600; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; }
.editorial-commandbar,.editorial-section-heading,.editorial-tabs-bar,.editorial-cart-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.editorial-commandbar { padding: 0 0 22px; }
.editorial-commandbar p { margin: 6px 0 0; color: var(--muted); font-size: .8rem; }
.editorial-section-heading { padding: 26px 0 18px; border-top: 1px solid var(--line); margin-top: 24px; }
.editorial-section-heading > span:last-child { color: var(--muted); font-size: .75rem; }
.editorial-text-link { color: var(--text); font-size: .78rem; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; }
body.editorial-ui :is(.page-header,.inventory-header,.dashboard-top-card,.settings-page-heading,.bulk-page-heading) { padding: 0 0 26px; margin: 0 0 24px; border: 0; background: transparent; box-shadow: none; }
body.editorial-ui :is(.page-header,.inventory-header,.dashboard-top-card,.settings-page-heading,.bulk-page-heading) :is(h1,h2),body.editorial-ui .editorial-cart-heading h1 { margin: 0 0 12px; color: var(--text); font: 600 clamp(2rem,3.3vw,3rem)/1.1 var(--font-sans); letter-spacing: -.055em; }
body.editorial-ui :is(.dashboard-subtitle,.settings-section-description) { color: var(--muted); font-size: .86rem; line-height: 1.75; }
body.editorial-ui:not(.admin-page) > .navbar { background: var(--bg) !important; border-bottom: 1px solid var(--line); box-shadow: 0 3px 12px -10px rgb(43 33 21 / 22%); backdrop-filter: blur(12px); }
body.editorial-ui:not(.admin-page) .navbar .brand-name { color: var(--text); font-family: var(--font-sans); font-size: 1.2rem; font-weight: 700; letter-spacing: -.055em; }
body.editorial-ui:not(.admin-page) .navbar .nav-links > a { color: var(--text); border-radius: 0; background: transparent; }
body.editorial-ui:not(.admin-page) .navbar .nav-links > a.active { color: var(--lux-orange-strong); background: transparent; box-shadow: inset 0 -2px var(--lux-orange); }
body.editorial-ui:not(.admin-page) .navbar .nav-links > a:hover { color: var(--lux-orange-strong); background: var(--soft); }
body.editorial-ui:not(.admin-page) .navbar .nav-links > a:is(.logout,.settings-nav-button) { color: var(--text); background: transparent; border: 0; }
body.editorial-ui :is(.primary-btn,.checkout-btn,.add-to-cart-btn,.auth-primary-button,.help-center-send-button) { min-height: 44px; padding: 12px 22px; border: 1px solid var(--lux-ink); border-radius: 3px; color: var(--lux-bg); background: var(--lux-ink); box-shadow: 0 2px 4px -2px rgb(36 36 36 / 24%); transition: background var(--transition-fast), box-shadow var(--transition-standard); font-family: var(--font-sans); font-size: .78rem; font-weight: 600; }
body.editorial-ui :is(.primary-btn,.checkout-btn,.add-to-cart-btn,.auth-primary-button):hover { background: var(--lux-orange-strong); border-color: var(--lux-orange-strong); color: #fff; box-shadow: 0 7px 18px -12px rgb(172 67 26 / 45%); }
body.editorial-ui :is(.secondary-btn,.edit-profile-btn,.change-password-btn) { min-height: 44px; padding: 11px 16px; border-radius: 3px; border: 1px solid var(--lux-line-strong); background: transparent; color: var(--text); box-shadow: none; font-size: .78rem; }
body.editorial-ui .secondary-btn.active { background: var(--text); border-color: var(--text); color: var(--bg); }
body.editorial-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) { border: 1px solid var(--lux-line-strong); border-radius: 5px; background: var(--surface-card); color: var(--text); box-shadow: var(--depth-control); transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
body.editorial-ui :is(input,select,textarea):focus { border-color: var(--lux-orange-strong); box-shadow: 0 0 0 3px rgb(177 107 67 / 10%); }
body.editorial-ui :is(button,input,select,textarea,a):focus-visible { outline: 2px solid var(--lux-orange); outline-offset: 4px; }
body.editorial-ui input:is([type=checkbox],[type=radio]) { accent-color: var(--lux-orange-strong); }
body.editorial-ui button:disabled { opacity: .55; cursor: not-allowed; }
body.editorial-ui :is(.modal-content,.help-card,.confirm-card) { border-radius: 10px; border: 1px solid var(--line); box-shadow: var(--lux-shadow-lift); }
body.editorial-ui :is(.empty-state,.cart-empty) { padding: 36px 20px; border: 1px dashed var(--depth-line); border-radius: 8px; color: var(--muted); background: var(--surface-card); text-align: center; box-shadow: var(--depth-soft); }
body.editorial-ui :is(.table-tools,.inventory-tabs,.orders-tab-toolbar) { border-radius: 0; box-shadow: none; }
/* Shopping bag: product ledger on the left; delivery, total and checkout together on the right. */
body.editorial-ui.cart-page .editorial-cart-heading { margin-bottom: 44px; align-items: end; }
body.editorial-ui.cart-page .combined-cart-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.45fr); align-items: start; gap: clamp(28px,5vw,80px); }
body.editorial-ui.cart-page .cart-items-section { padding: 0; }
body.editorial-ui.cart-page .cart-summary {
 position: sticky; top: 90px; padding: clamp(20px,2.3vw,30px);
 border: 1px solid var(--depth-line) !important; border-radius: 10px !important;
 background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important;
}
body.editorial-ui.cart-page .cart-title { margin-bottom: 20px; font: 600 1.05rem/1.4 var(--font-sans); letter-spacing: -.025em; }
body.editorial-ui.cart-page .cart-shipping { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
body.editorial-ui.cart-page .cart-shipping .profile-header { flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }
body.editorial-ui.cart-page .cart-shipping h3 { font-size: 1rem; }
body.editorial-ui.cart-page .cart-shipping .edit-profile-btn { min-height: 0; padding: 0; border: 0; text-decoration: underline; text-underline-offset: 4px; }
body.editorial-ui.cart-page .cart-item-card { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 24px 0; box-shadow: none; background: transparent; }
body.editorial-ui.cart-page :is(.cart-product-image,.cart-2d-preview) { border-color: var(--depth-line); border-radius: 6px; box-shadow: var(--depth-soft); }
body.editorial-ui.cart-page .total-row { padding-block: 18px; margin-top: 4px; }
body.editorial-ui.cart-page .total-row .summary-value { font-weight: 700; font-size: 1.4rem; letter-spacing: -.035em; color: var(--text); }
body.editorial-ui.cart-page .summary-row { padding-block: 14px; border-bottom: 1px solid var(--line); }
body.editorial-ui.cart-page .checkout-btn { width: 100%; margin-top: 18px; }
/* Account pages: a contents rail and uninterrupted reading sections. */
body.editorial-ui.account-page .settings-layout { gap: clamp(28px,5vw,72px); }
body.editorial-ui.account-page .settings-sidebar { padding: 20px; border: 1px solid var(--depth-line) !important; border-radius: 8px !important; background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important; }
body.editorial-ui.account-page .settings-sidebar nav a { border-radius: 5px; transition: background var(--transition-fast), color var(--transition-fast); }
body.editorial-ui.account-page .settings-content > .settings-section {
 padding: clamp(20px,2.5vw,32px); border: 1px solid var(--depth-line) !important;
 border-radius: 10px !important; background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important;
}
body.editorial-ui.account-page .settings-content .settings-section > .profile-header { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
body.editorial-ui.account-page .settings-content .settings-account-subsection { padding-top: 24px; }
body.editorial-ui.account-page .settings-content .settings-account-information { margin-top: 0; padding-top: 0; border-top: 0; }
body.editorial-ui.account-page .settings-save-button { background: var(--text); border-color: var(--text); color: var(--bg); box-shadow: var(--depth-soft); }
body.editorial-ui.account-page :is(.profile-card,.security-card,.last-login-card) { padding: 0 0 28px; margin-bottom: 28px; border-bottom: 1px solid var(--line) !important; }
body.editorial-ui.account-page .settings-section h2 { font-size: 1.5rem; font-weight: 600; letter-spacing: -.04em; }
body.editorial-ui.account-page .settings-form-actions { justify-content: flex-start; padding-top: 18px; }
body.editorial-ui.account-page .settings-content { min-width: 0; }
/* Orders and bulk requests retain their data bindings and workflows. */
.editorial-order-navigation { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 20px 0; margin-bottom: 26px; border-block: 1px solid var(--line); }
body.editorial-ui .editorial-order-navigation .secondary-btn { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); }
body.editorial-ui .editorial-order-navigation .secondary-btn.active { border-bottom-color: var(--lux-orange); color: var(--text); }
body.editorial-ui .my-orders-page .my-order-card {
 padding: clamp(18px,2.5vw,28px); border: 1px solid var(--depth-line) !important;
 border-radius: 8px !important; background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important;
}
body.editorial-ui .my-orders-page .customer-order-section { gap: 20px; }
body.editorial-ui .my-orders-page .my-order-card-actions { padding-top: 18px; }
body.editorial-ui .my-orders-page .my-order-identity strong { color: var(--text); font-weight: 600; }
body.editorial-ui .my-orders-page .my-order-identity>small { color: var(--muted); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.editorial-ui .my-orders-page .my-order-card-top { border-color: var(--line); }
body.editorial-ui .bulk-workspace { gap: clamp(28px,5vw,80px); }
body.editorial-ui .bulk-workspace > .bulk-request-form { padding: 0; }
body.editorial-ui .bulk-workspace > .bulk-order-summary {
 padding: clamp(20px,2.5vw,28px); border: 1px solid var(--depth-line) !important;
 border-top: 2px solid var(--lux-orange) !important; border-radius: 8px !important;
 background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important;
}
body.editorial-ui .bulk-section { padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
body.editorial-ui .bulk-section h2 { font-size: .8rem; letter-spacing: .08em; }
body.editorial-ui .bulk-workspace .bulk-section > h2,body.editorial-ui .bulk-workspace .bulk-section-heading { margin-bottom: 18px; }
body.editorial-ui .bulk-design-options { padding: 5px; gap: 4px; border: 1px solid var(--depth-line); border-radius: 7px; background: var(--surface-card); box-shadow: var(--depth-soft); }
body.editorial-ui .bulk-design-option { border: 0; border-radius: 4px; background: transparent; }
body.editorial-ui .bulk-design-option.active { background: var(--soft); color: var(--lux-orange-strong); box-shadow: inset 0 0 0 1px var(--depth-line); }
body.editorial-ui :is(.account-status-notice,.account-appeal-section) { padding: 24px; border: 1px solid var(--depth-line); border-left: 2px solid var(--lux-orange); border-radius: 8px; background: var(--depth-surface); box-shadow: var(--depth-soft); }
body.editorial-ui .policy-card { padding: 28px 0; max-width: 900px; margin-inline: auto; border-top: 1px solid var(--line) !important; line-height: 1.9; }
body.editorial-ui main.container > .policy-card { padding: clamp(22px,4vw,44px); border: 1px solid var(--depth-line) !important; border-radius: 8px !important; background: var(--depth-surface) !important; box-shadow: var(--depth-soft) !important; }
body.editorial-ui .my-orders-page > .policy-card { margin-top: 28px; padding: 24px; color: var(--muted); }
body.editorial-ui .policy-card :is(h1,h2,h3) { margin-block: 18px; }
body.editorial-ui.entry-page { display: grid; place-items: center; min-height: 100svh; padding: 24px; }
.entry-card { max-width: 600px; text-align: center; }
.entry-card img { width: 88px; margin-bottom: 32px; }
.entry-card h1 { margin: 18px 0; font-size: clamp(2.5rem,7vw,4.5rem); }
.entry-card .primary-btn { display: inline-flex; margin-top: 24px; text-decoration: none; }
.auth-page .password-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
@media (max-width: 760px) {
 body.editorial-ui .workspace-kicker { margin-bottom: 24px; font-size: .58rem; }
 body.editorial-ui.cart-page .combined-cart-layout { grid-template-columns: minmax(0,1fr); }
 body.editorial-ui.cart-page .cart-summary,body.editorial-ui .bulk-workspace > .bulk-order-summary { position: static; padding: 22px; }
 body.editorial-ui.account-page .settings-sidebar { padding: 12px 16px; }
 body.editorial-ui.mobile-menu-ready .navbar .jams-mobile-menu-toggle { min-height: 44px; background: var(--text); color: var(--bg); border-radius: 3px; }
 body.editorial-ui.mobile-menu-ready .navbar .nav-links { background: var(--bg) !important; border-color: var(--line); box-shadow: var(--lux-shadow-lift); }
 body.editorial-ui.mobile-menu-ready .navbar .nav-links > a { color: var(--text); min-height: 44px; }
 body.editorial-ui .editorial-order-navigation { flex-direction: column; }
 body.editorial-ui :is(.customer-order-view-switch,.customer-order-kind-switch) { display: flex; flex-wrap: wrap; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *,*::before,*::after { animation: none !important; transition: none !important; }
}

.editorial-site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px; padding: 40px var(--workspace-gutter); margin-top: 40px; border-top: 1px solid var(--line); background: var(--depth-page-wash), var(--bg); }
.editorial-site-footer strong { font: 700 1.2rem/1.2 var(--font-sans); letter-spacing: -.04em; }
.editorial-site-footer p { margin-top: 8px; color: var(--muted); font-size: .75rem; }
.editorial-site-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }

html[data-theme="dark"] body.editorial-ui.cart-page .current-address-display {
  padding: 18px;
  border: 1px solid var(--depth-line);
  border-radius: 8px;
  background: var(--lux-surface-alt);
  color: var(--text);
}
html[data-theme="dark"] body.editorial-ui.cart-page .cart-items-section {
  padding: clamp(18px, 2.2vw, 28px);
  border: 1px solid var(--depth-line);
  border-radius: 8px;
  background: var(--depth-surface);
  box-shadow: var(--depth-soft);
}
html[data-theme="dark"] body.editorial-ui.cart-page .selected-address-preview {
  padding: 14px;
  border: 1px solid var(--depth-line);
  border-radius: 6px;
  background: var(--lux-surface) !important;
  color: var(--text) !important;
}
.editorial-site-footer a { color: var(--text); font-size: .72rem; text-decoration: none; }
.editorial-site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.editorial-site-footer > span { color: var(--lux-orange-strong); font-size: .58rem; letter-spacing: .12em; }

/* Shared theme control is also used by the standalone support desk. */
.jams-theme-toggle {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 1800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    box-shadow: 0 4px 14px rgba(16, 24, 40, .16);
    font: 650 .76rem/1 var(--font-sans);
    cursor: pointer;
}

.jams-theme-toggle svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.jams-theme-toggle:hover {
    background: #f8fafc;
}

.jams-theme-toggle:focus-visible {
    outline: 3px solid rgba(249, 115, 22, .45);
    outline-offset: 3px;
}

/* Keep the theme control reachable without covering mobile form copy. */
@media(max-width:560px) {
 .jams-theme-toggle { width: 44px; height: 44px; min-width: 44px; padding: 0; justify-content: center; right: 16px; bottom: 16px; }
 .jams-theme-toggle span { display: none; }
}

@media(max-width:760px) {
 body.editorial-ui.account-page .settings-sidebar-heading { margin-bottom: 0; padding-block: 2px; border: 0; }
}