@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Noto Sans Thai,DM Sans,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-app);--color-app: #f3f6fb;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--color-text: #172033;--color-text-secondary: #46536a;--color-text-muted: #6f7b90;--color-border: #dce3ed;--color-border-subtle: #edf1f6;--color-primary: #102a4c;--color-primary-hover: #183e6d;--color-primary-soft: #e9f1fb;--color-accent: #37c7b5;--color-success: #447433;--color-success-bg: #edf7e8;--color-warning: #8a5b12;--color-warning-bg: #fff6dc;--color-danger: #a23c31;--color-danger-hover: #842f27;--color-danger-bg: #fff0ee;--color-info: #285f7a;--color-info-bg: #eaf5fa;--color-focus: #2f6fed;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(15 42 76 / 5%);--shadow-md: 0 12px 30px rgb(15 42 76 / 10%);--shadow-lg: 0 22px 56px rgb(15 42 76 / 16%);--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5625rem;--font-2xl: 1.875rem;--line-tight: 1.25;--line-normal: 1.5;--container-page: 78rem;--container-form: 42.5rem;--sidebar-width: 17rem;--header-height: 5.625rem;--z-base: 1;--z-sidebar: 20;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--duration-press: .12s;--duration-interaction: .15s;--duration-overlay: .2s;--duration-toast: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-app)}body{min-width:20rem;margin:0;background:var(--color-app);color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{max-width:100%;min-height:2.75rem;cursor:pointer;border:0;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.58}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 48%,transparent);outline-offset:2px}.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}.skip-link{position:fixed;z-index:var(--z-toast);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-160%);transition:transform var(--duration-interaction) var(--ease-enter)}.skip-link:focus{transform:translateY(0)}.page-container,#content{width:100%;min-width:0;max-width:var(--container-page);padding:var(--space-10) 5%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section{margin-top:var(--space-6)}.card,.metric,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3,.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar,.action-grid{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.collection-page-header{margin-bottom:var(--space-5)}.collection-page-header .muted{max-width:48rem;margin-bottom:0}.collection-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.collection-search{min-width:min(22rem,100%);flex:1 1 20rem}.collection-filter{min-width:10rem;flex:0 1 13rem}.collection-toolbar input,.collection-toolbar select{margin-top:var(--space-2);background:var(--color-surface)}.collection-result-count{flex:0 0 100%;margin:0;color:var(--color-text-muted);font-size:var(--font-sm)}.collection-results[aria-busy=true]{opacity:.72}.button,.primary,.secondary,.quiet,.destructive,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:.6875rem 1.125rem;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;transition:background-color var(--duration-interaction) var(--ease-standard),color var(--duration-interaction) var(--ease-standard),border-color var(--duration-interaction) var(--ease-standard),transform var(--duration-press) var(--ease-standard)}.button:active,.primary:active,.secondary:active,.quiet:active,.destructive:active{transform:translateY(1px)}.primary{background:var(--color-primary);color:#fff}.primary:hover{background:var(--color-primary-hover)}.secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary)}.secondary:hover{border-color:var(--color-focus);background:var(--color-primary-soft)}.quiet{background:transparent;color:var(--color-text-secondary)}.quiet:hover{background:var(--color-primary-soft);color:var(--color-primary)}.destructive{background:var(--color-danger);color:#fff}.destructive:hover{background:var(--color-danger-hover)}.icon-button{width:2.75rem;padding:0;background:transparent;color:inherit}.full{width:100%}form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.field{display:grid;gap:var(--space-2)}label,.field-label{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:600}label:has(:required):after{content:" (จำเป็น)";color:var(--color-text-muted);font-size:var(--font-xs);font-weight:500}.optional,.field-help{color:var(--color-text-muted);font-size:var(--font-xs);font-weight:400}.field-error{color:var(--color-danger);font-size:var(--font-xs)}input,select,textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:2.75rem;margin-top:var(--space-2);padding:.6875rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text);transition:border-color var(--duration-interaction) var(--ease-standard),box-shadow var(--duration-interaction) var(--ease-standard),background-color var(--duration-interaction) var(--ease-standard)}textarea{min-height:7rem;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#b8c8bd}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-primary-soft)}[aria-invalid=true],.is-invalid{border-color:var(--color-danger)}.form-panel{max-width:var(--container-form)}.form-feedback:empty{display:none}.form-feedback{margin-top:var(--space-2)}.request-id{display:block;margin-top:var(--space-1);overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:var(--font-xs)}.badge,.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem .5625rem;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:600}.badge.active,.status-badge--success{color:var(--color-success);background:var(--color-success-bg)}.status-badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.status-badge--danger{color:var(--color-danger);background:var(--color-danger-bg)}.status-badge--info{color:var(--color-info);background:var(--color-info-bg)}.definition-list{display:grid;grid-template-columns:minmax(8rem,.4fr) 1fr;gap:var(--space-3) var(--space-5)}.definition-list dt{color:var(--color-text-muted)}.definition-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:600}.empty{padding:var(--space-12) var(--space-5);color:var(--color-text-muted);text-align:center}.loading{padding:var(--space-6);color:var(--color-text-muted);text-align:center}.page-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--color-text-muted);text-align:center}.page-state p{margin:0}.page-state--error{color:var(--color-danger)}.page-state--loading:before{width:1.125rem;height:1.125rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;content:"";animation:state-spin .8s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.skeleton{min-height:1rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,#edf1ee 25%,#f7f9f7,#edf1ee 75%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{to{background-position-x:-200%}}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}th,td{padding:.875rem .6875rem;border-bottom:1px solid var(--color-border-subtle);text-align:left;white-space:nowrap}th{color:var(--color-text-muted);font-size:var(--font-xs);font-weight:600}td[data-numeric]{font-variant-numeric:tabular-nums}.record-card{display:none;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.collection{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md)}.collection-table{background:var(--color-surface)}.collection-table th{background:var(--color-surface-subtle)}.collection-table tr:last-child td{border-bottom:0}.collection-table .numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.record-link{display:grid;align-content:center;gap:var(--space-1);width:fit-content;max-width:100%;min-height:2.75rem;overflow-wrap:anywhere;color:var(--color-primary)}.record-link:hover strong{text-decoration:underline;text-underline-offset:.18em}.record-link span{color:var(--color-text-muted);font-size:var(--font-xs)}.catalog-product-link{display:flex;align-items:center;gap:var(--space-3);width:100%}.catalog-product-photo{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;overflow:hidden;border-radius:var(--radius-sm);background:#eef3f5;color:#78909c;font-size:1.5rem}.catalog-product-photo img{width:100%;height:100%;object-fit:cover}.catalog-product-copy{display:grid;min-width:0;gap:var(--space-1)}.catalog-product-copy strong{font-size:var(--font-sm)}.catalog-detail-gallery{display:flex;flex-wrap:wrap;gap:var(--space-3)}.catalog-detail-gallery img{width:144px;height:144px;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#eef3f5}.compact-list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.compact-list li{display:flex;min-width:0;justify-content:space-between;gap:var(--space-4);overflow-wrap:anywhere}.pipeline-list{display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none}.pipeline-list>li{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.pipeline-list ol{display:grid;gap:var(--space-2);margin:0;padding-left:1.5rem}.pipeline-list ol li{padding-left:var(--space-2)}.breadcrumbs{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5);overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-sm)}.breadcrumbs a{color:var(--color-primary);font-weight:600}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.detail-header>*,.section-heading>*,.transaction-list li>*,.task-list li>*,.crm-timeline li>*{min-width:0}.detail-header h1{overflow-wrap:anywhere;font-size:var(--font-2xl)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-secondary)}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.customer-metrics .metric{min-width:0}.customer-metrics .metric-order{overflow-wrap:anywhere;font-size:var(--font-lg)}.customer-metrics .metric-order a{color:var(--color-primary)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.tracking-link-primary{display:grid;gap:var(--space-3);border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-subtle))}.tracking-link-primary h2,.tracking-link-primary p{margin:0}.tracking-url-row{display:flex;align-items:center;gap:var(--space-3)}.tracking-short-url{min-width:0;flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-md);font-weight:700;overflow-wrap:anywhere}.tracking-link-grid{margin-top:var(--space-5)}.tracking-destination{margin:0;color:var(--color-text-secondary);font-weight:600;overflow-wrap:anywhere}.tracking-hierarchy,.tracking-utm-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.tracking-hierarchy li,.tracking-utm-list li{display:grid;grid-template-columns:minmax(6rem,.35fr) minmax(0,1fr);gap:var(--space-3);align-items:start}.tracking-hierarchy-label{color:var(--color-text-muted);font-size:var(--font-sm)}.tracking-hierarchy-value,.tracking-utm-list span{min-width:0;color:var(--color-text);font-weight:600;overflow-wrap:anywhere}.tracking-utm-list code{color:var(--color-primary);font-size:var(--font-sm)}.tracking-empty{margin:0}.tracking-system-details>summary{color:var(--color-text-secondary);font-weight:700;cursor:pointer}.tracking-system-details[open]>.definition-list{margin-top:var(--space-4)}.detail-section{margin-top:0}.detail-section+.detail-section,.detail-grid+.detail-section{margin-top:var(--space-5)}.detail-section h2{margin-bottom:var(--space-5)}.order-customer{margin:var(--space-2) 0;color:var(--color-text-secondary)}.order-customer a{color:var(--color-primary);font-weight:700}.order-total{display:grid;justify-items:end;gap:var(--space-1);min-width:11rem}.order-total span{color:var(--color-text-muted);font-size:var(--font-sm)}.order-total strong{color:var(--color-primary);font-size:var(--font-2xl);font-variant-numeric:tabular-nums;white-space:nowrap}.cell-secondary{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-xs)}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);gap:var(--space-5);margin-top:var(--space-5)}.order-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}.money-summary{display:grid;gap:var(--space-3);margin:0}.money-summary div{display:flex;justify-content:space-between;gap:var(--space-5)}.money-summary dt{color:var(--color-text-muted)}.money-summary dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.money-summary .money-total{padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-lg)}.transition-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.transition-actions h3{margin-bottom:var(--space-3);font-size:var(--font-sm)}.transition-actions button{margin:0 var(--space-2) var(--space-2) 0}.transaction-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.transaction-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.transaction-list li:last-child{padding-bottom:0;border-bottom:0}.transaction-list li>div{display:grid;gap:var(--space-1)}.transaction-list li>div:last-child{justify-items:end;text-align:right}.transaction-list span{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-xs)}.crm-workspace,.crm-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.crm-next-action{border-top:3px solid var(--color-primary)}.terminal-state{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-weight:600}.linked-records,.task-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.crm-timeline,.task-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.crm-timeline li,.task-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:0 0 var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);border-left:3px solid var(--color-border)}.crm-timeline li:last-child,.task-list li:last-child{padding-bottom:0;border-bottom:0}.crm-timeline p,.task-list p{margin:var(--space-1) 0 0;overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-sm)}.crm-timeline time{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--font-xs)}.task-list .task-pending{border-left-color:var(--color-warning)}.inline-form{display:grid;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.document-list,.contact-cards,.quotation-items{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.document-list li,.contact-cards li,.quotation-items li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.document-list li>div,.contact-cards li,.quotation-items li>div{display:grid;gap:var(--space-1)}.document-list span,.contact-cards span,.quotation-items span{color:var(--color-text-muted);font-size:var(--font-sm)}.document-actions,.quotation-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.document-upload .field-help{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-xs)}.candidate-list{display:grid;gap:var(--space-2);margin:var(--space-4) 0}.candidate-list label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.candidate-list input{width:auto;margin:0}.contact-list{display:grid;gap:var(--space-3);margin:0}.contact-list div{display:grid;grid-template-columns:minmax(6rem,.35fr) 1fr;gap:var(--space-3)}.contact-list dt{color:var(--color-text-muted)}.contact-list dd{margin:0;overflow-wrap:anywhere;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.tag-list span{padding:.25rem .625rem;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-xs);font-weight:600}.address-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.address-list li{display:grid;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.variant-list{display:grid;gap:var(--space-4)}.variant-row{padding:var(--space-5) 0;border-top:1px solid var(--color-border-subtle)}.variant-row>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.variant-row h3{margin:0 0 var(--space-2)}.sku-list{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.sku-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius-sm)}.sku-list li>div{display:grid;gap:var(--space-1)}.sku-list li span{color:var(--color-text-muted);font-size:var(--font-sm)}.sku-meta{justify-items:end}.empty-substate{margin:var(--space-4) 0 0;padding:var(--space-5);background:var(--color-surface-subtle);color:var(--color-text-muted);text-align:center}.inline-form-region:not(:empty){max-width:var(--container-form);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}fieldset{display:grid;gap:var(--space-4);margin:0;padding:0;border:0}legend{margin-bottom:var(--space-4);color:var(--color-text);font-weight:700}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.status-badge--neutral{color:var(--color-text-secondary);background:var(--color-border-subtle)}.feedback,.alert,.success{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm)}.alert,.feedback--error{color:var(--color-danger);background:var(--color-danger-bg)}.success,.feedback--success{color:var(--color-success);background:var(--color-success-bg)}.feedback--warning{color:var(--color-warning);background:var(--color-warning-bg)}.feedback--info{color:var(--color-info);background:var(--color-info-bg)}.alert small{display:block;margin-top:var(--space-1)}.toast-region{position:fixed;z-index:var(--z-toast);right:var(--space-5);bottom:var(--space-5);max-width:min(24rem,calc(100vw - 2rem));pointer-events:none}.toast-region:not(:empty){padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:toast-in var(--duration-toast) var(--ease-enter)}.toast-region[data-kind=error]{color:var(--color-danger);border-color:#efc6c1}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}.shell{display:flex;min-height:100vh}.app-sidebar{position:sticky;z-index:var(--z-sidebar);top:0;width:var(--sidebar-width);height:100vh;padding:var(--space-5) var(--space-4);display:flex;flex:0 0 auto;flex-direction:column;overflow-y:auto;background:var(--color-primary);color:#e9f3ed}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.logo{display:flex;align-items:center;gap:.6875rem;min-width:0;padding:0 .5rem var(--space-5)}.logo span,.brand-mark{display:grid;place-items:center;width:2.375rem;height:2.375rem;border-radius:.6875rem;background:var(--color-accent);color:var(--color-primary);font-weight:800}.logo b{display:block;letter-spacing:.04em}.logo small,.sidebar-user small{display:block;color:#9db8aa;font-size:.6875rem}.create-order{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;margin-bottom:var(--space-5);padding:.6875rem .875rem;border-radius:var(--radius-md);background:var(--color-accent);color:#173d2c;font-size:var(--font-sm);font-weight:700;transition:background-color var(--duration-interaction) var(--ease-standard),transform var(--duration-press) var(--ease-standard)}.create-order:hover{background:#d3ed86}.create-order:active{transform:translateY(1px)}.create-order svg,.nav-link svg,.topbar-create svg,.icon-button svg{width:1.25rem;height:1.25rem;flex:0 0 auto;fill:currentColor}.sidebar-nav{display:grid;gap:.25rem}.sidebar-groups{display:grid;align-content:start;gap:.25rem;margin-top:var(--space-3)}.nav-group{min-width:0}.nav-group-toggle{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:#b9d0c2;cursor:pointer;font-size:var(--font-sm);font-weight:700;list-style:none}.nav-group-toggle::-webkit-details-marker{display:none}.nav-group-toggle:hover,.nav-group-toggle:focus-visible{background:#1d4a38;color:#fff}.nav-group-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-group-toggle:after{content:"";width:.4375rem;height:.4375rem;margin-left:.25rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--duration-interaction) var(--ease-standard)}.nav-group[open] .nav-group-toggle{color:#fff}.nav-group[open] .nav-group-toggle:after{transform:rotate(225deg)}.nav-group-count{display:grid;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:auto;border-radius:999px;background:#214d3b;color:#d5e7db;font-size:.6875rem;font-weight:600}.nav-group-links{display:grid;gap:.125rem;margin:.125rem 0 .375rem;padding-left:.5rem;border-left:1px solid #37624c}.nav-link{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:#bad0c4;font-size:var(--font-sm);font-weight:500;transition:background-color var(--duration-interaction) var(--ease-standard),color var(--duration-interaction) var(--ease-standard)}.nav-link:hover{background:#1d4a38;color:#fff}.nav-link[aria-current=page]{background:#2a604a;color:#fff;box-shadow:inset 3px 0 0 var(--color-accent)}.sidebar-admin{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #2d5a48}.sidebar-user{display:flex;align-items:center;gap:.5625rem;margin-top:auto;padding:var(--space-5) .25rem 0;border-top:1px solid #2d5a48;font-size:var(--font-xs)}.user-copy{min-width:0}.user-copy b,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:1.875rem;height:1.875rem;border-radius:50%;background:#e0b987;color:#533719;font-weight:700}.sidebar-user button{margin-left:auto;color:#bdd1c6}.main{min-width:0;flex:1}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding:1rem 5%;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-identity{min-width:0}.page-identity h1{overflow:hidden;margin:0;font-size:var(--font-lg);text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topbar-create{display:none}.topbar-user{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:600}.eyebrow{margin:0 0 .1875rem;color:#668a76;font-size:.625rem;font-weight:700;letter-spacing:.12em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.4375rem;font-size:var(--font-xl);line-height:var(--line-tight);text-wrap:balance}h2{margin:0;font-size:var(--font-lg);line-height:var(--line-tight)}h3{line-height:var(--line-tight)}.muted{color:var(--color-text-muted);font-size:var(--font-sm)}.menu,.drawer-close{display:none}.drawer-backdrop{position:fixed;z-index:calc(var(--z-sidebar) - 1);top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;border:0;border-radius:0;background:#0718118a;opacity:0;transition:opacity var(--duration-overlay) var(--ease-standard)}.drawer-backdrop:not([hidden]){opacity:1}.welcome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:1.75rem}.compact{margin-bottom:var(--space-5)}.cards{display:grid;gap:var(--space-4)}.metric span,.metric small{color:var(--color-text-muted);font-size:var(--font-sm)}.metric strong{display:block;margin:var(--space-2) 0;color:var(--color-primary);font-size:var(--font-2xl)}.analytics-filters{margin-top:0}.analytics-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.analytics-metric[data-status=UNAVAILABLE] strong,.analytics-metric[data-status=NOT_APPLICABLE] strong{color:var(--color-text-muted);font-size:var(--font-lg)}.analytics-context .definition-list,.panel{margin-top:var(--space-5)}.pirom-workspace{max-width:76rem;margin:0 auto}.pirom-workspace [hidden]{display:none!important}.pirom-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-xl);color:#fff;background:linear-gradient(120deg,#102a4c,#15515b)}.pirom-hero .eyebrow{color:#87e4d9}.pirom-hero h1{margin:var(--space-2) 0;color:#fff}.pirom-hero p:last-child{margin:0;color:#d8e9ed}.pirom-hero-mark{display:grid;place-items:center;flex:0 0 4.5rem;width:4.5rem;height:4.5rem;border:1px solid #8edcd4;border-radius:1.25rem;color:#102a4c;background:#77dfd0;font-size:2.5rem;font-weight:700}.pirom-tabs{display:flex;gap:var(--space-2);overflow-x:auto;margin:var(--space-5) 0 0;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}.pirom-tabs button{flex:1 0 auto;margin:0;padding:.7rem 1rem;border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;font-weight:600;cursor:pointer}.pirom-tabs button[aria-selected=true]{color:#fff;background:var(--color-primary)}.pirom-tabs button:focus-visible,.pirom-setup-card:focus-visible,.pirom-product-row:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.pirom-overview{padding:var(--space-8) 0}.pirom-overview-heading{margin-bottom:var(--space-5)}.pirom-overview-heading h2{margin:var(--space-1) 0}.pirom-overview-heading p:last-child{margin:0;color:var(--color-text-secondary)}.pirom-setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4)}.pirom-setup-card{display:grid;justify-items:start;gap:var(--space-2);min-height:15rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.pirom-setup-card:hover{border-color:#8ecfc9;box-shadow:var(--shadow-md)}.pirom-step{color:#238b82;font-size:var(--font-sm);font-weight:700;letter-spacing:.08em}.pirom-setup-card strong{font-size:var(--font-lg)}.pirom-setup-value{color:var(--color-primary);font-size:var(--font-xl);font-weight:700}.pirom-setup-card small{color:var(--color-text-muted);font-size:var(--font-sm)}.pirom-card-arrow{align-self:end;color:#238b82;font-size:1.5rem}.pirom-section{margin-top:var(--space-5)}.pirom-section-heading,.pirom-list-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.pirom-section-heading{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.pirom-section-heading h2{margin:var(--space-1) 0}.pirom-section-heading p:last-child{margin:0;color:var(--color-text-secondary)}.pirom-list-heading{margin-top:var(--space-5)}.pirom-list-heading h3{margin:0}.pirom-product-search{width:min(20rem,100%);margin:0}.pirom-count{margin-left:var(--space-2);color:var(--color-text-muted);font-size:var(--font-sm)}.pirom-product-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.pirom-product-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);text-align:left;cursor:pointer}.pirom-product-row:hover{border-color:#8ecfc9;background:#f8fcfb}.pirom-product-row>span:nth-child(2){display:grid;gap:var(--space-1);min-width:0}.pirom-product-thumb{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border-radius:var(--radius-sm);background:#eef3f5;color:#78909c}.pirom-product-thumb img{width:100%;height:100%;object-fit:cover}.pirom-product-thumb.is-missing{font-size:1.7rem}.pirom-product-row small{color:var(--color-text-muted);overflow-wrap:anywhere}.pirom-status{padding:.3rem .65rem;border-radius:var(--radius-pill);color:var(--color-warning);background:var(--color-warning-bg);font-size:var(--font-xs);font-weight:700;white-space:nowrap}.pirom-status.is-live{color:var(--color-success);background:var(--color-success-bg)}.pirom-editor{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.pirom-editor summary{cursor:pointer;font-weight:700}.pirom-product-gallery{margin:var(--space-4) 0}.pirom-catalog-editor{margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.pirom-catalog-editor h3,.pirom-catalog-editor h4{margin:0 0 var(--space-3)}.pirom-catalog-editor p{color:var(--color-text-muted)}.pirom-inline-form,.pirom-sku-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end;margin:var(--space-3) 0}.pirom-sku-form{grid-template-columns:minmax(8rem,1fr) repeat(3,minmax(0,1fr)) auto;padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.pirom-sku-form label,.pirom-inline-form label{min-width:0}.pirom-sku-form input,.pirom-inline-form input{width:100%}@media(max-width:800px){.pirom-inline-form,.pirom-sku-form{grid-template-columns:1fr}}.pirom-product-gallery p{margin:0;color:var(--color-text-muted)}.pirom-gallery-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.pirom-gallery-strip img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#eef3f5}.pirom-image-card{display:grid;gap:var(--space-2);width:190px;margin:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.pirom-image-card label{margin:0;font-size:var(--font-xs)}.pirom-image-card input{width:100%;margin-top:var(--space-1)}.pirom-image-card>div{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pirom-image-card button{flex:1}.pirom-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.pirom-editor #pirom-image-form{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.pirom-empty{display:grid;justify-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-10);border:1px dashed #aac2ce;border-radius:var(--radius-lg);background:#f8fbfc;text-align:center}.pirom-empty h3,.pirom-empty p{margin:0}.pirom-empty p{max-width:30rem;color:var(--color-text-secondary)}.pirom-empty-icon{color:#238b82;font-size:2.5rem}.pirom-section #pirom-evidence{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.pirom-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.pirom-order-list{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.pirom-order-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#fff;text-decoration:none}.pirom-order-row:hover,.pirom-order-row:focus-visible{border-color:#8ecfc9;background:#f8fcfb}.pirom-order-row>span:first-child{display:grid;gap:var(--space-1);min-width:0}.pirom-order-row small{color:var(--color-text-muted);overflow-wrap:anywhere}.pirom-collection-card{overflow:hidden;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pirom-collection-card:hover,.pirom-collection-card:focus-visible{border-color:#8ecfc9;box-shadow:var(--shadow-md)}.pirom-collection-card img,.pirom-collection-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eef3f5;color:#78909c;font-size:2rem}.pirom-collection-card-copy{display:grid;gap:var(--space-2);padding:var(--space-4)}.pirom-collection-card small{color:var(--color-text-muted);overflow-wrap:anywhere}.pirom-collection-manage{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:var(--space-4);margin-top:var(--space-5)}.pirom-collection-manage .pirom-editor,.pirom-collection-manage h3{margin-top:0}.pirom-collection-manage form+form,#collection-members,#collection-product-form{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}#collection-members ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}#collection-members li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}#collection-members li span{min-width:0;overflow-wrap:anywhere}#pirom-shipping-rules ul,#pirom-evidence ul{display:grid;gap:var(--space-3);margin:var(--space-5) 0;padding:0;list-style:none}#pirom-shipping-rules li,#pirom-evidence li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}#pirom-shipping-rules li button{margin-left:auto}#pirom-shipping-rules form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}#pirom-shipping-rules form>button{justify-self:start;align-self:end}#pirom-payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}#pirom-payment-methods form{display:grid;align-content:start;gap:var(--space-3);margin:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}#pirom-payment-methods form h3{margin:0}#pirom-payment-methods form>button{justify-self:start}#pirom-evidence li a{margin-left:auto}@media(max-width:1000px){.pirom-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pirom-collection-manage{grid-template-columns:1fr}}@media(max-width:800px){.pirom-section-heading{align-items:start;flex-direction:column}.pirom-form-grid,#pirom-payment-methods,#pirom-shipping-rules form{grid-template-columns:1fr}}@media(max-width:700px){.pirom-order-row{grid-template-columns:minmax(0,1fr) auto}.pirom-order-row>span:nth-child(2),.pirom-order-row>span:last-child{display:none}}@media(max-width:560px){.pirom-setup-grid{grid-template-columns:1fr}.pirom-list-heading{align-items:stretch;flex-direction:column}}@media(max-width:520px){.pirom-hero{padding:var(--space-6)}.pirom-hero-mark{display:none}.pirom-tabs button{min-width:7rem}.pirom-product-row{grid-template-columns:56px minmax(0,1fr) auto;gap:var(--space-2)}.pirom-product-thumb{width:56px;height:56px}.pirom-product-row>span:last-child{display:none}.pirom-empty{padding:var(--space-6)}}.toolbar input{max-width:26.25rem;flex:1;margin-top:0}.mono{color:#678071;font-family:monospace;font-size:var(--font-xs)}.login{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,#e9f1e9,#f8faf6)}.login-card{width:min(26.25rem,calc(100% - 2.125rem));padding:var(--space-10);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg)}.login-card .brand-mark{margin-bottom:1.375rem}.file-picker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.file-picker__button{margin:0;cursor:pointer}.file-picker__button:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.file-picker__name{min-width:0;overflow-wrap:anywhere;color:var(--color-text-muted)}.platform-preview-context{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.platform-hierarchy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.platform-hierarchy ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.platform-hierarchy li{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.platform-hierarchy small{color:var(--color-text-muted)}.platform-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.platform-campaign-table tbody+tbody{border-top:1px solid var(--color-border)}.platform-campaign-toggle{padding:0;color:var(--color-primary);font:inherit;font-weight:700;text-align:left;background:transparent;border:0;cursor:pointer}.platform-campaign-toggle:before{display:inline-block;margin-right:var(--space-2);content:"▸";transition:transform var(--duration-fast)}.platform-campaign-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.platform-campaign-detail>td{padding:var(--space-5);background:var(--color-surface-muted)}.platform-adset+.platform-adset{margin-top:var(--space-4)}.platform-adset ul,.platform-action-groups ul{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.platform-adset li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.platform-adset li>div:first-child{display:grid;gap:var(--space-1)}.platform-creative,.platform-inline-metrics,.platform-action-groups li span{color:var(--color-text-muted);font-size:var(--font-xs)}.platform-inline-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.platform-action-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer}.platform-action-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}.platform-action-groups li{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.platform-action-groups code{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-xs)}.drawer-layer,.modal-layer{position:fixed;z-index:var(--z-overlay);top:0;right:0;bottom:0;left:0;pointer-events:none}.drawer-layer[aria-hidden=false],.modal-layer[aria-hidden=false]{pointer-events:auto}@media(max-width:760px){body.drawer-open{overflow:hidden}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(20rem,calc(100vw - 3rem));max-width:none;height:100dvh;padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom));transform:translate(-100%);visibility:hidden;transition:transform var(--duration-overlay) var(--ease-enter),visibility 0s linear var(--duration-overlay)}.app-sidebar.open{transform:none;visibility:visible;transition-delay:0s}.menu,.drawer-close{display:inline-flex}.drawer-close{color:#e9f3ed}.topbar{padding:.75rem 1.125rem}.topbar-user{display:none}.topbar-create{display:inline-flex;width:2.75rem;padding:0}.topbar-create span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-container,#content{padding:var(--space-6) var(--space-4)}.grid--2,.grid--3,.cards,.analytics-filter-grid,.analytics-grid,.platform-hierarchy,.platform-summary,.platform-action-groups{grid-template-columns:1fr}.platform-preview-context{align-items:flex-start;flex-direction:column}.platform-adset li,.platform-action-details>summary{align-items:flex-start;flex-direction:column}.platform-inline-metrics{justify-content:flex-start}.welcome,.page-header{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar input{max-width:none}.collection-page-header{align-items:stretch}.collection-page-header .primary{width:100%}.collection-toolbar{align-items:stretch}.collection-search,.collection-filter{min-width:100%;flex-basis:100%}.login-card{padding:1.875rem}.desktop-table{display:none}.record-card{display:block}.collection{overflow:visible;border:0}.collection-table,.collection-table tbody,.collection-table tr,.collection-table td{display:block;width:100%}.collection-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.collection-table tbody{display:grid;gap:var(--space-3)}.collection-table tr{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.collection-table td{display:grid;grid-template-columns:minmax(6.5rem,.4fr) 1fr;gap:var(--space-3);padding:var(--space-2) 0;border:0;white-space:normal}.collection-table td:before{color:var(--color-text-muted);content:attr(data-label);font-size:var(--font-xs);font-weight:600}.collection-table td:first-child{display:block;padding-top:0}.collection-table td:first-child:before{display:none}.collection-table .numeric{text-align:left}.detail-header,.variant-row>header,.sku-list li{align-items:stretch;flex-direction:column}.detail-actions{flex-direction:column}.tracking-url-row{align-items:stretch;flex-direction:column}.tracking-url-row .primary{width:100%}.tracking-hierarchy li,.tracking-utm-list li{grid-template-columns:minmax(5.5rem,.4fr) minmax(0,1fr)}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.form-columns,.order-layout,.order-record-grid,.crm-workspace,.crm-related-grid{grid-template-columns:1fr}.order-total{justify-items:start}.transaction-list li,.document-list li,.quotation-items li{align-items:stretch;flex-direction:column}.document-actions>*{flex:1;text-align:center}.transaction-list li>div:last-child{justify-items:start;text-align:left}.crm-timeline li,.task-list li{flex-direction:column}.task-actions,.linked-records{width:100%}.task-actions button,.linked-records a{flex:1}.detail-header .primary,.variant-row .secondary{width:100%}.action-grid>*,.form-actions>*{flex:1 1 10rem}.sku-meta{justify-items:start}.toast-region{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);max-width:none}}@media(max-width:480px){.card,.metric,.panel{padding:var(--space-4)}.definition-list,.contact-list div{grid-template-columns:1fr;gap:var(--space-1)}.customer-metrics{grid-template-columns:1fr}.money-summary div{gap:var(--space-3)}.collection-table td{grid-template-columns:minmax(5.5rem,.38fr) minmax(0,1fr)}.topbar{gap:var(--space-2)}}.meta-inbox-layout{display:grid;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-4)}.meta-conversation-list,.meta-message-list{display:grid;gap:var(--space-2);align-content:start}.meta-conversation{display:grid;gap:.25rem;width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);text-align:left}.meta-conversation:hover,.meta-conversation[aria-current=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.meta-conversation span,.meta-message time{color:var(--color-muted);font-size:var(--font-sm)}.meta-message{max-width:85%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}.meta-message--outbound{justify-self:end;background:var(--color-accent-soft)}.meta-message>div{display:flex;justify-content:space-between;gap:var(--space-3)}.meta-message p{margin-bottom:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.meta-inbox-layout{grid-template-columns:1fr}.meta-message{max-width:94%}}@media(min-width:761px)and (max-width:1040px){:root{--sidebar-width: 14.5rem}.page-container,#content{padding-right:var(--space-6);padding-left:var(--space-6)}.analytics-filter-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:761px)and (max-width:900px){.detail-grid,.order-layout,.order-record-grid,.crm-workspace,.crm-related-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{letter-spacing:-.006em}:where(h1,h2,h3)[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.shell--v3{background:var(--color-app)}.shell--v3 .app-sidebar{background:linear-gradient(180deg,#081b33,#0c2747 72%,#0a2039);box-shadow:8px 0 30px #081b331a}.shell--v3 .logo span{background:linear-gradient(135deg,#68e0cf,var(--color-accent));color:#081b33;box-shadow:0 8px 20px #37c7b538}.shell--v3 .logo small,.shell--v3 .sidebar-user small{color:#9fb0c5}.shell--v3 .create-order{background:var(--color-accent);color:#082139;box-shadow:0 10px 24px #37c7b529}.shell--v3 .create-order:hover{background:#63d9ca}.shell--v3 .nav-group-toggle{color:#91a5bd;letter-spacing:.015em}.shell--v3 .nav-group-toggle:hover,.shell--v3 .nav-group-toggle:focus-visible{background:#ffffff12;color:#fff}.shell--v3 .nav-group-count{background:#ffffff14;color:#b8c7d7}.shell--v3 .nav-group-links{border-left-color:#ffffff1f}.shell--v3 .nav-link{color:#b4c2d2}.shell--v3 .nav-link:hover{background:#ffffff12;color:#fff}.shell--v3 .nav-link[aria-current=page]{background:linear-gradient(90deg,#37c7b533,#37c7b514);color:#fff;box-shadow:inset 3px 0 0 var(--color-accent)}.shell--v3 .sidebar-user{border-top-color:#ffffff1f}.shell--v3 .avatar{background:#d8f7f1;color:#0c3f47}.topbar{min-height:5rem;padding-top:.875rem;padding-bottom:.875rem;background:#ffffffe8;box-shadow:0 1px #0f2a4c0a}.topbar .eyebrow{color:#75849a}.topbar-user{padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.page-container,#content{padding-top:var(--space-8);padding-bottom:var(--space-12)}.page-header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.page-header h2,.detail-header h1{letter-spacing:-.025em}.eyebrow{color:#607089;letter-spacing:.13em}.card,.metric,.panel{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.card:hover,.metric:hover{border-color:#c7d3e2}.section-heading{align-items:flex-start}.section-heading>div>.muted:last-child{margin-bottom:0}.button,.primary,.secondary,.quiet,.destructive,.icon-button{font-weight:650}.primary{box-shadow:0 7px 16px #102a4c24}.primary:hover{box-shadow:0 9px 20px #102a4c2e}.secondary{box-shadow:0 1px 2px #0f2a4c0a}.collection-toolbar{padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.collection-search{position:relative}.collection-toolbar input,.collection-toolbar select{background:#fff}.collection-result-count{padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.collection{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.collection-table th{padding-top:.8rem;padding-bottom:.8rem;color:#5d6b81;letter-spacing:.025em;text-transform:none}.collection-table tbody tr{transition:background-color var(--duration-interaction) var(--ease-standard)}.collection-table tbody tr:hover{background:#f8fbff}.record-link strong{color:var(--color-primary)}input,select,textarea{background:#fff}fieldset{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}legend{padding:0 var(--space-2)}.form-panel{box-shadow:var(--shadow-md)}.status-badge{border:1px solid transparent;letter-spacing:.01em}.status-badge--neutral{border-color:var(--color-border);background:#f4f6f9}.status-badge--success{border-color:#d7ead0}.status-badge--warning{border-color:#f0dfad}.status-badge--danger{border-color:#efcfca}.status-badge--info{border-color:#cce1ec}.detail-header{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#f7faff);box-shadow:var(--shadow-sm)}.customer-metrics .metric,.analytics-metric{position:relative;overflow:hidden}.customer-metrics .metric:before,.analytics-metric:before{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-accent),#5b8def);content:""}.crm-timeline li,.task-list li,.transaction-list li,.document-list li{border-radius:var(--radius-lg)}.page-state{min-height:12rem;align-content:center;border:1px dashed #cfd9e6;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8fafc)}.page-state--error{border-color:#eccbc7;background:var(--color-danger-bg)}.skeleton{background:linear-gradient(90deg,#e9eef5 25%,#f8fafc,#e9eef5 75%);background-size:200% 100%}.analytics-filter-grid,.platform-hierarchy,.platform-action-groups{align-items:start}.analytics-grid .metric strong,.platform-summary .metric strong{font-variant-numeric:tabular-nums}.integration-card,.oem-card,.marketing-card{border-radius:var(--radius-lg)}@media(pointer:fine){html{overscroll-behavior:none}}@media(max-width:760px){.shell--v3 .app-sidebar{box-shadow:18px 0 44px #081b3347;overscroll-behavior:contain}.topbar{min-height:4.5rem}.page-container,#content{padding-top:var(--space-6);padding-bottom:var(--space-10)}.page-header{gap:var(--space-3)}.detail-header{padding:var(--space-5)}.collection-toolbar{padding:var(--space-4)}.collection-table tr{box-shadow:var(--shadow-sm)}}@media(max-width:480px){.page-container,#content{padding-right:var(--space-3);padding-left:var(--space-3)}.detail-header{margin-right:calc(var(--space-1) * -1);margin-left:calc(var(--space-1) * -1)}}.pirom-payment-method{display:grid;gap:1rem;padding:1rem 0;border-bottom:1px solid #dce5ef}.pirom-payment-qr{display:block;width:160px;max-width:100%;height:auto;padding:.5rem;border:1px solid #dce5ef;border-radius:.75rem;background:#fff}