:root{--ink:#171717;--muted:#6b7280;--bg:#f4f4f1;--card:#fff;--accent:#1f6b4f;--accent2:#154b39;--danger:#b42318;--warn:#9a6700;--line:#deded8;--soft:#edf5f1}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}header{position:sticky;top:0;z-index:20;background:#111;color:#fff;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{color:#fff;text-decoration:none;font-weight:850;letter-spacing:.035em;white-space:nowrap}.brand span{font-weight:450;color:#bbb}.header-actions{display:flex;align-items:center;gap:10px;font-size:13px}.header-actions>a{color:#fff}.install-btn{padding:7px 10px;background:#fff;color:#111}.pending-sync{padding:5px 8px;border-radius:999px;background:#ffe8a3;color:#5d4300;font-weight:800}.offline-banner{position:sticky;top:0;z-index:30;background:#8a5200;color:#fff;text-align:center;padding:8px;font-weight:750}.hidden{display:none!important}main{max-width:1400px;margin:auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.hero h1,.page-head h1{font-size:clamp(30px,4vw,48px);margin:5px 0}.hero p,.page-head p,.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.11em;color:var(--accent)}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span,.count-pill{background:#e5e5df;border-radius:999px;padding:8px 12px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.management-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-title{margin:34px 0 14px}.action-card{position:relative;min-height:170px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 4px 18px #0000000b;transition:.15s}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.action-card b,.number-badge{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}.action-card h2{margin:18px 0 6px}.action-card p{color:var(--muted);margin:0}.action-card em{position:absolute;right:15px;top:15px;background:#f1f1ec;border-radius:999px;padding:6px 9px;font-style:normal;font-size:12px}.danger-card{border-color:#e7aaa5}.danger-card em{background:#fde8e6;color:var(--danger)}.secondary{min-height:130px}.page-head{margin-bottom:18px}.page-head>a{color:var(--accent);text-decoration:none}.title-row{display:flex;align-items:flex-start;gap:12px}.title-row h1{margin-top:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 3px 14px #00000008}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head h2{margin:0 0 4px}.panel-head p{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.filter-grid .form-action{display:flex;gap:8px;align-items:center}.session-meta{grid-template-columns:repeat(4,minmax(0,1fr))}label{display:block;font-size:14px;font-weight:700;margin:0 0 14px}small{color:var(--muted)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;margin-top:6px;padding:13px 12px;border:1px solid #cfcfc8;border-radius:10px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #87c4ae55;border-color:var(--accent)}button,.button-link{border:0;border-radius:10px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button-link:hover{background:var(--accent2)}button:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%;font-size:17px}.secondary-btn{background:#4a4a48}.danger-btn{background:var(--danger)}.warn-btn{background:var(--warn)}.danger-link{background:transparent!important;color:var(--danger);padding:4px}.scan-row,.search-wrap,.search-bar{display:flex;gap:8px}.scan-row input,.search-wrap input,.search-bar input{margin:0;font-size:18px}.scanner-help{color:var(--muted);font-size:14px;margin:9px 0 0}.lookup-results,.search-results{border-radius:12px;overflow:hidden;margin-top:12px}.result{display:block;width:100%;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom:0;border-radius:0;padding:13px}.result:last-child{border-bottom:1px solid var(--line)}.result:hover{background:#f0f6f3}.result strong,.result small{display:block}.selected-product{background:#eaf5f0;border:1px solid #91c4af;padding:15px;border-radius:12px;margin-bottom:16px}.selected-product h3{margin:0 0 5px}.alert{padding:12px 15px;border-radius:10px;margin:12px 0}.success{background:#e5f4ec;color:#135d3d}.error{background:#fde8e6;color:#8a1c13}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e5df;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}td a{color:var(--accent);font-weight:750}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status.good{background:#e3f4eb;color:#12613d}.status.warn{background:#fff1cc;color:#765000}.status.bad{background:#fee5e2;color:#921d13}.bad-text{display:block;color:var(--danger)}.supplier{border-bottom:1px solid var(--line);padding:12px 0;display:grid;gap:3px}.supplier span{color:var(--muted);font-size:14px}.task.completed{opacity:.7}.task-head,.cost-compare,.user-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.change{font-size:23px;font-weight:850;padding:8px 12px;border-radius:10px}.change.up{background:#fee7e5;color:#a52218}.change.down{background:#e4f4eb;color:#16613e}.cost-compare{justify-content:flex-start;margin:15px 0}.cost-compare span{background:#f3f3ef;padding:12px;border-radius:10px}.variant-prices,.platforms,.quick-buttons,.assignment-list,.cart-actions{display:flex;gap:8px;flex-wrap:wrap}.variant-prices span{background:#f0f0eb;padding:7px 10px;border-radius:8px}.platforms form{margin:0}.check{background:#ddd;color:#333;padding:9px 12px}.check.done{background:#1f6b4f;color:#fff}.task-actions{display:flex;gap:10px;flex-wrap:wrap}.task-actions form{display:flex;gap:8px;flex:1}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.permission-grid label,.inline-check{font-weight:500}.permission-grid input,.inline-check input{width:auto;margin-right:6px}.login-body{min-height:100vh;display:grid;place-items:center;background:#111;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:22px}.login-card h1{margin:0}.login-card p{color:var(--muted)}.login-card button{width:100%;margin-bottom:12px}.login-card small{display:block;color:var(--muted);text-align:center}.session-cart{display:grid;gap:12px;margin-bottom:18px}.cart-row{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafaf7}.cart-row-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.cart-row h3{margin:0 0 5px}.cart-row p{margin:0 0 12px;color:var(--muted)}.cart-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bulk-fields{grid-template-columns:repeat(5,minmax(0,1fr))}.stepper{display:flex;align-items:center;max-width:340px}.stepper input{text-align:center;border-radius:0;margin:0;font-size:20px;font-weight:850}.stepper button{border-radius:10px 0 0 10px;font-size:20px}.stepper .qty-plus{border-radius:0 10px 10px 0}.empty-state{text-align:center;color:var(--muted);padding:28px;border:1px dashed #c9c9c2;border-radius:12px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.material-card h3{margin:6px 0}.material-qty{font-size:34px;font-weight:900}.material-qty small{font-size:14px}.material-low{border-color:#e0bd65;background:#fffaf0}.material-out{border-color:#e2a29d;background:#fff7f6}.material-form{margin-top:14px}.assignment-chip{display:flex;align-items:center;gap:8px;background:#eef2ee;padding:7px 9px;border-radius:999px}.chip-remove{padding:5px 7px;background:#777}.compact-form{align-items:end;margin-top:15px}.form-action{align-self:end;margin-bottom:14px}.channel-row{display:grid;grid-template-columns:2fr 1fr auto auto;gap:12px;align-items:end}.expired-row{background:#fff0ee}.count-pill{font-size:13px}.section-title+.dashboard-grid{margin-bottom:28px}
@media(max-width:1100px){.dashboard-grid,.management-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){main{padding:14px}.hero{align-items:flex-start;flex-direction:column}.dashboard-grid,.management-grid,.operations-grid{grid-template-columns:1fr 1fr}.two-col,.form-grid,.session-meta,.filter-grid{grid-template-columns:1fr}.header-actions .user{display:none}.scan-row,.search-wrap,.search-bar{flex-direction:column}.material-grid{grid-template-columns:1fr}.channel-row{grid-template-columns:1fr}.cart-row-head{flex-direction:column}.cart-actions{width:100%}.task-head,.cost-compare,.user-row{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){header{padding:11px}.brand span{display:none}.header-actions{gap:7px}.dashboard-grid,.management-grid,.operations-grid{grid-template-columns:1fr}.action-card{min-height:138px}.panel{padding:14px}.bulk-fields,.cart-fields{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.title-row{align-items:center}.title-row h1{font-size:30px}.quick-buttons button{flex:1}.stepper{max-width:none}}

/* Final marketplace and variation editor additions */
.variant-editor{border:1px solid var(--border,#ddd);border-radius:14px;padding:12px 16px;margin:12px 0;background:#fff}
.variant-editor summary{cursor:pointer;padding:8px 0}
.identifier-pair{display:grid;grid-template-columns:110px 1fr;gap:8px}
.platform-settings{display:grid;gap:12px}
.platform-settings .channel-row{display:grid;grid-template-columns:2fr 1fr .7fr .7fr .6fr .8fr auto;gap:10px;align-items:end;border-bottom:1px solid #e5e2dc;padding:10px 0}
.row-out{background:#fff2ef}.row-low{background:#fff9e8}
.status-pill{display:inline-block;margin-left:7px;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.status-pill.bad{background:#ffd9d2;color:#8a1c0e}.status-pill.warn{background:#ffefbc;color:#725100}
@media(max-width:850px){.platform-settings .channel-row{grid-template-columns:1fr 1fr}.identifier-pair{grid-template-columns:95px 1fr}}

/* Professional dashboard and final admin tools */
.dashboard-hero{padding:12px 0 6px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:30px}.kpi-card{display:flex;flex-direction:column;gap:4px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px;color:inherit;text-decoration:none;box-shadow:0 3px 14px #00000008}.kpi-card small{font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi-card strong{font-size:34px;line-height:1}.kpi-card span{font-size:12px;color:var(--muted)}.kpi-card.critical{border-color:#e6aaa5}.kpi-card.critical strong{color:var(--danger)}.kpi-card.warning{border-color:#e5c66d}.kpi-card.warning strong{color:var(--warn)}.dashboard-insights{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.chart-panel{min-height:285px}.line-chart{width:100%;height:175px;color:var(--accent);overflow:visible}.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;color:var(--muted);font-size:12px}.chart-labels b{display:block;color:var(--ink);font-size:14px}.bar-chart{display:grid;gap:11px;margin-top:20px}.bar-row{display:grid;grid-template-columns:minmax(110px,1.3fr) 3fr 48px;gap:10px;align-items:center;font-size:13px}.bar-row div{height:9px;background:#ecece6;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--accent);border-radius:999px}.bar-row b{text-align:right}.compact-list{display:grid}.compact-list>a,.compact-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.compact-list span{display:grid;gap:2px}.compact-list small{display:block}.featured-card{border-color:#89b9a6;background:linear-gradient(145deg,#fff,#eef7f3)}
.spread{justify-content:space-between;width:100%}.add-primary{font-size:16px;box-shadow:0 8px 20px #1f6b4f22}.material-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.material-summary span,.material-summary a{background:#e9e9e3;border-radius:999px;padding:8px 12px;text-decoration:none;color:inherit}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-btn{padding:6px 9px;background:#ecece7;color:#333;font-size:12px}.mini-btn:hover{background:#ddd}.ghost-btn{background:#eef4f1;color:var(--accent)}.download-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.data-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.data-tool-card{margin:0}.data-tool-card h2{margin:7px 0}.data-tool-card p{min-height:44px;color:var(--muted)}
.app-dialog{width:min(720px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px #0005}.wide-dialog{width:min(960px,calc(100vw - 28px))}.app-dialog::backdrop{background:#1119;backdrop-filter:blur(3px)}.app-dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.dialog-head h2{margin:5px 0}.icon-close{width:38px;height:38px;padding:0;border-radius:50%;font-size:24px;background:#eee;color:#333}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.product-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-card{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.summary-card small,.summary-card span{color:var(--muted)}.summary-card strong{font-size:22px}.variant-stack{display:grid;gap:12px;margin-top:16px}.variant-editor{padding:0!important;overflow:hidden}.variant-editor>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px!important;background:#fbfbf8}.variant-editor>summary span:first-child{display:grid;gap:3px}.variant-editor>summary small{font-weight:500}.variant-summary{font-size:13px;color:var(--muted)}.variant-body{border-top:1px solid var(--line);padding:18px}.variant-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.variant-kpis span{display:grid;gap:3px;padding:12px;border-radius:10px;background:#f2f3ef}.variant-kpis b{font-size:19px}.history-grid{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.history-list{display:grid;max-height:330px;overflow:auto}.history-list>div{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}.history-list>div span,.history-list>div small{color:var(--muted)}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-insights,.data-tool-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-summary-grid,.variant-kpis{grid-template-columns:1fr 1fr}.variant-editor>summary{align-items:flex-start;flex-direction:column}.title-row.spread{align-items:flex-start;flex-direction:column}.add-primary{width:100%;text-align:center}}
@media(max-width:520px){.kpi-grid,.product-summary-grid,.variant-kpis{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 38px}.data-tool-card p{min-height:0}}

/* Pro 5 returns, pricing and action queue */
.formula-card{padding:18px;border-radius:14px;background:#eef6f2;border:1px solid #b9d8cb}.formula-card strong{display:block;font-size:18px;margin-bottom:8px}.pricing-factor-list{display:grid;gap:10px}.pricing-factor-row{display:grid;grid-template-columns:1.4fr .8fr .7fr 1.1fr .6fr 1.2fr auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafaf7}.pricing-factor-row label{margin:0}.tab-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:9px 14px;border-radius:999px;background:#e9e9e3;color:var(--ink);text-decoration:none;font-weight:800}.tab.active{background:var(--accent);color:#fff}.price-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.price-kpis span{display:grid;gap:4px;padding:13px;background:#f3f4f0;border-radius:11px}.price-kpis b{font-size:20px}.pricing-breakdown{border:1px solid var(--line);border-radius:12px;padding:12px;margin:15px 0}.pricing-breakdown summary{cursor:pointer;font-weight:800}.calc-platform{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.calc-platform span{color:var(--muted);font-size:13px}.return-fields{display:grid;grid-template-columns:1fr 1.6fr 1.2fr 1.4fr;gap:10px}.oos-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.oos-summary{display:grid;gap:3px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit}.oos-summary strong{font-size:30px}.oos-summary small{font-weight:850;text-transform:uppercase;color:var(--muted)}.oos-summary span{font-size:12px;color:var(--muted)}.oos-summary.active{outline:3px solid #77b59d66;border-color:var(--accent)}.oos-summary.critical strong{color:var(--danger)}.oos-summary.warning strong{color:var(--warn)}.compact-filter{grid-template-columns:2fr auto}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.success-text{padding:10px;background:#e5f4ec;color:#135d3d;border-radius:10px}.task-actions label{margin:0;min-width:220px;flex:1}
@media(max-width:1150px){.pricing-factor-row{grid-template-columns:repeat(3,minmax(0,1fr))}.oos-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.return-fields{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.price-kpis,.oos-summary-grid{grid-template-columns:1fr 1fr}.pricing-factor-row,.return-fields{grid-template-columns:1fr}.calc-platform{grid-template-columns:1fr}.compact-filter{grid-template-columns:1fr}}
@media(max-width:520px){.price-kpis,.oos-summary-grid{grid-template-columns:1fr}}

/* Pro 6 business overview and internal packing orders */
.business-hero{padding:8px 0 10px}.period-panel{padding:14px 18px}.period-form{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.period-buttons,.custom-period{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.period-buttons button{background:#ecece7;color:var(--ink);padding:8px 12px}.period-buttons button.active{background:var(--accent);color:#fff}.custom-period input{width:auto;min-width:145px}.money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.money-card{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 18px #00000008}.money-card small{text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)}.money-card strong{font-size:29px;line-height:1.1}.money-card span{font-size:12px;color:var(--muted)}.money-card.primary-money{background:linear-gradient(145deg,#174e3d,#24785a);color:#fff;border:0}.money-card.primary-money small,.money-card.primary-money span{color:#dcece5}.money-card.profit strong{color:var(--accent)}.inventory-money .money-card{min-height:125px}.simple-alerts{grid-template-columns:repeat(6,minmax(0,1fr))}.po-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.small-gap{margin-top:18px}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-form label{min-width:220px}.sales-line{color:#227557}
@media(max-width:1100px){.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-alerts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.money-grid,.simple-alerts,.po-kpis{grid-template-columns:1fr 1fr}.period-form{align-items:stretch}.period-buttons,.custom-period{width:100%}.custom-period input{min-width:0;flex:1}.money-card strong{font-size:24px}}
@media(max-width:480px){.money-grid,.simple-alerts,.po-kpis{grid-template-columns:1fr}.period-buttons button{flex:1}.custom-period{display:grid;grid-template-columns:1fr auto 1fr}.custom-period button{grid-column:1/-1}.inline-form{display:grid}.inline-form label{min-width:0}}

/* Pro 7 marketplace price lookup, sortable stock and safe entry corrections */
.inline-details{min-width:190px;margin-bottom:8px}.inline-details summary{cursor:pointer;font-weight:800;color:var(--accent);padding:6px 0}.mini-edit-form{display:grid;gap:7px;padding:10px;background:#f6f6f2;border:1px solid var(--line);border-radius:10px}.mini-edit-form label{margin:0;font-size:12px}.mini-edit-form input,.mini-edit-form select,.mini-edit-form textarea{padding:8px;margin-top:3px}.voided-row{opacity:.62;background:#f7eeee}.row-low{background:#fff9e9}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.price-search-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.status.good{background:#e3f4eb;color:#12613d}.status.bad{background:#fee5e2;color:#921d13}
@media(max-width:900px){.price-search-grid{grid-template-columns:1fr 1fr}.mini-edit-form{min-width:260px}}
@media(max-width:600px){.price-search-grid{grid-template-columns:1fr}.inline-details{min-width:0}}
/* Pro 8 data transfer */
.data-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.transfer-card{display:flex;flex-direction:column;gap:12px}.transfer-card form{display:flex;flex-direction:column;gap:12px}.primary-transfer{border-top:5px solid #1f6b4f}.danger-transfer{border-top:5px solid #b42318}.transfer-card small{color:#667085}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.choice-grid>div{padding:18px;border:1px solid #d8ddd9;border-radius:14px;background:#f8faf9}.static-alert{margin-top:18px}.inline-restore{display:flex;gap:8px;align-items:center}.inline-restore input{min-width:130px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-grid>div{padding:16px;background:#f4f7f5;border-radius:12px;display:flex;flex-direction:column;gap:6px}.summary-grid small{color:#667085}.transfer-kpis{margin:18px 0}.danger-btn{background:#b42318!important;color:#fff!important;border-color:#b42318!important}@media(max-width:820px){.data-transfer-grid,.choice-grid,.summary-grid{grid-template-columns:1fr}.inline-restore{align-items:stretch;flex-direction:column}}

/* Pro 9 Phase 1 — secure access + official AWAFI MILL branding */
.app-header{background:rgba(10,20,16,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);padding:9px 18px;min-height:68px}.brand-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.brand-logo img{height:47px;width:auto;max-width:310px;object-fit:contain;background:#fff;border-radius:7px;padding:3px 7px}.brand-version{font-size:12px;font-weight:850;letter-spacing:.07em;color:#c8d8d0;text-transform:uppercase;white-space:nowrap}.header-link{padding:7px 9px;border-radius:8px;text-decoration:none}.header-link:hover{background:#ffffff12}.premium-login{background:radial-gradient(circle at 18% 10%,#214d3b 0,#10251c 30%,#07110d 75%);padding:28px}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.2fr .85fr;border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.38);background:rgba(255,255,255,.05);backdrop-filter:blur(16px)}.login-brand-panel{min-height:620px;padding:54px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:#fff}.login-horizontal-logo{width:min(540px,100%);height:auto;background:#fff;border-radius:14px;padding:10px 16px}.login-brand-copy{max-width:620px}.login-brand-copy h1{font-size:clamp(40px,5vw,68px);line-height:.98;margin:10px 0 16px}.login-brand-copy p{font-size:18px;line-height:1.6;color:#dbe8e2;max-width:560px}.eyebrow.light{color:#b7d7c8}.professional-login-card{width:100%;border-radius:0;padding:46px 42px;display:flex;flex-direction:column;justify-content:center;box-shadow:none}.login-seal{width:108px;height:108px;object-fit:contain;margin:0 auto 18px}.login-title{text-align:center;margin-bottom:16px}.login-title h2{font-size:34px;margin:6px 0}.login-title p{margin:0 0 8px}.professional-login-card label{text-align:left}.professional-login-card input{font-size:16px}.login-help{line-height:1.5;margin-top:4px}.compact-page-head{max-width:780px}.password-panel{max-width:680px}.password-form{display:grid;gap:4px}.warn-password{background:#fff4d6;color:#765000}.user-admin-list{display:grid;gap:14px}.modern-user-card{margin-bottom:0}.user-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.user-card-head h2{margin:8px 0 2px}.user-card-head p{margin:0;color:var(--muted)}.security-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.security-pill,.role-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.security-pill{background:#fff1cc;color:#765000}.role-pill{background:#e8f2ed;color:#174e3d}.user-toggle-row{display:flex;gap:18px;flex-wrap:wrap;margin:5px 0 14px}.permission-details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px;background:#fafbf9}.permission-details summary{cursor:pointer;font-weight:850}.permission-details .permission-grid{margin-top:14px}.user-access-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;max-width:620px}.login-brand-panel{min-height:0;padding:28px}.login-horizontal-logo{width:min(420px,100%)}.login-brand-copy{display:none}.professional-login-card{padding:34px}.user-access-grid{grid-template-columns:1fr 1fr}.app-header{align-items:flex-start}.brand-version{display:none}}
@media(max-width:620px){.premium-login{padding:12px}.login-shell{border-radius:20px}.login-brand-panel{padding:18px}.login-horizontal-logo{border-radius:10px}.professional-login-card{padding:26px 20px}.login-seal{width:88px;height:88px}.user-access-grid{grid-template-columns:1fr}.user-card-head{flex-direction:column}.security-badges{justify-content:flex-start}.brand-logo img{height:42px;max-width:205px}.header-actions .header-link:first-of-type{display:none}}

/* ================================================================
   AWAFI MILL Inventory Pro 9 FINAL — premium glass operations UI
   ================================================================ */
:root{
  --pro-bg:#edf1ee;--pro-bg2:#f7f9f7;--pro-nav:#091612;--pro-nav2:#10261e;
  --pro-green:#1d6a4d;--pro-green-2:#2d8b67;--pro-mint:#dff1e8;--pro-gold:#b78a3c;
  --pro-glass:rgba(255,255,255,.70);--pro-glass-strong:rgba(255,255,255,.86);
  --pro-border:rgba(15,52,39,.11);--pro-shadow:0 18px 55px rgba(16,45,35,.09);
}
html{background:var(--pro-bg)}
body.pro-final-body{background:
 radial-gradient(circle at 10% 0%,rgba(42,130,95,.09),transparent 31rem),
 radial-gradient(circle at 92% 9%,rgba(183,138,60,.055),transparent 28rem),
 linear-gradient(180deg,var(--pro-bg2),var(--pro-bg));min-height:100vh;color:#13211c}
body.pro-final-body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(12,42,31,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(12,42,31,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}
.final-header{position:fixed;left:0;right:0;top:0;height:72px;z-index:60;background:rgba(7,20,15,.88)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 32px rgba(0,0,0,.13);padding:9px 18px!important}
.header-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-toggle{width:42px;height:42px;padding:0;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:20px;display:none}.nav-toggle:hover{background:rgba(255,255,255,.15)}
.final-header .brand-logo img{height:46px;border-radius:12px;padding:4px 10px;box-shadow:0 4px 18px rgba(0,0,0,.16)}.final-header .brand-version{color:#bad7ca}
.header-clock{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:12px;color:#dce9e3;white-space:nowrap}.header-clock b{font-size:10px;letter-spacing:.12em;color:#8fc8ae}.header-clock span{font-variant-numeric:tabular-nums;font-size:12px}
.profile-chip{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);border-radius:14px}.profile-chip:hover{background:rgba(255,255,255,.12)}.profile-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#338b68,#1b6248);color:#fff;font-weight:900}.profile-copy{display:grid;text-align:left;line-height:1.1}.profile-copy b{font-size:12px}.profile-copy small{color:#9fb8ad;font-size:10px;margin-top:3px}.profile-menu{position:fixed;right:18px;top:64px;z-index:80;min-width:180px;background:rgba(14,31,24,.97);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:7px;box-shadow:0 20px 48px rgba(0,0,0,.25)}.profile-menu a{display:block;color:#fff;text-decoration:none;padding:10px;border-radius:9px}.profile-menu a:hover{background:rgba(255,255,255,.08)}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);padding-top:72px;min-height:100vh}.side-nav{position:fixed;left:0;top:72px;bottom:0;width:260px;background:linear-gradient(180deg,rgba(9,22,18,.985),rgba(10,29,22,.98));color:#d9e6df;border-right:1px solid rgba(255,255,255,.065);z-index:48;overflow:auto;scrollbar-width:thin;scrollbar-color:#315547 transparent}.side-nav-inner{padding:18px 12px 25px}.nav-brand-mobile{display:none}.nav-section{margin-bottom:16px}.nav-label{display:block;padding:6px 11px;color:#769489;font-size:10px;font-weight:900;letter-spacing:.14em}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;margin:2px 0;border-radius:11px;text-decoration:none;color:#cad9d2;font-size:13px;font-weight:720;transition:background .18s ease,transform .18s ease,color .18s ease}.nav-item i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055);color:#9ccdb7;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(55,151,111,.29),rgba(55,151,111,.09));color:#fff;box-shadow:inset 3px 0 #5bc096}.nav-item.active i,.nav-item.nav-scan i{background:#1f7454;color:#fff}.side-nav-foot{display:flex;align-items:center;gap:8px;padding:13px 11px;margin-top:16px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:#829d92}.live-dot{width:8px;height:8px;background:#55d89d;border-radius:50%;box-shadow:0 0 0 5px rgba(85,216,157,.1);animation:livePulse 2.4s ease-in-out infinite}
.nav-backdrop{display:none}.app-content{grid-column:2;max-width:none!important;width:100%;padding:30px clamp(18px,2.7vw,42px) 90px!important;margin:0!important}.login-content{max-width:none!important;padding:0!important;margin:0!important}
.glass-panel,.panel,.money-card,.action-card,.kpi-card,.summary-card,.material-card,.supplier-card{background:var(--pro-glass)!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.panel,.money-card,.action-card,.kpi-card,.summary-card,.material-card{border-color:var(--pro-border)!important}.panel{border-radius:20px!important}.page-head{padding-top:2px}.page-head h1,.hero h1{letter-spacing:-.035em;color:#102019}.page-head p,.hero p{max-width:820px;line-height:1.55}.section-title{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.015em;color:#183128}.section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(27,92,67,.18),transparent)}
.command-hero{position:relative;overflow:hidden;border-radius:26px!important;padding:28px 30px!important;align-items:center!important;background:linear-gradient(135deg,rgba(13,42,31,.94),rgba(23,83,61,.88))!important;color:#fff!important;box-shadow:0 25px 60px rgba(18,64,47,.18)!important}.command-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;top:-220px;background:radial-gradient(circle,rgba(119,220,173,.24),transparent 67%)}.command-hero h1{color:#fff!important;font-size:clamp(33px,4.4vw,58px);margin:8px 0 12px}.command-hero p{color:#c9ddd4!important;margin:0}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-btn{background:#fff!important;color:#174e3b!important;box-shadow:0 10px 28px rgba(0,0,0,.16)}.command-hero .ghost-btn{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)}.command-orb{position:relative;z-index:2;min-width:155px;height:155px;border-radius:34px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.11)}.command-orb img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;margin-bottom:4px}.command-orb b{font-size:27px}.command-orb span,.command-orb small{color:#c8ddd3}.command-orb small{font-size:10px}
.migration-ribbon{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:18px;align-items:center;padding:14px 18px;border-radius:18px;margin-bottom:22px}.migration-ribbon>div:first-child{display:grid}.migration-ribbon strong{font-size:14px}.progress-track{height:9px;background:rgba(21,77,55,.09);border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6d50,#53aa83);box-shadow:0 0 16px rgba(50,148,108,.25);animation:barGrow .8s ease both}.migration-meta{display:flex;gap:11px;flex-wrap:wrap}.migration-meta span{padding:6px 8px;border-radius:9px;background:rgba(33,99,74,.07);font-size:11px;color:#46635a}
.money-grid,.valuation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px}.valuation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.money-card{position:relative;overflow:hidden;border-radius:19px!important;padding:18px 19px!important;min-height:125px;transition:transform .2s ease,box-shadow .2s ease}.money-card:hover{transform:translateY(-2px);box-shadow:0 22px 55px rgba(18,65,47,.12)!important}.money-card:after{content:"";position:absolute;right:-38px;bottom:-58px;width:110px;height:110px;border-radius:50%;background:rgba(33,105,77,.045)}.money-card small{font-size:10px;letter-spacing:.095em}.money-card strong{font-size:clamp(23px,2.1vw,31px)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.money-card.primary-money{background:linear-gradient(145deg,rgba(18,72,52,.97),rgba(34,117,84,.92))!important;box-shadow:0 18px 45px rgba(24,96,69,.2)!important}.money-card.profit{background:linear-gradient(145deg,rgba(242,250,246,.9),rgba(222,242,232,.8))!important}.money-card.profit strong{color:#176443!important}
.animated-grid>*{animation:cardEnter .46s cubic-bezier(.2,.7,.2,1) both}.animated-grid>*:nth-child(2){animation-delay:.04s}.animated-grid>*:nth-child(3){animation-delay:.08s}.animated-grid>*:nth-child(4){animation-delay:.12s}.animated-grid>*:nth-child(5){animation-delay:.16s}.animated-grid>*:nth-child(6){animation-delay:.20s}.animated-grid>*:nth-child(7){animation-delay:.24s}.animated-grid>*:nth-child(8){animation-delay:.28s}
.dashboard-insights{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:15px;margin-bottom:22px}.chart-panel{overflow:hidden}.line-chart{width:100%;height:190px;overflow:visible}.line-chart polyline{stroke-dasharray:1500;stroke-dashoffset:1500;animation:drawLine 1.25s ease .18s forwards}.chart-labels{display:flex;gap:7px;overflow:auto;padding-top:9px}.chart-labels span{display:grid;min-width:70px;font-size:10px;color:#73867e}.chart-labels b{color:#243b32;font-size:11px}.compact-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(20,69,50,.08)}.compact-list>div:last-child{border-bottom:0}.compact-list span{display:grid}.compact-list small{font-size:11px;margin-top:2px}.platform-bar{height:6px;border-radius:99px;background:#e8efeb;overflow:hidden;margin-top:5px}.platform-bar i{display:block;height:100%;background:linear-gradient(90deg,#2c8a65,#71bb98);border-radius:inherit}
.kpi-grid{gap:12px}.kpi-card{border-radius:17px!important;transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(20,71,52,.11)!important}.kpi-card strong{font-variant-numeric:tabular-nums}.kpi-card.critical{background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,240,238,.7))!important}.kpi-card.warning{background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,248,224,.72))!important}
.action-card{border-radius:19px!important;min-height:156px!important;overflow:hidden}.action-card:after{content:"";position:absolute;inset:auto -55px -65px auto;width:120px;height:120px;border-radius:50%;background:rgba(30,110,79,.045);transition:transform .24s ease}.action-card:hover:after{transform:scale(1.25)}.action-card b{background:linear-gradient(145deg,#0f3327,#247558)!important;box-shadow:0 7px 18px rgba(25,87,64,.18)}.action-card.accent-card{background:linear-gradient(145deg,rgba(20,70,51,.95),rgba(34,115,83,.92))!important;color:#fff!important}.action-card.accent-card p{color:#d5e7df}.action-card.accent-card em{background:rgba(255,255,255,.12);color:#fff}
.activity-timeline{display:grid;gap:2px}.activity-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 3px;border-bottom:1px solid rgba(18,70,50,.08)}.activity-item:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;border-radius:50%;background:#3a9b73;box-shadow:0 0 0 5px rgba(58,155,115,.11)}.activity-item p{margin:3px 0 0;color:#71837b;font-size:12px}.activity-item time{text-align:right;color:#71837b;font-size:11px;font-variant-numeric:tabular-nums}
.panel input,.panel select,.panel textarea,.app-dialog input,.app-dialog select,.app-dialog textarea{border-color:rgba(28,74,57,.16);background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.panel input:focus,.panel select:focus,.panel textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(38,132,95,.09);outline:none}.scanner-panel{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(234,246,240,.72))!important}.scan-row input{font-size:18px;font-weight:650;min-height:50px}.scan-row button{min-width:108px}.scanner-panel .scan-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#536b61}.quick-stock-card{border:1px solid rgba(37,121,88,.2)!important}.quick-product-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.quick-product-head h2{margin:5px 0}.stock-pulse{min-width:92px;text-align:center;padding:12px;border-radius:15px;background:#e3f3eb;color:#1e644a}.stock-pulse b{display:block;font-size:28px}.qa-tabs{display:flex;gap:6px;margin:18px 0 12px;padding:5px;background:#eef3f0;border-radius:13px}.qa-tabs button{flex:1;background:transparent;color:#42584f}.qa-tabs button.active{background:#fff;color:#1a694d;box-shadow:0 5px 14px rgba(24,76,57,.08)}.quick-buttons{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important;margin:10px 0}.quick-buttons button{min-height:58px;font-size:18px;background:#143d2e}.exact-row{display:flex;gap:8px;margin-bottom:14px}.exact-row input{margin:0}.exact-row button{white-space:nowrap}
.stock-value-table th{position:sticky;top:0;background:rgba(242,247,244,.97);backdrop-filter:blur(12px);z-index:2}.stock-value-table tbody tr{transition:background .15s ease}.stock-value-table tbody tr:hover{background:rgba(226,241,233,.48)}.row-uninitialized{background:rgba(250,246,224,.4)}.profit-text{color:#176343;font-weight:850}
.opening-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-clock{display:grid;text-align:right;padding:12px 15px;border-radius:14px;background:#e6f2ec}.hero-clock b{font-size:20px;color:#175f46}.hero-clock span{font-size:11px;color:#687e75}.opening-editor{animation:cardEnter .35s ease both}
.user-card-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.modern-user-card{transition:opacity .2s ease}.modern-user-card:has(.status.bad){opacity:.76}.permission-details{background:rgba(247,250,248,.68)!important}.danger-btn{box-shadow:none!important}
.mobile-dock{display:none}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:#2b4b3e;border-radius:99px}
.count-session-grid{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:16px}.reorder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reorder-card{padding:16px;border:1px solid var(--pro-border);border-radius:17px;background:var(--pro-glass);box-shadow:var(--pro-shadow);backdrop-filter:blur(16px)}.reorder-card h3{margin:4px 0}.reorder-card .reorder-number{font-size:25px;font-weight:900;color:#1d6a4d}.reorder-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.reorder-meta span{padding:5px 7px;border-radius:8px;background:#edf3ef;font-size:11px;color:#557067}
.data-motion{display:flex;align-items:end;gap:6px;height:64px;padding:8px 0}.data-motion i{flex:1;min-width:5px;background:linear-gradient(180deg,#58ae88,#206b4f);border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:barRise .6s ease both}

@keyframes cardEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes barGrow{from{width:0}}@keyframes livePulse{50%{box-shadow:0 0 0 8px rgba(85,216,157,0)}}@keyframes barRise{from{transform:scaleY(.08);opacity:.25}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.side-nav{width:220px}.money-grid,.valuation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights{grid-template-columns:1fr}.reorder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-header .brand-version{display:none}}
@media(max-width:1099px){.nav-toggle{display:grid;place-items:center}.app-shell{display:block}.side-nav{top:0;width:min(310px,88vw);z-index:90;transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.7,.2,1);padding-top:10px}.nav-open .side-nav{transform:none}.nav-backdrop{display:block;position:fixed;inset:0;z-index:85;background:rgba(1,10,6,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.22s}.nav-open .nav-backdrop{opacity:1;visibility:visible}.nav-brand-mobile{display:flex;align-items:center;gap:10px;padding:8px 10px 20px}.nav-brand-mobile img{width:44px;height:44px;background:#fff;border-radius:50%;padding:2px}.nav-brand-mobile div{display:grid}.nav-brand-mobile small{color:#89a69a}.app-content{padding-top:26px!important}.header-clock{display:none}.count-session-grid{grid-template-columns:1fr}}
@media(max-width:760px){.final-header{height:64px;padding:8px 10px!important}.app-shell{padding-top:64px}.final-header .brand-logo img{height:40px;max-width:190px;padding:3px 7px}.profile-copy{display:none}.profile-chip{padding:4px}.profile-avatar{width:34px;height:34px}.app-content{padding:16px 12px 88px!important}.command-hero{padding:21px!important;border-radius:20px!important;align-items:flex-start!important}.command-orb{display:none}.migration-ribbon{grid-template-columns:1fr;gap:8px}.migration-meta{justify-content:flex-start}.money-grid,.valuation-grid{grid-template-columns:1fr 1fr;gap:9px}.money-card{min-height:107px;padding:14px!important}.money-card strong{font-size:20px!important}.money-card span{font-size:10px}.operations-grid,.management-grid{grid-template-columns:1fr 1fr!important}.action-card{min-height:138px!important;padding:16px!important}.action-card h2{font-size:18px;margin:13px 0 5px}.action-card p{font-size:12px}.simple-alerts{grid-template-columns:1fr 1fr!important}.opening-kpis{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;z-index:70;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:64px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(9,25,19,.91);box-shadow:0 14px 45px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.mobile-dock a{display:grid;place-items:center;align-content:center;gap:2px;color:#c9d9d1;text-decoration:none;border-radius:13px;font-size:18px}.mobile-dock a span{font-size:9px}.mobile-dock a:hover{background:rgba(255,255,255,.08)}.mobile-dock .dock-scan{background:#24795a;color:#fff;box-shadow:0 5px 18px rgba(26,118,82,.36)}.quick-buttons{grid-template-columns:repeat(2,1fr)}.quick-product-head{align-items:flex-start}.stock-pulse{min-width:74px}.reorder-grid{grid-template-columns:1fr}.activity-item{grid-template-columns:15px 1fr}.activity-item time{grid-column:2;text-align:left}.user-card-actions>*{width:100%}.profile-menu{right:9px;top:58px}.premium-login{padding:10px!important}.login-shell{min-height:calc(100vh - 20px)}.login-brand-panel{padding:14px 18px!important}.login-horizontal-logo{max-height:68px;object-fit:contain}.professional-login-card{padding:24px 20px!important}}
@media(max-width:480px){.money-grid,.valuation-grid,.operations-grid,.management-grid,.simple-alerts,.opening-kpis{grid-template-columns:1fr!important}.money-card{min-height:98px}.action-card{min-height:118px!important}.final-header .brand-logo img{max-width:150px}.nav-toggle{width:38px;height:38px}.hero-actions>*{width:100%;text-align:center}.exact-row{flex-direction:column}.scan-row button{width:100%}.quick-buttons button{min-height:54px}}
.chart-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#667a71}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:12px;height:3px;border-radius:9px}.legend-cost{background:#b8893b}.legend-sell{background:#2d8b67}.inventory-chart .cost-line{color:#b8893b}.inventory-chart .sell-line{color:#2d8b67}.value-mix{display:grid;gap:14px}.value-mix>div{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.value-mix span{font-size:12px;color:#60766c}.value-mix b{font-size:12px}.value-mix i{grid-column:1/-1;height:7px;border-radius:99px;background:linear-gradient(90deg,#2e8966 var(--w),#e6eeea var(--w));box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}
.packing-workspace{padding:18px;border-radius:22px;margin-bottom:22px}.packing-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.packing-workspace-head h2{margin:4px 0}.packing-workspace-head p{margin:0;color:#6a7f75}.packing-scan-hero{min-width:210px;padding:13px 15px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(145deg,#123f2f,#267b59);border-radius:16px;box-shadow:0 10px 28px rgba(20,90,63,.2)}.packing-scan-hero>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.13);font-size:21px}.packing-scan-hero strong{font-size:13px}.packing-scan-hero small{color:#c8ded4;font-size:10px}.packing-touch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.packing-touch-grid a{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 12px;border:1px solid rgba(26,84,62,.09);background:rgba(255,255,255,.58);border-radius:14px;color:#17372b;text-decoration:none;font-weight:800;font-size:12px}.packing-touch-grid i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#e2f0e9;color:#1d6c4e;font-size:16px}.packing-touch-grid a:hover{background:#fff;transform:translateY(-1px)}
@media(max-width:760px){.packing-workspace-head{align-items:stretch;flex-direction:column}.packing-scan-hero{width:100%;min-width:0}.packing-touch-grid{grid-template-columns:1fr 1fr}.packing-touch-grid a{min-height:64px}}
@media(max-width:420px){.packing-touch-grid{grid-template-columns:1fr}}

/* Final: packing-material stored valuation */
.material-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}
.material-value-row span{font-size:.78rem;color:var(--muted,#9eb1a9);text-transform:uppercase;letter-spacing:.08em}
.material-value-row strong{font-size:1rem;color:var(--text,#f4faf7);font-variant-numeric:tabular-nums}
/* Final Supplier PO polish */
.compact-scanner{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:22px;align-items:center}.compact-scanner h2{margin:.18rem 0}.po-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.po-summary-strip>div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:4px}.po-summary-strip span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.po-summary-strip strong{font-variant-numeric:tabular-nums}@media(max-width:760px){.compact-scanner{grid-template-columns:1fr}.po-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AWAFI MILL PRO 9.5 — Management & Finance business suite */
.management-head{position:relative;overflow:hidden;padding:22px 24px;border:1px solid rgba(34,103,77,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(232,244,237,.62));box-shadow:0 18px 44px rgba(18,55,42,.07);backdrop-filter:blur(20px)}
.management-head:after{content:"";position:absolute;right:-70px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(43,137,98,.14),transparent 68%);pointer-events:none}.glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(244,250,247,.60))!important;border:1px solid rgba(30,94,70,.12)!important;box-shadow:0 14px 38px rgba(22,63,47,.07)!important;backdrop-filter:blur(20px)}
.mgmt-period{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.period-pills,.filter-pills{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.period-pills a,.filter-pills a{padding:8px 12px;border-radius:99px;background:rgba(236,242,239,.84);border:1px solid rgba(23,82,61,.1);color:#29483c;text-decoration:none;font-size:12px;font-weight:800;transition:.18s ease}.period-pills a:hover,.filter-pills a:hover{transform:translateY(-1px);background:#fff}.period-pills a.active,.filter-pills a.active{background:#153f31;color:#fff;border-color:#153f31;box-shadow:0 8px 20px rgba(18,76,55,.18)}
.management-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.management-kpis .clickable-kpi{position:relative;overflow:hidden;min-height:125px;cursor:pointer;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:mgmtCardIn .36s ease both}.management-kpis .clickable-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(18,60,44,.11)}.management-kpis .clickable-kpi.selected{background:linear-gradient(145deg,#153e30,#267758);color:#fff;border-color:transparent;box-shadow:0 16px 34px rgba(19,92,64,.21)}.management-kpis .clickable-kpi.selected small,.management-kpis .clickable-kpi.selected span{color:#d6ebe1}.management-kpis .clickable-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-40px;background:rgba(40,130,93,.06)}
.compare-panel{padding:20px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-grid>div{padding:15px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(25,83,62,.09);display:grid;gap:4px}.compare-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#667d73;font-weight:800}.compare-grid strong{font-size:23px;font-variant-numeric:tabular-nums}.profit-text{color:#1f7656}.loss-text{color:#aa3e35}.management-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px;align-items:start}.section-title.in-panel{margin-top:0}.bar-chart-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center}.bar-row span{font-size:12px;font-weight:750;color:#3f584e}.bar-track{height:10px;border-radius:99px;background:#e6efea;overflow:hidden}.bar-track i{display:block;height:100%;width:var(--w,0%);border-radius:99px;background:linear-gradient(90deg,#245e48,#43a77c);animation:barGrow .55s ease both}.bar-row b{font-size:12px;font-variant-numeric:tabular-nums}
.expense-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.expense-card{display:grid;gap:12px}.mini-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mini-kpi-row>div{padding:10px 11px;border-radius:12px;background:rgba(236,244,240,.72);display:grid;gap:3px}.mini-kpi-row span{font-size:10px;color:#657a71;text-transform:uppercase;letter-spacing:.06em}.mini-kpi-row strong{font-size:14px;font-variant-numeric:tabular-nums}.payment-add{padding:13px;border-radius:14px;background:rgba(245,249,247,.78);border:1px solid rgba(31,84,64,.09)}
.document-line-editor{display:grid;gap:8px;margin:10px 0}.doc-line{display:grid;grid-template-columns:minmax(190px,2.2fr) 90px 90px 120px 100px 90px 36px;gap:7px;align-items:center;padding:9px;border-radius:13px;background:rgba(245,249,247,.78);border:1px solid rgba(27,88,65,.09)}.doc-line input,.doc-line select{margin:0;min-width:0}.danger-link{border:0;background:transparent;color:#a53129;font-weight:800;cursor:pointer}.quote-dialog{max-width:1050px}.lookup-results{max-height:180px;overflow:auto;display:grid;gap:4px}.lookup-results button{background:#eff5f2;color:#183e30;text-align:left;border:1px solid rgba(21,78,57,.08)}
.private-page{padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(30,45,39,.96),rgba(14,75,53,.91));color:#fff;box-shadow:0 18px 42px rgba(9,45,32,.18)}.private-page a,.private-page p{color:#d6e7df}.private-page .eyebrow{color:#8ed0b0}.private-page .button-link{background:#fff;color:#173f31}.private-page .ghost-btn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.supplier-card{backdrop-filter:blur(14px)}.supplier-card summary{transition:background .18s ease}.supplier-card summary:hover{background:rgba(238,246,242,.62)}
.pulse-ok{animation:stockConfirm .46s ease}.quick-buttons button:disabled,.exact-row button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.opening-required{border-color:#d39a42!important;background:linear-gradient(145deg,#fff8e9,#fffdf7)!important}
.management-grid a,.operations-grid a{transition:transform .18s ease,box-shadow .18s ease}.management-grid a:hover,.operations-grid a:hover{transform:translateY(-2px)}
@keyframes mgmtCardIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes stockConfirm{0%{transform:scale(1)}50%{transform:scale(1.035);box-shadow:0 0 0 10px rgba(46,151,107,.10)}100%{transform:scale(1)}}
@media(max-width:1180px){.management-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.management-detail-grid{grid-template-columns:1fr}.doc-line{grid-template-columns:minmax(180px,2fr) 80px 80px 100px 90px 80px 36px}}
@media(max-width:860px){.management-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-card-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.doc-line{grid-template-columns:1fr 1fr}.doc-line .nm{grid-column:1/-1}.doc-line .danger-link{grid-column:2;justify-self:end}.mini-kpi-row{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:95px 1fr auto}.management-head{padding:17px}.mgmt-period{align-items:stretch}.period-pills{width:100%}.period-pills a{flex:1;text-align:center;min-width:88px}}
@media(max-width:520px){.management-kpis{grid-template-columns:1fr}.mini-kpi-row{grid-template-columns:1fr 1fr}.doc-line{grid-template-columns:1fr}.doc-line>*{grid-column:1!important}.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1}.period-pills a{min-width:calc(50% - 7px)}.management-head .inline-actions>*{width:100%;text-align:center}}
.finance-aging{align-items:start}.aging-bars{display:grid;gap:9px;margin:12px 0 18px}.aging-bars>div{display:grid;grid-template-columns:95px 1fr 105px;gap:8px;align-items:center}.aging-bars span{font-size:11px;font-weight:800;color:#5e746a}.aging-bars strong{text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.document-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.document-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(28,84,63,.09)}.document-row:last-child{border-bottom:0}.document-row>div{display:grid;gap:2px;min-width:0}.document-row strong,.document-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row small{color:#6b7d75}.document-row a{font-weight:850;color:#1f7052;text-decoration:none}@media(max-width:1000px){.document-center-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.document-center-grid{grid-template-columns:1fr}.aging-bars>div{grid-template-columns:80px 1fr}.aging-bars strong{grid-column:2;text-align:left}}
.payroll-type-panel{margin:14px 0;padding:14px;border-radius:15px;background:rgba(239,246,242,.68);border:1px solid rgba(25,80,59,.1)}.private-page+.scan-row{border-left:4px solid #277b59}

/* AWAFI MILL PRO 9.7 — pricing strategy + role hub, workflow shortcuts and document sharing */
.section-switcher{position:sticky;top:72px;z-index:54;display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:-4px 0 18px;padding:8px 10px;border:1px solid rgba(30,91,68,.10);border-radius:16px;background:rgba(246,250,248,.82);box-shadow:0 8px 24px rgba(18,55,42,.05);backdrop-filter:blur(18px)}.section-switcher::-webkit-scrollbar{display:none}.section-switcher a{flex:0 0 auto;padding:8px 12px;border-radius:10px;text-decoration:none;color:#476158;font-size:11px;font-weight:850;letter-spacing:.01em;transition:.16s ease}.section-switcher a:hover{background:#fff;color:#174e3a;transform:translateY(-1px);box-shadow:0 5px 14px rgba(20,67,49,.08)}
.global-search-mini{display:flex;align-items:center;min-width:250px;max-width:390px;flex:1}.global-search-mini input{height:38px;width:100%;margin:0;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.08);color:#f5fbf7;outline:0}.global-search-mini input::placeholder{color:#a9bbb3}.global-search-mini input:focus{border-color:rgba(103,210,163,.5);background:rgba(255,255,255,.12)}
.hub-hero{padding:26px;border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(230,244,237,.66));border:1px solid rgba(29,91,67,.11);box-shadow:0 18px 48px rgba(13,55,39,.08);backdrop-filter:blur(22px)}.hub-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.hub-card{position:relative;overflow:hidden;display:grid;gap:8px;min-height:190px;padding:22px;border-radius:22px;text-decoration:none;color:#173b2e;border:1px solid rgba(26,91,66,.11);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(240,248,244,.66));box-shadow:0 14px 36px rgba(17,57,42,.07);backdrop-filter:blur(20px);transition:.2s ease}.hub-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,62,43,.12)}.hub-card.primary{background:linear-gradient(145deg,#123e2f,#26795a);color:#fff}.hub-card.primary p,.hub-card.primary small{color:#cde1d8}.hub-card .hub-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(36,124,89,.10);font-size:23px}.hub-card.primary .hub-icon{background:rgba(255,255,255,.12)}.hub-card h2{margin:4px 0 0;font-size:22px}.hub-card p{margin:0;color:#657a71;line-height:1.5}.hub-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.hub-summary-grid>div{padding:14px 15px;border:1px solid rgba(26,88,65,.09);border-radius:15px;background:rgba(255,255,255,.66);backdrop-filter:blur(14px)}.hub-summary-grid span{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#708178}.hub-number{display:block;margin-top:5px;font-size:22px;color:#173d30;font-variant-numeric:tabular-nums}.task-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.task-strip a,.task-strip span{padding:8px 11px;border-radius:11px;background:#edf4f0;color:#426056;text-decoration:none;font-size:11px;font-weight:800}.task-strip b{color:#176447}
.packing-home{max-width:1080px;margin:0 auto}.packing-home .packing-scan-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;margin:14px 0 12px;border-radius:22px;background:linear-gradient(145deg,#123f30,#267c5b);color:#fff;text-decoration:none;font-size:22px;font-weight:900;box-shadow:0 15px 34px rgba(18,89,63,.20)}.packing-home .packing-scan-primary span{font-size:29px}.packing-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.packing-action-grid a{min-height:108px;display:grid;place-items:center;align-content:center;gap:7px;padding:12px;text-align:center;text-decoration:none;color:#183d30;border:1px solid rgba(28,91,67,.10);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,247,242,.68));box-shadow:0 10px 24px rgba(20,61,46,.06);font-weight:850;transition:.16s ease}.packing-action-grid a:hover{transform:translateY(-2px);background:#fff}.packing-action-grid i{font-style:normal;font-size:24px;color:#207355}.packing-home-note{margin:12px 0;color:#6a7c74;font-size:12px;text-align:center}
.overview-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.compare-card{padding:18px;border:1px solid rgba(27,88,65,.10);border-radius:18px;background:rgba(255,255,255,.70);box-shadow:0 10px 27px rgba(20,60,46,.06);backdrop-filter:blur(16px)}.compare-card small{display:block;color:#6c7f76;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.compare-card strong{display:block;margin:7px 0 3px;font-size:26px;color:#173e30;font-variant-numeric:tabular-nums}.compare-card em{font-style:normal;color:#6f8079;font-size:11px}
.document-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.document-meta-grid>div{padding:11px 13px;border-radius:13px;background:#f0f6f3;border:1px solid rgba(25,80,60,.08)}.document-meta-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#708078}.document-meta-grid strong{display:block;margin-top:3px}.whatsapp-btn,.stripe-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.whatsapp-btn{background:#1e875f!important;color:#fff!important;border-color:#1e875f!important}.whatsapp-text{color:#187653!important;font-weight:850;text-decoration:none}.stripe-btn{background:#635bff!important;border-color:#635bff!important;color:#fff!important}.doc-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.doc-link-row a{font-weight:800}.search-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.search-result{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid rgba(26,87,64,.09);text-decoration:none;color:#173d30}.search-result:last-child{border-bottom:0}.search-result span{color:#6e8078;font-size:11px}
.quick-create{position:fixed;right:20px;bottom:20px;z-index:60}.quick-create summary{list-style:none;cursor:pointer;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#1f7757;color:#fff;font-size:24px;font-weight:900;box-shadow:0 12px 28px rgba(20,97,68,.24)}.quick-create[open] summary{transform:rotate(45deg)}.quick-create-menu{position:absolute;right:0;bottom:58px;min-width:210px;display:grid;gap:4px;padding:8px;border-radius:14px;background:rgba(14,43,33,.96);box-shadow:0 18px 42px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.quick-create-menu a{padding:9px 10px;border-radius:9px;color:#e7f1ed;text-decoration:none;font-size:12px;font-weight:800}.quick-create-menu a:hover{background:rgba(255,255,255,.08)}
@media(max-width:1180px){.hub-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.packing-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.global-search-mini{max-width:300px}.overview-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1099px){.section-switcher{top:68px}.global-search-mini{display:none}.packing-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.section-switcher{top:64px;margin:-3px 0 14px;border-radius:12px;padding:6px}.section-switcher a{padding:7px 10px}.hub-card-grid{grid-template-columns:1fr}.hub-card{min-height:145px}.hub-summary-grid{grid-template-columns:1fr 1fr}.packing-action-grid{grid-template-columns:1fr 1fr}.packing-action-grid a{min-height:94px}.overview-compare-grid,.search-sections{grid-template-columns:1fr}.document-meta-grid{grid-template-columns:1fr 1fr}.quick-create{right:12px;bottom:84px}}
@media(max-width:440px){.hub-summary-grid,.packing-action-grid,.document-meta-grid{grid-template-columns:1fr}.packing-home .packing-scan-primary{min-height:78px;font-size:19px}.packing-action-grid a{min-height:72px;display:flex;justify-content:flex-start;padding:11px 15px}.packing-action-grid i{width:34px}.hub-hero{padding:18px}.compare-card strong{font-size:22px}}

/* AWAFI MILL PRO 9.7 — Omnichannel Pricing Strategy */
.pricing-page-head .inline-actions{align-self:flex-start}.pricing-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.pricing-summary-strip>div{padding:14px 16px;border:1px solid rgba(25,90,66,.10);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(22,70,51,.05)}.pricing-summary-strip small{display:block;color:#71817a;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.pricing-summary-strip b{display:block;margin-top:4px;font-size:24px;color:#173e30}.pricing-global-panel>summary,.pricing-edit-details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.pricing-global-panel>summary::-webkit-details-marker,.pricing-edit-details>summary::-webkit-details-marker{display:none}.pricing-global-panel>summary span{display:grid;gap:2px}.pricing-global-panel>summary small{color:#6e7f77;font-weight:500}.pricing-global-form{display:grid;gap:16px;margin-top:16px}.pricing-setting-group{padding:14px;border-radius:16px;background:#f6faf8;border:1px solid rgba(25,90,66,.08)}.pricing-setting-group h3{margin:0 0 10px}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-search{grid-template-columns:minmax(260px,1fr) minmax(160px,220px) minmax(160px,220px) auto}.pricing-variation-card{overflow:hidden}.pricing-variation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pricing-variation-head h2{margin:3px 0}.pricing-variation-head p{margin:0;color:#667a71;font-size:12px}.pricing-price-block{min-width:210px;padding:13px 15px;border-radius:15px;background:#eff6f2;border:1px solid rgba(24,97,70,.09);text-align:right}.pricing-price-block small,.pricing-price-block span{display:block;color:#6d7f77}.pricing-price-block b{display:block;margin:2px 0;font-size:25px;color:#153e2f}.pricing-price-block em{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:8px;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.04em}.price-change-needed{background:#fff0e8;color:#a34a18}.price-ok{background:#e7f5ed;color:#17724f}.pricing-unassigned{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:13px 15px;border-radius:13px;background:#fff7de;border:1px solid #f0d892;color:#6e5814}.pricing-core-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.pricing-core-row>span{padding:10px 12px;border-radius:13px;background:#f5f8f6;border:1px solid rgba(23,77,57,.07)}.pricing-core-row small,.pricing-core-row em{display:block;color:#718078;font-size:10px}.pricing-core-row b{display:block;margin-top:3px;color:#193f31}.pricing-core-row em{font-style:normal;margin-top:2px}.pricing-results-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-result-card{padding:14px;border-radius:17px;border:1px solid rgba(26,88,65,.10);background:#fff}.pricing-result-card.healthy{background:linear-gradient(145deg,#f3faf6,#fff)}.pricing-result-card.below{background:linear-gradient(145deg,#fff9e8,#fff)}.pricing-result-card.loss{background:linear-gradient(145deg,#fff0ef,#fff)}.pricing-result-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.pricing-result-head>span{padding:4px 6px;border-radius:7px;background:rgba(26,98,71,.08);font-size:8px;font-weight:900;letter-spacing:.05em}.pricing-result-card.loss .pricing-result-head>span{background:#ffe1df;color:#a22722}.pricing-result-card.below .pricing-result-head>span{background:#fff0bf;color:#806410}.pricing-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pricing-result-grid>div{padding:9px;border-radius:10px;background:rgba(244,248,246,.82)}.pricing-result-grid small,.pricing-result-grid em{display:block;font-size:9px;color:#728179}.pricing-result-grid b{display:block;margin:2px 0;font-size:13px;color:#153c2f}.pricing-result-grid em{font-style:normal}.vc-economics-strip{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.vc-economics-strip span{padding:7px 9px;border-radius:9px;background:#edf4f0;color:#566b62;font-size:10px}.vc-economics-strip b{color:#1c654b}.pricing-edit-details{margin-top:14px;border-top:1px solid rgba(25,83,62,.10);padding-top:12px}.pricing-edit-details>summary{font-weight:850;color:#236b50}.pricing-edit-form{display:grid;gap:12px;margin-top:12px;padding:14px;border-radius:15px;background:#f7faf8}.pricing-edit-form h3{margin:4px 0 -2px;color:#1a5e47}.embedded-pricing-card{margin:14px 0;padding:14px;border-radius:17px;background:linear-gradient(145deg,#f4faf7,#fff);border:1px solid rgba(25,92,67,.10)}.discount-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.discount-mini-grid>div{padding:10px;border-radius:12px;background:#f1f6f3;border:1px solid rgba(25,84,63,.07)}.discount-mini-grid small,.discount-mini-grid span{display:block;color:#718079;font-size:9px}.discount-mini-grid b{display:block;margin:3px 0;color:#17432f}.ecommerce-price-task.completed{opacity:.72}

/* Apple / Safari / iPhone / iPad / Mac PWA compatibility */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#f4f4f1}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.app-header{padding-top:env(safe-area-inset-top)}.side-nav,.hub-hero,.panel,.section-switcher{-webkit-backdrop-filter:blur(18px)}button,a,input,select,textarea,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:10px}select{background-image:none}.quick-create{bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px))}.app-content{padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px))}
@media(max-width:1180px){.pricing-results-layout{grid-template-columns:1fr 1fr}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discount-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pricing-summary-strip{grid-template-columns:1fr 1fr}.pricing-search{grid-template-columns:1fr 1fr}.pricing-search input{grid-column:1/-1}.pricing-variation-head{display:grid}.pricing-price-block{width:100%;text-align:left}.pricing-core-row{grid-template-columns:1fr 1fr}.pricing-results-layout{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr 1fr}.pricing-result-grid{grid-template-columns:1fr 1fr}.pricing-page-head .inline-actions{width:100%}.pricing-page-head .inline-actions>*{flex:1;text-align:center}}
@media(max-width:520px){input,select,textarea{font-size:16px!important}.pricing-summary-strip,.pricing-core-row,.compact-grid,.pricing-search,.discount-mini-grid{grid-template-columns:1fr}.pricing-search>*{grid-column:1!important}.pricing-result-grid{grid-template-columns:1fr}.pricing-price-block b{font-size:22px}.pricing-variation-card{padding:14px}.pricing-edit-form{padding:10px}.pricing-page-head .inline-actions{display:grid;grid-template-columns:1fr}.pricing-page-head .inline-actions>*{width:100%}}

/* =====================================================================
   AWAFI MILL PRO 10 — Business Control Suite
   Simple role-first navigation, multi-brand pricing and frosted glass UI
   ===================================================================== */
:root{
  --pro10-ink:#12261f;--pro10-muted:#65766f;--pro10-green:#176449;--pro10-green2:#2b8a65;
  --pro10-deep:#071b14;--pro10-glass:rgba(255,255,255,.66);--pro10-glass2:rgba(255,255,255,.82);
  --pro10-line:rgba(22,91,66,.11);--pro10-soft:#edf6f1;--pro10-warn:#c28716;--pro10-danger:#b5302a;
  --pro10-shadow:0 18px 55px rgba(20,67,50,.09);--pro10-shadow-hover:0 24px 68px rgba(20,67,50,.15)
}
.pro10-body{background:
  radial-gradient(circle at 5% 3%,rgba(50,143,106,.12),transparent 29rem),
  radial-gradient(circle at 98% 4%,rgba(184,148,75,.07),transparent 30rem),
  linear-gradient(180deg,#f8faf8 0,#edf2ef 56%,#e9efeb 100%);color:var(--pro10-ink)}
.pro10-body .panel,.pro10-body .glass-panel,.glass-hero{background:var(--pro10-glass);border:1px solid rgba(255,255,255,.66);box-shadow:var(--pro10-shadow);backdrop-filter:blur(21px) saturate(135%);-webkit-backdrop-filter:blur(21px) saturate(135%)}
.pro10-body .panel{border-color:var(--pro10-line)}

/* Long sidebar becomes a section-based workspace instead of one scrolling wall. */
.side-nav-inner{scroll-behavior:auto;overscroll-behavior:contain}
.nav-section{margin:3px 0 6px}.nav-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:0;background:transparent;color:#83988f;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;text-align:left;cursor:pointer;border-radius:9px;transition:background .18s ease,color .18s ease}.nav-label:hover{background:rgba(255,255,255,.055);color:#d9e8e1}.nav-label i{font-style:normal;font-size:13px;transition:transform .18s ease}.nav-section.collapsed .nav-label i{transform:rotate(-90deg)}.nav-section.collapsed .nav-section-items{display:none}.nav-section-items{display:grid;gap:2px;animation:pro10Reveal .18s ease both}.nav-item.active{background:linear-gradient(90deg,rgba(54,154,113,.30),rgba(49,139,102,.10));color:#fff;box-shadow:inset 3px 0 0 #62c69f}.private-nav{border:1px solid rgba(198,161,88,.18)}
.section-switcher{scrollbar-width:none}.section-switcher::-webkit-scrollbar{display:none}.section-switcher .pricing-tab{background:rgba(34,118,86,.09);color:#165c44}.section-switcher .private-tab{background:rgba(183,138,60,.09);color:#735922}

/* Main Pro 10 hero / hub */
.pro10-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:25px 27px;margin:3px 0 18px;border-radius:23px;overflow:hidden;position:relative}.pro10-hero:after{content:"";position:absolute;right:-58px;top:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(45,139,101,.16),transparent 67%);pointer-events:none}.pro10-hero h1{font-size:clamp(30px,4vw,48px);margin:4px 0 7px;letter-spacing:-.035em}.pro10-hero p{max-width:760px;margin:0;color:var(--pro10-muted);line-height:1.55}.hero-pulse{min-width:220px;padding:14px 16px;border-radius:17px;background:rgba(13,61,43,.91);color:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;box-shadow:0 12px 30px rgba(13,61,43,.18)}.hero-pulse small{grid-column:2;color:#bdd5cb}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.pro10-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pro10-hub-card{min-height:220px;position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pro10-hub-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-55px;top:-55px;background:radial-gradient(circle,rgba(58,161,118,.17),transparent 70%);z-index:-1}.pro10-hub-card:hover{transform:translateY(-4px);box-shadow:var(--pro10-shadow-hover);border-color:rgba(34,122,88,.2)}.pro10-hub-card .hub-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#e7f3ed;color:#176449;font-size:21px}.pro10-hub-card.pricing-card .hub-icon{background:#eff1ff;color:#4f5797}.pro10-hub-card.management-card .hub-icon{background:#f3ede5;color:#785f39}.pro10-hub-card.overview-card .hub-icon{background:#ebeff8;color:#506080}.pro10-hub-card h2{font-size:20px}.pro10-hub-card p{line-height:1.47}.pro10-hub-card>b{margin-top:auto}
.pro10-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.glass-kpi{padding:17px;border-radius:18px;background:rgba(255,255,255,.61);border:1px solid rgba(255,255,255,.69);box-shadow:0 10px 32px rgba(18,65,47,.06);text-decoration:none;color:inherit;position:relative;overflow:hidden}.glass-kpi small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6e7f78}.glass-kpi strong{display:block;font-size:25px;margin:7px 0 3px;color:#163e30}.glass-kpi p{margin:0;font-size:11px;color:#73837c}.kpi-orb{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e3f2eb;color:#1d6a4d;font-weight:900}.clickable-kpi{transition:transform .18s ease,box-shadow .18s ease}.clickable-kpi:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(18,65,47,.11)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:25px 2px 11px}.section-heading h2{margin:3px 0 0}.section-heading p{margin:0;color:#74827c;font-size:12px}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.attention-card{display:grid;grid-template-columns:37px 1fr auto;gap:11px;align-items:center;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.64);border:1px solid var(--pro10-line);box-shadow:0 9px 25px rgba(20,67,50,.05);text-decoration:none;color:var(--pro10-ink);transition:transform .18s ease,box-shadow .18s ease}.attention-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,67,50,.10)}.attention-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f4ee;color:#1e6b50;font-weight:900}.attention-card b{display:block;font-size:22px}.attention-card small{display:block;color:#718179}.attention-card i{font-style:normal;color:#7f8c86}.attention-card.warning>span{background:#fff1cf;color:#94670d}.attention-card.critical>span{background:#ffe5e1;color:#aa3027}.brand-strip-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px}.brand-strip-panel h2{margin:3px 0}.brand-strip-panel p{margin:0;color:var(--pro10-muted)}.brand-chip-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.brand-chip-row a{padding:8px 10px;border-radius:999px;background:#edf5f1;color:#1e634a;text-decoration:none;font-size:11px;font-weight:850;border:1px solid rgba(28,103,75,.09)}

/* Pricing Control Hub */
.hub-filter-bar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.hub-filter-bar label{min-width:240px}.filter-note{display:grid;gap:2px;max-width:520px}.filter-note small{color:var(--pro10-muted)}.platform-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.platform-price-card{min-height:225px;display:flex;flex-direction:column;padding:19px;border-radius:21px;text-decoration:none;color:var(--pro10-ink);background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.8);box-shadow:var(--pro10-shadow);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.platform-price-card:hover{transform:translateY(-4px);box-shadow:var(--pro10-shadow-hover)}.platform-price-card:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;right:-65px;top:-65px;background:radial-gradient(circle,rgba(35,133,94,.17),transparent 70%)}.platform-price-card .platform-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e6f3ec;color:#176449;font-size:12px;font-weight:950}.platform-price-card.home .platform-icon{background:#eef0ff;color:#59609c}.platform-price-card.grocery .platform-icon{background:#fff1e5;color:#9b5d27}.platform-price-card.all .platform-icon{background:#edf0f2;color:#4f5d65}.platform-price-card small{margin-top:14px;color:#76867e;font-size:9px;font-weight:900;letter-spacing:.08em}.platform-price-card h2{font-size:18px;margin:4px 0}.platform-price-card strong{font-size:33px;color:#164532;margin:2px 0}.platform-price-card p{font-size:11px;color:#6c7d75;line-height:1.45}.platform-price-card>b{margin-top:auto;font-size:11px;color:#1b684d}.pricing-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pricing-attention-grid>a{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:17px;background:rgba(255,255,255,.68);border:1px solid var(--pro10-line);color:inherit;text-decoration:none;box-shadow:0 9px 24px rgba(20,67,50,.05)}.pricing-attention-grid .alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff2d4;color:#8b650d;font-weight:900}.pricing-attention-grid .loss-card .alert-icon{background:#ffe4e1;color:#a42d26}.pricing-attention-grid small{font-size:8px;font-weight:900;letter-spacing:.07em;color:#718078}.pricing-attention-grid b{display:block;font-size:26px;margin:3px 0}.pricing-attention-grid p{font-size:10px;color:#73827b;margin:0}.pricing-workflow{margin-top:15px}.pricing-workflow h2{margin:3px 0 14px}.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.workflow-steps a{display:flex;align-items:center;gap:9px;padding:11px;border-radius:13px;background:#eff6f2;text-decoration:none;color:#1d4c3a;font-size:10px;font-weight:800}.workflow-steps b{width:25px;height:25px;border-radius:8px;background:#1f7355;color:#fff;display:grid;place-items:center}

/* Selling price master table with expandable details */
.selling-price-list{display:grid;gap:10px}.selling-price-row{overflow:hidden}.selling-price-summary{list-style:none;display:grid;grid-template-columns:minmax(230px,2fr) 1fr 1fr 1fr 1fr auto;gap:10px;align-items:center;cursor:pointer}.selling-price-summary::-webkit-details-marker{display:none}.selling-price-summary:hover{background:rgba(238,247,242,.42)}.selling-price-summary h3{margin:2px 0;font-size:15px}.selling-price-summary p{margin:0;color:#6c7b75;font-size:10px}.selling-price-summary small{color:#76867e;font-size:8px;font-weight:850}.selling-price-summary strong{font-size:14px}.platform-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e8f3ed;color:#1c654b;font-size:9px;font-weight:900}.factor-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.factor-chip{padding:9px;border-radius:11px;background:#f2f7f4;border:1px solid rgba(22,93,67,.07)}.factor-chip small,.factor-chip em{display:block;color:#74847c;font-size:8px}.factor-chip b{display:block;margin:2px 0;color:#173f31}.factor-chip em{font-style:normal}.selling-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.result-block{padding:13px;border-radius:15px;background:#f4f9f6;border:1px solid rgba(26,93,68,.08)}.result-block.loss{background:#fff0ee}.result-block.below{background:#fff8e7}.result-block h4{margin:0 0 9px}.result-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.result-values>div{padding:8px;border-radius:9px;background:rgba(255,255,255,.66)}.result-values small{display:block;color:#75857d;font-size:8px}.result-values b{display:block;font-size:12px;margin-top:2px}.price-identifiers{display:flex;gap:6px;flex-wrap:wrap}.price-identifiers span{padding:5px 7px;border-radius:8px;background:#eef3f0;font-size:9px;color:#60736a}.price-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}

/* Brand master */
.brand-master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-master-card{display:grid;gap:10px}.brand-master-head{display:flex;gap:12px;align-items:center}.brand-master-head h2{margin:5px 0 2px}.brand-master-head p{margin:0;color:#75857d}.brand-logo-letter{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#166348,#2e8f69);color:#fff;font-size:21px;font-weight:950;box-shadow:0 10px 22px rgba(27,104,75,.16)}

/* User access — permission groups mirror the navigation model. */
.user-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 15px}.user-tabs a{padding:8px 12px;border-radius:999px;background:#edf3ef;color:#61736a;text-decoration:none;font-size:11px;font-weight:850}.user-tabs a.active{background:#1d694e;color:#fff}.pending-invite-list{display:grid;gap:8px}.pending-invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:13px;background:#fff8e8;border:1px solid rgba(183,138,60,.16)}.permission-groups{display:grid;gap:8px}.permission-group{border:1px solid rgba(26,88,65,.10);border-radius:13px;background:rgba(249,251,250,.72);overflow:hidden}.permission-group>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-weight:850}.permission-group>summary::-webkit-details-marker{display:none}.permission-group>summary small{color:#75847d;font-weight:600}.permission-group[open]>summary{background:#eef6f2}.permission-group-tools{display:flex;gap:6px;padding:9px 10px 0}.mini-btn{padding:6px 8px!important;font-size:9px!important}.permission-group .permission-grid{padding:9px 10px 12px}.sensitive-permission{padding:8px!important;border-radius:9px;background:#fff6df!important;border:1px solid #f2d99c!important}.security-pill.verified{background:#e4f5ec;color:#166b4a}.archived-info{padding:12px;border-radius:12px;background:#f2f4f3}.user-card-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Search modules become first-class results. */
.search-hero{display:flex;gap:8px}.search-hero input{flex:1}.pro10-search-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.module-result{grid-template-columns:34px 1fr auto!important;align-items:center}.search-module-icon{display:grid!important;place-items:center;width:32px;height:32px;border-radius:10px;background:#e4f2ea;color:#1b674d;font-size:15px!important}.search-result i{font-style:normal;color:#76857e}

/* Pricing and Profit interfaces should be readable before they are detailed. */
.brand-default-panel{border-left:4px solid #2b8965}.pricing-factor-source{display:inline-flex;padding:3px 6px;border-radius:7px;background:#eef4f1;color:#60746a;font-size:8px;font-weight:850}.pricing-edit-form .platform-fields{animation:pro10Reveal .17s ease both}.pricing-edit-form input:focus,.pricing-edit-form select:focus{outline:2px solid rgba(38,126,91,.18);border-color:#3e9673}.pricing-status-strip{display:flex;gap:7px;flex-wrap:wrap}.pricing-status-strip span{padding:5px 7px;border-radius:8px;background:#edf5f1;font-size:9px;font-weight:800}

/* Lightweight motion: useful feedback only, disabled by reduced-motion. */
@keyframes pro10Reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@keyframes pro10Pulse{0%,100%{box-shadow:0 0 0 0 rgba(54,157,113,.18)}50%{box-shadow:0 0 0 8px rgba(54,157,113,0)}}
.hero-pulse .live-dot{animation:pro10Pulse 2.2s ease-in-out infinite}.pro10-hub-card,.platform-price-card,.attention-card,.glass-kpi{will-change:transform}.count-animate{transition:opacity .2s ease}.pro10-body button,.pro10-body .button-link{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.pro10-body button:active,.pro10-body .button-link:active{transform:translateY(1px) scale(.99)}

@media(max-width:1280px){.pro10-hub-grid,.platform-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factor-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.pro10-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selling-price-summary{grid-template-columns:minmax(200px,2fr) 1fr 1fr auto}.selling-price-summary .hide-tablet{display:none}.selling-result-grid{grid-template-columns:1fr 1fr}.factor-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pro10-search-sections{grid-template-columns:1fr}.brand-strip-panel{align-items:flex-start;flex-direction:column}.brand-chip-row{justify-content:flex-start}}
@media(max-width:760px){.pro10-hero{align-items:flex-start;flex-direction:column;padding:19px}.hero-pulse{width:100%;min-width:0}.pro10-hub-grid,.platform-card-grid,.pricing-attention-grid,.brand-master-grid{grid-template-columns:1fr}.pro10-hub-card{min-height:165px}.attention-grid{grid-template-columns:1fr}.hub-filter-bar{align-items:stretch;flex-direction:column}.hub-filter-bar label{min-width:0}.workflow-steps{grid-template-columns:1fr 1fr}.selling-price-summary{grid-template-columns:1fr auto}.selling-price-summary>*:not(:first-child):not(:last-child){display:none}.selling-result-grid{grid-template-columns:1fr}.factor-chip-grid{grid-template-columns:1fr 1fr}.pending-invite-row{align-items:flex-start;flex-direction:column}.search-hero{flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:500px){.pro10-summary-grid,.workflow-steps,.factor-chip-grid{grid-template-columns:1fr}.pro10-hero h1{font-size:31px}.glass-kpi strong{font-size:22px}.brand-chip-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.brand-chip-row a{text-align:center}.pricing-result-grid,.result-values{grid-template-columns:1fr}.permission-group-tools{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.pricing-visual-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:12px;margin:14px 0}.pricing-mix-card,.pricing-health-card{display:grid;gap:13px}.pricing-mix-card h2,.pricing-health-card h2{margin:3px 0}.pricing-mix-card p,.pricing-health-card p{margin:0;color:#74847c;font-size:11px}.mix-bars{display:grid;gap:10px}.mix-bars>div span{display:flex;justify-content:space-between;font-size:10px;color:#5f7168}.mix-bars>div span b{color:#173e30}.mix-bars i{display:block;height:8px;border-radius:999px;background:#e6ece8;overflow:hidden;margin-top:5px}.mix-bars em{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#1b6b4f,#4caf87)}.mix-bars .unassigned em{background:linear-gradient(90deg,#b98727,#e5bd66)}.health-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-rings a{min-height:94px;display:grid;place-items:center;text-align:center;padding:10px;border-radius:16px;background:#eef7f2;color:#205f49;text-decoration:none}.health-rings a.danger{background:#fff0ee;color:#a13a32}.health-rings strong{font-size:25px}.health-rings span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.pricing-visual-grid{grid-template-columns:1fr}}@media(max-width:520px){.health-rings{grid-template-columns:1fr 1fr}.health-rings a:last-child{grid-column:1/-1}}
.price-workflow-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:13px}.price-workflow-strip>i{font-style:normal;color:#8b9993}.workflow-node{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;background:#eef3f0;color:#63756c}.workflow-node.active{background:#e5f3eb;color:#1d674d}.workflow-node>b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff;font-size:10px}.workflow-node span{font-size:10px}.workflow-node span strong{font-size:14px;margin-right:3px}.task-meta-line{display:flex;gap:6px;align-items:center;margin-bottom:5px}.status.neutral{background:#edf1ef;color:#63736c}.task-price-stack{min-width:190px;text-align:right;padding:12px 14px;border-radius:15px;background:#eef6f2}.task-price-stack small,.task-price-stack span{display:block;color:#6c7d74;font-size:9px}.task-price-stack strong{display:block;font-size:23px;color:#184a37;margin:3px 0}.approval-box,.ecommerce-stage{margin-top:13px;padding:14px;border-radius:16px;background:linear-gradient(145deg,#f5faf7,#fff);border:1px solid rgba(27,100,73,.10)}.approval-box h3,.ecommerce-stage h3{margin:3px 0}.approval-box p,.ecommerce-stage p{margin:0;color:#6d7d75;font-size:11px}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.approval-actions form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;padding:10px;border-radius:12px;background:rgba(240,246,243,.8)}.waiting-box{padding:13px;margin-top:12px;border-radius:13px;background:#fff4d9;color:#745c1d;font-weight:700}.ecommerce-stage .platforms{margin:12px 0}.complete-marketplace-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.complete-marketplace-form label{flex:1;min-width:260px}@media(max-width:850px){.approval-actions{grid-template-columns:1fr}.approval-actions form{grid-template-columns:1fr 1fr}.approval-actions form button{grid-column:1/-1}.price-workflow-strip{justify-content:flex-start;overflow:auto}}@media(max-width:520px){.price-workflow-strip>i{display:none}.price-workflow-strip{display:grid;grid-template-columns:1fr}.approval-actions form{grid-template-columns:1fr}.approval-actions form button{grid-column:auto}.task-head{display:grid}.task-price-stack{text-align:left;width:100%}}


/* PRO 10.1 Product Identifiers */
.identifier-card{margin:22px 0;padding:18px;border:1px solid rgba(28,83,63,.14);border-radius:18px;background:rgba(255,255,255,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.identifier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.identifier-head h3{margin:3px 0}.identifier-table code{font-size:.9rem;word-break:break-all}.identifier-inactive{opacity:.62}.identifier-actions{display:flex;gap:7px;flex-wrap:wrap}.identifier-actions form{margin:0}.mini-btn{padding:7px 10px!important;font-size:.78rem!important;min-height:0!important}.danger-soft{background:#fff0ed!important;color:#a33c2f!important;border:1px solid #f0c3bb!important}.identifier-card .status.neutral{background:#edf0ed;color:#68736d}@media(max-width:760px){.identifier-head{display:block}.identifier-head .button-link{margin-top:10px;width:100%;text-align:center}.identifier-card{padding:13px}.identifier-table table{min-width:760px}}

.task-identifiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-identifiers span{padding:5px 8px;border-radius:9px;background:rgba(24,91,67,.08);font-size:.78rem}.task-identifiers b{color:#1b624b}


/* PRO 10.2.1 — stay where you saved */
.awafi-saved-focus{position:relative;animation:awafiSavedFocus 1.65s ease both}
@keyframes awafiSavedFocus{0%{box-shadow:0 0 0 0 rgba(31,107,79,.34)}28%{box-shadow:0 0 0 5px rgba(31,107,79,.16)}100%{box-shadow:0 0 0 0 rgba(31,107,79,0)}}
.awafi-save-toast{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:10000;display:flex;align-items:center;gap:10px;max-width:min(390px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(24,91,67,.15);border-radius:15px;background:rgba(246,251,248,.96);color:#174d39;box-shadow:0 14px 38px rgba(12,42,31,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease}
.awafi-save-toast.show{opacity:1;transform:none}.awafi-save-toast>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#dff2e8;color:#176344;font-weight:900;flex:0 0 auto}.awafi-save-toast div{display:grid;gap:1px}.awafi-save-toast b{font-size:12px}.awafi-save-toast small{font-size:10px;line-height:1.35;color:#5d7268}.awafi-save-toast.error{background:rgba(255,247,246,.97);border-color:rgba(180,35,24,.18);color:#8a281f}.awafi-save-toast.error>span{background:#fde5e2;color:#9a2d24}.awafi-save-toast.error small{color:#7c5c58}
@media(max-width:600px){.awafi-save-toast{left:16px;right:16px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px));max-width:none}}
@media(prefers-reduced-motion:reduce){.awafi-saved-focus{animation:none!important}.awafi-save-toast{transition:none!important}}

/* PRO 10.4 — simplified workflow, navigation, security and document controls */
.context-subnav{position:sticky;top:72px;z-index:46;display:flex;gap:7px;align-items:center;overflow-x:auto;padding:8px 12px;margin:0 0 12px;border:1px solid rgba(25,85,63,.10);border-radius:14px;background:rgba(249,252,250,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scrollbar-width:none}.context-subnav::-webkit-scrollbar{display:none}.context-subnav:empty{display:none}.context-subnav a{flex:0 0 auto;padding:7px 10px;border-radius:9px;text-decoration:none;color:#455d53;font-size:10px;font-weight:800;white-space:nowrap}.context-subnav a:hover,.context-subnav a.active{background:#e4f1ea;color:#16573f}.section-switcher a.active{background:#e5f3eb;color:#14543d}
.action-center-btn{position:relative;min-width:34px;height:34px;border-radius:11px;padding:0;background:#edf5f1;color:#1b644a}.action-count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#b63229;color:white;font-size:9px;font-weight:900}.action-center-popover{position:fixed;right:150px;top:64px;z-index:1000;width:min(340px,calc(100vw - 28px));padding:10px;border:1px solid rgba(20,75,55,.14);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(15,45,34,.18)}.action-center-popover .panel-head{padding:5px 5px 9px}.action-center-popover #action-center-list{display:grid;gap:5px}.action-center-popover a{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#f4f8f6;text-decoration:none;color:#254b3c;font-size:11px}.action-center-popover a b{color:#15583f}
.voice-search-wrap,.voice-search-row{position:relative}.voice-search-btn,.voice-search-trigger{flex:0 0 auto;min-width:40px}.global-search-mini .header-voice{min-width:26px;height:28px;padding:0 4px;background:transparent;color:#5f756b;border:0}.voice-listening{outline:2px solid rgba(31,111,79,.25)!important;box-shadow:0 0 0 5px rgba(31,111,79,.08)!important}.voice-search-btn.listening,.voice-search-trigger.listening{animation:pro10Pulse 1s infinite}
.current-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.current-info-grid>div{padding:10px 11px;border-radius:11px;background:#f4f7f5}.current-info-grid span{display:block;color:#73827b;font-size:9px}.current-info-grid b{display:block;margin-top:3px;color:#193d30;font-size:12px}.product-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.summary-card{padding:12px 13px;border-radius:14px;background:#f4f7f5;border:1px solid rgba(35,85,67,.07)}.summary-card span{display:block;font-size:9px;color:#718078}.summary-card b{display:block;margin-top:4px;font-size:17px;color:#173e30}.product-inline-search{padding:10px 12px}.variation-filter{display:flex;gap:7px;max-width:700px}.variation-list-simple{display:grid;gap:11px}.variation-card-simple{padding:13px;border:1px solid rgba(25,76,57,.11);border-radius:15px;background:#fff}.variation-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.variation-card-head h3{margin:0 0 2px}.variation-card-head p{margin:0;color:#718078;font-size:10px}.variation-kpis{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:10px 0}.variation-kpis>div{padding:8px;border-radius:10px;background:#f3f6f4}.variation-kpis span{display:block;color:#7a8781;font-size:8px}.variation-kpis b{display:block;margin-top:2px;font-size:11px}.compact-details{margin-top:9px;border-top:1px solid #edf1ef;padding-top:8px}.compact-details summary{cursor:pointer;font-weight:800;color:#275e49}.assigned-material-table{display:grid;gap:6px;margin:8px 0}.assigned-material-row{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(90px,.7fr)) auto;gap:8px;align-items:center;padding:8px 9px;border-radius:10px;background:#f4f7f5}.sticky-save-all,.sticky-form-actions{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:flex-end;gap:8px;padding:10px;margin-top:14px;border:1px solid rgba(25,83,62,.14);border-radius:14px;background:rgba(247,251,249,.96);box-shadow:0 10px 30px rgba(12,54,38,.12);backdrop-filter:blur(12px)}
.password-field{display:grid;grid-template-columns:1fr auto;gap:6px}.password-field input{min-width:0}.password-toggle{min-width:70px;background:#edf3f0;color:#345c4c}.security-options{display:flex;gap:12px;flex-wrap:wrap;padding:10px 0}.inline-check{display:flex!important;align-items:center;gap:7px}.inline-check input{width:auto}.security-badges{display:flex;gap:5px;flex-wrap:wrap}.user-security-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:end}.user-security-actions form{margin:0}.segmented-tabs{display:flex;gap:5px;margin-bottom:10px}.segmented-tabs a{padding:7px 10px;border-radius:9px;background:#edf2ef;text-decoration:none}.segmented-tabs a.active{background:#dfeee6;color:#14563e;font-weight:800}
.invoice-dialog{width:min(1080px,96vw);max-height:94vh;overflow:auto}.invoice-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.invoice-mode-switch label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;padding:10px 11px;border:1px solid #dbe4df;border-radius:12px;background:#f8faf9}.invoice-mode-switch label input{grid-row:1/3}.invoice-mode-switch small{display:block;color:#718078;font-size:9px}.invoice-header-grid .wide-field{grid-column:1/-1}.invoice-line-builder{margin:12px 0;padding:12px;border:1px solid #e0e7e3;border-radius:14px;background:#fbfcfb}.line-builder-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.line-builder-tabs .active{background:#1f6d51;color:white}.voice-search-row{display:grid;grid-template-columns:1fr auto auto;gap:6px}.invoice-lines{display:grid;gap:9px;margin-top:9px}.invoice-line-card{padding:10px;border:1px solid #dde6e1;border-radius:12px;background:white}.invoice-line-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.invoice-line-title>div{display:grid;gap:3px}.invoice-line-title small{color:#75827c}.invoice-line-grid{display:grid;grid-template-columns:.65fr .65fr 1fr 1fr .65fr 1.4fr;gap:7px;margin-top:8px}.line-profit-reference{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;padding:7px 9px;border-radius:9px;background:#eff7f2;color:#426356;font-size:9px}.line-profit-reference b{color:#174d39}.text-danger{color:#a33128!important}.internal-profit-panel{margin:10px 0;padding:11px;border:1px solid rgba(29,102,75,.12);border-radius:13px;background:linear-gradient(145deg,#eef8f2,#fafcfb)}.internal-profit-panel.compact{margin-top:12px}.invoice-total-panel{display:flex;justify-content:flex-end;gap:7px;margin:10px 0}.invoice-total-panel>div{min-width:150px;padding:10px 12px;border-radius:11px;background:#f2f6f4;text-align:right}.invoice-total-panel span{display:block;font-size:9px;color:#74827c}.invoice-total-panel b{font-size:16px}.invoice-total-panel>div:last-child{background:#1d674d;color:#fff}.invoice-total-panel>div:last-child span{color:#dcece5}.internal-col{background:#f3f8f5!important}.sticky-dialog-actions{position:sticky;bottom:0;margin:10px -2px -2px;padding:9px 2px 2px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 25%)}
.alert.info{background:#edf5fb;border-color:#cfe2f0;color:#285a76}.chip{display:inline-block;padding:6px 9px;border-radius:9px;background:#f0f4f2;text-decoration:none}.chip.active{background:#dfeee6;color:#15583f;font-weight:800}
@media(max-width:1150px){.variation-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.current-info-grid,.product-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assigned-material-row{grid-template-columns:2fr repeat(2,1fr);}.assigned-material-row>*:last-child{justify-self:start}.invoice-line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.context-subnav{top:59px;border-radius:10px;margin-left:-4px;margin-right:-4px}.action-center-popover{right:10px;top:58px}.current-info-grid,.product-summary-grid{grid-template-columns:1fr 1fr}.variation-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.assigned-material-row{grid-template-columns:1fr 1fr}.invoice-mode-switch{grid-template-columns:1fr}.invoice-line-grid{grid-template-columns:1fr 1fr}.invoice-total-panel{display:grid;grid-template-columns:1fr 1fr}.invoice-total-panel>div:last-child{grid-column:1/-1}.voice-search-row{grid-template-columns:1fr auto}.voice-search-row #i-search,.voice-search-row #q-search{grid-column:1/-1}.sticky-save-all,.sticky-form-actions{bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px))}.app-dialog.invoice-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;margin:0}.sticky-dialog-actions{bottom:max(0px,env(safe-area-inset-bottom));padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:480px){.current-info-grid,.product-summary-grid{grid-template-columns:1fr}.variation-kpis{grid-template-columns:1fr 1fr}.invoice-line-grid{grid-template-columns:1fr}.assigned-material-row{grid-template-columns:1fr}.invoice-total-panel{grid-template-columns:1fr}.invoice-total-panel>div:last-child{grid-column:auto}}
/* Pro 10.4 personal shortcuts */
.profile-menu-action{width:100%;border:0;background:transparent;text-align:left;padding:.65rem .85rem;color:inherit;font:inherit;cursor:pointer}
.profile-menu-action:hover{background:rgba(20,70,52,.06)}
.profile-menu-group{padding:.55rem .75rem;border-top:1px solid rgba(20,60,45,.08)}
.profile-menu-group>small{display:block;font-weight:800;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#74817b;margin-bottom:.25rem}
.profile-menu-group div{display:flex;flex-direction:column;gap:.1rem;max-width:240px}
.profile-menu-group a{display:block;padding:.28rem .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.current-packaging-block{margin:1rem 0}.current-packaging-block h3{margin:.2rem 0 .65rem}.material-assignment-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid rgba(26,76,57,.12);border-radius:10px;margin:.45rem 0;background:rgba(248,251,249,.8)}.material-assignment-row>div{display:flex;flex-direction:column;gap:.12rem}.material-assignment-row small{color:#6e7b75}.empty-state.compact{padding:.8rem}@media(max-width:800px){.material-assignment-row{grid-template-columns:1fr 1fr}.material-assignment-row form{grid-column:1/-1}.material-assignment-row form button{width:100%}}

/* Pro 10.4 local draft recovery for long finance documents. */
.draft-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;padding:9px 12px;border:1px solid #d7e7df;background:#f4faf7;border-radius:10px;color:#355849;font-size:.86rem}
.draft-status .link-button{border:0;background:transparent;color:#1f6b50;text-decoration:underline;padding:4px 6px;cursor:pointer;font:inherit;font-weight:700}

/* === AWAFI MANAGEMENT OS · BENTO FROSTED UI 2026 === */
:root{--bento-bg:#edf1ee;--bento-glass:rgba(255,255,255,.68);--bento-ink:#17221f;--bento-muted:#718079;--bento-green:#1f7658;--bento-violet:#6959df;--bento-orange:#ff6d2e;--bento-blue:#6478e9;--bento-radius:24px;--bento-shadow:0 20px 55px rgba(37,62,53,.10)}
body.bento-os{background:radial-gradient(circle at 14% 8%,#fff 0,transparent 28%),radial-gradient(circle at 86% 18%,rgba(219,231,226,.82),transparent 34%),linear-gradient(140deg,#f6f7f5,#e9efec 50%,#f6f6f3);color:var(--bento-ink)}
.bento-ambient{position:fixed;z-index:-5;border-radius:50%;filter:blur(78px);opacity:.26;pointer-events:none;animation:bentoFloat 14s ease-in-out infinite}.bento-a1{width:380px;height:380px;background:#c7c2ff;right:8%;top:-170px}.bento-a2{width:310px;height:310px;background:#ffc9ae;left:35%;bottom:-120px;animation-delay:-4s}.bento-a3{width:330px;height:330px;background:#bcebd5;right:-130px;top:48%;animation-delay:-8s}@keyframes bentoFloat{50%{transform:translate3d(22px,-20px,0) scale(1.06)}}
body.bento-os .app-header{background:rgba(13,35,27,.92)!important;backdrop-filter:blur(26px) saturate(140%);box-shadow:0 14px 40px rgba(7,25,18,.12)}body.bento-os .side-nav{background:rgba(10,31,23,.94)!important;backdrop-filter:blur(28px)}body.bento-os .main-content{background:transparent!important}
body.bento-os .panel,body.bento-os .kpi-card,body.bento-os .summary-card,body.bento-os .variation-card-simple,body.bento-os .supplier,body.bento-os .dashboard-card,body.bento-os .stat-card,body.bento-os .action-card,body.bento-os .session-common,body.bento-os .scanner-panel,body.bento-os .cart-panel{background:rgba(255,255,255,.64)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border:1px solid rgba(255,255,255,.76)!important;box-shadow:var(--bento-shadow)!important;border-radius:var(--bento-radius)!important}
body.bento-os .panel:hover,body.bento-os .kpi-card:hover,body.bento-os .summary-card:hover{box-shadow:0 28px 65px rgba(37,62,53,.13)!important;transition:.22s ease}
body.bento-os .page-head{padding:22px 24px;border-radius:28px;background:rgba(255,255,255,.42);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65);margin-bottom:16px}body.bento-os .page-head h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.02}body.bento-os .page-head p,.bento-page-head p{color:var(--bento-muted)}
body.bento-os input,body.bento-os select,body.bento-os textarea{border-radius:12px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(36,66,55,.12)!important}body.bento-os button,body.bento-os .button-link{border-radius:12px!important}body.bento-os table{background:transparent}body.bento-os tbody tr:hover{background:rgba(255,255,255,.42)!important}
body.bento-os .nav-item{border-radius:11px;transition:.18s ease}body.bento-os .nav-item:hover,body.bento-os .nav-item.active{background:rgba(255,255,255,.10)!important;transform:translateX(2px)}body.bento-os .nav-smart{color:#e9e5ff}body.bento-os .nav-smart i{background:rgba(105,89,223,.25);color:#dcd7ff}
.bento-glass{background:var(--bento-glass)!important;backdrop-filter:blur(26px) saturate(150%)!important;-webkit-backdrop-filter:blur(26px) saturate(150%)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:var(--bento-shadow)!important}
.bento-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.bento-decision-card{min-height:245px;padding:22px;border-radius:26px;text-decoration:none;color:var(--bento-ink);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.67);backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--bento-shadow);transition:.22s ease}.bento-decision-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(37,62,53,.15)}.bento-decision-card span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#73807b}.bento-decision-card strong{font-size:54px;letter-spacing:-.05em}.bento-decision-card p{font-size:13px;color:var(--bento-muted)}.bento-decision-card b{font-size:12px}.bento-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;font-weight:900}.bento-decision-card.violet .bento-icon{background:#e9e5ff;color:#5d4ed3}.bento-decision-card.orange .bento-icon{background:#ffe5d9;color:#df5a20}.bento-decision-card.green .bento-icon{background:#dff3e9;color:#1e7658}
.planner-table td{vertical-align:middle}.planner-table small{display:block;color:var(--bento-muted);max-width:300px}.planner-qty{width:110px!important;font-weight:800}.planner-exception{background:rgba(255,232,220,.35)}.planner-sticky{position:sticky;bottom:10px;z-index:3;margin:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.85);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(37,62,53,.12)}.planner-sticky span{font-size:11px;color:var(--bento-muted)}
.supplier-priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supplier-priority-card{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:center;padding:13px;border-radius:16px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.75)}.supplier-priority-card small{display:block;color:var(--bento-muted);margin-top:4px}.inline-close summary{font-size:10px;cursor:pointer;color:#925126}.inline-close form{display:flex;gap:6px;margin-top:6px}.inline-close input{min-width:180px}.status-pill.warning{background:#fff0cf!important;color:#8b6200!important}
@keyframes bentoReveal{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}body.bento-os .panel,body.bento-os .kpi-card,body.bento-os .summary-card,body.bento-os .variation-card-simple,.bento-decision-card{animation:bentoReveal .5s ease both}
@media(max-width:1000px){.bento-decision-grid,.supplier-priority-grid{grid-template-columns:1fr 1fr}.planner-sticky{position:static}}@media(max-width:700px){.bento-decision-grid,.supplier-priority-grid{grid-template-columns:1fr}.supplier-priority-card{grid-template-columns:1fr}.planner-sticky{flex-direction:column;align-items:stretch}}
