/* Store tools and account screens. The storefront shell lives in marketplace.css. */
.breadcrumbs{font-size:13px;gap:9px;color:var(--mp-muted,#667085);line-height:1.6}
.breadcrumbs a:hover{color:var(--mp-blue,#165dff)}
.page-top{padding-block:22px}
.page-heading{margin-top:18px;align-items:center;gap:18px}
.page-heading h1,.workspace-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-weight:700}
.page-heading .eyebrow,.workspace-heading .eyebrow{font-size:13px;letter-spacing:0;text-transform:none;margin-bottom:6px;color:var(--mp-muted,#667085)}
.coral-dot{display:none}
.muted,.field-help,.small{color:#596575}
.small{font-size:13px}
.text-link{font-size:14px;color:var(--mp-blue,#165dff);gap:8px}
.text-button{font-size:13px;color:var(--mp-blue,#165dff);text-underline-offset:3px}
.round-button{border-radius:6px;width:34px;height:34px;color:var(--mp-blue,#165dff);background:#fff;border-color:#dce3ed}
.round-button:hover{color:#fff;background:var(--mp-blue,#165dff);border-color:var(--mp-blue,#165dff)}
.pill{border-radius:4px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:0}
.pill.neutral{background:#f0f2f5;color:#515c6d;border:1px solid #e3e7ed}
.status-new{background:#edf3ff;color:#2256ae}
.status-review{background:#eef2ff;color:#4949a8}
.status-quoted{background:#fff1df;color:#944e00}
.status-approved,.status-in_progress{background:#e8f5ee;color:#226a43}
.status-shipped{background:#e7f4fa;color:#22647d}
.status-completed{background:#eef3ef;color:#4b6353}
.status-cancelled{background:#fff0ef;color:#b13b32}
.product-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}

/* Catalogue */
.catalog-layout{grid-template-columns:218px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:44px}
.catalog-sidebar{border:1px solid #e2e6ed;border-radius:8px;padding:16px 0;background:#fff;position:static}
.catalog-sidebar>h2{font-size:16px;letter-spacing:0;padding:0 15px 13px;color:#1b2534;gap:9px}
.catalog-sidebar>h2 svg{width:18px;color:var(--mp-blue,#165dff)}
.category-nav{font-size:13px;padding:10px 15px;line-height:1.45;margin:0;border-radius:0;color:#384458;gap:8px}
.category-nav small{font-size:12px;color:#667085;background:#f0f2f5;min-width:25px;text-align:center;padding:1px 5px;border-radius:3px}
.category-nav:hover{background:#f5f8ff;color:var(--mp-blue,#165dff)}
.category-nav.active{background:#edf3ff;color:#164caf;font-weight:600;border-left:3px solid var(--mp-blue,#165dff);padding-left:12px}
.sidebar-help{border-radius:0;background:#f6f8fc;margin:16px 0 0;padding:18px 15px;border-top:1px solid #e2e6ed}
.sidebar-help>svg{color:#596b89;width:22px;height:22px}
.sidebar-help h3{font-size:15px;letter-spacing:0;margin-top:10px}
.sidebar-help p{font-size:13px;color:#596575;line-height:1.6;margin-top:7px}
.sidebar-help .text-link{font-size:13px;margin-top:12px}
.catalog-filters{padding:0 0 17px;gap:10px;align-items:center;border-bottom:1px solid #e2e6ed;margin-bottom:20px}
.catalog-search{background:#fff;border:1px solid #cfd7e3;border-radius:6px;min-height:40px;flex:1;min-width:160px}
.catalog-search input{font-size:14px;padding:10px;background:transparent}
.catalog-search svg{width:17px;color:#667085}
.catalog-filters select{font-size:13px;border-color:#cfd7e3;min-height:40px;border-radius:6px;padding:9px 12px}
.catalog-stock-filter{font-size:13px;line-height:1.5;color:#475467;margin-left:0;gap:7px;white-space:normal}
.catalog-stock-filter input{width:16px;height:16px;accent-color:var(--mp-blue,#165dff)}
.catalog-filters .button{font-size:13px;min-height:40px;padding:10px 16px}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.search-summary{font-size:14px;color:#475467;margin:0 0 15px}
.search-summary a{color:var(--mp-blue,#165dff);margin-left:9px}
.pagination{margin-top:28px;gap:20px;min-height:44px;font-size:14px;color:#596575;border-top:1px solid #e2e6ed;padding-top:20px}
.pagination a{padding:8px 12px;border:1px solid #d5deeb;border-radius:5px;color:#164caf;background:#fff;font-size:14px}
.catalog-mobile-categories{display:none}
.catalog-subcategories{border-top:1px solid #e2e6ed;margin-top:12px;padding-top:5px}
.catalog-subcategories>summary{font-size:13px;color:#165dff;padding:12px 15px;cursor:pointer;line-height:1.5}
.catalog-subcategories>nav{max-height:390px;overflow:auto;scrollbar-width:thin}
.catalog-subcategories .category-nav{font-size:12px}

/* Product and variants */
.product-detail{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px;padding-top:4px}
.product-gallery{align-self:start;position:sticky;top:20px}
.product-main-image{height:480px;min-height:0;background:#fff;border:1px solid #e2e6ed;border-radius:8px;padding:18px}
.product-main-image>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;border-radius:0}
.photo-label{font-size:12px;color:#586475;background:#fffffff2;padding:4px 8px;border-radius:3px;bottom:12px;left:12px}
.product-thumbnails{gap:8px;margin-top:12px}
.product-thumbnails>button{border-radius:5px;width:74px;height:74px;padding:4px;background:white;border-color:#dce3ed}
.product-thumbnails>button.active{border:2px solid var(--mp-blue,#165dff)}
.product-thumbnails img{mix-blend-mode:normal;object-fit:contain}
.product-info>.eyebrow{font-size:12px;text-transform:none;letter-spacing:0;color:#667085;margin:0 0 9px}
.product-info h1{font-size:26px;line-height:1.3;letter-spacing:-.025em;font-weight:650}
.product-price-block{margin-top:20px;padding-block:18px;border-color:#e2e6ed;gap:8px;align-items:baseline}
.product-price-block>strong{font-size:34px;letter-spacing:-.04em;color:#192230}
.product-price-block>strong>span{font-size:27px}
.product-price-block>span{font-size:13px;color:#596575}
.product-minimum{font-size:13px;color:#596575;line-height:1.6;margin-top:10px}
.product-minimum b{color:#263449}
.tier-prices{margin-top:18px}
.tier-prices>span{font-size:13px;color:#475467}
.tier-prices>div{gap:8px;margin-top:9px}
.tier-prices article{background:#f5f8ff;border-color:#dbe6fd;border-radius:5px;min-width:100px;padding:10px 12px}
.tier-prices small{font-size:12px;color:#536785}
.tier-prices strong{font-size:15px;color:#164caf;margin-top:3px}
.soft-notice{border:1px solid #dce7fc;border-radius:6px;background:#f4f8ff;padding:14px 16px;gap:10px;color:#3d526f}
.soft-notice svg{color:var(--mp-blue,#165dff);width:19px;height:19px}
.soft-notice b{font-size:14px;color:#30496d}
.soft-notice p{font-size:13px;color:#53647d;line-height:1.6;margin-top:3px}
.variant-heading{margin-top:22px;margin-bottom:12px;gap:10px}
.variant-heading h2{font-size:19px;letter-spacing:-.02em;font-weight:650}
.variant-heading>span{font-size:12px;color:#667085}
.variant-filter{border-color:#cfd7e3;font-size:14px;padding:11px 12px;border-radius:6px;margin-bottom:4px}
.variant-list{max-height:440px;border-top:1px solid #e2e6ed;scrollbar-width:thin}
.variant-row{padding:13px 0;gap:14px;border-color:#e2e6ed;align-items:center}
.variant-row>div:first-child{min-width:0}
.variant-row strong{font-size:14px;font-weight:500;line-height:1.4;color:#263449}
.variant-row small{font-size:11px;color:#667085;line-height:1.5;margin-top:3px}
.variant-buy{gap:12px;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.variant-buy>span:first-child{font-size:13px;color:#475467;font-weight:500}
.variant-cart-form{gap:7px;align-items:center}
.quantity-control input{font-size:14px;width:57px;min-height:38px;padding:8px;border-color:#cfd7e3;border-radius:5px}
.variant-cart-form .button{font-size:12px;min-height:38px;padding:9px 12px;gap:7px;border-radius:5px}
.variant-cart-form .button>span{display:inline}
.product-cart-link{font-size:14px;color:var(--mp-blue,#165dff);padding-top:15px;margin-top:6px}
.product-description{grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:36px;padding-top:30px;border-top:1px solid #e2e6ed}
.product-description>.eyebrow,.product-description>div>.eyebrow{display:none}
.product-description h2{font-size:24px;letter-spacing:-.025em;line-height:1.3}
.description-copy{font-size:15px;color:#344054;line-height:1.8;min-width:0}
.description-copy>p,.description-copy>ul,.description-copy>ol{margin-block:0 16px}
.description-copy>h2,.description-copy>h3,.description-copy>h4{font-size:19px;line-height:1.4;margin:24px 0 12px;letter-spacing:-.02em;color:#1b2534}
.description-copy>h2:first-child,.description-copy>h3:first-child{margin-top:0}
.description-copy li+li{margin-top:7px}
.description-copy table{border-collapse:collapse;width:100%;font-size:14px;display:block;max-width:100%;overflow:auto}
.description-copy th,.description-copy td{padding:9px 12px;border:1px solid #dce3ed;text-align:left}
.product-characteristics{border-color:#dce3ed;border-radius:6px;margin-block:24px}
.product-characteristics>summary{font-size:14px;color:#263449;padding:15px 16px;font-weight:600}
.product-characteristics>summary>span{font-size:12px;color:#667085}
.product-characteristics>dl{font-size:14px;padding:0 16px 14px}
.product-characteristics dl>div{border-color:#e2e6ed;gap:16px}
.product-characteristics dt{color:#667085}
.product-characteristics dd{color:#263449}
.product-description-images{gap:15px}
.product-description-images img{border-radius:0}

/* Workspace */
.workspace-main{background:#f5f6f8;min-height:58vh}
.workspace{grid-template-columns:210px minmax(0,1fr);gap:24px;padding-block:26px 44px;align-items:start}
.workspace-sidebar{padding:16px 0;border-radius:7px;border:1px solid #e2e6ed;background:#fff;top:20px}
.workspace-person{padding:0 16px 17px;gap:10px;align-items:center;border-bottom:1px solid #e2e6ed;margin-bottom:9px}
.avatar{background:#eaf0ff;color:#2256ae;font-size:16px;font-weight:650;border-radius:5px;width:37px;height:37px}
.workspace-person strong{font-size:14px;font-weight:600;color:#263449}
.workspace-person small{font-size:12px;color:#667085;margin-top:3px}
.workspace-nav{gap:1px;padding:0}
.workspace-nav>a{border-radius:0;padding:11px 16px;font-size:14px;color:#475467;gap:10px;border-left:3px solid transparent}
.workspace-nav>a svg{width:18px;height:18px;color:#667085}
.workspace-nav>a:hover{background:#f5f8ff;color:#165dff}
.workspace-nav>a.active{background:#edf3ff;color:#164caf;border-left-color:#165dff;padding-left:16px;font-weight:600}
.workspace-nav>a.active svg{color:#165dff}
.workspace-sidebar-bottom{border-color:#e2e6ed;margin:15px 16px 0;padding-top:16px}
.workspace-back{font-size:12px;color:#475467;gap:6px}
.logout-button{font-size:12px;color:#667085;padding:13px 0 0}
.workspace-heading{align-items:center;padding:0 0 22px;gap:18px}
.workspace-heading h1{font-size:29px;margin:0}
.workspace-heading p{font-size:14px;color:#596575;margin-top:9px;line-height:1.6}
.workspace-heading .eyebrow:empty{display:none}
.workspace-heading .button{font-size:14px;min-height:42px;padding:11px 16px;border-radius:6px}
.workspace-heading>.pill{margin-top:0}
.workspace-breadcrumbs{font-size:12px;margin-bottom:18px}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.stat-card{padding:16px;border-radius:7px;min-height:125px;background:#fff;border:1px solid #e2e6ed;box-shadow:none}
.stat-card>span{font-size:13px;color:#596575;gap:6px;line-height:1.4}
.stat-card>span svg{width:16px;height:16px;color:#667085}
.stat-card strong{font-size:28px;font-weight:650;color:#263449;margin-top:13px;letter-spacing:-.035em}
.stat-card small{font-size:11px;color:#667085;margin-top:5px;line-height:1.5}
.stat-card-accent{background:#fff9f1;border-color:#ffd7a8}
.stat-card-accent strong{color:#a54c00}
.tiny-dot.green{background:#2f975b}
.dashboard-columns{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px}
.panel{border-radius:7px;border:1px solid #e2e6ed;background:#fff;box-shadow:none;margin-bottom:22px;min-width:0}
.panel-heading{padding:19px 20px;border-color:#e2e6ed;gap:14px;align-items:center}
.panel-heading h2{font-size:19px;letter-spacing:-.02em;font-weight:650;line-height:1.35}
.panel-heading>svg{width:19px;height:19px;color:#667085}
.panel-heading .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#667085;margin-bottom:4px}
.panel-heading .text-link{font-size:13px}
.panel-body{padding:20px}
.order-compact{padding:16px 20px;gap:12px;border-color:#e2e6ed;min-width:0;flex-wrap:wrap}
.order-compact-icon{width:32px;height:36px;border-radius:5px;background:#eef3fc;color:#3a5d8d}
.order-compact strong{font-size:14px;letter-spacing:0;color:#263449}
.order-compact small{font-size:12px;color:#667085;margin-top:4px}
.order-compact>.pill{font-size:11px;max-width:140px;margin-left:auto}
.order-compact>b{font-size:14px;color:#263449;white-space:nowrap}
.order-compact>.trailing-icon{width:15px;color:#667085}
.notifications-panel .notification-list{padding:0 18px}
.notification{padding:16px 0;border-color:#e2e6ed;gap:10px}
.notification-dot{background:#165dff;width:6px;height:6px;margin-top:7px}
.notification strong{font-size:13px;color:#263449;font-weight:600}
.notification p{font-size:13px;color:#596575;line-height:1.55;margin-top:4px}
.notification small{font-size:11px;color:#667085;margin-top:7px;display:inline-block}
.mark-read{font-size:12px;color:#165dff;line-height:1.5}
.document-preview-grid{gap:12px;padding:18px 20px}
.document-preview{border:1px solid #e2e6ed;border-radius:6px;padding:16px;background:#fff}
.document-preview .document-icon{color:#165dff;background:#edf3ff;border-radius:4px;width:32px;height:36px}
.document-preview h3{font-size:14px;line-height:1.5;letter-spacing:0;color:#263449;margin-top:13px}
.document-preview p{font-size:12px;color:#596575;overflow-wrap:anywhere}
.document-preview small{font-size:11px;color:#667085;margin-top:8px}
.document-preview .pill{font-size:10px;line-height:1.4;max-width:75%;white-space:normal}
.download-corner{color:#165dff}
.empty-inline{font-size:14px;line-height:1.65;color:#667085;padding:20px}
.empty-state{color:#667085;padding:40px 22px}
.empty-state>svg{width:35px;height:35px;color:#78869a}
.empty-state h2,.empty-state h3{color:#263449;letter-spacing:-.02em;font-size:23px;line-height:1.4}
.empty-state p{font-size:14px;color:#667085;line-height:1.7;max-width:450px}
.empty-state.compact{padding:28px 20px}
.empty-state.compact h3{font-size:18px}
.empty-state.compact p{font-size:13px}
.list-filters{gap:10px;margin-bottom:18px;flex-wrap:wrap}
.input-with-icon input,.list-filters select{font-size:14px;padding:10px 12px;min-height:42px;border-radius:6px;border-color:#cfd7e3}
.input-with-icon{border-color:#cfd7e3;background:#fff;border-radius:6px}
.input-with-icon svg{width:18px;color:#667085}
.input-with-icon input{background:transparent}
.list-filters .button{min-height:42px;font-size:13px;padding:11px 18px}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.data-table{font-size:14px;border-color:#e2e6ed}
.data-table th{font-size:12px;color:#667085;background:#f8f9fb;font-weight:500;text-transform:none;letter-spacing:0;padding:13px 16px;border-color:#e2e6ed}
.data-table td{font-size:14px;padding:16px;border-color:#e2e6ed;color:#344054;vertical-align:middle}
.data-table td small{font-size:12px;color:#667085;line-height:1.5;margin-top:4px}
.table-primary{font-size:14px;font-weight:600;color:#263449}
.data-table .pill{font-size:11px}
.data-table tr:hover td{background:#fbfcff}
.document-security{font-size:13px;line-height:1.6;padding:12px 15px;border:1px solid #dce7fc;border-radius:6px;background:#f4f8ff;color:#4d6280;margin-bottom:20px}
.document-security svg{color:#165dff;width:18px;height:18px}
.document-row{padding:18px 20px;gap:14px;border-color:#e2e6ed;min-width:0}
.document-row>.document-icon{color:#165dff;background:#edf3ff;border-radius:4px}
.document-row-info{min-width:0}
.document-row-info strong{font-size:14px;line-height:1.45;color:#263449;overflow-wrap:anywhere}
.document-row-info>span{font-size:12px;color:#596575;overflow-wrap:anywhere}
.document-row-info>small{font-size:12px;color:#667085;line-height:1.65}
.document-row-info a{color:#165dff}
.document-comment{font-size:13px;color:#596575;line-height:1.6;margin-top:8px}
.document-actions>.button{font-size:13px;min-height:37px;padding:9px 12px;border-radius:5px}
.document-actions .text-button{font-size:12px}
.document-upload-form{gap:18px 20px}
.form-field{gap:7px;min-width:0}
.form-field>label{font-size:14px;line-height:1.5;font-weight:500;color:#344054}
.form-field input,.form-field select,.form-field textarea{font-size:14px;line-height:1.5;padding:11px 12px;border-color:#cfd7e3;border-radius:6px;max-width:100%}
.form-field input::placeholder,.form-field textarea::placeholder{color:#788496}
.form-field input[type=file]{width:100%;padding:10px;font-size:13px}
.form-field input[type=file]::file-selector-button{border:0;border-radius:4px;background:#edf3ff;padding:7px 10px;color:#164caf;margin-right:10px;cursor:pointer}
.form-field input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:#165dff}
.form-field:has(input[type=checkbox])>label{font-size:13px;line-height:1.6}
.field-help{font-size:12px;color:#667085;line-height:1.6}
.field-error{font-size:13px;color:#b42318;line-height:1.5}
.form-errors{font-size:14px;background:#fff1ef;border-color:#f5c0b9;color:#a52e24;padding:13px 15px;border-radius:5px}
.stack-form{gap:18px}
.upload-actions{gap:10px;flex-wrap:wrap}
.upload-actions .button{font-size:14px;min-height:42px;padding:11px 16px}
.profile-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:22px}
.profile-note{padding:22px;border-radius:7px;background:#fff;border:1px solid #e2e6ed}
.profile-note>span{font-size:12px;letter-spacing:0;text-transform:none;color:#667085}
.profile-note h3{font-size:18px;letter-spacing:-.02em;color:#263449;margin-top:8px}
.profile-note p,.profile-note>div{font-size:14px;line-height:1.7;color:#596575;margin-top:10px}
.profile-aside{gap:18px}
.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.client-card{padding:20px;border:1px solid #e2e6ed;background:#fff;border-radius:7px}
.client-card h2{font-size:19px;letter-spacing:-.02em;color:#263449;margin-top:15px}
.client-card>p,.client-card>small{font-size:13px;color:#596575;margin-top:7px}
.client-card>div{font-size:12px;color:#667085;border-color:#e2e6ed;margin-top:18px;padding-top:14px}

/* Order, correspondence and history */
.approval-banner{background:#fff8ed;border:1px solid #ffd29a;border-radius:7px;padding:20px;gap:14px;margin-bottom:22px;align-items:center}
.approval-banner h2{font-size:20px;color:#6c3c05;letter-spacing:-.02em;line-height:1.4}
.approval-banner .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#8e5c21;margin-bottom:5px}
.approval-banner p{font-size:14px;color:#855421;line-height:1.6}
.approval-icon{background:#ffebce;color:#a85a00;width:39px;height:39px;border-radius:6px}
.approval-banner .button{font-size:14px;min-height:44px}
.order-cancel-control{margin:0 0 18px}
.order-cancel-control .text-button{font-size:13px;color:#b03f35}
.order-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}
.order-items-table{min-width:560px}
.order-items-table th{font-size:12px}
.order-items-table td{font-size:14px;line-height:1.5}
.order-items-table td strong{font-size:14px;color:#263449;font-weight:500}
.order-items-table td small{font-size:12px;color:#667085}
.price-input{font-size:14px;border-radius:5px;border-color:#cfd7e3;padding:9px;min-width:80px;width:90px}
.quote-summary{padding:20px}
.summary-row{font-size:14px;color:#596575;padding-block:9px}
.summary-row>b{font-weight:600;color:#263449}
.summary-total{border-color:#e2e6ed;padding-top:18px;margin-top:15px;color:#263449;font-size:15px}
.summary-total strong{font-size:27px;letter-spacing:-.035em;color:#1b2534}
.quote-summary .summary-total strong{font-size:25px}
.quote-summary .button{font-size:14px;margin-top:18px;min-height:44px}
.quote-comment{font-size:14px;color:#596575;line-height:1.7;padding:14px 0 0}
.detail-list{padding:18px 20px}
.detail-list dt{font-size:12px;color:#667085;margin-bottom:4px}
.detail-list dd{font-size:14px;color:#344054;line-height:1.6;margin-bottom:16px;overflow-wrap:anywhere}
.order-side-column .panel-heading h2{font-size:18px}
.order-side-column .panel-body{padding:18px}
.assignment-form{border-color:#e2e6ed}
.timeline{padding:5px 20px 20px}
.timeline strong{font-size:13px;line-height:1.6;font-weight:400;color:#475467}
.timeline small{font-size:11px;line-height:1.6;color:#667085;margin-top:6px}
.timeline-point{background:#adc5f8;border-color:#fff}
.timeline li{border-color:#dbe4f5}
.message-thread{padding:20px;gap:14px}
.conversation-message{background:#f3f5f8;border-radius:6px;padding:14px 16px;max-width:92%}
.conversation-message.own{background:#edf3ff}
.message-author{font-size:12px;color:#344054;gap:14px}
.message-author time{font-size:11px;color:#667085}
.conversation-message p{font-size:14px;line-height:1.65;color:#344054;overflow-wrap:anywhere;margin-top:7px}
.message-compose{padding:18px 20px;border-color:#e2e6ed}
.message-compose .button{font-size:13px;min-height:39px}
.internal-notes{border:1px solid #e2e6ed;border-radius:6px;background:#fff;margin-bottom:22px}
.internal-notes>summary{font-size:14px;padding:17px 20px;color:#344054;gap:9px}
.internal-notes>summary small{font-size:12px;color:#667085}
.internal-notes .stack-form{padding:18px 20px}
.internal-note{font-size:14px;color:#596575;padding:14px 20px;border-color:#e2e6ed}
.internal-note small{font-size:12px;color:#667085}
.revisions{border:1px solid #e2e6ed;border-radius:6px;background:#fff;padding:0;margin-top:4px}
.revisions>summary{font-size:14px;padding:16px 20px;color:#344054}
.revision-row{font-size:13px;border-color:#e2e6ed;padding:14px 20px;color:#596575}
.revision-row strong{font-size:14px;color:#344054}

/* Cart and checkout */
.cart-layout{grid-template-columns:minmax(0,1fr) 335px;gap:28px;margin-bottom:45px}
.cart-item{padding-block:23px;gap:18px;border-color:#e2e6ed;align-items:center}
.cart-image{width:96px;height:112px;border-radius:6px;background:#fff;border:1px solid #e2e6ed;padding:5px}
.cart-image img{mix-blend-mode:normal;object-fit:contain}
.cart-item-info>small{font-size:12px;color:#667085}
.cart-item-info>a{font-size:15px;line-height:1.5;color:#263449;font-weight:500}
.cart-item-info>span{font-size:13px;color:#667085;line-height:1.55;margin-top:6px}
.cart-quantity-form input{width:62px;padding:9px;font-size:14px;min-height:39px;border-radius:5px;border-color:#cfd7e3}
.cart-quantity-form{gap:9px}
.cart-quantity-form .text-button,.cart-quantity-form .remove-button{font-size:12px;color:#165dff}
.cart-quantity-form .remove-button{color:#a54c44}
.cart-line-price strong{font-size:19px;letter-spacing:-.02em;color:#263449}
.cart-line-price small{font-size:12px;color:#667085}
.order-summary{background:#fff;border:1px solid #e2e6ed;border-radius:7px;padding:24px;box-shadow:none;top:20px}
.order-summary>.eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#667085}
.order-summary>h2{font-size:24px;letter-spacing:-.03em;margin:8px 0 20px;color:#263449}
.order-summary .button{font-size:14px;min-height:45px}
.summary-note{font-size:13px;line-height:1.65;color:#667085;margin-top:16px;gap:7px}
.summary-note svg{width:17px;height:17px;color:#667085}
.cart-empty h2{font-size:32px;letter-spacing:-.035em}
.cart-empty>p{font-size:15px;line-height:1.7;color:#667085}
.empty-circle{width:64px;height:64px;background:#edf3ff;color:#165dff;border-radius:8px}
.checkout-layout{grid-template-columns:minmax(0,1fr) 350px;gap:26px;margin-bottom:45px}
.checkout-form{padding:24px;gap:19px}
.checkout-form .form-field{grid-column:span 1}
.step-number{font-size:13px;color:#165dff;background:#edf3ff;border-radius:4px;padding:5px 7px;margin-right:7px}
.checkout-items{gap:14px}
.checkout-items>div{font-size:14px;border-color:#e2e6ed;padding-bottom:14px;gap:16px}
.checkout-items small{font-size:12px;color:#667085;line-height:1.6}
.checkout-items b{font-size:14px;color:#263449;white-space:nowrap}
.checkout-layout .order-summary>.text-link{font-size:13px;margin-top:17px}

/* Authentication, errors, informational pages */
.auth-layout{gap:50px;padding-block:38px 55px;grid-template-columns:minmax(0,1fr) minmax(320px,450px)}
.auth-editorial{align-self:center}
.auth-editorial h1{font-size:36px;line-height:1.2;letter-spacing:-.04em;max-width:500px;color:#1b2534;margin-top:0}
.auth-editorial>.eyebrow{font-size:13px;letter-spacing:0;text-transform:none;color:#165dff;margin-bottom:12px}
.auth-editorial>p{font-size:16px;color:#596575;line-height:1.7;max-width:440px;margin-top:18px}
.auth-features{gap:15px;margin-top:25px}
.auth-features>span{font-size:14px;color:#475467;gap:10px}
.auth-features svg{width:19px;color:#165dff}
.auth-card{border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:28px;box-shadow:0 6px 24px #1b2d4b08}
.auth-card>.eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#667085}
.auth-card h2{font-size:25px;font-weight:650;letter-spacing:-.025em;color:#263449;margin-top:7px}
.auth-card>.muted{font-size:14px;color:#667085;margin-top:9px;line-height:1.6}
.auth-card .stack-form{gap:18px;margin-top:25px}
.auth-card .button{font-size:14px;min-height:44px}
.auth-recovery{font-size:13px;color:#165dff;margin-top:16px}
.auth-switch{font-size:14px;line-height:1.6;color:#667085;margin-top:20px}
.auth-switch a{color:#165dff;font-weight:500}
.auth-note{font-size:14px;line-height:1.7;background:#f4f8ff;border:1px solid #dce7fc;color:#475e80;border-radius:6px;padding:17px;max-width:440px;margin-top:25px}
.demo-access{font-size:13px;border-color:#e2e6ed;padding-top:18px;margin-top:22px}
.demo-access>summary{font-size:13px;color:#596575}
.demo-access>p{font-size:12px;color:#667085;line-height:1.6}
.demo-account{font-size:13px;border-radius:5px;background:#f5f8ff;color:#165dff;border-color:#dce7fc;padding:9px 12px}
.messages{padding-top:16px}
.notice{border-radius:6px;font-size:14px;padding:13px 16px;gap:10px;border:1px solid #cddfec;background:#f0f7ff;color:#304f75;line-height:1.6}
.notice-success{background:#edf8f1;color:#25653e;border-color:#c9e6d2}
.notice-error{background:#fff1ef;color:#a52e24;border-color:#f2c7c1}
.notice-warning{background:#fff7e9;color:#8e5716;border-color:#f2d5a5}
.notice svg{width:18px;height:18px}
.notice-close{font-size:23px;color:inherit}
.section>.panel{font-size:15px;line-height:1.8;color:#475467}
.section>.panel h1{font-size:29px;letter-spacing:-.03em;color:#263449}
.section>.panel h2{font-size:21px;letter-spacing:-.02em;color:#263449}
.section>.panel .eyebrow{font-size:12px;color:#667085;letter-spacing:0;text-transform:none}

@media(max-width:1199px){
 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dashboard-columns{grid-template-columns:1fr}
 .notifications-panel .notification-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
 .order-detail-layout{grid-template-columns:minmax(0,1fr)}
 .order-side-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
 .order-side-column>.panel{margin-bottom:0}
 .order-items-table{min-width:540px}
 .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .stat-card{padding:14px 12px}
 .stat-card>span{font-size:12px}
 .stat-card small{font-size:11px}
 .cart-item{flex-wrap:wrap}
 .cart-quantity-form{margin-left:114px}
 .cart-line-price{margin-left:auto}
}
@media(max-width:959px){
 .catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}
 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .catalog-filters{gap:8px}
 .catalog-stock-filter{font-size:12px}
 .workspace{grid-template-columns:178px minmax(0,1fr);gap:18px}
 .workspace-nav>a{font-size:13px;padding-inline:12px;gap:8px}
 .workspace-nav>a.active{padding-left:12px}
 .workspace-heading h1{font-size:26px}
 .workspace-heading p{font-size:13px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-card{min-height:112px;padding:14px 16px}
 .stat-card>span{font-size:13px}
 .stat-card strong{font-size:27px;margin-top:9px}
 .product-detail{gap:24px}
 .product-main-image{height:410px;padding:13px}
 .product-info h1{font-size:23px}
 .variant-buy{gap:7px}
 .variant-cart-form .button{font-size:11px;padding-inline:10px}
 .product-description{grid-template-columns:190px minmax(0,1fr);gap:28px}
 .profile-layout{grid-template-columns:1fr}
 .profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}
 .auth-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr)}
 .auth-editorial h1{font-size:30px}
 .auth-editorial>p{font-size:15px}
 .auth-card{padding:24px}
 .cart-layout{grid-template-columns:minmax(0,1fr) 295px;gap:22px}
 .checkout-layout{grid-template-columns:minmax(0,1fr) 305px;gap:20px}
 .checkout-form{grid-template-columns:1fr;padding:21px}
 .checkout-form .form-field{grid-column:1/-1}
 .checkout-items>div{font-size:13px}
 .order-summary{padding:20px}
 .cart-item-info{flex-basis:calc(100% - 116px)}
 .cart-line-price{margin-left:0}
 .cart-quantity-form{margin-left:0}
}
@media(max-width:719px){
 .page-top{padding-block:17px}
 .breadcrumbs{font-size:12px;gap:7px}
 .page-heading{margin-top:13px;align-items:flex-start;gap:12px}
 .page-heading h1,.workspace-heading h1{font-size:25px;line-height:1.3}
 .page-heading .eyebrow{font-size:12px;margin-bottom:4px}
 .page-heading>.pill{font-size:11px;white-space:nowrap;margin-top:4px}
 .catalog-layout{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
 .catalog-sidebar{display:none}
 .catalog-mobile-categories{display:block;border:1px solid #cfd7e3;border-radius:6px;background:#fff;margin-bottom:12px;font-size:14px}
 .catalog-mobile-categories>summary{padding:11px 13px;font-weight:600;color:#263449;cursor:pointer}
 .catalog-mobile-categories>nav{max-height:280px;overflow:auto;border-top:1px solid #e2e6ed}
 .catalog-mobile-categories a{display:block;padding:10px 13px;color:#475467;border-bottom:1px solid #eef1f5;font-size:13px}
 .catalog-filters{gap:8px;flex-wrap:wrap;padding-bottom:13px;margin-bottom:15px}
 .catalog-search{flex-basis:100%;min-width:0}
 .catalog-filters select{font-size:12px;flex:1;min-width:0;padding:9px}
 .catalog-stock-filter{font-size:12px;order:3;flex-basis:100%;margin:2px 0 0}
 .catalog-filters .button{font-size:12px;min-height:39px;padding:10px 14px}
 .product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}
 .pagination{font-size:12px;gap:10px;justify-content:space-between}
 .pagination a{font-size:12px;padding:8px}
 .product-detail{grid-template-columns:1fr;gap:23px;padding-top:0}
 .product-gallery{position:static}
 .product-main-image{height:380px;max-height:90vw;border-radius:6px;padding:12px}
 .photo-label{font-size:11px;bottom:8px;left:8px}
 .product-thumbnails{margin-top:10px;gap:8px}
 .product-thumbnails>button{width:61px;height:61px}
 .product-info h1{font-size:23px;line-height:1.35}
 .product-info>.eyebrow{font-size:12px;margin-bottom:9px}
 .product-price-block>strong{font-size:32px}
 .product-minimum{font-size:13px}
 .product-price-block{margin-top:17px;padding-block:16px}
 .tier-prices article{min-width:94px;padding:10px}
 .tier-prices small{font-size:11px}
 .tier-prices strong{font-size:14px}
 .soft-notice{padding:13px;gap:9px}
 .soft-notice b{font-size:13px}
 .soft-notice p{font-size:12px;line-height:1.65}
 .variant-heading h2{font-size:18px}
 .variant-list{max-height:420px}
 .variant-row{gap:10px;padding:13px 0}
 .variant-row strong{font-size:13px}
 .variant-row small{font-size:11px}
 .variant-buy{gap:7px;max-width:155px;flex-shrink:0}
 .variant-buy>span:first-child{font-size:12px}
 .variant-cart-form .button{min-height:37px;font-size:11px;padding:9px}
 .variant-cart-form .button>span{display:none}
 .quantity-control input{width:51px;font-size:14px;min-height:37px}
 .product-cart-link{font-size:13px}
 .product-description{grid-template-columns:1fr;gap:17px;margin-top:26px;padding-top:24px}
 .product-description h2{font-size:23px}
 .description-copy{font-size:14px;line-height:1.8}
 .description-copy>h2,.description-copy>h3,.description-copy>h4{font-size:18px;margin-top:23px}
 .product-characteristics>summary{font-size:13px;padding:14px}
 .product-characteristics>dl{font-size:13px;padding:0 14px 12px}
 .workspace{grid-template-columns:1fr;gap:19px;padding-block:17px 30px}
 .workspace-sidebar{position:static;border:0;padding:0;background:none;border-radius:0}
 .workspace-person,.workspace-sidebar-bottom{display:none}
 .workspace-nav{flex-direction:row;gap:7px;overflow-x:auto;padding:0 0 5px;max-width:100%;scrollbar-width:thin}
 .workspace-nav>a{font-size:12px;white-space:nowrap;border:1px solid #d8e0eb;background:#fff;border-radius:5px;padding:9px 11px;flex-shrink:0;gap:6px}
 .workspace-nav>a.active{padding-left:11px;border:1px solid #165dff;background:#165dff;color:#fff}
 .workspace-nav>a.active svg{color:#fff}
 .workspace-nav>a svg{width:15px;height:15px}
 .workspace-mobile-logout{display:flex;flex-shrink:0}
 .workspace-mobile-logout>button{font-size:12px;color:#596575;background:#fff;border:1px solid #d8e0eb;border-radius:5px;padding:9px 11px}
 .workspace-heading{padding-bottom:19px;gap:12px;align-items:flex-start}
 .workspace-heading h1{font-size:25px}
 .workspace-heading p{font-size:13px;margin-top:7px;line-height:1.6}
 .workspace-heading>.button{font-size:12px;min-height:39px;padding:10px 12px;max-width:130px;margin-top:0;gap:6px}
 .workspace-heading>.pill{font-size:11px;margin-top:3px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
 .stat-card{padding:14px;min-height:111px;border-radius:6px}
 .stat-card>span{font-size:12px}
 .stat-card strong{font-size:27px;margin-top:10px}
 .stat-card small{font-size:11px;margin-top:5px}
 .dashboard-columns{grid-template-columns:1fr;gap:0}
 .panel{margin-bottom:18px;border-radius:6px}
 .panel-heading{padding:17px 16px;gap:10px}
 .panel-heading h2{font-size:18px}
 .panel-heading .text-link{font-size:12px}
 .panel-body{padding:17px}
 .order-compact{padding:15px 16px;gap:9px;flex-wrap:wrap}
 .order-compact-icon{display:none}
 .order-compact strong{font-size:13px}
 .order-compact small{font-size:11px}
 .order-compact>.pill{font-size:10px;max-width:115px;margin-left:auto}
 .order-compact>b{font-size:13px}
 .order-compact .trailing-icon{display:none}
 .notifications-panel .notification-list{display:flex;flex-direction:column;padding-inline:16px}
 .notification strong,.notification p{font-size:13px}
 .document-preview-grid{grid-template-columns:1fr;padding:16px;gap:10px}
 .document-preview-grid>a:nth-child(3){display:block}
 .document-preview{padding:15px}
 .document-preview h3{font-size:14px}
 .document-preview p{font-size:12px}
 .document-preview small{font-size:11px;max-width:85%}
 .document-preview .pill{font-size:10px;max-width:75%}
 .list-filters{gap:8px;margin-bottom:15px}
 .list-filters select{font-size:13px;min-height:40px;padding:10px;max-width:100%}
 .list-filters .button{font-size:12px;min-height:40px;padding:10px 13px}
 .input-with-icon input{font-size:14px;padding:11px}
 .data-table th{font-size:12px;padding:13px}
 .data-table td{font-size:13px;padding:15px 13px}
 .data-table td small{font-size:11px}
 .table-primary{font-size:13px}
 .data-table .pill{font-size:11px}
 .table-panel .data-table{min-width:560px}
 .document-row{padding:16px;gap:10px;flex-wrap:wrap;align-items:flex-start}
 .document-row-info{flex-basis:calc(100% - 43px)}
 .document-row-info strong{font-size:14px}
 .document-row-info>span,.document-row-info>small{font-size:12px}
 .document-actions{margin-left:40px;flex-direction:row;gap:14px;margin-top:5px}
 .document-actions>.button{font-size:12px;min-height:36px;padding:9px 11px}
 .document-security{font-size:12px;padding:12px;margin-bottom:17px;align-items:flex-start}
 .document-upload-form{grid-template-columns:1fr;gap:17px}
 .document-upload-form .form-field{grid-column:1/-1}
 .form-field>label{font-size:14px}
 .form-field input,.form-field select,.form-field textarea{font-size:15px;padding:11px 12px}
 .form-field input[type=file]{font-size:12px;padding:9px}
 .field-help{font-size:12px}
 .upload-actions{gap:10px}
 .upload-actions .button{font-size:13px;min-height:42px}
 .profile-layout{grid-template-columns:1fr;gap:0}
 .profile-aside{grid-template-columns:1fr;gap:16px}
 .profile-note{padding:20px}
 .profile-note h3{font-size:18px}
 .profile-note p{font-size:14px}
 .client-grid{grid-template-columns:1fr;gap:13px}
 .client-card{padding:18px}
 .client-card h2{font-size:19px}
 .client-card>p,.client-card>small{font-size:13px}
 .client-card>div{font-size:12px;margin-top:16px}
 .approval-banner{display:grid;grid-template-columns:31px minmax(0,1fr);padding:17px;gap:11px;align-items:start;margin-bottom:18px}
 .approval-banner h2{font-size:18px}
 .approval-banner p{font-size:13px}
 .approval-icon{width:31px;height:31px}
 .approval-banner>div:not(.approval-icon){min-width:0}
 .approval-banner>form{grid-column:1/-1;margin-left:0;max-width:none;width:100%}
 .approval-banner .button{font-size:13px;min-height:42px;width:100%}
 .order-detail-layout{grid-template-columns:1fr;gap:0}
 .order-side-column{grid-template-columns:1fr;gap:18px}
 .order-side-column>.panel{grid-column:1/-1}
 .order-items-table{min-width:560px}
 .order-items-table td strong{font-size:13px}
 .order-items-table td small{font-size:11px}
 .quote-summary{padding:18px}
 .summary-total strong{font-size:26px}
 .detail-list{padding:18px}
 .detail-list dt{font-size:12px}
 .detail-list dd{font-size:14px}
 .timeline{padding-inline:18px}
 .timeline strong{font-size:13px}
 .timeline small{font-size:11px}
 .message-thread{padding:17px;gap:12px}
 .conversation-message{max-width:97%;padding:13px 14px}
 .message-author{font-size:11px;gap:10px}
 .message-author time{font-size:10px}
 .conversation-message p{font-size:14px}
 .message-compose{padding:17px}
 .internal-notes>summary{padding:16px;font-size:14px;flex-wrap:wrap}
 .internal-notes>summary small{font-size:11px}
 .cart-layout{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
 .cart-item{gap:12px;padding-block:20px}
 .cart-image{width:78px;height:96px}
 .cart-item-info{flex-basis:calc(100% - 90px)}
 .cart-item-info>a{font-size:14px;line-height:1.5}
 .cart-item-info>small{font-size:11px}
 .cart-item-info>span{font-size:12px}
 .cart-quantity-form{margin-left:90px;gap:10px}
 .cart-line-price{margin-left:auto}
 .cart-line-price strong{font-size:17px}
 .cart-line-price small{font-size:11px}
 .order-summary{position:static;padding:22px}
 .order-summary>h2{font-size:24px}
 .order-summary .button{font-size:14px;min-height:44px}
 .summary-note{font-size:13px}
 .cart-empty{padding-block:30px 45px}
 .cart-empty h2{font-size:28px}
 .cart-empty>p{font-size:14px}
 .checkout-layout{grid-template-columns:1fr;gap:4px;margin-bottom:30px}
 .checkout-layout>.panel{order:2}
 .checkout-layout>.order-summary{order:1;margin-bottom:17px}
 .checkout-form{padding:19px;gap:18px;grid-template-columns:1fr}
 .checkout-form .form-field{grid-column:1/-1}
 .checkout-items>div{font-size:13px}
 .checkout-items small{font-size:12px}
 .checkout-items b{font-size:13px}
 .auth-layout{grid-template-columns:1fr;gap:23px;padding-block:24px 35px}
 .auth-editorial h1{font-size:28px;line-height:1.25}
 .auth-editorial>p{font-size:14px;line-height:1.65;margin-top:12px}
 .auth-features{flex-direction:row;flex-wrap:wrap;gap:10px 15px;margin-top:17px}
 .auth-features>span{font-size:12px;gap:6px}
 .auth-features svg{width:16px;height:16px}
 .auth-card{padding:23px;border-radius:7px;max-width:none}
 .auth-card h2{font-size:24px}
 .auth-note{font-size:13px;line-height:1.65;margin-top:18px;padding:14px}
 .auth-card .stack-form{margin-top:20px}
 .auth-card>.muted{font-size:14px}
 .auth-switch{font-size:13px}
 .messages{padding-top:12px}
 .notice{font-size:13px;padding:12px 14px;line-height:1.65;gap:9px}
 .notice>svg{width:17px;height:17px;align-self:flex-start;margin-top:2px}
 .notice-close{font-size:22px;align-self:flex-start}
}
@media(max-width:389px){
 .workspace-heading{flex-wrap:wrap}
 .workspace-heading>.button{max-width:none}
 .variant-buy{max-width:132px}
 .variant-row strong{font-size:12px}
 .order-compact>.pill{max-width:101px;font-size:10px}
 .cart-quantity-form{margin-left:0}
 .cart-line-price{margin-left:auto}
 .tier-prices article{min-width:86px}
}