:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-radius: 8px;--btn-secondary-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--sidebar-width: 250px;--sidebar-collapsed-width: 60px;--color-purple: #7c3aed;--color-amber: #f59e0b;--modal-transition-fast: .15s;--modal-transition-normal: .2s}html.dark{--bg-primary: #1e293b;--bg-secondary: #172033;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--btn-secondary-hover: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6)}html.dark .badge-success,html.dark .badge-approved,html.dark .badge-compliant{background:#166534;color:#dcfce7}html.dark .badge-warning,html.dark .badge-pending{background:#92400e;color:#fef3c7}html.dark .badge-error,html.dark .badge-not-approved,html.dark .badge-violation{background:#991b1b;color:#fee2e2}html.dark .badge-info{background:#1e40af;color:#dbeafe}html.dark .badge-secondary,html.dark .badge-no-baseline{background:#334155;color:#cbd5e1}html.dark .badge-purple{background:#581c87;color:#e9d5ff}html.dark .form-error{background:#991b1b;color:#fee2e2}html.dark .form-success{background:#166534;color:#dcfce7}html.dark .form-input{background:var(--bg-tertiary);color:var(--text-primary)}html.dark .form-input:disabled{background:var(--bg-secondary);color:var(--text-muted)}body,.sidebar,.card,.main-content,.form-input{transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (prefers-reduced-motion: reduce){body,.sidebar,.card,.main-content,.form-input{transition:none}}.theme-toggle{display:inline-flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.theme-option{padding:.5rem 1.25rem;min-height:44px;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.theme-option:not(:last-child){border-right:1px solid var(--border-color)}.theme-option:hover:not(.active){background:var(--bg-tertiary)}.theme-option.active{background:var(--color-primary);color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);padding:1.5rem;position:fixed;height:100vh;overflow-y:auto;z-index:200;transition:transform .3s ease}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem;text-decoration:none;display:block;cursor:pointer}.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:4px}.sidebar-nav li{margin-bottom:0}.sidebar-nav a{display:flex;align-items:center;height:40px;padding:0 1rem;border-radius:var(--border-radius);color:var(--text-secondary);transition:all .2s;border-left:3px solid transparent}.sidebar-nav a svg{width:20px;height:20px;margin-right:12px;flex-shrink:0;color:inherit}.sidebar-nav a:hover{background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.sidebar-nav a.active{background:#eff6ff;color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.sidebar-separator{height:1px;background:var(--border-color);margin:8px 0}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:.75rem}.sidebar-user{position:relative}.sidebar-user-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:var(--border-radius);cursor:pointer;color:var(--text-secondary);transition:background .2s;text-align:left}.sidebar-user-btn:hover{background:var(--bg-tertiary)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.sidebar-user-menu{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:300;display:none;padding:.25rem 0}.sidebar-user-menu.show{display:block}.sidebar-user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;background:none;border:none;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;text-decoration:none;text-align:left}.sidebar-user-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary);text-decoration:none}.sidebar-user-menu-item svg{width:16px;height:16px;flex-shrink:0}.help-unread-badge{margin-left:auto;background:var(--color-error, #dc2626);color:#fff;font-size:.6875rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.admin-nav-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 1rem;margin-bottom:.5rem}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2rem;max-width:calc(100vw - var(--sidebar-width));overflow-x:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media (max-width: 768px){.page-header{flex-wrap:wrap;gap:.75rem}}.page-header-actions{display:flex;gap:.5rem;align-items:center;margin-left:auto}.page-header-actions .notification-bell{order:1;margin-left:0;margin-right:0}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--text-primary)}.mobile-menu-btn svg{width:24px;height:24px}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:199}.sidebar-backdrop.active{display:block}.sidebar-close-btn{display:none;position:absolute;top:1rem;right:1rem;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);align-items:center;justify-content:center}.sidebar-close-btn svg{width:20px;height:20px}.toast-notification{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--text-primary);color:#fff;border-radius:8px;box-shadow:var(--shadow-md);padding:12px 20px;font-size:.875rem;font-weight:500;transform:translateY(100%);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.toast-notification.visible{transform:translateY(0);opacity:1}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--color-info, #3b82f6)}.onboarding-banner{display:flex;align-items:flex-start;gap:1rem;background:var(--bg-tertiary);border-left:3px solid var(--color-primary);padding:1rem 1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;transition:opacity .2s ease-out}.onboarding-banner-text{flex:1;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.onboarding-banner-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;flex-shrink:0}.onboarding-banner-dismiss:hover{color:var(--text-primary)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.main-content{margin-left:0;max-width:100vw}.mobile-menu-btn{display:flex}}:root:not(.account-affiliate):not(.account-master) .customer-selector{display:none}:root.account-affiliate .sidebar-nav li:has(>a[href="/"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/orders.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/submit-po.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/production.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/onboarding.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/products.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/billing.html"]),:root.account-affiliate .sidebar-nav li:has(>a[href="/formula-submit.html"]),:root.account-affiliate .nav-separator,:root.account-customer .sidebar-nav li:has(>a[href="/"]),:root.account-customer .sidebar-nav li:has(>a[href="/orders.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/submit-po.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/production.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/onboarding.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/products.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/billing.html"]),:root.account-customer .sidebar-nav li:has(>a[href="/formula-submit.html"]),:root.account-customer .nav-separator{display:none}:root.account-affiliate #upload-card{display:none}.sidebar{transition:width .3s ease;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .sidebar-logo{display:none}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;color:var(--text-secondary);transition:background .2s ease,color .2s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-collapse-btn svg{width:16px;height:16px;transition:transform .3s ease}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding:1rem .5rem;overflow:visible}.sidebar:not(.collapsed){overflow-y:auto}.nav-label{transition:opacity .2s ease .1s,width 0s ease .2s;white-space:nowrap}.sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden;display:inline-block;transition:opacity .15s ease,width 0s ease .15s}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:0;width:40px;height:40px;margin:0 auto;border-left-color:transparent;border-radius:var(--border-radius)}.sidebar.collapsed .sidebar-nav a svg{margin-right:0}.sidebar.collapsed .sidebar-nav a.active{border-left-color:transparent}.sidebar.collapsed .nav-separator,.sidebar.collapsed .sidebar-separator{margin:4px 8px}.sidebar.collapsed .admin-nav-label{opacity:0;height:0;overflow:hidden;margin:0;padding:0}.sidebar.collapsed .customer-selector{display:none}.sidebar.collapsed .sidebar-footer{padding-top:.5rem}.sidebar.collapsed .sidebar-user-btn{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-user-menu{left:calc(100% + .5rem);bottom:0;right:auto;min-width:180px}.sidebar-nav a{position:relative}.sidebar .sidebar-nav a:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--bg-primary);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-shadow:var(--shadow-md);z-index:201;border:1px solid var(--border-color)}.sidebar.collapsed .sidebar-nav a:hover:after{opacity:1;visibility:visible}.sidebar:not(.collapsed) .sidebar-nav a:after{display:none}.main-content{transition:margin-left .3s ease,max-width .3s ease}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width);max-width:calc(100vw - var(--sidebar-collapsed-width))}:root.sidebar-collapsed-loading .sidebar{width:var(--sidebar-collapsed-width);padding:1rem .5rem}:root.sidebar-collapsed-loading .sidebar .sidebar-logo{display:none}:root.sidebar-collapsed-loading .main-content{margin-left:var(--sidebar-collapsed-width);max-width:calc(100vw - var(--sidebar-collapsed-width))}@media (max-width: 768px){.sidebar-collapse-btn{display:none}.sidebar.collapsed{width:var(--sidebar-width);padding:1.5rem;overflow-y:auto}.sidebar.collapsed .sidebar-logo{display:block}.sidebar.collapsed .nav-label{opacity:1;width:auto;display:inline}.sidebar.collapsed .sidebar-nav a{justify-content:flex-start;padding:0 1rem;width:auto;height:40px;margin:0;border-left:3px solid transparent;border-radius:0}.sidebar.collapsed .sidebar-nav a svg{margin-right:12px}.sidebar.collapsed .sidebar-nav a.active{border-left-color:var(--color-primary)}.sidebar.collapsed .admin-nav-label{opacity:1;height:auto;overflow:visible;margin-bottom:.5rem;padding:0 1rem}.sidebar.collapsed .sidebar-header{justify-content:space-between}.sidebar.collapsed .sidebar-user-btn{justify-content:flex-start;padding:.5rem .75rem}.sidebar.collapsed .sidebar-user-info{display:flex}.sidebar.collapsed .sidebar-user-menu{left:0;right:0;bottom:calc(100% + .5rem);min-width:auto}.sidebar.collapsed~.main-content{margin-left:0;max-width:100vw}:root.sidebar-collapsed-loading .sidebar{width:var(--sidebar-width);padding:1.5rem}:root.sidebar-collapsed-loading .sidebar .sidebar-logo{display:block}:root.sidebar-collapsed-loading .main-content{margin-left:0;max-width:100vw}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-info{background:#0ea5e9;color:#fff}.btn-info:hover{background:#0284c7}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-block{width:100%;margin-top:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.btn-link:hover{color:var(--primary-hover)}.btn.loading{position:relative;color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.btn-primary.loading:after{border-color:#ffffff4d;border-top-color:#fff}.btn-secondary.loading:after{border-color:#0003;border-top-color:var(--text-secondary)}.btn-success.loading:after{border-color:#ffffff4d;border-top-color:#fff}.btn-info.loading:after{border-color:#ffffff4d;border-top-color:#fff}.btn-warning.loading:after{border-color:#ffffff4d;border-top-color:#fff}.btn-danger.loading:after{border-color:#ffffff4d;border-top-color:#fff}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#f1f5f9;color:#475569}.badge-pdf{background:#fef2f2;color:#dc2626;font-size:.625rem;padding:.125rem .375rem;margin-left:.5rem;vertical-align:middle}.badge-sm{padding:.125rem .375rem;font-size:.625rem}.badge-approved,.badge-compliant{background:#dcfce7;color:#166534}.badge-not-approved,.badge-violation{background:#fee2e2;color:#991b1b}.badge-no-baseline{background:#f1f5f9;color:#475569}.badge-pending{background:#fef3c7;color:#92400e}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-danger{background:#ef44441a;color:var(--color-error)}.toggle-btn{padding:.375rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:calc(var(--border-radius) - 2px);transition:all .2s}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.signup-toggle{display:flex;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.signup-toggle .toggle-btn{flex:1;padding:.75rem;background:var(--bg-secondary);border:none;border-radius:0;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.signup-toggle .toggle-btn:first-child{border-right:1px solid var(--border-color)}.signup-toggle .toggle-btn:hover{background:var(--bg-tertiary)}.signup-toggle .toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:none}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-collapsible{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-collapse-chevron{display:inline-flex;transition:transform .2s ease;color:var(--text-secondary);margin-left:.5rem}.card.collapsed .card-collapse-chevron{transform:rotate(-90deg)}.card.collapsed .card-header{margin-bottom:0}.card.collapsed .card-body-collapsible{display:none}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-link{display:block;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}.card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.product-card{display:flex;flex-direction:column;gap:.5rem}.product-category{font-size:.75rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.product-sku{font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.product-details{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.product-form{font-size:.875rem;color:var(--text-secondary)}.product-price{font-size:.875rem;font-weight:600;color:var(--text-primary)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-secondary);font-size:.875rem}tbody tr:nth-child(2n){background:var(--bg-secondary)}tr:hover{background:var(--bg-secondary)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input-sm{padding:.5rem .75rem;font-size:.875rem;width:auto;min-width:140px}.form-error{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem}.form-success{background:#dcfce7;color:#166534;padding:.75rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem}.form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-input-sm{width:100%}}.stat-value{font-size:2rem;font-weight:700;margin-top:.5rem;color:var(--text-primary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}.list-item-title{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.list-item-subtitle{font-size:.875rem;color:var(--text-secondary)}.list-item-meta{text-align:right}.list-item-value{font-weight:600;color:var(--text-primary)}.list-item-status{font-size:.75rem;color:var(--text-secondary)}.user-menu{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.user-dropdown{position:relative}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;display:none}.user-dropdown-menu.show{display:block}.user-dropdown-header{padding:.75rem 1rem}.user-dropdown-header strong{display:block;color:var(--text-primary);font-size:.875rem;white-space:nowrap}.user-dropdown-header .user-role{display:block;font-size:.75rem;color:var(--text-muted);text-transform:capitalize;margin-top:.25rem}.user-dropdown-menu hr{border:none;border-top:1px solid var(--border-color);margin:0}.user-dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;font-size:.875rem;color:var(--text-secondary);cursor:pointer;text-decoration:none}.user-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary);text-decoration:none}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state h3{margin-bottom:.5rem;color:var(--text-secondary)}.loading-state{text-align:center;padding:3rem;color:var(--text-muted)}.loading-spinner{width:24px;height:24px;border:3px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.widget-error{padding:1rem 1.25rem;margin:.5rem 0;border:1px solid var(--border-color);border-left:3px solid var(--color-warning);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem}.loading-spinner-large{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.tab-content{display:none}.tab-content.active{display:block}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary)}.auth-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-title{text-align:center;margin-bottom:1.5rem}.auth-title h1{font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem}.auth-title p{color:var(--text-secondary);font-size:.875rem}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.auth-card-wide{max-width:480px}.team-member{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.team-member:last-child{border-bottom:none}.team-member-info{display:flex;align-items:center;gap:1rem}.team-member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.team-member-details h4{margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary)}.team-member-details p{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.team-member-actions{display:flex;gap:.5rem;align-items:center}.role-badge{padding:.25rem .5rem;font-size:.75rem;border-radius:4px;text-transform:capitalize}.role-badge.owner{background:#dbeafe;color:#1e40af}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary)}.account-id-badge{font-size:.75rem;color:var(--text-muted);font-family:monospace}.confirm-content{text-align:center}.confirm-content h2{margin:1rem 0 .5rem;color:var(--text-primary)}.confirm-content p{color:var(--text-secondary);margin-bottom:.5rem}.confirm-note{font-size:.875rem;color:var(--text-muted);margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius)}.confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto}.confirm-icon.success{background:#dcfce7;color:#166534}.confirm-icon.error{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;transform:translateY(-20px);transition:transform .2s}.modal-overlay.show .modal{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);gap:.5rem}.modal-footer-right{display:flex;gap:.5rem}@media (max-width: 768px){.modal{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);margin:1rem}}.confirm-modal{max-width:440px}.confirm-modal-message{margin:0;color:var(--text-primary);line-height:1.5}.filter-rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.filter-row{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:.5rem;align-items:center;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.filter-row.has-value2{grid-template-columns:2fr 1.5fr 1.5fr auto 1.5fr auto}.filter-row select,.filter-row input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:var(--color-primary)}.filter-row .between-label{text-align:center;font-size:.75rem;color:var(--text-muted)}.btn-remove{padding:.5rem;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.btn-remove:hover{color:var(--color-error);border-color:var(--color-error)}.add-filter-btn{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-primary);background:none;border:none;font-size:.875rem;cursor:pointer;padding:.5rem 0}.add-filter-btn:hover{text-decoration:underline}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--color-primary);color:#fff;font-size:.625rem;font-weight:600;border-radius:9999px;margin-left:.5rem}.filter-empty{text-align:center;padding:2rem;color:var(--text-muted)}.filter-empty p{margin-bottom:.5rem}@media (max-width: 768px){.filter-row{grid-template-columns:1fr;gap:.5rem}.filter-row.has-value2{grid-template-columns:1fr}.filter-row select,.filter-row input{width:100%}}#order-confirmation-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:9999;background:#0000;border-radius:0;box-shadow:none;transform:none;transition:background var(--modal-transition-normal) ease-out}#order-confirmation-modal.visible{background:#00000080}#order-confirmation-modal.closing{background:#0000}#order-confirmation-modal .modal-backdrop{display:none}#order-confirmation-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-modal);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;margin:1rem;transform:translateY(20px);opacity:0;transition:transform var(--modal-transition-normal) ease-out,opacity var(--modal-transition-normal) ease-out}#order-confirmation-modal.visible .modal-content{transform:translateY(0);opacity:1}#order-confirmation-modal.closing .modal-content{transform:translateY(20px);opacity:0}#order-confirmation-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--color-primary);border-radius:12px 12px 0 0}#order-confirmation-modal .modal-header .modal-title{color:#fff}#order-confirmation-modal .modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;font-size:1.5rem;color:#fffc;cursor:pointer;transition:background-color var(--modal-transition-fast),color var(--modal-transition-fast)}#order-confirmation-modal .modal-close:hover{background-color:#ffffff1a;color:#fff}#order-confirmation-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}#order-confirmation-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}#order-confirmation-modal.view-mode .modal-header{background:var(--color-success)}#order-confirmation-modal.view-mode .modal-footer{justify-content:space-between}#order-confirmation-modal.view-mode .modal-footer #confirmation-cancel-btn{margin-right:auto}#order-confirmation-modal.success-state .modal-header{background:var(--color-success)}.confirmation-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.confirmation-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.confirmation-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.confirmation-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.confirmation-label{font-size:.875rem;color:var(--text-secondary)}.confirmation-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.confirmation-row.confirmation-total{padding-top:.75rem;margin-top:.5rem}.confirmation-row.confirmation-total .confirmation-label{font-weight:600;color:var(--text-primary)}.confirmation-row.confirmation-total .confirmation-value{font-size:1.25rem;color:var(--color-primary)}.confirmation-items{display:flex;flex-direction:column;gap:.5rem}.confirmation-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.confirmation-item-details{display:flex;flex-direction:column;gap:.25rem}.confirmation-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.confirmation-item-sku{font-size:.75rem;color:var(--text-muted);font-family:monospace}.confirmation-item-qty{font-size:.875rem;color:var(--text-secondary)}.confirmation-item-price{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.confirmation-address{font-size:.875rem;color:var(--text-primary);line-height:1.5;white-space:pre-line}.confirmation-notes{font-size:.875rem;color:var(--text-secondary);font-style:italic;line-height:1.5}.rejection-reason-alert{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid var(--color-error);border-radius:var(--border-radius);padding:1rem}.rejection-reason-title{font-size:.875rem;font-weight:600;color:#991b1b;margin:0 0 .5rem}.rejection-reason-text{font-size:.875rem;color:#7f1d1d;line-height:1.5}.confirmation-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.confirmation-success .success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.confirmation-success h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.confirmation-success p{font-size:.875rem;color:var(--text-secondary);margin:0}#order-confirmation-modal.success-state .confirmation-section{display:none}#order-confirmation-modal.success-state #confirmation-success{display:flex!important}#order-confirmation-modal.success-state .confirmation-form-panel{display:none}#order-confirmation-modal.pdf-preview .modal-content{max-width:1000px;max-height:95vh}#order-confirmation-modal.pdf-preview .modal-body{display:flex;gap:1.5rem}#order-confirmation-modal.pdf-preview .confirmation-form-panel{flex:1;min-width:0}.confirmation-pdf-panel{flex:1;min-width:400px;border-left:1px solid var(--border-color);padding-left:1.5rem;display:flex;flex-direction:column}.confirmation-pdf-panel .confirmation-section-title{margin-bottom:1rem}.confirmation-pdf-panel iframe{width:100%;height:700px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}@media (max-width: 1024px){#order-confirmation-modal.pdf-preview .modal-content{max-width:95%}#order-confirmation-modal.pdf-preview .modal-body{flex-direction:column}.confirmation-pdf-panel{min-width:0;border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:1.5rem}.confirmation-pdf-panel iframe{height:600px}}@media (max-width: 640px){#order-confirmation-modal .modal-content{max-width:100%;max-height:100%;margin:0;border-radius:0}#order-confirmation-modal .modal-header{border-radius:0}#order-confirmation-modal .modal-footer{border-radius:0;flex-direction:column-reverse}#order-confirmation-modal .modal-footer .btn{width:100%}.confirmation-item{flex-direction:column;gap:.5rem}.confirmation-item-price{text-align:left}.confirmation-pdf-panel iframe{height:500px}}.snip-pick-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;cursor:crosshair;z-index:999999;touch-action:none}.snip-pick-selection{position:absolute;border:2px solid #3b82f6;background:#3b82f61f;display:none;pointer-events:none}.snip-pick-hint{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;pointer-events:none;z-index:1000000}.snip-comment-modal{max-width:560px}.snip-preview-wrap{display:flex;justify-content:center;background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;margin-bottom:1rem;max-height:300px;overflow:auto}.snip-preview{max-width:100%;max-height:280px;display:block}.snip-comment-label{display:block;font-weight:500;margin-bottom:.4rem;color:var(--text-primary)}.snip-comment-input{width:100%;resize:vertical;min-height:5rem}.snip-comment-status{font-size:.85rem;color:var(--text-muted);flex:1}#rejection-reason-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0000;border-radius:0;box-shadow:none;transform:none;transition:background .2s ease-out}#rejection-reason-modal.visible{background:#00000080}#rejection-reason-modal.closing{background:#0000}#rejection-reason-modal .modal-backdrop{display:none}#rejection-reason-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-modal);width:100%;max-width:450px;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}#rejection-reason-modal.visible .modal-content{transform:translateY(0);opacity:1}#rejection-reason-modal.closing .modal-content{transform:translateY(20px);opacity:0}#rejection-reason-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}#rejection-reason-modal .modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}#rejection-reason-modal .modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease,color .15s ease}#rejection-reason-modal .modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}#rejection-reason-modal .modal-body{padding:1.5rem}.rejection-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;line-height:1.5}#rejection-reason-modal .form-group{margin-bottom:0}#rejection-reason-modal .form-error{margin-top:.75rem}#rejection-reason-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}@media (max-width: 480px){#rejection-reason-modal .modal-content{max-width:100%;margin:0;border-radius:12px}#rejection-reason-modal .modal-footer{flex-direction:column-reverse}#rejection-reason-modal .modal-footer .btn{width:100%}}#delete-draft-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0000;border-radius:0;box-shadow:none;transform:none;transition:background .2s ease-out}#delete-draft-modal.visible{background:#00000080}#delete-draft-modal.closing{background:#0000}#delete-draft-modal .modal-backdrop{display:none}#delete-draft-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-modal);width:100%;max-width:400px;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}#delete-draft-modal.visible .modal-content{transform:translateY(0);opacity:1}#delete-draft-modal.closing .modal-content{transform:translateY(20px);opacity:0}#delete-draft-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}#delete-draft-modal .modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}#delete-draft-modal .modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease,color .15s ease}#delete-draft-modal .modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}#delete-draft-modal .modal-body{padding:1.5rem}#delete-draft-modal .modal-body p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}#delete-draft-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}@media (max-width: 480px){#delete-draft-modal .modal-content{max-width:100%;margin:0;border-radius:12px}#delete-draft-modal .modal-footer{flex-direction:column-reverse}#delete-draft-modal .modal-footer .btn{width:100%}}#convert-order-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0000;border-radius:0;box-shadow:none;transform:none;transition:background .2s ease-out}#convert-order-modal.visible{background:#00000080}#convert-order-modal.closing{background:#0000}#convert-order-modal .modal-backdrop{display:none}#convert-order-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-modal);width:100%;max-width:450px;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}#convert-order-modal.visible .modal-content{transform:translateY(0);opacity:1}#convert-order-modal.closing .modal-content{transform:translateY(20px);opacity:0}#convert-order-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}#convert-order-modal .modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}#convert-order-modal .modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease,color .15s ease}#convert-order-modal .modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}#convert-order-modal .modal-body{padding:1.5rem}#convert-order-modal .modal-body p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}#convert-order-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}@media (max-width: 480px){#convert-order-modal .modal-content{max-width:100%;margin:0;border-radius:12px}#convert-order-modal .modal-footer{flex-direction:column-reverse}#convert-order-modal .modal-footer .btn{width:100%}}#approve-po-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0000;border-radius:0;box-shadow:none;transform:none;transition:background .2s ease-out}#approve-po-modal.visible{background:#00000080}#approve-po-modal.closing{background:#0000}#approve-po-modal .modal-backdrop{display:none}#approve-po-modal .modal-content{position:relative;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-modal);width:100%;max-width:450px;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}#approve-po-modal.visible .modal-content{transform:translateY(0);opacity:1}#approve-po-modal.closing .modal-content{transform:translateY(20px);opacity:0}#approve-po-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}#approve-po-modal .modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}#approve-po-modal .modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease,color .15s ease}#approve-po-modal .modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}#approve-po-modal .modal-body{padding:1.5rem}#approve-po-modal .modal-body p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}#approve-po-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}@media (max-width: 480px){#approve-po-modal .modal-content{max-width:100%;margin:0;border-radius:12px}#approve-po-modal .modal-footer{flex-direction:column-reverse}#approve-po-modal .modal-footer .btn{width:100%}}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#166534;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;box-shadow:0 4px 12px #00000026;z-index:11000;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}.order-filters{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.view-toggle,.date-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.view-toggle .toggle-btn,.date-toggle .toggle-btn{flex:none;padding:.5rem .75rem;background:var(--bg-secondary);border:none;border-right:1px solid var(--border-color);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;border-radius:0;box-shadow:none}.view-toggle .toggle-btn:last-child,.date-toggle .toggle-btn:last-child{border-right:none}.view-toggle .toggle-btn:hover,.date-toggle .toggle-btn:hover{background:var(--bg-tertiary)}.view-toggle .toggle-btn.active,.date-toggle .toggle-btn.active{background:var(--color-primary);color:#fff}@media (max-width: 768px){.order-filters{flex-direction:column;gap:1rem}.filter-group,.view-toggle,.date-toggle{width:100%}.view-toggle .toggle-btn,.date-toggle .toggle-btn{flex:1}}.order-summary{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.order-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}.order-summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.line-items-section{margin-top:1rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.specifications-row,.specifications-row:hover{background:var(--bg-secondary)}.custom-specifications{font-size:.875rem;color:var(--text-secondary);padding:.5rem 0}@media (max-width: 1024px){.order-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.order-summary-grid{grid-template-columns:repeat(2,1fr)}}.expand-btn{background:none;border:none;padding:.25rem .5rem;margin-right:.5rem;font-size:.75rem;cursor:pointer;color:var(--text-muted);transition:color .2s}.expand-btn:hover{color:var(--color-primary)}.order-row.expanded,.order-row.expanded:hover{background:var(--bg-secondary)}.expanded-row{display:none}.expanded-row.show{display:table-row}.expanded-row>td{padding:0;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.expanded-row:hover>td{background:var(--bg-secondary)}.expanded-content{padding:1rem 1.5rem 1rem 2.5rem}.expanded-items-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.expanded-items-table th,.expanded-items-table td{padding:.5rem .75rem;font-size:.875rem;border-bottom:1px solid var(--border-color)}.expanded-items-table th{background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.expanded-items-table tr:last-child td{border-bottom:none}.expanded-items-table tr:hover{background:var(--bg-secondary)}.expanded-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem}.batch-type-toggle{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--border-radius)}.badge-blend{background:#fef3c7;color:#92400e}.badge-packaging{background:#dbeafe;color:#1e40af}.batch-row.expanded,.batch-row.expanded:hover{background:var(--bg-secondary)}.batch-details-expanded{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:.5rem}.details-section h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.materials-grid{display:flex;flex-direction:column;gap:.75rem}.material-card{background:var(--bg-primary);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.material-label{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:.25rem}.material-value{font-size:.875rem;font-weight:600;color:var(--text-primary);display:block}.stages-timeline{display:flex;justify-content:space-between;position:relative;padding:0 .5rem}.stages-timeline:before{content:"";position:absolute;top:8px;left:2rem;right:2rem;height:2px;background:var(--border-color)}.stage-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;text-align:center}.stage-dot{width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-color);margin-bottom:.5rem}.stage-item.completed .stage-dot{background:var(--color-success);border-color:var(--color-success)}.stage-item.in_progress .stage-dot{background:var(--color-warning);border-color:var(--color-warning);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.stage-label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.stage-status{font-size:.625rem;color:var(--text-muted);margin-top:.125rem}.testing-status{display:flex;flex-direction:column;gap:.5rem}.testing-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.testing-label{font-size:.875rem;color:var(--text-primary)}.testing-value{font-size:.75rem;font-weight:500}.status-passed{color:var(--color-success)}.status-failed{color:var(--color-error)}.status-in-progress{color:var(--color-warning)}.status-pending{color:var(--text-muted)}@media (max-width: 900px){.batch-details-expanded{grid-template-columns:1fr}.stages-timeline{flex-wrap:wrap;gap:1rem;justify-content:center}.stages-timeline:before{display:none}}.badge-expedited{background:#ef444426;color:#dc2626;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.expedited-date{color:#dc2626;font-weight:600}.expedited-row{background:#ef44440a}.expedited-row:hover{background:#ef444414}.expedited-alert-section{margin-bottom:1rem}.expedited-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius);padding:1rem;color:#991b1b}.expedited-alert strong{display:block;margin-bottom:.25rem;color:#dc2626;font-weight:700}.expedited-alert p{margin:0;font-size:.875rem}#delivery-date-section .required-marker,.modal-delivery-date-section .required-marker{color:var(--color-error);font-weight:600}.modal-delivery-date-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.delivery-date-warning{margin-top:.75rem;padding:1rem;border-radius:var(--border-radius);background:#fef3c7;border:1px solid #f59e0b}.delivery-date-warning.warning-expedited{background:#ef44441a;border-color:#ef444466}.delivery-date-warning.warning-far-future{background:#fef3c7;border-color:#f59e0b}.delivery-warning-message{margin-bottom:.75rem;font-size:.875rem;color:var(--text-primary)}.warning-expedited .delivery-warning-message{color:#991b1b}.warning-far-future .delivery-warning-message{color:#92400e}.delivery-warning-actions{display:flex;gap:.5rem}.delivery-warning-actions .btn{font-size:.8125rem}.po-method-toggle{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--border-radius);margin-bottom:1.5rem;width:-moz-fit-content;width:fit-content}.po-method-toggle .toggle-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s}.po-method-toggle .toggle-btn:hover{color:var(--text-primary)}.po-method-toggle .toggle-btn.active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.po-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.po-section .section-title{margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.file-upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s;background:var(--bg-primary)}.file-upload-zone:hover{border-color:var(--color-primary-light)}.file-upload-zone.drag-over{border-color:var(--color-primary);background:#2563eb0d}.file-upload-zone .upload-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.file-upload-zone .upload-icon{color:var(--text-muted)}.file-upload-zone p{color:var(--text-secondary);margin:0}.file-preview{display:flex;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:1rem}.file-preview .file-info{display:flex;align-items:center;gap:1rem;width:100%}.file-preview .file-icon{color:var(--color-primary);flex-shrink:0}.file-preview .file-name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview .file-size{color:var(--text-muted);font-size:.875rem}.item-row{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;margin-bottom:.75rem;align-items:start}.item-row .form-input{margin-bottom:0}.item-row .btn-remove{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s}.item-row .btn-remove:hover{color:var(--color-error);border-color:var(--color-error);background:#ef44441a}.searchable-dropdown{position:relative;flex:2}.dropdown-input-wrapper{position:relative;display:flex;align-items:center}.dropdown-input-wrapper .dropdown-search{padding-right:2rem;width:100%}.dropdown-arrow{position:absolute;right:.75rem;pointer-events:none;color:var(--text-muted);font-size:.75rem}.dropdown-menu{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:100;margin-top:4px}.dropdown-option{padding:.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid var(--border-color)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--bg-secondary)}.option-sku{font-weight:600;font-size:.875rem;color:var(--color-primary)}.option-name{font-size:.875rem;color:var(--text-primary)}.option-details{font-size:.75rem;color:var(--text-muted)}.dropdown-no-results{padding:1rem;text-align:center;color:var(--text-muted);font-style:italic}.product-dropdown-container{min-width:0}.quantity-field-container{display:flex;flex-direction:column;gap:.25rem}.quantity-error{font-size:.75rem;color:var(--color-error);line-height:1.2}.quantity-input.input-error{border-color:var(--color-error)}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{opacity:1}@media (max-width: 768px){.item-row{grid-template-columns:1fr;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.item-row .btn-remove{justify-self:end}.searchable-dropdown{flex:1;width:100%}.product-dropdown-container{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.extraction-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.extraction-view-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:600px}.extraction-form-panel{display:flex;flex-direction:column;gap:1.5rem}.extraction-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.extraction-section-title .required-marker{color:var(--color-error)}.validation-summary{padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:.5rem}.validation-summary.has-errors{background:#fef2f2;border:1px solid #fecaca}.validation-summary.has-warnings{background:#fffbeb;border:1px solid #fcd34d}.validation-summary.is-valid{background:#dcfce7;border:1px solid #86efac}.validation-summary-content{display:flex;gap:1rem;font-size:.875rem}.validation-summary .error-count{color:#991b1b;font-weight:500}.validation-summary .warning-count{color:#92400e;font-weight:500}.validation-summary.is-valid .validation-summary-content:before{content:"✓ All items valid";color:#166534;font-weight:500}.extraction-items-section{flex:1}#extraction-items-container .item-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--border-radius);margin-bottom:.75rem;border:1px solid var(--border-color)}#extraction-items-container .extraction-item-content{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;align-items:start;width:100%}.extraction-delivery-section{padding-top:1rem;border-top:1px solid var(--border-color)}.extraction-actions{padding-top:1rem}.extraction-pdf-panel{display:flex;flex-direction:column;position:sticky;top:1rem;align-self:start}.extraction-pdf-panel iframe{width:100%;height:calc(100vh - 110px);min-height:500px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff}@media (max-width: 1024px){.extraction-view-container{grid-template-columns:1fr}.extraction-pdf-panel{order:-1;position:static}.extraction-pdf-panel iframe{height:450px}}@media (max-width: 768px){.extraction-view-container{min-height:auto}.extraction-pdf-panel iframe{height:350px}#extraction-items-container .extraction-item-content{grid-template-columns:1fr;gap:.5rem}}.item-validation-messages{margin-top:0;padding-left:0}.item-validation-messages:empty{display:none}.validation-error-inline{background-color:#fef2f2;border-left:3px solid var(--color-error);color:#991b1b;padding:.5rem .75rem;margin-bottom:.25rem;font-size:.85rem;border-radius:0 4px 4px 0}.validation-warning-inline,.validation-note-inline{background-color:#fffbeb;border-left:3px solid var(--color-warning);color:#92400e;padding:.5rem .75rem;margin-bottom:.25rem;font-size:.85rem;border-radius:0 4px 4px 0}.suggested-fix{display:block;margin-top:.25rem;font-style:italic;opacity:.9}.dropdown-input-wrapper.has-error .dropdown-search{border-color:var(--color-error);background-color:#fef2f2}.dropdown-input-wrapper.has-error .dropdown-search::-moz-placeholder{color:#991b1b;opacity:.8}.dropdown-input-wrapper.has-error .dropdown-search::placeholder{color:#991b1b;opacity:.8}.oc-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.oc-error-state .card{text-align:center;padding:2rem}.oc-error-message{color:var(--text-secondary);margin:1rem 0 1.5rem}.oc-error-actions{margin-top:1rem}.oc-header-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:var(--border-radius);padding:1.5rem 2rem;margin-bottom:1.5rem;color:#fff}.oc-header-card.oc-status-approved{background:linear-gradient(135deg,#16a34a,#15803d)}.oc-header-card.oc-status-rejected{background:linear-gradient(135deg,#dc2626,#b91c1c)}.oc-header-card.oc-status-needs-revision{background:linear-gradient(135deg,#d97706,#b45309)}.oc-header-info{display:flex;flex-direction:column;gap:.5rem}.oc-header-main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.oc-order-id{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.oc-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#fff3;color:#fff}.oc-header-meta{display:flex;gap:1.5rem;font-size:.875rem;opacity:.9;flex-wrap:wrap}.oc-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;margin-bottom:1.5rem}.oc-main-col .card,.oc-sidebar-col .card{margin-bottom:1rem}.oc-sidebar-col .card:last-child{margin-bottom:0}.oc-items-header{display:grid;grid-template-columns:40px 1fr 80px 100px 100px;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.oc-item-row{display:grid;grid-template-columns:40px 1fr 80px 100px 100px;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);align-items:center;font-size:.875rem}.oc-item-row:last-child{border-bottom:none}.oc-col-index{color:var(--text-muted);font-weight:500}.oc-col-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.oc-item-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-item-meta{font-size:.75rem;color:var(--text-muted)}.oc-col-qty,.oc-col-price,.oc-col-total{text-align:right}.oc-col-total{font-weight:600}.oc-summary-rows{padding:1rem}.oc-summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.oc-summary-row.oc-summary-total{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.75rem;font-weight:700;font-size:1rem;color:var(--text-primary)}.oc-detail-rows{padding:1rem}.oc-detail-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem}.oc-detail-label{color:var(--text-secondary)}.oc-detail-value{font-weight:500;color:var(--text-primary)}.oc-address-block,.oc-notes-block{padding:1rem;font-size:.875rem;color:var(--text-primary);line-height:1.6}.oc-rejection-block{padding:1rem;font-size:.875rem;color:#991b1b;background:#fef2f2;border-radius:0 0 var(--border-radius) var(--border-radius);line-height:1.6}.oc-expedited-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;color:#92400e;vertical-align:middle;margin-left:.25rem}.oc-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid var(--border-color)}.oc-actions-right{display:flex;gap:.75rem}@media (max-width: 1024px){.oc-grid{grid-template-columns:1fr}}@media (max-width: 768px){.oc-header-card{padding:1rem 1.25rem}.oc-order-id{font-size:1.25rem}.oc-header-meta{flex-direction:column;gap:.25rem}.oc-items-header{display:none}.oc-item-row{grid-template-columns:1fr;gap:.25rem;padding:.75rem 1rem}.oc-item-row .oc-col-index{display:none}.oc-col-qty,.oc-col-price,.oc-col-total{text-align:left}.oc-col-qty:before{content:"Qty: ";color:var(--text-muted)}.oc-col-price:before{content:"Unit: ";color:var(--text-muted)}.oc-col-total:before{content:"Total: ";color:var(--text-muted)}.oc-actions-bar{flex-direction:column;gap:.75rem}.oc-actions-right{width:100%;flex-direction:column}.oc-actions-right .btn{width:100%;text-align:center}}@media print{.sidebar,.user-menu,.oc-actions-bar{display:none!important}.main-content{margin-left:0!important;padding:0!important}.oc-header-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.customer-selector{padding:0 12px 12px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.customer-selector-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:4px}.customer-selector select{width:100%;padding:6px 8px;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}.customer-selector select:disabled{opacity:.6;cursor:not-allowed}.customer-empty-state{background:var(--bg-tertiary);border-left:3px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0;padding:10px 12px}.customer-empty-state p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.customer-empty-hint{margin-top:4px!important;font-size:.75rem!important;color:var(--text-muted)!important}.customer-error-state{padding:8px 0;font-size:.8125rem;color:var(--color-error)}.customer-retry-link{font-size:.75rem;color:var(--color-primary)}.page-subtitle{margin:2px 0 0;font-size:.875rem;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);margin-bottom:1.5rem}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:#eff6ff}.upload-zone-icon{font-size:2rem;margin-bottom:.5rem;color:var(--text-muted)}.upload-zone-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.upload-zone-hint{font-size:.75rem;color:var(--text-muted)}.upload-zone input[type=file]{display:none}.upload-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.upload-zone-sm{padding:1rem 1.5rem;margin-bottom:0}.upload-zone-sm .upload-zone-icon{font-size:1.25rem;margin-bottom:.25rem}.alert{padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid transparent}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.processing-indicator{display:none;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius);margin-bottom:1.5rem}.processing-indicator.show{display:flex}.processing-spinner{width:20px;height:20px;border:3px solid #bfdbfe;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.processing-text{font-size:.875rem;color:var(--color-primary-dark);font-weight:500}.summary-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.summary-stat{flex:1;min-width:140px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem}.summary-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.summary-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.summary-stat-value.text-success{color:var(--color-success)}.summary-stat-value.text-error{color:var(--color-error)}.summary-stat-value.text-warning{color:var(--color-warning)}.approval-pipeline-stat{transition:border-color .15s}.approval-pipeline-stat:hover{border-color:var(--color-primary)}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 1rem}.action-group-header{font-size:.8125rem;font-weight:600;color:var(--text-secondary);padding:.75rem 1rem .25rem;border-bottom:1px solid var(--border-color);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.action-group-count{font-size:.75rem;font-weight:500;color:var(--text-muted)}.filter-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.filter-bar .form-input-sm{min-width:160px}.filter-bar select.form-input-sm{min-width:140px}.inline-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);cursor:pointer;min-width:100px}.inline-select.status-approved{background:#dcfce7;border-color:#16a34a;color:#16a34a}.inline-select.status-not_approved{background:#fee2e2;border-color:#dc2626;color:#dc2626}.inline-select.status-no_baseline{background:#fef9c3;border-color:#ca8a04;color:#ca8a04}.inline-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.inline-notes{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:14px;width:100%;min-width:80px;background:var(--bg-primary);color:var(--text-primary)}.inline-notes:focus,.inline-cost:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.inline-cost::-moz-placeholder,.inline-notes::-moz-placeholder{color:var(--text-muted)}.inline-cost::placeholder,.inline-notes::placeholder{color:var(--text-muted)}.notes-expansion-row td{padding:.5rem;background:var(--bg-tertiary);border-top:none}.notes-expanded{width:100%;min-height:4.5rem;padding:.5rem;border:1px solid var(--color-primary);border-radius:4px;font-size:.8125rem;font-family:inherit;background:var(--bg-primary);box-shadow:0 0 0 2px #2563eb1a;resize:vertical}.inline-cost{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);-moz-appearance:textfield}.inline-cost::-webkit-outer-spin-button,.inline-cost::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mrp-table{table-layout:fixed}.mrp-table th{position:relative;vertical-align:top}.mrp-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mrp-table code{font-family:inherit;font-size:inherit}.col-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;z-index:1}.col-resize-handle:hover{background:var(--border-color)}.col-resize-handle.active{background:var(--color-primary)}body.col-resizing,body.col-resizing *{cursor:col-resize!important}body.col-resizing{-moz-user-select:none;user-select:none;-webkit-user-select:none}.carry-forward-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:3px;background:#fef3c7;color:#92400e;text-transform:uppercase;letter-spacing:.03em}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:.5rem}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-controls button{padding:.375rem .625rem;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:transparent;color:var(--text-primary);cursor:pointer;min-width:2rem;text-align:center}.pagination-controls button:hover:not(:disabled):not(.active){background:var(--bg-tertiary);border-color:var(--color-primary)}.pagination-controls button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-controls button:focus-visible{outline:3px solid var(--color-primary);outline-offset:1px}.pagination-controls button:disabled{opacity:.6;cursor:not-allowed}.pagination-controls .ellipsis{padding:.375rem .25rem;color:var(--text-secondary);font-size:.8125rem}.column-mapping-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.column-mapping-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:var(--border-radius)}.column-mapping-arrow{color:var(--text-muted);font-size:1.25rem}.column-mapping-detected{font-size:.875rem;font-weight:500;color:var(--text-primary)}.column-mapping-select{padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;background:var(--bg-primary)}.compliance-compliant{color:var(--color-success)}.compliance-violation{color:var(--color-error)}.compliance-warning{color:var(--color-warning)}.price-delta-positive{color:var(--color-error);font-weight:600}.price-delta-negative{color:var(--color-success);font-weight:600}.price-delta-zero{color:var(--text-muted)}.row-detail{display:none;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.row-detail.show{display:block}.row-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.row-detail-item{font-size:.875rem}.row-detail-label{font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.row-detail-value{color:var(--text-primary)}.quick-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.quick-actions .btn{flex:1;min-width:160px;text-align:center;justify-content:center}.history-list{display:flex;flex-direction:column}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);cursor:pointer}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-secondary);margin:0 -.5rem;padding:.75rem .5rem;border-radius:4px}.history-item-info{display:flex;flex-direction:column;gap:.25rem}.history-item-title{font-weight:500;color:var(--text-primary);font-size:.875rem}.history-item-meta{font-size:.75rem;color:var(--text-muted)}.history-item-stats{display:flex;gap:.75rem;align-items:center}.history-item-stat{font-size:.75rem;color:var(--text-secondary)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--bg-tertiary)}.compliance-score{display:inline-flex;align-items:center;gap:.5rem}.compliance-score-bar{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.compliance-score-fill{height:100%;border-radius:3px;transition:width .3s ease}.compliance-score-fill.good{background:var(--color-success)}.compliance-score-fill.warning{background:var(--color-warning)}.compliance-score-fill.poor{background:var(--color-error)}.nav-separator{border-top:1px solid var(--border-color);margin:8px 0;list-style:none}.review-actions{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.review-actions .btn,.resolution-actions{white-space:nowrap}.resolution-actions .btn-resolve+.btn-resolve{margin-left:.5rem}.btn-resolve{font-size:.75rem;padding:4px 12px;border-radius:4px;cursor:pointer;background:none;font-weight:500;transition:background .15s,color .15s}.btn-accept{border:1px solid var(--color-success);color:var(--color-success)}.btn-accept:hover{background:var(--color-success);color:#fff}.btn-reject{border:1px solid var(--color-error);color:var(--color-error)}.btn-reject:hover{background:var(--color-error);color:#fff}.btn-download{border:1px solid var(--text-muted);color:var(--text-secondary)}.btn-download:hover{background:var(--text-muted);color:#fff}.btn-resolve:disabled{opacity:.5;cursor:not-allowed}.resolution-row-expanded{padding:.75rem 1rem;background:var(--bg-secondary)}.resolution-notes-row td{padding:0!important;border-top:none!important}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--color-error);color:#fff;font-size:.625rem;font-weight:600;border-radius:9999px;margin-left:.5rem}@media (max-width: 1024px){.summary-bar{flex-wrap:wrap}.summary-stat{min-width:120px}.row-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.upload-cards-row{grid-template-columns:1fr}.summary-bar{flex-direction:column}.filter-bar{flex-direction:column;align-items:stretch}.pagination{flex-direction:column;gap:.75rem}.pagination-info{text-align:center}.row-detail-grid{grid-template-columns:1fr}.column-mapping-row{grid-template-columns:1fr;gap:.25rem}.column-mapping-arrow{display:none}}.po-error-banner{background:var(--color-error);color:#fff;padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.875rem;font-weight:500}.po-error-dismiss{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.8;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.po-error-dismiss:hover{opacity:1}.po-violation-row{border-left:3px solid var(--color-error)}.no-baseline-hint{color:var(--text-secondary);font-size:.875rem;padding:0 1.5rem .75rem;margin:0}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:.25rem}@keyframes spin{to{transform:rotate(360deg)}}.tracker-expand-row td{padding:0!important;border-top:none!important}.tracker-expand-row .tracker-detail-wrapper{padding:1.25rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.expanded-row-highlight{background:var(--bg-tertiary)!important}.expanded-row-highlight td{border-bottom-color:transparent}.tracker-proposal-form{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tracker-proposal-form .form-group{display:flex;flex-direction:column;gap:.25rem}.tracker-proposal-form .form-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.tracker-proposal-form .form-group input,.tracker-proposal-form .form-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.tracker-proposal-form .form-group input:focus,.tracker-proposal-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.tracker-proposal-form .form-group input[type=checkbox]{width:auto;padding:0;border:none;background:transparent;align-self:flex-start;margin-top:.125rem}.tracker-proposal-actions{grid-column:1 / -1;display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.tracker-detail-panel{display:flex;flex-direction:column;gap:.75rem}.tracker-detail-panel>div:empty{display:none}.tracker-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tracker-detail-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.tracker-detail-meta{display:flex;gap:1.5rem;align-items:center;font-size:.875rem;color:var(--text-secondary)}.tracker-timeline{display:flex;align-items:flex-start;padding:.5rem 0 1rem;overflow-x:auto;gap:2rem}.tracker-timeline-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1 1 0;min-width:0;position:relative}.tracker-timeline-step:after{content:"";position:absolute;top:11px;left:calc(50% + 12px);width:calc(100% + 2rem - 24px);height:2px;background:var(--border-color)}.tracker-timeline-step:last-child:after{display:none}.tracker-timeline-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;z-index:1}.tracker-timeline-step.completed .tracker-timeline-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.tracker-timeline-step.current .tracker-timeline-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 3px #2563eb33}.tracker-timeline-step.completed:after{background:var(--color-success)}.tracker-timeline-label{font-size:.6875rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-timeline-step.current .tracker-timeline-label{color:var(--color-primary);font-weight:600}.tracker-timeline-step.completed .tracker-timeline-label{color:var(--color-success)}.tracker-docs-section{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tracker-docs-section h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.tracker-doc-list{display:flex;flex-direction:column;gap:.5rem}.tracker-doc-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.8125rem}.tracker-doc-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;min-width:0;flex:1 1 auto}.tracker-doc-item a{color:var(--color-primary);text-decoration:none}.tracker-doc-item a:hover{text-decoration:underline}.tracker-doc-meta{font-size:.75rem;color:var(--text-muted);flex-basis:100%}.tracker-doc-item-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.tracker-doc-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.tracker-docs-section .upload-zone-sm{margin-top:.75rem}.tracker-doc-actions select.form-input-sm{min-width:140px}.tracker-review-section{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tracker-review-section h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.tracker-review-flags{display:grid;grid-template-columns:repeat(4,auto);gap:.75rem}.tracker-review-flags-saving{opacity:.5;pointer-events:none;transition:opacity .15s ease}.tracker-review-flag{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.tracker-review-flag input[type=checkbox]{width:16px;height:16px}.tracker-review-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.tracker-timeline-container{position:relative}.tracker-timeline-branch-line{width:2px;height:1.25rem;background:var(--border-color);margin:-4px auto 0}.tracker-timeline-branch-line.completed{background:var(--color-success)}.tracker-timeline-branch-line.current{background:var(--color-primary)}.tracker-timeline-sub{padding-bottom:.5rem;overflow:visible}.tracker-timeline-sub.has-inline-form{padding-bottom:9.5rem}.tracker-timeline-sub .tracker-timeline-dot{width:20px;height:20px;font-size:.5625rem}.tracker-timeline-sub .tracker-timeline-step:after{top:9px;left:calc(50% + 10px);width:calc(100% + 2rem - 20px)}.tracker-timeline-sub .tracker-timeline-label{font-size:.625rem}.tracker-timeline-diamond .tracker-timeline-dot{border-radius:4px;transform:rotate(45deg);width:18px;height:18px;margin-top:2.5px}.tracker-timeline-diamond:after{top:11px;left:calc(50% + 9px);width:calc(100% + 2rem - 21px)}.tracker-timeline-diamond .tracker-timeline-dot>span{transform:rotate(-45deg)}.tracker-timeline-diamond .tracker-timeline-label{font-size:.625rem}.tracker-timeline-diamond.sample-in-progress:after{background:var(--border-color)}.tracker-timeline-step.failed .tracker-timeline-dot{background:var(--color-error);border-color:var(--color-error);color:#fff}.tracker-timeline-step.failed .tracker-timeline-label{color:var(--color-error);font-weight:600}.tracker-timeline-action{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.25rem;white-space:nowrap;display:flex;gap:.25rem}.tracker-timeline-action.loading{position:absolute;transform:translate(-50%)}.tracker-timeline-sub-row{display:flex;align-items:flex-start}.tracker-timeline-samples-area{flex:1 1 auto;display:flex;flex-direction:column;gap:1.25rem}.tracker-timeline-sub-row.has-review-checklist .tracker-timeline-samples-area{flex:0 0 73%}.tracker-timeline-sample-row{display:flex;align-items:flex-start;gap:0}.sample-round-label{flex:0 0 70px;font-size:.75rem;font-weight:500;color:var(--text-muted);padding-top:.25rem}.tracker-sample-row-undo-slot{position:absolute;top:1px;left:calc(50% + 18px);display:inline-flex;align-items:center;z-index:1}.tracker-timeline-sub .tracker-timeline-step:has(>.tracker-sample-row-undo-slot):after{display:none}.tracker-timeline-sub-row .tracker-timeline-sub{flex:1 1 auto}.tracker-timeline-sub-row.has-review-checklist .tracker-timeline-sub{flex:0 0 73%}@media (max-width: 768px){.tracker-timeline-samples-area{overflow-x:auto}}.tracker-review-checklist{flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;white-space:nowrap}.tracker-timeline-sub-row .tracker-review-checklist:first-child{margin-left:68%}.review-checklist-item{display:flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:500}.review-checklist-label{line-height:1.2}.review-checklist-actions{display:inline-flex;gap:.125rem}.review-pending .review-checklist-label{color:var(--text-muted)}.review-in-progress .review-checklist-label{color:var(--color-warning)}.review-passed .review-checklist-label{color:var(--color-success)}.review-failed .review-checklist-label{color:var(--color-error)}.tracker-review-checklist-saving{opacity:.5;pointer-events:none}.tracker-review-checklist-spinner{display:flex;align-items:center;gap:.375rem;font-size:.625rem;font-style:italic;color:var(--text-muted);animation:pulse-opacity 1.5s ease-in-out infinite}.tracker-review-checklist-spinner:before{content:"";width:12px;height:12px;border:2px solid var(--bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.review-checklist-saving{font-size:.625rem;font-style:italic;color:var(--text-muted);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.btn-xs{font-size:.5625rem;padding:.0625rem .25rem;line-height:1.2;border-radius:3px}.sp-undo-btn{border-color:var(--color-warning);color:var(--color-warning);margin-left:.25rem}.tracker-comments{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tracker-comments h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.tracker-comment{padding:.75rem;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.8125rem}.tracker-comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.tracker-comment-author{font-weight:600;color:var(--text-primary)}.tracker-comment-time{font-size:.75rem;color:var(--text-muted)}.tracker-comment-text{color:var(--text-secondary);line-height:1.4}.chat-thread{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;margin-bottom:.75rem;padding:.25rem 0}.chat-message{display:flex;gap:.75rem;position:relative;padding:.5rem;border-radius:var(--border-radius)}.chat-message:hover{background:var(--bg-tertiary)}.chat-message-highlight{animation:mention-highlight 3s ease-out}@keyframes mention-highlight{0%{background-color:#3b82f633}to{background-color:transparent}}.chat-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.chat-bubble{flex:1;min-width:0}.chat-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.chat-author{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.chat-time{font-size:.75rem;color:var(--text-muted)}.chat-edited{font-size:.75rem;color:var(--text-muted);font-style:italic}.chat-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;word-break:break-word}.chat-mention{color:var(--color-primary);font-weight:600;cursor:pointer}.chat-deleted .chat-bubble{opacity:.6}.chat-deleted-text{font-style:italic;color:var(--text-muted);font-size:.8125rem}.chat-actions{position:absolute;top:-4px;right:8px;opacity:0;transition:opacity .15s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);padding:2px 4px;display:flex;gap:2px;z-index:10}.chat-message:hover .chat-actions{opacity:1}.chat-actions-mobile{display:none;gap:4px;padding:4px 0;margin-top:.375rem}.chat-message.actions-open .chat-actions-mobile{display:flex}.chat-action-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem;padding:0}.chat-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:.375rem}.chat-reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.75rem;cursor:pointer;transition:border-color .15s,background .15s}.chat-reaction:hover{border-color:var(--color-primary)}.chat-reaction.active{border-color:var(--color-primary);background:#dbeafe}html.dark .chat-reaction.active{background:#2563eb33}.chat-reaction-add{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;border:1px dashed var(--border-color);background:transparent;font-size:.75rem;color:var(--text-muted);cursor:pointer}.chat-reaction-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.chat-reply{margin-left:40px}.chat-replies{margin-top:.375rem}.chat-replies-hidden{display:none}.chat-show-replies{background:none;border:none;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem 0}.chat-show-replies:hover{text-decoration:underline}.chat-reply-container{margin-top:.375rem}.chat-reply-input-bar{display:flex;gap:.375rem;align-items:center}.chat-input-bar{display:flex;gap:.5rem;align-items:center;padding:.75rem 0 0;border-top:1px solid var(--border-color)}.chat-input-action{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chat-input-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.8125rem;background:var(--bg-primary);color:var(--text-primary)}.chat-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.chat-input-editable{min-height:34px;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:1.4}.chat-input-editable:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.chat-input-editable .chat-mention{background:#2563eb14;border-radius:3px;padding:0 2px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.chat-edit-input{width:100%;padding:.375rem .5rem;border:1px solid var(--color-primary);border-radius:4px;font-size:.8125rem;background:var(--bg-primary);color:var(--text-primary)}.chat-emoji-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:.5rem;z-index:100;width:240px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.chat-emoji-option{width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:1.125rem;display:flex;align-items:center;justify-content:center}.chat-emoji-option:hover{background:var(--bg-tertiary)}.chat-more-menu{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);z-index:100;min-width:120px}.chat-more-option{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;text-align:left;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.chat-more-option:hover{background:var(--bg-tertiary)}.chat-mention-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;margin-top:.25rem;z-index:50}.chat-mention-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.8125rem}.chat-mention-option:hover,.chat-mention-option.selected{background:var(--bg-tertiary)}.chat-mention-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.625rem;font-weight:600;display:flex;align-items:center;justify-content:center}.chat-mention-name{font-weight:500;color:var(--text-primary)}.notification-bell{position:relative;margin-left:auto;margin-right:.5rem}.notification-bell-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:.375rem;border-radius:4px;display:flex;align-items:center;position:relative}.notification-bell-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{position:absolute;top:0;right:0;background:var(--color-error);color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow-y:auto;z-index:200}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:600;color:var(--text-primary)}.notification-mark-all{background:none;border:none;color:var(--color-primary);font-size:.75rem;cursor:pointer;font-weight:500}.notification-mark-all:hover{text-decoration:underline}.notification-item{display:block;padding:.75rem;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-primary)}.notification-item:hover{background:var(--bg-tertiary)}.notification-text{font-size:.8125rem;line-height:1.4;display:block}.notification-time{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.25rem}@media (max-width: 768px){.chat-actions{display:none!important}.chat-reply{margin-left:24px}.chat-emoji-picker{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;border-radius:12px 12px 0 0}.chat-mention-dropdown{position:fixed;bottom:60px;left:0;right:0;max-height:250px;border-radius:12px 12px 0 0}.notification-dropdown{width:calc(100vw - 2rem);right:-1rem}}.tracker-activity-log{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tracker-activity-log h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.5rem}.tracker-activity-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.tracker-activity-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:var(--text-secondary);padding:.375rem 0;border-bottom:1px solid var(--border-color)}.tracker-activity-item:last-child{border-bottom:none}.tracker-activity-time{flex-shrink:0;color:var(--text-muted);min-width:120px}.tracker-proposed-details{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tracker-proposed-details h4{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.proposed-details-grid{display:flex;gap:1rem}.proposed-detail-item{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.proposed-detail-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposed-detail-value{font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge-initiated{background:#dbeafe;color:#2563eb}.status-badge-awaiting_docs,.status-badge-awaiting-docs{background:#fef3c7;color:#d97706}.status-badge-under_review{background:#ede9fe;color:#7c3aed}.status-badge-sample_requested{background:#fce7f3;color:#db2777}.status-badge-sample_in_transit{background:#ffedd5;color:#ea580c}.status-badge-sample_delivered{background:#cffafe;color:#0891b2}.status-badge-sample_testing{background:#e0e7ff;color:#4f46e5}.status-badge-sample_passed{background:#dcfce7;color:#16a34a}.status-badge-sample_failed{background:#fee2e2;color:#dc2626}.status-badge-approved{background:#dcfce7;color:#16a34a}.status-badge-system_updated{background:#d1fae5;color:#047857;border:1px solid #047857}.status-badge-failed,.status-badge-rejected{background:#fee2e2;color:#dc2626}.status-badge-pending_product_spec,.status-badge-pending_bench_eval,.status-badge-pending_cert_customer,.status-badge-pending_product_reviews{background:#ede9fe;color:#7c3aed}.status-badge-additional_sample{background:#fce7f3;color:#db2777;border:1px solid #db2777;margin-left:.25rem}.doc-type-badge-wrapper{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem;min-width:0;max-width:100%}.status-badge.reclassifiable{cursor:pointer}.status-badge.reclassifiable:hover{opacity:.8}.badge-more-toggle{cursor:pointer;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px dashed var(--border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-more-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.reclassify-dropdown{z-index:9999;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:180px;max-height:280px;overflow-y:auto}.reclassify-dropdown-option{padding:.5rem .75rem;cursor:pointer;font-size:.8rem;border-bottom:1px solid var(--border-color)}.reclassify-dropdown-option:last-child{border-bottom:none}.reclassify-dropdown-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.reclassify-dropdown-option.current{font-weight:600;background:var(--bg-secondary)}.reclassify-dropdown-separator{height:1px;background:var(--border-color);margin:.25rem 0}.reclassify-dropdown-remove{color:var(--color-error, #dc2626)}.reclassify-dropdown-remove:hover{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}.subprocess-badge-not_needed{background:#f3f4f6;color:#9ca3af}.subprocess-badge-pending{background:#fef3c7;color:#d97706}.subprocess-badge-in_progress{background:#dbeafe;color:#2563eb}.subprocess-badge-passed{background:#dcfce7;color:#16a34a}.subprocess-badge-failed{background:#fee2e2;color:#dc2626}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease;background:var(--color-primary)}.progress-bar-fill.complete{background:var(--color-success)}.progress-bar-fill.failed{background:var(--color-error)}.approval-progress{display:flex;align-items:center;gap:.5rem}.approval-progress .progress-bar{flex:1;min-width:40px}.approval-progress-text{font-size:.75rem;font-weight:500;min-width:32px;text-align:right}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}@media (max-width: 1024px){.tracker-proposal-form{grid-template-columns:repeat(2,1fr)}.tracker-review-flags{grid-template-columns:repeat(2,auto)}}@media (max-width: 768px){.tracker-proposal-form{grid-template-columns:1fr}.tracker-timeline-step{min-width:0}}.savings-summary-card{margin-bottom:1.5rem}.savings-summary-table{width:100%;border-collapse:collapse;margin-top:.5rem}.savings-summary-table th[scope=col]{text-align:right;font-weight:600;color:var(--text-secondary);font-size:.875rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.savings-summary-table th[scope=col]:first-child{text-align:left;width:40%}.savings-summary-table th[scope=row]{text-align:left;font-weight:500;padding:.5rem .75rem}.savings-summary-table td{text-align:right;font-variant-numeric:tabular-nums;padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.savings-summary-table tbody tr:last-child th,.savings-summary-table tbody tr:last-child td{border-bottom:none}.savings-summary-table tbody tr:nth-child(2) th,.savings-summary-table tbody tr:nth-child(2) td{font-weight:600}.info-icon{position:relative;display:inline-block;margin-left:.375rem;color:var(--text-secondary);font-size:.875rem;cursor:help;vertical-align:middle}.info-icon:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:50%}.info-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:320px;padding:.5rem .75rem;background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 4px 12px #00000040;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 80ms ease-out;z-index:100}.info-icon[data-tooltip]:hover:after,.info-icon[data-tooltip]:focus:after{opacity:1;visibility:visible}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:1.5rem;align-items:stretch}.dashboard-grid #required-actions-card{height:100%;display:flex;flex-direction:column}.dashboard-grid .dashboard-actions-scroll{flex:1}.dashboard-right-card{margin-bottom:0}.dashboard-section{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.dashboard-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.dashboard-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;margin:0 0 .375rem}.dashboard-actions-scroll{max-height:calc(100vh - 320px);overflow-y:auto}.list-item-compact{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;min-height:40px;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background .1s}.list-item-compact:last-child{border-bottom:none}.list-item-compact:hover{background:var(--bg-tertiary)}.list-item-compact:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}.list-item-compact .list-item-title{font-size:.875rem;font-weight:600;white-space:nowrap;margin-bottom:0;flex-shrink:0}.list-item-compact .list-item-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.list-item-compact .list-item-subtitle{font-size:.8125rem;color:var(--text-secondary)}.list-item-compact .list-item-meta{flex-shrink:0}.dashboard-grid .action-group-header{padding:.375rem .75rem;font-size:.6875rem;background:var(--bg-tertiary);border-bottom:none;margin:0;text-transform:uppercase;letter-spacing:.04em}.dashboard-pipeline-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background .1s}.dashboard-pipeline-row:last-child{border-bottom:none}.dashboard-pipeline-row:hover{background:var(--bg-tertiary);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:4px}.dashboard-pipeline-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}.dashboard-pipeline-label{font-size:.8125rem;color:var(--text-secondary)}.dashboard-pipeline-count{font-size:.875rem;font-weight:700;color:var(--text-primary)}.dashboard-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.dashboard-stat-row:last-child{border-bottom:none}.dashboard-stat-label{font-size:.8125rem;color:var(--text-secondary)}.dashboard-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.dashboard-quick-actions{display:flex;flex-direction:column;gap:.375rem}.dashboard-quick-actions .btn{text-align:center;justify-content:center}.dashboard-quick-actions .btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary);background:transparent}.dashboard-quick-actions .btn-secondary:hover{background:var(--color-primary);color:#fff}.activity-chips{display:flex;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.activity-chips::-webkit-scrollbar{display:none}.activity-chip{flex-shrink:0;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.activity-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}.activity-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.activity-row{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;font-size:.8125rem;transition:background .1s;border-left:3px solid transparent}.activity-row:last-child{border-bottom:none}.activity-row:hover{background:var(--bg-tertiary)}.activity-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.activity-row.unread{border-left-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.activity-row.unread .activity-row-line strong{color:var(--text-primary);font-weight:700}.activity-row-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;line-height:1}.activity-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.activity-row-line{color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis}.activity-row-line strong{color:var(--text-primary);font-weight:600}.activity-row-preview{font-size:.75rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.activity-row-context{font-size:.6875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row-time{flex-shrink:0;font-size:.6875rem;color:var(--text-muted);padding-top:.125rem}.activity-empty{padding:1rem .75rem;color:var(--text-muted);font-size:.8125rem;text-align:center}#dashboard-notifications-container .activity-row{padding:.5rem 0}#dashboard-notifications-container .activity-row:hover{margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:4px}#dashboard-activity-chips .activity-chips{padding:.5rem 0;border-bottom:none}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-actions-scroll{max-height:none}}#submit-material-modal .modal{max-width:450px}@media (max-width: 480px){#submit-material-modal .modal-footer{flex-direction:column-reverse}#submit-material-modal .modal-footer .btn{width:100%}}.responsibility-combo{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 32px 6px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);min-height:42px;cursor:text;transition:border-color .15s,box-shadow .15s}.responsibility-combo:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.responsibility-combo.is-unassigned{border-color:var(--color-warning);border-width:2px;padding:5px 31px 5px 7px}.responsibility-chips{display:contents}.responsibility-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-size:.8125rem;font-weight:500;line-height:1.6;max-width:100%}.responsibility-chip.is-sentinel{background:#fef3c7;color:#92400e}.responsibility-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.responsibility-chip-x{width:20px;height:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.7;cursor:pointer;font-size:.9375rem;line-height:1;border:none;background:transparent;border-radius:50%;padding:0;position:relative}.responsibility-chip-x:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.responsibility-chip-x:hover{opacity:1;background:#00000014}.responsibility-input{border:none;outline:none;flex:1;min-width:120px;font-size:.8125rem;padding:4px;background:transparent;color:var(--text-primary);font-family:inherit}.responsibility-input::-moz-placeholder{color:var(--text-muted)}.responsibility-input::placeholder{color:var(--text-muted)}.responsibility-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem;pointer-events:none}.responsibility-dropdown{position:absolute;z-index:100;margin-top:4px;width:100%;max-height:260px;overflow-y:auto;list-style:none;padding:4px 0;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);box-shadow:var(--shadow-md)}.responsibility-dropdown[hidden]{display:none}.responsibility-option,.responsibility-option-custom{padding:8px 12px;font-size:.8125rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:36px}.responsibility-option.is-highlighted,.responsibility-option-custom.is-highlighted{background:var(--bg-tertiary)}.responsibility-option.is-selected{color:var(--text-muted);cursor:default}.responsibility-option.is-selected:hover{background:transparent}.responsibility-option.is-empty{color:var(--text-muted);cursor:default;font-style:italic}.responsibility-option-note{font-size:.625rem;font-weight:400;color:var(--text-muted);text-transform:lowercase}.responsibility-option-custom{color:var(--color-primary);border-top:1px solid var(--border-color);font-weight:500}.responsibility-option-custom.is-disabled{color:var(--text-muted);cursor:not-allowed}.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}.responsibility-hint{font-size:.75rem;color:var(--text-muted);margin-top:6px}.responsibility-hint.responsibility-nudge{color:#92400e;font-weight:500}.responsibility-badge-inline{display:inline-flex;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;margin-left:8px}.responsibility-badge-inline.is-unassigned{color:var(--text-secondary);font-style:italic;background:transparent}.btn-icon-edit-responsibilities{background:none;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--text-secondary);font-size:.75rem;transition:background .15s,color .15s}.btn-icon-edit-responsibilities:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 480px){.responsibility-chip-label{max-width:100%}}.formula-section{margin:1.5rem 0}.ingredients-header{display:grid;grid-template-columns:1fr 120px 100px 40px;gap:.75rem;padding:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ingredient-row{display:grid;grid-template-columns:1fr 120px 100px 40px;gap:.75rem;align-items:start;margin-bottom:.5rem}.ingredient-material-col{min-width:0}.ingredient-quantity-col .quantity-input,.ingredient-unit-col .unit-select{width:100%}.ingredient-remove-col{display:flex;align-items:center;justify-content:center;padding-top:.25rem}.ingredient-remove-col .btn-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.ingredient-remove-col .btn-remove:hover{color:var(--danger);border-color:var(--danger);background:#ef44440d}.material-dropdown{position:relative}.material-dropdown .dropdown-search.custom-material{border-color:var(--warning, #f59e0b);background:#f59e0b0d}.material-dropdown .dropdown-option .option-name{display:block;font-weight:500}.material-dropdown .dropdown-option .option-details{display:block;font-size:.75rem;color:var(--text-secondary)}.material-dropdown .dropdown-custom-hint{padding:.5rem .75rem;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.badge-out-of-stock{display:inline-block;font-size:.625rem;padding:1px 4px;background:var(--danger, #ef4444);color:#fff;border-radius:3px;font-weight:600;text-transform:uppercase}.custom-badge{display:inline-block;font-size:.625rem;padding:1px 6px;background:var(--warning, #f59e0b);color:#fff;border-radius:3px;font-weight:600;text-transform:uppercase;margin-right:4px}.detail-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.detail-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.ingredients-detail-table{width:100%;font-size:.8125rem}.ingredients-detail-table th{text-align:left;font-weight:600;padding:.375rem .5rem;border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.ingredients-detail-table td{padding:.375rem .5rem;border-bottom:1px solid var(--border-color)}.rejection-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem}.rejection-text{color:var(--danger, #ef4444);margin:0}.review-form-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:1rem}.approved-product-link{font-size:.8125rem;color:var(--success, #22c55e);font-weight:600}.formula-toast{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:10000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;max-width:400px}.formula-toast.visible{opacity:1;transform:translateY(0)}.toast-success{background:#dcfce7;color:#166534;border:1px solid #86efac}.toast-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.toast-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}#formula-details-modal.modal,#formula-review-modal.modal,#formula-submit-confirm-modal.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;z-index:9999;border-radius:0;box-shadow:none;background:transparent}#formula-details-modal .modal-backdrop,#formula-review-modal .modal-backdrop,#formula-submit-confirm-modal .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}#formula-details-modal .modal-content,#formula-review-modal .modal-content,#formula-submit-confirm-modal .modal-content{position:relative;background:var(--bg-primary, #fff);border-radius:var(--border-radius, 12px);box-shadow:var(--shadow-lg, 0 10px 40px rgba(0,0,0,.15));width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;z-index:1}#formula-review-modal .modal-content.modal-lg{max-width:700px}#formula-submit-confirm-modal .modal-content{max-width:450px}#formula-details-modal .modal-body,#formula-review-modal .modal-body,#formula-submit-confirm-modal .modal-body{overflow-y:auto;padding:1.5rem}.confirmation-ingredients-list{list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--text-secondary)}.confirmation-ingredients-list li{padding:.25rem 0}#formula-submit-confirm-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}@media (max-width: 480px){#formula-submit-confirm-modal .modal-footer{flex-direction:column-reverse}#formula-submit-confirm-modal .modal-footer .btn{width:100%}}.actions-cell{white-space:nowrap}.actions-cell .btn{margin-right:.375rem}.actions-cell .btn:last-child{margin-right:0}.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}@media (max-width: 768px){.ingredients-header{display:none}.ingredient-row{grid-template-columns:1fr;gap:.375rem;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem}.ingredient-remove-col{justify-content:flex-end}}.onboarding-stepper{padding:24px 0 16px;overflow-x:auto}.stepper-track{display:flex;align-items:flex-start;justify-content:center;gap:0;min-width:-moz-max-content;min-width:max-content;padding:0 8px}.stepper-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;min-width:100px;padding:0 4px;transition:opacity .15s ease}.stepper-step:hover{opacity:.85}.stepper-step--selected .stepper-circle{box-shadow:0 0 0 3px var(--color-primary-light)}.stepper-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease}.stepper-step--pending .stepper-circle{background-color:var(--bg-tertiary);color:var(--text-muted);border:2px solid var(--border-color)}.stepper-step--in_progress .stepper-circle{background-color:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.stepper-step--completed .stepper-circle{background-color:var(--color-success);color:#fff;border:2px solid var(--color-success)}.stepper-step--blocked .stepper-circle{background-color:var(--color-error);color:#fff;border:2px solid var(--color-error)}.stepper-connector{width:40px;height:2px;align-self:center;margin-top:18px;flex-shrink:0}.stepper-connector--pending{background-color:var(--border-color)}.stepper-connector--in_progress{background-color:var(--color-primary-light)}.stepper-connector--completed{background-color:var(--color-success)}.stepper-connector--blocked{background-color:var(--color-error)}.stepper-label{font-size:11px;color:var(--text-secondary);text-align:center;margin-top:6px;max-width:100px;line-height:1.3}.stepper-step--in_progress .stepper-label{color:var(--color-primary);font-weight:600}.stepper-step--completed .stepper-label{color:var(--color-success)}.stepper-badge{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-warning);color:#fff;padding:2px 6px;border-radius:10px;margin-top:4px}.step-detail-panel{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-top:16px;background-color:var(--bg-secondary)}.step-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-detail-header h4{margin:0;font-size:16px}.step-detail-description{color:var(--text-secondary);margin-bottom:12px}.step-detail-dates{display:flex;gap:24px;font-size:13px;color:var(--text-secondary);margin-bottom:16px;flex-wrap:wrap}.step-detail-actions{margin-top:16px}.customer-action-callout{background-color:#fef9c3;border:1px solid #fde047;border-radius:var(--border-radius);padding:12px 16px;margin-top:12px}.customer-action-callout strong{color:#92400e;display:block;margin-bottom:4px}.customer-action-callout p{color:#78350f;margin:0;font-size:14px}.project-detail-row td{padding:0!important;border-top:none!important}.project-detail-content{padding:20px 24px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.project-row{cursor:pointer}.project-row--expanded{background-color:var(--bg-tertiary)}.status-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;text-transform:capitalize}.status-badge--pending,.status-badge--initiated{background-color:var(--bg-tertiary);color:var(--text-secondary)}.status-badge--in_progress{background-color:#dbeafe;color:#1d4ed8}.status-badge--completed{background-color:#dcfce7;color:#166534}.status-badge--blocked,.status-badge--cancelled{background-color:#fee2e2;color:#991b1b}.status-badge--on_hold{background-color:#fef3c7;color:#92400e}.badge--type{display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;background-color:#e0e7ff;color:#3730a3}.progress-bar-container{width:100%;max-width:140px;height:20px;background-color:var(--bg-tertiary);border-radius:10px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:10px;transition:width .3s ease}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--text-primary)}.loading-spinner{text-align:center;padding:24px;color:var(--text-muted)}.text-error{color:var(--color-error)}.text-muted{color:var(--text-muted)}.btn-sm{padding:4px 12px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius)}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn-success{background-color:var(--color-success);color:#fff;border:none;cursor:pointer;border-radius:var(--border-radius)}.btn-success:hover{opacity:.9}@media (max-width: 768px){.stepper-track{flex-direction:column;align-items:flex-start;min-width:auto}.stepper-step{flex-direction:row;min-width:auto;gap:12px;padding:4px 0}.stepper-label{text-align:left;margin-top:0;max-width:none}.stepper-connector{width:2px;height:24px;margin-top:0;margin-left:17px}.stepper-badge{margin-top:0;margin-left:8px}.step-detail-dates{flex-direction:column;gap:4px}}.th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.sort-indicator{display:inline-block;margin-left:4px;font-size:.7em;color:var(--text-muted);vertical-align:middle}.sort-indicator.active{color:var(--color-primary)}.filter-indicator{display:inline-block;margin-left:3px;font-size:.5em;color:var(--color-primary);vertical-align:middle}.th-filtered{color:var(--color-primary)}.column-sort-dropdown{position:fixed;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:200px;padding:4px 0;animation:sort-dropdown-in .15s ease-out}@keyframes sort-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.column-sort-option{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;gap:8px;text-align:left}.column-sort-option:hover{background:var(--bg-secondary)}.column-sort-option.active{color:var(--color-primary);font-weight:500}.sort-option-icon{font-size:.8em;width:16px;text-align:center;flex-shrink:0}.sort-option-check{margin-left:auto;font-size:.8em;opacity:0}.column-sort-option.active .sort-option-check{opacity:1}.column-filter-separator{height:1px;background:var(--border-color);margin:4px 0}.column-filter-section{padding:8px 12px}.column-filter-label{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.column-filter-input{width:100%;padding:6px 8px;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);outline:none;box-sizing:border-box}.column-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.column-filter-select{width:100%;padding:6px 8px;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);outline:none;box-sizing:border-box;cursor:pointer}.column-filter-select:focus{border-color:var(--color-primary)}.column-filter-range{display:flex;gap:6px}.column-filter-range-input{flex:1;min-width:0}.column-filter-range-input::-webkit-inner-spin-button,.column-filter-range-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.column-filter-range-input[type=number]{-moz-appearance:textfield}.column-filter-clear{display:block;width:100%;margin-top:6px;padding:4px 0;border:none;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-align:left}.column-filter-clear:hover{color:var(--color-danger, #ef4444)}.card-header-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:auto;margin-right:.5rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.card-header-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card-header-action:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.column-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 16px #0000000f;z-index:900;transform:translate(100%);transition:transform .2s ease;display:flex;flex-direction:column}.column-panel[data-state=open]{transform:translate(0)}.column-panel-backdrop{display:none}.column-panel-surface{display:flex;flex-direction:column;height:100%}.column-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.column-panel-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.column-panel-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer}.column-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.column-panel-close:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.column-panel-body{flex:1 1 auto;overflow-y:auto;padding:12px 16px}.column-panel-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:8px 4px}.column-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.column-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;min-height:44px;background:var(--bg-primary);border:1px solid transparent;border-radius:8px}.column-panel-row:hover{background:var(--bg-tertiary)}.column-panel-row.column-panel-row-locked{opacity:.7}.column-panel-row-label{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;cursor:pointer;font-size:.875rem;color:var(--text-primary);margin:0}.column-panel-row-label input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.column-panel-row-label input[type=checkbox]:disabled{cursor:not-allowed}.column-panel-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted);cursor:grab;transition:background-color .12s ease,color .12s ease}.column-panel-drag-handle:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.column-panel-drag-handle:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.column-panel-drag-handle:active,.column-panel-row-drag .column-panel-drag-handle,.column-panel-row-chosen .column-panel-drag-handle,.column-panel-row-dragging .column-panel-drag-handle{cursor:grabbing}.column-panel-row-drag,.column-panel-row-chosen,.column-panel-row-dragging{background:var(--bg-tertiary);border-color:var(--color-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-panel-row-ghost{opacity:.4}.column-panel-live-region{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.column-panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-primary)}@media (min-width: 769px){body.column-panel-open .main-content{padding-right:320px;transition:padding-right .2s ease}}@media (max-width: 768px){.column-panel{width:100vw;z-index:1100}.column-panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;transform:translate(0);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:-1}.column-panel[data-state=open] .column-panel-backdrop{opacity:1;pointer-events:auto}body.column-panel-open .main-content{padding-right:0}.column-panel-drag-handle,.column-panel-close,.column-panel-row{min-height:44px}}html.dark .column-panel{box-shadow:-4px 0 16px #0006}html.dark .column-panel-backdrop{background:#000000a6}.page-header-action-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.375rem;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:background-color .12s ease,color .12s ease}.page-header-action-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.page-header-action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.page-header-action-btn:disabled{opacity:.5;cursor:wait}.edit-panel,#edit-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 16px #0000000f;z-index:900;transform:translate(100%);transition:transform .2s ease;display:flex;flex-direction:column}.edit-panel[data-state=open],#edit-panel[data-state=open]{transform:translate(0)}.edit-panel-backdrop{display:none}.edit-panel-surface{display:flex;flex-direction:column;height:100%}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.edit-panel-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.edit-panel-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer}.edit-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-panel-close:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.edit-panel-body{flex:1 1 auto;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.edit-panel-section{display:flex;flex-direction:column;gap:4px}.edit-panel-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:4px 4px 0}.edit-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.edit-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;min-height:44px;background:var(--bg-primary);border:1px solid transparent;border-radius:8px}.edit-panel-row:hover{background:var(--bg-tertiary)}.edit-panel-row-label{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;cursor:pointer;font-size:.875rem;color:var(--text-primary);margin:0}.edit-panel-row-label input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.edit-panel-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted);cursor:grab;transition:background-color .12s ease,color .12s ease}.edit-panel-drag-handle:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.edit-panel-drag-handle:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.edit-panel-drag-handle:active,.edit-panel-row-drag .edit-panel-drag-handle,.edit-panel-row-chosen .edit-panel-drag-handle{cursor:grabbing}.edit-panel-row-drag,.edit-panel-row-chosen{background:var(--bg-tertiary);border-color:var(--color-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-panel-row-ghost{opacity:.4}.edit-panel-hint{margin:0;padding:8px 16px;font-size:.8125rem;color:var(--color-error);background:#ef444414;border-top:1px solid var(--border-color);flex-shrink:0}.edit-panel-hint[data-state=hidden]{display:none}.edit-panel-live-region{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.edit-panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.edit-panel-cancel,.edit-panel-apply{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.edit-panel-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.edit-panel-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-panel-apply{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.edit-panel-apply:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.edit-panel-apply:disabled{opacity:.5;cursor:not-allowed}.edit-panel-cancel:focus-visible,.edit-panel-apply:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb40}@media (min-width: 769px){body.edit-panel-open .main-content{padding-right:320px;transition:padding-right .2s ease}}@media (max-width: 768px){.edit-panel,#edit-panel{width:100vw;z-index:1100}.edit-panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;transform:translate(0);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:-1}.edit-panel[data-state=open] .edit-panel-backdrop,#edit-panel[data-state=open] .edit-panel-backdrop{opacity:1;pointer-events:auto}body.edit-panel-open .main-content{padding-right:0}.edit-panel-drag-handle,.edit-panel-close,.edit-panel-row,.edit-panel-cancel,.edit-panel-apply{min-height:44px}.edit-panel-drag-handle{width:44px;height:44px}}html.dark .edit-panel,html.dark #edit-panel{box-shadow:-4px 0 16px #0006}html.dark .edit-panel-backdrop{background:#000000a6}html.dark .edit-panel-hint{background:#ef44441f}.saved-views-list{display:flex;flex-direction:column;font-size:.875rem;color:var(--text-primary)}.saved-views-menu-content{display:flex;flex-direction:column}.saved-views-item-row{display:grid;grid-template-columns:1fr auto auto;align-items:stretch;border-left:3px solid transparent}.saved-views-item{height:36px;padding:0 12px;background:none;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit;display:flex;align-items:center;gap:.375rem}.saved-views-item-row.saved-views-item--active,.saved-views-item--system.saved-views-item--active{border-left-color:var(--color-primary);background:#2563eb0f}.saved-views-item:hover:not([aria-disabled=true]){background:var(--bg-tertiary)}.saved-views-item:focus-visible{outline:none;background:var(--bg-tertiary);box-shadow:inset 0 0 0 2px var(--color-primary)}.saved-views-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-views-item--system{color:var(--text-secondary);border-left:3px solid transparent}.saved-views-item--save{color:var(--color-primary);font-weight:500;width:100%}.saved-views-item--disabled,.saved-views-item[aria-disabled=true]{opacity:.6;cursor:not-allowed}.saved-views-star{background:none;border:none;width:32px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);cursor:pointer;transition:transform .2s ease,color .12s ease}.saved-views-star[aria-pressed=true],.saved-views-star.saved-views-star--filled{color:var(--color-primary)}.saved-views-star:hover{background:var(--bg-tertiary);color:var(--color-primary)}.saved-views-star:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.saved-views-star--pulse{animation:saved-views-star-pulse .2s ease}@keyframes saved-views-star-pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.saved-views-kebab{background:none;border:none;width:32px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);cursor:pointer}.saved-views-kebab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.saved-views-kebab[aria-expanded=true]{background:var(--bg-tertiary);color:var(--text-primary)}.saved-views-kebab-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:.25rem 0;min-width:140px}.saved-views-kebab-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;height:36px;padding:0 12px;background:none;border:none;text-align:left;font:inherit;color:var(--color-error);cursor:pointer}.saved-views-kebab-menu-item:hover,.saved-views-kebab-menu-item:focus-visible{background:#ef444414;outline:none}.saved-views-kebab-menu-item svg{flex-shrink:0}.saved-views-separator{height:1px;background:var(--border-color);margin:.25rem 0}.saved-views-cap-counter{font-size:.75rem;color:var(--text-muted);padding:.5rem 12px}.saved-views-loading{display:flex;align-items:center;gap:.5rem;padding:12px;font-size:.8125rem;color:var(--text-muted);font-style:italic}.saved-views-loading:before{content:"";width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:saved-views-spin .6s linear infinite}@keyframes saved-views-spin{to{transform:rotate(360deg)}}.column-panel-views-section,.edit-panel-views-section{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:.75rem}.edit-panel-items-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem;padding:0 12px}.saved-views-save-modal{max-width:480px}.saved-views-name-counter{float:right;font-variant-numeric:tabular-nums}.saved-views-name-error{display:none;color:var(--color-error);margin-top:.5rem}.saved-views-name-error--shown{display:block}