:root{--brand:#b63d38;--brand-700:#96312e;--brand-50:#fff5f4;--ink:#111827;--text:#374151;--muted:#6b7280;--muted-2:#9ca3af;--line:#e5e7eb;--line-soft:#eef0f2;--surface:#fff;--canvas:#f6f7f8;--success:#0f7a4f;--success-bg:#ecf8f2;--danger:#b42318;--danger-bg:#fff2f0;--warning:#9a6700;--sidebar-width:264px;--topbar-height:68px;--radius:14px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.035);--shadow-md:0 16px 38px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.ui-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.admin-shell{min-height:100dvh}.admin-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;background:#fff;border-right:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,255,255,.4)}.sidebar-inner{height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:20px 14px 16px}.admin-brand{display:flex;align-items:center;gap:12px;padding:2px 8px 20px;text-decoration:none}.admin-brand-logo{width:58px;height:42px;object-fit:contain;object-position:left center}.admin-brand-copy{min-width:0;display:flex;flex-direction:column}.admin-brand-copy strong{font-size:15px;letter-spacing:-.02em}.admin-brand-copy small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:650}.nav-section-label{padding:5px 12px 8px;color:var(--muted-2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-nav{display:grid;gap:4px}.admin-nav a{position:relative;height:44px;display:flex;align-items:center;gap:12px;border-radius:11px;padding:0 12px;color:#4b5563;text-decoration:none;font-size:12px;font-weight:760;transition:background .16s,color .16s,transform .16s}.admin-nav a .ui-icon{width:19px;height:19px;color:#838b97}.admin-nav a:hover{background:#f8f9fa;color:var(--ink)}.admin-nav a.active{background:var(--brand-50);color:var(--brand);font-weight:850}.admin-nav a.active:before{content:"";position:absolute;left:-14px;top:9px;width:3px;height:26px;border-radius:0 4px 4px 0;background:var(--brand)}.admin-nav a.active .ui-icon{color:var(--brand)}.sidebar-spacer{flex:1;min-height:28px}.sidebar-account{display:flex;align-items:center;gap:10px;padding:13px 10px;border-top:1px solid var(--line-soft)}.sidebar-user-avatar,.admin-user-chip>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:var(--brand-50);color:var(--brand);font-size:11px;font-weight:900;border:1px solid #f4d8d5}.sidebar-account>div:last-child{min-width:0;display:flex;flex-direction:column}.sidebar-account strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account small{margin-top:2px;color:var(--muted);font-size:9px}.sidebar-actions{display:grid;gap:3px}.sidebar-actions a,.sidebar-actions button{width:100%;height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;padding:0 10px;color:#6b7280;text-decoration:none;font-size:11px;font-weight:700}.sidebar-actions a:hover,.sidebar-actions button:hover{background:#f8f9fa;color:var(--ink)}.sidebar-actions .ui-icon{width:17px}.admin-workspace{min-height:100dvh;margin-left:var(--sidebar-width);min-width:0}.admin-topbar{position:sticky;top:0;z-index:45;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(229,231,235,.92);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);padding:0 28px}.admin-topbar-left,.admin-topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.admin-topbar-left>div{display:flex;flex-direction:column}.topbar-context{color:var(--muted-2);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.admin-top-title{margin-top:2px;font-size:14px;font-weight:850}.topbar-catalog-link{height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;color:#4b5563;text-decoration:none;font-size:10px;font-weight:800}.topbar-catalog-link:hover{background:#f9fafb}.admin-user-chip{display:flex;align-items:center;gap:9px;padding-left:4px}.admin-user-chip>div{min-width:0;display:flex;flex-direction:column}.admin-user-chip strong{font-size:10.5px}.admin-user-chip small{max-width:180px;margin-top:2px;color:var(--muted);font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{display:none;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.sidebar-backdrop{display:none}.admin-main{width:min(100%,1440px);margin:0 auto;padding:30px 32px 120px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-head>div{min-width:0}.eyebrow{display:block;margin-bottom:6px;color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.page-head h1{margin:0;color:var(--ink);font-size:30px;line-height:1.1;letter-spacing:-.035em}.page-head p{max-width:720px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:11px;color:var(--muted);text-decoration:none;font-size:10px;font-weight:800}.back-link:hover{color:var(--brand)}.primary-button,.secondary-button,.danger-button,.danger-ghost-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:0 14px;text-decoration:none;font-size:10.5px;font-weight:850;white-space:nowrap}.primary-button{border:1px solid var(--brand);background:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(182,61,56,.12)}.primary-button:hover{background:var(--brand-700);border-color:var(--brand-700)}.secondary-button{border:1px solid var(--line);background:#fff;color:#374151}.secondary-button:hover{background:#f9fafb;border-color:#d8dde3}.danger-button{border:1px solid var(--danger);background:var(--danger);color:#fff}.danger-ghost-button{border:1px solid #efc8c4;background:#fff;color:var(--danger)}.danger-ghost-button:hover{background:var(--danger-bg)}.danger-ghost-button.disabled,.danger-ghost-button:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.alert{display:flex;align-items:center;gap:9px;margin-bottom:16px;border:1px solid;border-radius:11px;padding:11px 13px;font-size:11px}.alert.success{border-color:#cce9dc;background:#f1faf6;color:#17623f}.alert.error{border-color:#f0d1cd;background:#fff6f4;color:#922b24}.panel{margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);padding:18px}.panel.no-pad{padding:0;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-head h2{margin:0;font-size:14px;letter-spacing:-.01em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.panel-head>a{color:var(--brand);text-decoration:none;font-size:10px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.metric-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:var(--brand-50);color:var(--brand)}.metric-card>div{min-width:0}.metric-card>div>span{display:block;color:var(--muted);font-size:9.5px;font-weight:750}.metric-card strong{display:block;margin:4px 0 1px;font-size:23px;letter-spacing:-.04em}.metric-card .metric-word{font-size:18px}.metric-card small{color:var(--muted-2);font-size:8.5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.55fr);gap:16px}.quick-actions>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line-soft);text-decoration:none}.quick-actions>a:last-child{border-bottom:0}.quick-actions>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f7f8f9;color:#657080}.quick-actions>a>div{display:flex;min-width:0;flex-direction:column}.quick-actions>a strong{font-size:10.5px}.quick-actions>a small{margin-top:2px;color:var(--muted);font-size:8.5px}.filter-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:9px;box-shadow:var(--shadow-sm)}.filter-toolbar select{height:40px;min-width:140px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 31px 0 10px;color:#4b5563;outline:0;font-size:10px}.filter-toolbar select:focus,.search-control:focus-within{border-color:#c8cdd3;box-shadow:0 0 0 3px rgba(17,24,39,.04)}.search-control{height:40px;min-width:240px;flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;color:#9aa0aa}.search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10.5px}.checkbox-filter{height:40px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:#4b5563;font-size:9.5px;font-weight:750;white-space:nowrap}.checkbox-filter input{accent-color:var(--brand)}.reset-link{padding:0 6px;color:var(--brand);text-decoration:none;font-size:9.5px;font-weight:800}.compact-toolbar{max-width:650px}.record-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}.record-summary>div{display:flex;align-items:baseline;gap:5px}.record-summary strong{font-size:12px}.record-summary span,.record-summary small{color:var(--muted);font-size:9.5px}.admin-table-wrap{width:100%;overflow:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10.5px}.admin-table thead th{position:sticky;top:0;z-index:2;height:40px;border-bottom:1px solid var(--line);background:#fafbfc;padding:0 13px;color:#8a93a0;text-align:left;font-size:8.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.admin-table td{height:58px;border-bottom:1px solid var(--line-soft);padding:8px 13px;color:#4b5563;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover td{background:#fcfcfd}.admin-table code{font-family:"SFMono-Regular",Consolas,monospace;color:#5e6672;font-size:9px}.actions-col{text-align:right!important}.table-actions{text-align:right}.product-table{min-width:1000px}.product-cell{min-width:230px;display:flex;align-items:center;gap:11px}.product-cell>img,.thumb-placeholder{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #eff0f2;border-radius:10px;background:#f8f8f9;object-fit:contain}.thumb-placeholder{color:#a7adb6}.product-cell>div{min-width:0}.product-cell strong,.cell-primary strong{display:flex;align-items:center;gap:4px;color:var(--ink);font-size:10.5px;font-weight:800}.product-cell small,.cell-primary small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}.mini-vegan{width:13px;height:13px;object-fit:contain}.money-value{font-weight:780;color:#27303b;white-space:nowrap}.money-value.secondary{color:#67707c}.flag-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.flag,.status,.visibility-pill,.price-level{min-height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 7px;font-size:7.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.flag.new{background:#fff4e5;color:#9a5b00}.flag.vegan{background:#eff9ee;color:#39722e}.status.on{background:var(--success-bg);color:var(--success)}.status.off{background:#f2f3f5;color:#7a828d}.visibility-pill.inherit{background:#f2f3f5;color:#6f7781}.visibility-pill.show{background:var(--success-bg);color:var(--success)}.visibility-pill.hide{background:var(--danger-bg);color:var(--danger)}.price-level{min-width:29px;background:var(--brand-50);color:var(--brand)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.row-actions form{margin:0}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#66707d;text-decoration:none}.icon-button:hover{border-color:#ccd1d7;background:#f9fafb;color:var(--ink)}.icon-button.danger{color:var(--danger)}.icon-button.danger:hover{border-color:#efc8c4;background:var(--danger-bg)}.icon-button.disabled,.icon-button:disabled{opacity:.38;cursor:not-allowed}.empty-cell,.empty-state{padding:32px!important;color:var(--muted)!important;text-align:center;font-size:10px}.category-cell{display:flex;align-items:center;gap:9px}.category-cell>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f7f8f9;color:#707a87}.sales-user-cell{display:flex;align-items:center;gap:10px;min-width:220px}.sales-user-cell>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:var(--brand-50);color:var(--brand);font-size:10px;font-weight:900}.sales-user-cell>div{min-width:0}.sales-user-cell strong{display:block;font-size:10.5px}.sales-user-cell small{display:block;margin-top:2px;color:var(--muted);font-size:8.5px}.desktop-table{display:block}.mobile-card-list{display:none}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.customer-form-layout{grid-template-columns:minmax(0,1fr) 340px}.form-stack{min-width:0}.form-aside{min-width:0}.form-panel{padding:18px}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.form-grid>label:not(.toggle-inline),.file-field,.setting-choice>label:not(.toggle-inline){display:grid;gap:6px}.form-grid label>span,.file-field>span,.setting-choice>label>span{color:#58616d;font-size:9px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea,.setting-choice select{width:100%;height:41px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;color:var(--ink);outline:0;font-size:10.5px}.form-grid textarea{height:auto;min-height:120px;padding:10px 11px;resize:vertical;line-height:1.5}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.setting-choice select:focus{border-color:#c7ccd2;box-shadow:0 0 0 3px rgba(17,24,39,.04)}.help{color:var(--muted);font-size:8.5px;line-height:1.4}.money-input{height:41px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.money-input:focus-within{border-color:#c7ccd2;box-shadow:0 0 0 3px rgba(17,24,39,.04)}.money-input b{height:100%;display:flex;align-items:center;border-right:1px solid var(--line);background:#f8f9fa;padding:0 10px;color:#737c88;font-size:8.5px}.money-input input{height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.image-preview{min-height:180px;display:grid;place-items:center;margin-bottom:13px;border:1px dashed #dce0e4;border-radius:12px;background:#f9fafb;overflow:hidden}.image-preview img{width:100%;height:180px;object-fit:contain}.image-preview>span{display:grid;place-items:center;gap:6px;color:var(--muted);font-size:9px}.toggle-list{display:grid;gap:0}.toggle-list label,.toggle-inline{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.toggle-list label:last-child,.toggle-inline:last-child{border-bottom:0}.toggle-list label>span,.toggle-inline>span{display:flex;min-width:0;flex-direction:column}.toggle-list strong,.toggle-inline strong{font-size:9.5px}.toggle-list small,.toggle-inline small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.4}.toggle-list input,.toggle-inline input{width:37px!important;height:21px!important;accent-color:var(--brand)}.info-note,.assigned-owner{display:grid;gap:3px;border:1px solid #eee3e1;border-radius:10px;background:#fcf8f7;padding:10px}.info-note strong,.assigned-owner small{color:var(--brand);font-size:8.5px}.info-note span,.assigned-owner strong{font-size:9px}.narrow{max-width:780px}.save-dock{position:fixed;z-index:40;left:calc(var(--sidebar-width) + (100% - var(--sidebar-width))/2);bottom:14px;transform:translateX(-50%);width:min(780px,calc(100% - var(--sidebar-width) - 64px));min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eadbd8;border-radius:15px;background:rgba(255,255,255,.96);padding:8px 8px 8px 14px;box-shadow:0 18px 50px rgba(15,23,42,.14);backdrop-filter:blur(14px)}.save-dock-copy{display:flex;align-items:center;gap:9px}.save-dock-copy>span{width:8px;height:8px;border-radius:50%;background:var(--brand)}.save-dock-copy strong{display:block;font-size:9.5px}.save-dock-copy small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;border:1px solid #efd5d1;border-radius:14px;background:#fff9f8;padding:15px 17px}.danger-zone strong{font-size:10.5px;color:#7e2925}.danger-zone p{margin:4px 0 0;color:#8b6461;font-size:9px;line-height:1.45}.pricing-settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.setting-choice{display:grid;gap:15px}.pricing-priority ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:item}.pricing-priority li{position:relative;display:grid;gap:2px;border-bottom:1px solid var(--line-soft);padding:12px 0 12px 40px;counter-increment:item}.pricing-priority li:last-child{border-bottom:0}.pricing-priority li:before{content:counter(item);position:absolute;left:0;top:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--brand-50);color:var(--brand);font-size:9px;font-weight:900}.pricing-priority b{font-size:9.5px}.pricing-priority span{color:var(--muted);font-size:8.5px}.pagination-shell{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.pagination-summary{color:var(--muted);font-size:9px}.pagination-controls,.page-numbers{display:flex;align-items:center;gap:5px}.page-button,.page-number,.page-ellipsis{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5f6874;text-decoration:none;font-size:9px;font-weight:750}.page-button{padding:0 9px}.page-number.active{border-color:var(--brand);background:var(--brand);color:#fff}.page-button.disabled{opacity:.42}.page-ellipsis{border-color:transparent;background:transparent}.confirm-dialog{width:min(420px,calc(100% - 28px));border:0;border-radius:18px;background:#fff;padding:22px;box-shadow:0 30px 90px rgba(15,23,42,.25)}.confirm-dialog::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(3px)}.confirm-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--danger-bg);color:var(--danger)}.confirm-dialog h2{margin:15px 0 5px;font-size:18px;letter-spacing:-.025em}.confirm-dialog p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mobile-bottom-nav{display:none}.auth-body{min-height:100dvh;background:#fff}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr)}.auth-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#8f2e2b 0%,#b63d38 55%,#d15f57 100%);padding:42px;color:#fff}.auth-brand-panel:after{content:"";position:absolute;right:-120px;bottom:-150px;width:420px;height:420px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.04),0 0 0 160px rgba(255,255,255,.025)}.auth-brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.auth-brand-lockup img{width:72px;height:50px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.auth-brand-lockup div{display:flex;flex-direction:column}.auth-brand-lockup strong{font-size:18px}.auth-brand-lockup small{margin-top:3px;color:rgba(255,255,255,.72);font-size:10px}.auth-brand-message{position:relative;z-index:1;max-width:540px}.auth-brand-message>span{font-size:9px;font-weight:900;letter-spacing:.14em}.auth-brand-message h1{margin:10px 0 12px;font-size:38px;line-height:1.08;letter-spacing:-.045em}.auth-brand-message p{max-width:480px;margin:0;color:rgba(255,255,255,.8);font-size:12px;line-height:1.65}.auth-brand-footer{position:relative;z-index:1;color:rgba(255,255,255,.62);font-size:9px}.auth-form-panel{display:grid;place-items:center;background:#f8f9fa;padding:30px}.auth-card{width:min(430px,100%);border:1px solid var(--line);border-radius:20px;background:#fff;padding:30px;box-shadow:0 22px 60px rgba(15,23,42,.09)}.auth-mobile-brand{display:none}.auth-copy>span{color:var(--brand);font-size:8.5px;font-weight:900;letter-spacing:.12em}.auth-copy h2{margin:7px 0 6px;font-size:26px;letter-spacing:-.035em}.auth-copy p{margin:0 0 22px;color:var(--muted);font-size:10.5px}.auth-form{display:grid;gap:13px}.auth-form>label:not(.check-row){display:grid;gap:6px}.auth-form label>span{color:#59626d;font-size:9px;font-weight:800}.auth-form input[type=email],.auth-form input[type=password]{height:43px;border:1px solid var(--line);border-radius:10px;padding:0 11px;outline:0}.auth-form input:focus{border-color:#c7ccd2;box-shadow:0 0 0 3px rgba(17,24,39,.04)}.check-row{display:flex;align-items:center;gap:7px}.check-row input{accent-color:var(--brand)}.auth-back{display:block;margin-top:18px;text-align:center;color:var(--muted);text-decoration:none;font-size:9.5px;font-weight:700}
@media(max-width:1180px){:root{--sidebar-width:238px}.admin-main{padding-left:24px;padding-right:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.pricing-settings-grid{grid-template-columns:1fr}.form-layout,.customer-form-layout{grid-template-columns:minmax(0,1fr) 290px}.admin-user-chip small{max-width:120px}}
@media(max-width:860px){.desktop-table{display:none}.mobile-card-list{display:grid;gap:10px}.mobile-list-card,.mobile-product-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;box-shadow:var(--shadow-sm)}.mobile-card-head,.mobile-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-card-head>div,.mobile-product-copy{min-width:0}.mobile-card-head>div>strong,.mobile-product-copy>strong{display:flex;align-items:center;gap:4px;font-size:11px}.mobile-card-head>div>small,.mobile-product-copy small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-product-head>img,.mobile-product-head>.thumb-placeholder{width:56px;height:50px;flex:0 0 56px;border-radius:10px;object-fit:contain;background:#f8f9fa}.mobile-product-copy{flex:1}.mobile-product-copy code{display:block;margin-top:3px;color:#69727e;font-size:8.5px}.mobile-price-grid,.mobile-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.mobile-price-grid>span,.mobile-card-meta>span{display:grid;gap:3px}.mobile-price-grid small,.mobile-card-meta small{color:var(--muted);font-size:8px}.mobile-price-grid strong,.mobile-card-meta strong{font-size:10.5px}.mobile-card-actions{display:flex;align-items:center;gap:7px;margin-top:10px}.mobile-card-actions>*{flex:1}.mobile-card-actions form{display:flex}.mobile-card-actions form button{width:100%}.form-layout,.customer-form-layout{grid-template-columns:1fr}.form-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.filter-toolbar{flex-wrap:wrap}.filter-toolbar .search-control{flex-basis:100%}.filter-toolbar select{flex:1}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100dvh}.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.auth-mobile-brand img{width:58px;height:40px;object-fit:contain}.auth-mobile-brand strong{font-size:16px}}
@media(max-width:760px){:root{--sidebar-width:min(86vw,310px);--topbar-height:60px}.admin-sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow-md)}body.nav-open{overflow:hidden}body.nav-open .admin-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:55;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.34)}body.nav-open .sidebar-backdrop{display:block}.admin-workspace{margin-left:0}.mobile-menu{display:grid}.admin-topbar{height:var(--topbar-height);padding:0 13px}.topbar-context,.topbar-catalog-link,.admin-user-chip>div{display:none}.admin-main{width:100%;padding:18px 13px calc(92px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start;flex-direction:column;gap:12px}.page-head h1{font-size:24px}.page-head p{font-size:10.5px}.page-head>.primary-button{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:12px}.metric-icon{width:38px;height:38px;flex-basis:38px}.filter-toolbar{display:grid;grid-template-columns:1fr 1fr}.filter-toolbar .search-control{grid-column:1/-1;min-width:0}.filter-toolbar select{min-width:0;width:100%}.checkbox-filter{min-width:0}.filter-toolbar .secondary-button{width:100%}.record-summary small{display:none}.form-aside{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.save-dock{left:13px;right:13px;bottom:calc(68px + env(safe-area-inset-bottom));width:auto;transform:none}.save-dock-copy small{display:none}.danger-zone{align-items:flex-start;flex-direction:column}.danger-zone form,.danger-zone button{width:100%}.pagination-shell{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%;justify-content:space-between}.page-numbers{display:none}.mobile-bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));display:grid;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.mobile-bottom-nav.admin-role{grid-template-columns:repeat(4,1fr)}.mobile-bottom-nav.sales-role{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#89919c;text-decoration:none}.mobile-bottom-nav a .ui-icon{width:18px;height:18px}.mobile-bottom-nav a small{font-size:8px;font-weight:800}.mobile-bottom-nav a.active{color:var(--brand)}.quick-actions{grid-template-columns:1fr}}
@media(max-width:460px){.filter-toolbar{grid-template-columns:1fr}.filter-toolbar .search-control{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{align-items:flex-start;gap:9px}.metric-card strong{font-size:20px}.admin-brand-logo{width:56px}.auth-form-panel{padding:16px}.auth-card{padding:22px}.confirm-actions{display:grid;grid-template-columns:1fr}.confirm-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* v2.0.0 Order Inbox */
.order-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.order-status.new{background:#fff5e8;color:#995300}
.order-status.reviewing{background:#eef4ff;color:#315ba7}
.order-status.closed{background:#edf8f1;color:#237047}
.order-status.cancelled{background:#fff1f0;color:#a33a31}
.order-status.large{min-height:30px;padding:0 12px;font-size:9px}
.order-filter-toolbar{max-width:none}
.order-table td{vertical-align:middle}
.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.order-detail-aside{position:sticky;top:calc(var(--topbar-height) + 16px)}
.order-lines{display:grid}
.order-line{display:grid;grid-template-columns:56px minmax(0,1fr) 70px 185px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.order-line:last-child{border-bottom:0}
.order-line-media{width:56px;height:50px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:10px;background:#f8f9fa;overflow:hidden}
.order-line-media img{width:100%;height:100%;object-fit:contain}
.order-line-media>span{color:#969da7}
.order-line-copy{min-width:0;display:flex;flex-direction:column}
.order-line-copy strong{font-size:10.5px;line-height:1.35}
.order-line-copy small{margin-top:3px;color:var(--muted);font-size:8.5px}
.order-line-qty{display:flex;flex-direction:column;text-align:right}
.order-line-qty small,.order-line-prices small{color:var(--muted);font-size:7.5px}
.order-line-qty strong{margin-top:2px;font-size:15px}
.order-line-prices{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.order-line-prices span{display:flex;flex-direction:column;padding:8px;border:1px solid var(--line-soft);border-radius:9px;background:#fafafa}
.order-line-prices strong{margin-top:2px;font-size:9px}
.order-facts{display:grid;margin:0}
.order-facts div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.order-facts div:last-child{border-bottom:0}
.order-facts dt{color:var(--muted);font-size:8px;font-weight:750}
.order-facts dd{min-width:0;margin:0;color:#30343a;font-size:9.5px;font-weight:700;overflow-wrap:anywhere}
.order-facts a{color:var(--brand);text-decoration:none}
.order-side-form{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}
.order-side-form:first-of-type{margin-top:0;padding-top:0;border-top:0}
.order-side-form label{display:grid;gap:6px}
.order-side-form label>span{color:#59626d;font-size:8px;font-weight:800}
.order-side-form select{height:40px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:#30343a;outline:0;font-size:9.5px}
.order-note{margin:0;color:#4f5661;font-size:10.5px;line-height:1.65;white-space:pre-wrap}
.order-next-step h2{margin:0 0 6px;font-size:15px}
.order-next-step p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.55}
@media(max-width:1100px){.order-detail-grid{grid-template-columns:1fr}.order-detail-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-line{grid-template-columns:52px minmax(0,1fr) 60px 170px}}
@media(max-width:860px){.order-detail-aside{grid-template-columns:1fr}.order-line{grid-template-columns:50px minmax(0,1fr) 50px}.order-line-prices{grid-column:2/-1}.order-mobile-card .mobile-card-meta{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.mobile-bottom-nav.admin-role{grid-template-columns:repeat(5,1fr)}.mobile-bottom-nav.sales-role{grid-template-columns:repeat(3,1fr)}.order-page-head .order-status{align-self:flex-start}.order-line{gap:8px}.order-line-prices{grid-template-columns:1fr 1fr}}

/* v2.2.0 Canonical Quotation Runtime */
.canonical-lock{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 9px;border:1px solid #d9e8dd;border-radius:999px;background:#f2faf4;color:#2d7147;font-size:8px;font-weight:900;white-space:nowrap}
.quotation-header-grid{grid-template-columns:2fr 1fr 1fr}
.quotation-price-lines{display:grid}
.quotation-price-line{display:grid;grid-template-columns:minmax(0,1fr) 190px 190px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.quotation-price-line:last-child{border-bottom:0}
.quotation-line-main{min-width:0;display:flex;flex-direction:column}
.quotation-line-main strong{font-size:10.5px;line-height:1.35}
.quotation-line-main small{margin-top:3px;color:var(--muted);font-size:8.5px}
.price-choice{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.price-choice:has(input:checked){border-color:#4a4c52;box-shadow:0 0 0 2px rgba(30,31,35,.04)}
.price-choice:has(input:disabled){opacity:.48;cursor:not-allowed}
.price-choice input{margin:0}
.price-choice span{display:grid}
.price-choice b{color:var(--muted);font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}
.price-choice strong{margin-top:2px;font-size:10px}
.price-choice small{margin-top:2px;color:var(--muted);font-size:7.5px}
.field-error{grid-column:2/-1;color:#a33a31;font-size:8px;font-weight:800}
.quotation-save-dock{position:sticky;bottom:14px;z-index:20}
.quotation-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.quotation-status.draft{background:#fff5e8;color:#995300}
.quotation-status.issued{background:#edf8f1;color:#237047}
.quotation-status.void{background:#fff1f0;color:#a33a31}
.quotation-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.quotation-detail-aside{position:sticky;top:calc(var(--topbar-height) + 16px)}
.quotation-output-lines{display:grid}
.quotation-output-line{display:grid;grid-template-columns:minmax(0,1fr) 80px 110px 110px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.quotation-output-line:last-child{border-bottom:0}
.quotation-output-line>div{min-width:0;display:flex;flex-direction:column}
.quotation-output-line>div strong{font-size:10.5px}
.quotation-output-line>div small{margin-top:3px;color:var(--muted);font-size:8.5px}
.quotation-output-line>span{display:flex;flex-direction:column}
.quotation-output-line>span small{color:var(--muted);font-size:7.5px}
.quotation-output-line>span strong{margin-top:2px;font-size:9px}
.canonical-proof-card h2{margin:0 0 6px;font-size:15px}
.canonical-proof-card p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.55}
@media(max-width:1050px){.quotation-price-line{grid-template-columns:minmax(0,1fr) 165px 165px}.quotation-detail-grid{grid-template-columns:1fr}.quotation-detail-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:820px){.quotation-header-grid{grid-template-columns:1fr}.quotation-price-line{grid-template-columns:1fr 1fr}.quotation-line-main{grid-column:1/-1}.field-error{grid-column:1/-1}.quotation-output-line{grid-template-columns:1fr 1fr}.quotation-output-line>div{grid-column:1/-1}.quotation-detail-aside{grid-template-columns:1fr}}
@media(max-width:560px){.quotation-price-line{grid-template-columns:1fr}.quotation-output-line{grid-template-columns:1fr 1fr}.quotation-show-head .page-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.quotation-show-head .page-actions>a{width:100%;justify-content:center}}

/* v2.5.0 Analyn Customer Portal */
.portal-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}
.portal-pill.ready{background:#edf8f1;color:#257046}.portal-pill.setup{background:#fff5e8;color:#955000}.portal-pill.disabled{background:#f1f2f4;color:#737881}
.portal-lock{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 9px;border:1px solid #dce8df;border-radius:999px;background:#f3faf5;color:#2f7048;font-size:8px;font-weight:900}
.portal-share-box{display:grid;gap:11px}.portal-share-box label{display:grid;gap:6px}.portal-share-box label>span{color:#59616b;font-size:8px;font-weight:800}.portal-share-box input{height:40px;border:1px solid var(--line);border-radius:10px;background:#fafafa;padding:0 10px;color:#4b515a;font-size:9px}
.portal-share-note{display:grid;gap:3px;padding:10px;border:1px solid var(--line-soft);border-radius:10px;background:#fafafa}.portal-share-note strong{font-size:8.5px}.portal-share-note span{color:var(--muted);font-size:8px;line-height:1.5}
.portal-password-state{display:grid;gap:2px;padding:9px 10px;border-radius:10px}.portal-password-state strong{font-size:8.5px}.portal-password-state span{font-size:8px}
.portal-password-state.ready{background:#edf8f1;color:#2b7048}.portal-password-state.setup{background:#fff5e8;color:#875009}
.mobile-bottom-nav.admin-role{grid-template-columns:repeat(5,1fr)}


/* v2.7.0 Analyn Dashboard UIX */
.dashboard-page{min-width:0}
.dashboard-page-head{margin-bottom:18px}
.dashboard-page-head h1{font-size:29px}
.dashboard-page-head p{margin-top:5px}
.dashboard-primary-action .ui-icon{width:15px;height:15px}

.dashboard-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px
}
.dashboard-stat-card{
    min-width:0;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 16px;
    align-items:center;
    gap:11px;
    min-height:92px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    padding:14px;
    color:inherit;
    text-decoration:none;
    box-shadow:var(--shadow-sm);
    transition:border-color .16s,box-shadow .16s,transform .16s
}
.dashboard-stat-card:hover{
    border-color:#d7dadd;
    box-shadow:0 7px 24px rgba(15,23,42,.065);
    transform:translateY(-1px)
}
.dashboard-stat-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--brand-50);
    color:var(--brand)
}
.dashboard-stat-copy{
    min-width:0;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:baseline;
    column-gap:9px
}
.dashboard-stat-copy>span{
    grid-column:1/-1;
    color:var(--muted);
    font-size:9px;
    font-weight:800
}
.dashboard-stat-copy>strong{
    margin-top:2px;
    color:var(--ink);
    font-size:24px;
    line-height:1;
    letter-spacing:-.045em
}
.dashboard-stat-copy>small{
    min-width:0;
    color:var(--muted-2);
    font-size:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.dashboard-stat-arrow{color:#b5bac1}

.dashboard-overview-grid{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr);
    gap:14px;
    align-items:start
}
.dashboard-recent-panel{min-width:0;padding:0;overflow:hidden}
.dashboard-recent-panel>.panel-head{margin:0;padding:16px 18px 13px;border-bottom:1px solid var(--line-soft)}
.dashboard-panel-head{align-items:center}
.dashboard-panel-head p{margin-top:3px}
.dashboard-customer-cards{display:none}

.dashboard-price-chip{
    min-height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#f4f5f6;
    padding:0 8px;
    color:#5e6670;
    font-size:7.5px;
    font-weight:850;
    white-space:nowrap
}

.dashboard-side-stack{min-width:0;display:grid;gap:14px}
.dashboard-side-stack>.panel{margin:0}
.dashboard-access-panel .panel-head,
.dashboard-quick-panel .panel-head{margin-bottom:12px}
.dashboard-access-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border-radius:10px;
    background:var(--brand-50);
    color:var(--brand)
}
.dashboard-access-facts{display:grid}
.dashboard-access-facts>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:42px;
    border-bottom:1px solid var(--line-soft)
}
.dashboard-access-facts>div:last-child{border-bottom:0}
.dashboard-access-facts span{color:var(--muted);font-size:8.5px;font-weight:700}
.dashboard-access-facts strong{font-size:10px}
.dashboard-panel-link{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:10px;
    border-top:1px solid var(--line-soft);
    padding-top:10px;
    color:var(--brand);
    text-decoration:none;
    font-size:9px;
    font-weight:850
}

.dashboard-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dashboard-quick-actions a{
    min-width:0;
    min-height:46px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--line-soft);
    border-radius:10px;
    background:#fafafa;
    padding:0 10px;
    color:#4f5864;
    text-decoration:none;
    font-size:8.5px;
    font-weight:800
}
.dashboard-quick-actions a:hover{border-color:var(--line);background:#f7f8f9;color:var(--ink)}
.dashboard-quick-actions .ui-icon{color:#858d98}

.dashboard-empty{padding:24px;text-align:center;color:var(--muted);font-size:9px}

@media(max-width:1180px){
    .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-stat-card{min-height:82px}
    .dashboard-overview-grid{grid-template-columns:minmax(0,1fr) 260px}
}

@media(max-width:900px){
    .dashboard-overview-grid{grid-template-columns:1fr}
    .dashboard-side-stack{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
    .dashboard-page-head{
        gap:10px;
        margin-bottom:14px
    }
    .dashboard-page-head .eyebrow{margin-bottom:4px}
    .dashboard-page-head h1{font-size:23px}
    .dashboard-page-head p{margin-top:4px;font-size:9.5px}
    .dashboard-primary-action{
        width:100%;
        min-height:42px
    }

    .dashboard-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-bottom:10px
    }
    .dashboard-stat-card{
        grid-template-columns:34px minmax(0,1fr);
        gap:8px;
        min-height:78px;
        border-radius:13px;
        padding:11px
    }
    .dashboard-stat-icon{
        width:34px;
        height:34px;
        border-radius:9px
    }
    .dashboard-stat-icon .ui-icon{width:17px;height:17px}
    .dashboard-stat-copy{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:1px
    }
    .dashboard-stat-copy>span{font-size:7.5px}
    .dashboard-stat-copy>strong{font-size:21px}
    .dashboard-stat-copy>small{
        width:100%;
        font-size:7px
    }
    .dashboard-stat-arrow{display:none}

    .dashboard-overview-grid{gap:10px}
    .dashboard-recent-panel{
        border-radius:14px;
        margin-bottom:0
    }
    .dashboard-recent-panel>.panel-head{
        padding:13px 13px 10px
    }
    .dashboard-recent-panel>.panel-head p{display:none}
    .dashboard-recent-panel>.panel-head h2{font-size:12px}
    .dashboard-panel-head>a{font-size:8.5px}

    .dashboard-customer-table{display:none}
    .dashboard-customer-cards{display:grid}
    .dashboard-customer-card{
        min-width:0;
        display:grid;
        grid-template-columns:34px minmax(0,1fr) 16px;
        align-items:center;
        gap:9px;
        min-height:68px;
        border-bottom:1px solid var(--line-soft);
        padding:10px 13px;
        color:inherit;
        text-decoration:none
    }
    .dashboard-customer-card:last-child{border-bottom:0}
    .dashboard-customer-avatar{
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        border-radius:10px;
        background:var(--brand-50);
        color:var(--brand);
        font-size:10px;
        font-weight:900
    }
    .dashboard-customer-copy{
        min-width:0;
        display:flex;
        flex-direction:column
    }
    .dashboard-customer-copy>strong{
        overflow:hidden;
        color:var(--ink);
        font-size:9.5px;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .dashboard-customer-copy>small{
        margin-top:2px;
        overflow:hidden;
        color:var(--muted);
        font-size:7.5px;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .dashboard-customer-tags{
        display:flex;
        align-items:center;
        gap:5px;
        margin-top:5px;
        flex-wrap:wrap
    }
    .dashboard-customer-tags i{
        min-height:18px;
        display:inline-flex;
        align-items:center;
        border-radius:999px;
        background:#f2f3f4;
        padding:0 6px;
        color:#6f7680;
        font-size:6.5px;
        font-style:normal;
        font-weight:850
    }
    .dashboard-customer-tags i.ready{background:#edf8f1;color:#287049}
    .dashboard-customer-tags i.setup{background:#fff5e8;color:#915400}
    .dashboard-customer-tags i.disabled{background:#f1f2f4;color:#747b84}
    .dashboard-customer-card>.ui-icon{color:#b1b6bd}

    .dashboard-side-stack{
        grid-template-columns:1fr;
        gap:10px
    }
    .dashboard-side-stack>.panel{
        border-radius:14px;
        padding:14px
    }
    .dashboard-access-panel .panel-head,
    .dashboard-quick-panel .panel-head{margin-bottom:8px}
    .dashboard-access-facts>div{min-height:38px}
    .dashboard-quick-actions{grid-template-columns:1fr 1fr}
    .dashboard-quick-actions a{min-height:43px}
}

@media(max-width:420px){
    .dashboard-stat-card{padding:10px}
    .dashboard-stat-copy>strong{font-size:20px}
    .dashboard-stat-copy>small{max-width:92px}
}


/* v2.7.1 Customer Form Minimal Copy */
.customer-form-layout .panel-head>div>p:empty{display:none}
.customer-form-layout .portal-share-box{gap:8px}
.customer-form-layout .portal-password-state{
    min-height:30px;
    display:flex;
    align-items:center;
    padding:7px 9px
}
.customer-form-layout .portal-password-state strong{font-size:8px}
.customer-form-layout .form-aside .form-panel{padding:15px}
.customer-form-layout .form-aside .panel-head{margin-bottom:10px}
.customer-form-layout .save-dock small{display:none}

@media(max-width:760px){
    .customer-form-layout .form-aside .form-panel{padding:13px}
}


/* v2.7.2 Customer Access Share */
.customer-access-ready{
    margin:-4px 0 18px;
    border:1px solid #dce7df;
    border-radius:16px;
    background:#fff;
    padding:16px;
    box-shadow:var(--shadow-sm)
}
.customer-access-ready-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px
}
.customer-access-ready-head .eyebrow{margin-bottom:4px}
.customer-access-ready-head h2{
    margin:0;
    font-size:16px;
    letter-spacing:-.02em
}
.customer-access-ready-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr .8fr;
    gap:9px
}
.customer-access-ready-grid label,
.portal-share-box label{
    min-width:0;
    display:grid;
    gap:5px
}
.customer-access-ready-grid label>span,
.portal-share-box label>span{
    color:#5d6570;
    font-size:8px;
    font-weight:800
}
.customer-access-ready-grid input,
.portal-share-box input{
    width:100%;
    height:39px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fafafa;
    padding:0 10px;
    color:#3f4650;
    font-size:9px
}
.customer-access-share-text{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
    pointer-events:none
}
.customer-access-ready-actions,
.customer-login-actions{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin-top:10px
}
.customer-access-ready-actions .primary-button,
.customer-access-ready-actions .secondary-button,
.customer-login-actions .secondary-button{
    min-height:36px;
    padding:0 11px;
    font-size:9px
}

@media(max-width:760px){
    .customer-access-ready{
        margin:-2px 0 12px;
        border-radius:14px;
        padding:13px
    }
    .customer-access-ready-grid{
        grid-template-columns:1fr
    }
    .customer-access-ready-actions{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .customer-access-ready-actions .primary-button,
    .customer-access-ready-actions .secondary-button{
        width:100%
    }
    .customer-login-actions{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .customer-login-actions .secondary-button{
        width:100%
    }
}


/* v2.7.4 Customer Access Share Channels */
.customer-access-share-sections{
    display:grid;
    gap:12px
}

.customer-access-share-section{
    min-width:0;
    border:1px solid var(--line-soft);
    border-radius:12px;
    background:#fafafa;
    padding:12px
}

.customer-access-share-section h3{
    margin:0 0 9px;
    color:var(--ink);
    font-size:10px
}

.customer-details-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
}

.login-details-grid{
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)
}

.customer-share-whatsapp{
    border-color:#d8eadd;
    background:#f3faf5;
    color:#2c7148
}

.customer-share-whatsapp:hover{
    border-color:#c9dfcf;
    background:#edf7f0;
    color:#245f3d
}

@media(max-width:980px){
    .customer-details-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .login-details-grid{
        grid-template-columns:1fr 1fr
    }

    .login-details-grid .login-url-field{
        grid-column:1/-1
    }
}

@media(max-width:760px){
    .customer-details-grid,
    .login-details-grid{
        grid-template-columns:1fr
    }

    .login-details-grid .login-url-field{
        grid-column:auto
    }

    .customer-access-ready-actions{
        grid-template-columns:1fr 1fr
    }
}


/* v2.7.5 Admin Customer Password Visibility */
.admin-password-field{
    position:relative;
    display:block;
    min-width:0
}

.admin-password-field>input{
    width:100%;
    padding-right:44px!important
}

.admin-password-toggle{
    position:absolute;
    top:50%;
    right:7px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:0;
    border-radius:8px;
    background:transparent;
    color:#69717b;
    cursor:pointer
}

.admin-password-toggle:hover{
    background:#f3f4f5;
    color:#20242a
}

.admin-password-toggle:focus-visible{
    outline:2px solid var(--brand);
    outline-offset:1px
}

.admin-password-eye{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}

.admin-password-eye-closed{display:none}
.admin-password-toggle[aria-pressed="true"] .admin-password-eye-open{display:none}
.admin-password-toggle[aria-pressed="true"] .admin-password-eye-closed{display:block}


/* v2.7.8 Customer Access Persistent Share + List Actions */
.customer-row-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    white-space:nowrap
}
.customer-row-actions form{margin:0}
.customer-manage-button,
.customer-delete-button{
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
    font-size:9px
}
.customer-actions-cell{width:190px;text-align:right}

.customer-access-password-reset-form{
    display:inline-flex;
    margin:0
}
.customer-access-ready[data-persistent-access="true"] #share-login-password{
    letter-spacing:.14em
}

@media(max-width:760px){
    .customer-mobile-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px
    }
    .customer-mobile-actions>a,
    .customer-mobile-actions form,
    .customer-mobile-actions button{
        width:100%
    }
}


/* v2.8.0 Quotation Quick View + Actions */
.quotation-actions-cell{
    width:330px
}
.quotation-row-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    white-space:nowrap
}
.quotation-row-actions form{
    margin:0
}
.quotation-row-actions .secondary-button,
.quotation-row-actions .danger-ghost-button{
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
    font-size:9px
}
.quotation-preview-dialog{
    width:min(1180px,calc(100vw - 28px));
    height:min(90dvh,920px);
    border:0;
    border-radius:18px;
    padding:0;
    overflow:hidden;
    background:#fff;
    box-shadow:0 30px 90px rgba(15,23,42,.28)
}
.quotation-preview-dialog::backdrop{
    background:rgba(15,23,42,.48);
    backdrop-filter:blur(4px)
}
.quotation-preview-shell{
    height:100%;
    display:grid;
    grid-template-rows:auto minmax(0,1fr)
}
.quotation-preview-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:68px;
    padding:13px 16px;
    border-bottom:1px solid var(--line);
    background:#fff
}
.quotation-preview-head .eyebrow{
    margin-bottom:3px
}
.quotation-preview-head h2{
    margin:0;
    font-size:15px
}
.quotation-preview-close{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:var(--muted);
    font-size:21px;
    line-height:1
}
.quotation-preview-close:hover{
    color:var(--ink);
    background:#f8f9fa
}
.quotation-preview-frame-wrap{
    min-height:0;
    background:#eef0f2
}
.quotation-preview-frame-wrap iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
    background:#fff
}
.quotation-mobile-actions{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:7px
}
.quotation-mobile-actions>*{
    min-width:0;
    width:100%
}
.quotation-mobile-actions form{
    display:flex;
    margin:0
}
.quotation-mobile-actions button,
.quotation-mobile-actions a{
    width:100%;
    padding-left:8px;
    padding-right:8px
}
.quotation-show-head .page-actions form{
    display:flex;
    margin:0
}

@media(max-width:700px){
    .quotation-preview-dialog{
        width:calc(100vw - 16px);
        height:calc(100dvh - 20px);
        border-radius:14px
    }
    .quotation-preview-head{
        min-height:60px;
        padding:10px 12px
    }
    .quotation-mobile-actions{
        grid-template-columns:1fr 1fr
    }
    .quotation-mobile-actions form{
        grid-column:1/-1
    }
}


/* v2.6.4 Quotation Detail Header Actions — Single Row */
.quotation-show-head .page-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    width:auto;
    gap:8px
}

.quotation-show-head .page-actions>a,
.quotation-show-head .page-actions>form,
.quotation-show-head .page-actions>form>button{
    flex:0 0 auto;
    width:auto
}

.quotation-show-head .page-actions>form{
    display:inline-flex;
    margin:0
}

.quotation-show-head .page-actions>a,
.quotation-show-head .page-actions>form>button{
    min-height:42px;
    white-space:nowrap
}

@media(max-width:560px){
    .quotation-show-head .page-actions{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        width:100%;
        gap:6px
    }

    .quotation-show-head .page-actions>a,
    .quotation-show-head .page-actions>form,
    .quotation-show-head .page-actions>form>button{
        width:100%;
        min-width:0
    }

    .quotation-show-head .page-actions>a,
    .quotation-show-head .page-actions>form>button{
        min-height:40px;
        padding-left:6px;
        padding-right:6px;
        justify-content:center;
        font-size:8px
    }
}

/* ANALYN SALES WORKSPACE PROFILE v2.9.0 START */
.topbar-profile-link{
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    padding:0 12px;
    color:#4b5563;
    text-decoration:none;
    font-size:10px;
    font-weight:800
}
.topbar-profile-link:hover{background:#f9fafb;color:var(--ink)}
.sidebar-profile-link.active{background:var(--brand-50);color:var(--brand)}
.profile-page-head{align-items:center}
.profile-status-row{display:flex;align-items:center;gap:8px}
.profile-status{
    height:32px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    padding:0 10px;
    color:var(--muted);
    font-size:9px;
    font-weight:800
}
.profile-status i{width:7px;height:7px;border-radius:50%;background:#c4c9cf}
.profile-status.ready{border-color:#cfe7d6;background:#f7fcf8;color:#287144}
.profile-status.ready i{background:#3b9b5a}
.profile-status.setup{border-color:#eadbd8;background:#fff9f8;color:#8f3b35}
.profile-status.setup i{background:var(--brand)}
.profile-anchor-nav{
    display:flex;
    align-items:center;
    gap:6px;
    margin:-4px 0 16px;
    overflow-x:auto;
    scrollbar-width:none
}
.profile-anchor-nav::-webkit-scrollbar{display:none}
.profile-anchor-nav a{
    flex:0 0 auto;
    height:34px;
    display:inline-flex;
    align-items:center;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    padding:0 11px;
    color:#5b6470;
    text-decoration:none;
    font-size:9px;
    font-weight:800
}
.profile-anchor-nav a:hover{border-color:#d9c8c5;background:var(--brand-50);color:var(--brand)}
.profile-layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    align-items:start;
    gap:16px
}
.profile-summary{
    position:sticky;
    top:calc(var(--topbar-height) + 18px);
    padding:20px
}
.profile-avatar-shell{
    width:78px;
    height:78px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #eadbd8;
    border-radius:20px;
    background:var(--brand-50);
    color:var(--brand);
    font-size:26px;
    font-weight:900
}
.profile-avatar-shell img{width:100%;height:100%;object-fit:cover}
.profile-summary-copy{margin-top:16px}
.profile-summary-copy h2{margin:6px 0 2px;font-size:18px;letter-spacing:-.025em}
.profile-summary-copy p{margin:0;color:var(--muted);font-size:9.5px;font-weight:700}
.profile-summary-list{display:grid;gap:0;margin:18px 0 0}
.profile-summary-list>div{
    display:grid;
    gap:3px;
    border-top:1px solid var(--line-soft);
    padding:10px 0
}
.profile-summary-list dt{color:var(--muted-2);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.profile-summary-list dd{
    min-width:0;
    margin:0;
    color:#414853;
    font-size:9.5px;
    font-weight:750;
    overflow:hidden;
    text-overflow:ellipsis
}
.profile-main{min-width:0;display:grid;gap:16px}
.profile-section{scroll-margin-top:calc(var(--topbar-height) + 18px)}
.profile-section .panel-head p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.profile-photo-row,.company-logo-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
    border:1px solid var(--line-soft);
    border-radius:12px;
    background:#fafafa;
    padding:12px
}
.profile-photo-preview{
    width:66px;
    height:66px;
    display:grid;
    place-items:center;
    flex:0 0 66px;
    overflow:hidden;
    border:1px solid #eadbd8;
    border-radius:18px;
    background:var(--brand-50);
    color:var(--brand);
    font-size:22px;
    font-weight:900
}
.profile-photo-preview img{width:100%;height:100%;object-fit:cover}
.company-logo-preview{
    width:124px;
    height:68px;
    display:grid;
    place-items:center;
    flex:0 0 124px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    padding:6px
}
.company-logo-preview img{width:100%;height:100%;object-fit:contain}
.profile-upload-copy{min-width:0;display:grid;gap:5px}
.profile-upload-copy strong{font-size:9.5px}
.profile-upload-copy small{color:var(--muted);font-size:8.5px;line-height:1.4}
.profile-upload-copy input[type=file]{max-width:360px;font-size:8.5px}
.profile-inline-check{
    display:inline-flex!important;
    align-items:center;
    gap:6px;
    color:var(--muted);
    font-size:8.5px!important
}
.profile-inline-check input{width:auto!important;height:auto!important}
.profile-form-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid var(--line-soft)
}
.profile-security-note{
    height:28px;
    display:inline-flex;
    align-items:center;
    border:1px solid #dce8df;
    border-radius:999px;
    background:#f8fcf9;
    padding:0 9px;
    color:#47715a;
    font-size:8px;
    font-weight:800
}
.profile-mail-toggle{margin-bottom:16px}
.profile-test-mail{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:16px;
    border:1px solid var(--line-soft);
    border-radius:12px;
    background:#fafafa;
    padding:12px
}
.profile-test-mail>div{display:grid;gap:3px}
.profile-test-mail strong{font-size:9.5px}
.profile-test-mail small{color:var(--muted);font-size:8.5px}
.profile-test-mail form{display:flex;align-items:center;gap:7px}
.profile-test-mail input{
    width:250px;
    height:38px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    padding:0 10px;
    outline:0;
    font-size:9px
}

@media(max-width:980px){
    .profile-layout{grid-template-columns:1fr}
    .profile-summary{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:14px}
    .profile-summary-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile-summary-list>div:nth-child(odd){padding-right:12px}
}

@media(max-width:760px){
    .topbar-profile-link{display:none}
    .profile-page-head{align-items:flex-start}
    .profile-status-row{width:100%}
    .profile-anchor-nav{margin-top:0}
    .profile-summary{padding:14px}
    .profile-avatar-shell{width:62px;height:62px;border-radius:16px}
    .profile-summary-copy{margin-top:4px}
    .profile-summary-list{grid-template-columns:1fr}
    .profile-photo-row,.company-logo-row{align-items:flex-start;flex-direction:column}
    .company-logo-preview{width:100%;height:86px}
    .profile-form-actions .primary-button{width:100%}
    .profile-test-mail{align-items:stretch;flex-direction:column}
    .profile-test-mail form{display:grid;grid-template-columns:1fr auto}
    .profile-test-mail input{width:100%;min-width:0}
}
/* ANALYN SALES WORKSPACE PROFILE v2.9.0 END */

/* ANALYN ADMIN ORDERS DELETE v2.9.6 START */
.order-actions-cell{
    width:180px
}
.order-row-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    white-space:nowrap
}
.order-row-actions form{
    display:inline-flex;
    margin:0
}
.order-row-actions .secondary-button,
.order-row-actions .danger-ghost-button{
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
    font-size:9px
}
.order-mobile-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:7px
}
.order-mobile-actions form{
    display:flex;
    min-width:0;
    margin:0
}
.order-mobile-actions>a,
.order-mobile-actions form>button{
    width:100%;
    min-width:0;
    justify-content:center
}
@media(max-width:560px){
    .order-mobile-actions{
        grid-template-columns:1fr 1fr
    }
}
/* ANALYN ADMIN ORDERS DELETE v2.9.6 END */

/* ANALYN SELECTIVE CUSTOMER PRODUCT PRICING v3.0.0 START */
.selective-price-panel{margin-top:16px}
.selective-price-head{align-items:center}
.selective-price-head p{max-width:720px;margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.selective-price-count{
    height:30px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
    border:1px solid #d9e7dc;
    border-radius:999px;
    background:#f8fcf9;
    padding:0 10px;
    color:#427257;
    font-size:8.5px;
    font-weight:750
}
.selective-price-count strong{font-size:10px;color:#276441}
.selective-price-toolbar{
    display:grid;
    grid-template-columns:minmax(260px,1fr) auto auto;
    align-items:center;
    gap:8px;
    margin-bottom:10px
}
.selective-price-search{width:100%}
.selective-price-table{
    max-height:560px;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff
}
.selective-price-row{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 138px;
    align-items:center;
    gap:10px;
    min-width:0;
    border-bottom:1px solid var(--line-soft);
    padding:9px 11px
}
.selective-price-row:last-child{border-bottom:0}
.selective-price-row-head{
    position:sticky;
    top:0;
    z-index:2;
    background:#f7f8f9;
    color:var(--muted-2);
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.06em
}
.selective-price-row:not(.selective-price-row-head):hover{background:#fcfcfc}
.selective-price-check{display:flex;align-items:center;justify-content:center}
.selective-price-check input{width:18px;height:18px;margin:0}
.selective-price-product{min-width:0;display:grid;gap:2px}
.selective-price-product strong{
    overflow:hidden;
    color:#252b33;
    font-size:9.5px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap
}
.selective-price-product small{
    overflow:hidden;
    color:var(--muted);
    font-size:8.5px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.selective-price-product em{
    color:#9a5a54;
    font-size:8px;
    font-style:normal;
    font-weight:750
}
.selective-price-row select{width:100%;min-width:0;height:36px;font-size:8.5px}
.selective-price-row[hidden]{display:none!important}

@media(max-width:760px){
    .selective-price-toolbar{grid-template-columns:1fr 1fr}
    .selective-price-search{grid-column:1/-1}
    .selective-price-row{
        grid-template-columns:38px minmax(0,1fr);
        gap:8px
    }
    .selective-price-row>span:last-child{grid-column:2}
    .selective-price-row-head{display:none}
    .selective-price-table{max-height:none}
}
/* ANALYN SELECTIVE CUSTOMER PRODUCT PRICING v3.0.0 END */

/* ANALYN MAIL NOTIFICATIONS SHARING v3.1.0 START */
.order-actions-cell{width:360px}
.order-row-actions{flex-wrap:nowrap}
.order-row-actions form{display:inline-flex;margin:0}
.order-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-share-actions form{display:inline-flex;margin:0}
.quotation-actions-cell{width:500px}
.quotation-row-actions{gap:6px}
.quotation-row-actions form{display:inline-flex;margin:0}
.quotation-share-button{min-height:34px;padding:0 9px;font-size:9px}
.profile-mail-notification-toggles{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:14px
}
.profile-mail-notification-toggles .toggle-inline{
    margin:0;
    border:1px solid var(--line-soft);
    border-radius:11px;
    background:#fafafa;
    padding:11px
}
@media(max-width:760px){
    .order-share-actions{width:100%}
    .order-share-actions>*{flex:1 1 auto}
    .order-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
    .quotation-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile-mail-notification-toggles{grid-template-columns:1fr}
}
/* ANALYN MAIL NOTIFICATIONS SHARING v3.1.0 END */

/* ANALYN QUOTATION CREATE RESPONSIVE v3.1.1 START */
.quotation-editor{
    min-width:0
}
.quotation-create-head{
    margin-bottom:16px
}
.quotation-header-panel,
.quotation-price-panel{
    overflow:hidden
}
.quotation-header-panel .panel-head,
.quotation-price-panel .panel-head{
    margin-bottom:14px
}
.quotation-header-grid{
    grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(180px,.8fr);
    gap:12px
}
.quotation-price-lines{
    display:grid;
    gap:0
}
.quotation-price-line{
    display:grid;
    grid-template-columns:minmax(240px,1fr) minmax(180px,220px) minmax(180px,220px);
    align-items:center;
    gap:12px;
    padding:13px 0
}
.quotation-line-main{
    min-width:0;
    padding-right:8px
}
.quotation-line-main strong{
    overflow-wrap:anywhere;
    font-size:10.5px;
    line-height:1.35
}
.quotation-line-main small{
    overflow-wrap:anywhere
}
.price-choice{
    width:100%;
    min-width:0;
    min-height:64px;
    grid-template-columns:18px minmax(0,1fr);
    gap:8px;
    padding:9px 10px
}
.price-choice span{
    min-width:0
}
.price-choice strong{
    overflow-wrap:anywhere
}
.quotation-save-dock{
    width:min(860px,calc(100% - var(--sidebar-width) - 64px));
    min-height:62px
}
.quotation-save-dock .save-dock-copy{
    min-width:0
}
.quotation-save-dock .save-dock-copy>div{
    min-width:0
}
.quotation-save-dock .save-dock-copy strong,
.quotation-save-dock .save-dock-copy small{
    white-space:normal
}
.quotation-save-dock .primary-button{
    flex:0 0 auto
}

@media(max-width:1050px){
    .quotation-price-line{
        grid-template-columns:minmax(0,1fr) minmax(160px,190px) minmax(160px,190px)
    }
}

@media(max-width:820px){
    .quotation-create-head{
        margin-bottom:14px
    }
    .quotation-header-grid{
        grid-template-columns:1fr
    }
    .quotation-header-panel .panel-head,
    .quotation-price-panel .panel-head{
        align-items:flex-start;
        flex-direction:column;
        gap:9px
    }
    .quotation-header-panel .canonical-lock{
        align-self:flex-start
    }
    .quotation-price-line{
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:stretch;
        gap:8px;
        padding:13px 0
    }
    .quotation-line-main{
        grid-column:1/-1;
        padding:0 0 2px
    }
    .price-choice{
        min-height:70px
    }
    .field-error{
        grid-column:1/-1
    }
}

@media(max-width:760px){
    .quotation-editor .panel{
        border-radius:14px;
        padding:14px
    }
    .quotation-editor .panel-head h2{
        font-size:13px
    }
    .quotation-editor .panel-head p{
        font-size:9.5px
    }
    .quotation-price-line{
        margin:0 -2px;
        border-bottom:0;
        border-top:1px solid var(--line-soft);
        padding:13px 2px
    }
    .quotation-price-line:first-child{
        border-top:0;
        padding-top:2px
    }
    .quotation-line-main strong{
        font-size:11px
    }
    .quotation-line-main small{
        font-size:8.5px
    }
    .price-choice{
        min-height:72px;
        border-radius:11px;
        padding:9px
    }
    .price-choice b{
        font-size:7px
    }
    .price-choice strong{
        font-size:10px
    }
    .price-choice small{
        font-size:7.5px
    }
    .quotation-save-dock{
        left:13px;
        right:13px;
        bottom:calc(68px + env(safe-area-inset-bottom));
        width:auto;
        min-height:0;
        transform:none;
        align-items:stretch;
        flex-direction:column;
        gap:8px;
        padding:10px
    }
    .quotation-save-dock .save-dock-copy{
        padding:0 3px
    }
    .quotation-save-dock .save-dock-copy small{
        display:block
    }
    .quotation-save-dock .primary-button{
        width:100%;
        min-height:44px
    }
    .quotation-editor{
        padding-bottom:104px
    }
}

@media(max-width:380px){
    .quotation-price-line{
        grid-template-columns:1fr
    }
    .quotation-line-main{
        grid-column:auto
    }
    .price-choice{
        min-height:60px
    }
}
/* ANALYN QUOTATION CREATE RESPONSIVE v3.1.1 END */

/* ANALYN QUOTATION SAVE DOCK ALIGNMENT v3.1.2 START */
/*
 * Desktop: center the fixed quotation dock inside the ADMIN CONTENT AREA,
 * not the viewport. This prevents the left half from sitting underneath
 * the fixed sidebar.
 */
.quotation-save-dock{
    left:calc(var(--sidebar-width) + 24px);
    right:24px;
    width:auto;
    max-width:900px;
    margin-inline:auto;
    transform:none;
}
.quotation-save-dock .save-dock-copy{
    min-width:0;
    overflow:visible
}
.quotation-save-dock .save-dock-copy>div{
    min-width:0
}
.quotation-save-dock .save-dock-copy strong,
.quotation-save-dock .save-dock-copy small{
    display:block;
    overflow:visible;
    text-overflow:clip
}

/*
 * At tablet widths the admin sidebar becomes a drawer. Center against the
 * viewport instead of keeping desktop sidebar clearance.
 */
@media(max-width:980px){
    .quotation-save-dock{
        left:20px;
        right:20px;
        width:auto;
        max-width:760px;
        margin-inline:auto;
        transform:none
    }
}

/* Mobile: keep the dock above the fixed bottom admin navigation. */
@media(max-width:760px){
    .quotation-save-dock{
        left:13px;
        right:13px;
        bottom:calc(68px + env(safe-area-inset-bottom));
        width:auto;
        max-width:none;
        margin:0;
        transform:none
    }
}
/* ANALYN QUOTATION SAVE DOCK ALIGNMENT v3.1.2 END */
/* ==========================================================================
   ANALYN_PRODUCT_EDITOR_RESPONSIVE_V3_8_5_1
   Admin Product Create/Edit — responsive geometry only.
   ========================================================================== */

.analyn-product-editor-responsive,
.analyn-product-editor-responsive *,
.analyn-product-editor-responsive *::before,
.analyn-product-editor-responsive *::after {
    box-sizing: border-box;
}

.analyn-product-editor-responsive {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.analyn-product-editor-responsive > *,
.analyn-product-editor-responsive form,
.analyn-product-editor-responsive form > *,
.analyn-product-editor-responsive section,
.analyn-product-editor-responsive article,
.analyn-product-editor-responsive aside,
.analyn-product-editor-responsive [class*="grid"],
.analyn-product-editor-responsive [class*="layout"],
.analyn-product-editor-responsive [class*="card"],
.analyn-product-editor-responsive [class*="panel"] {
    min-width: 0;
    max-width: 100%;
}

.analyn-product-editor-responsive input:not([type="checkbox"]):not([type="radio"]),
.analyn-product-editor-responsive select,
.analyn-product-editor-responsive textarea,
.analyn-product-editor-responsive img {
    max-width: 100%;
}

.analyn-product-editor-responsive img {
    height: auto;
}

/* Compact desktop / laptop:
   auxiliary image + flags rail moves below the main form instead of forcing overflow. */
@media (max-width: 1279px) {
    .analyn-product-editor-responsive .product-edit-grid,
    .analyn-product-editor-responsive .product-form-grid,
    .analyn-product-editor-responsive .product-editor-grid,
    .analyn-product-editor-responsive .product-layout,
    .analyn-product-editor-responsive .editor-layout,
    .analyn-product-editor-responsive .form-layout,
    .analyn-product-editor-responsive form > [class*="layout"],
    .analyn-product-editor-responsive form > [class*="grid"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .analyn-product-editor-responsive [class*="sidebar"],
    .analyn-product-editor-responsive [class*="side-column"],
    .analyn-product-editor-responsive [class*="aside"] {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
    }
}

/* Tablet. */
@media (max-width: 899px) {
    .analyn-product-editor-responsive [class*="fields"],
    .analyn-product-editor-responsive [class*="field-grid"],
    .analyn-product-editor-responsive [class*="form-grid"],
    .analyn-product-editor-responsive [class*="columns"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .analyn-product-editor-responsive [class*="actions"] {
        flex-wrap: wrap;
        min-width: 0;
        max-width: 100%;
    }
}

/* Mobile. */
@media (max-width: 640px) {
    .analyn-product-editor-responsive {
        overflow-x: clip;
    }

    .analyn-product-editor-responsive input:not([type="checkbox"]):not([type="radio"]),
    .analyn-product-editor-responsive select,
    .analyn-product-editor-responsive textarea {
        width: 100%;
    }

    .analyn-product-editor-responsive [class*="save"][class*="dock"],
    .analyn-product-editor-responsive [class*="save"][class*="bar"],
    .analyn-product-editor-responsive [class*="floating"][class*="save"] {
        width: auto !important;
        max-width: calc(100% - 24px) !important;
        left: 12px !important;
        right: 12px !important;
    }

    .analyn-product-editor-responsive [class*="save"][class*="dock"] button,
    .analyn-product-editor-responsive [class*="save"][class*="bar"] button,
    .analyn-product-editor-responsive [class*="floating"][class*="save"] button {
        max-width: 100%;
    }
}
/* ==========================================================================
   ANALYN_PRODUCT_EDITOR_SHELL_RESPONSIVE_V3_8_5_2
   Fixes page-level horizontal overflow on Product Create/Edit.
   The previous patch hardened the editor itself; the remaining overflow
   originates from the outer admin shell/main/content geometry.
   ========================================================================== */

html:has(.analyn-product-editor-responsive),
body:has(.analyn-product-editor-responsive) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
}

body:has(.analyn-product-editor-responsive) .admin-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body:has(.analyn-product-editor-responsive) .admin-main {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body:has(.analyn-product-editor-responsive) .admin-topbar,
body:has(.analyn-product-editor-responsive) .admin-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body:has(.analyn-product-editor-responsive) .admin-content {
    overflow-x: clip !important;
}

body:has(.analyn-product-editor-responsive) .analyn-product-editor-responsive {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* The main editor and its side rail may stay two-column on wide desktops.
   Only collapse when the actual viewport becomes compact. */
@media (max-width: 1180px) {
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive form > [class*="grid"],
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive form > [class*="layout"],
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive .product-edit-grid,
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive .product-form-grid,
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive .product-editor-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive [class*="field-grid"],
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive [class*="form-grid"],
    body:has(.analyn-product-editor-responsive)
    .analyn-product-editor-responsive [class*="fields"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}