.sales-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);height:calc(100% - 56px);min-height:0;background:var(--app-bg,#D8E2DA);color:var(--text-primary,#20382B)}
.sales-workspace.sales-sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}
.sales-sidebar{display:flex;flex-direction:column;min-height:0;padding:16px 10px 0;background:var(--nav-sidebar-bg,#0B503E);color:var(--nav-text,#fff)}
.sales-sidebar h2{font-size:15px;margin:0 10px 16px}.sales-sidebar nav{display:grid;flex:1;align-content:start;gap:6px}.sales-sidebar button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:inherit;font:13px var(--ui-font,"Segoe UI",sans-serif);text-align:left;cursor:pointer}.sales-sidebar svg{width:18px;height:18px;flex-shrink:0}.sales-sidebar button:hover{background:var(--nav-header-bg,#063F32)}.sales-sidebar button.active{background:var(--nav-active-bg,#032D24);box-shadow:inset 3px 0 var(--accent-champagne,#E8C77D)}
.sales-side-footer{margin-top:auto;padding-top:4px}.sales-side-footer>button{display:flex;align-items:center;gap:10px;width:calc(100% + 20px);height:44px;margin-left:-10px;padding:0 20px;color:#e2f1e7;border:0;border-top:1px solid #ffffff20;border-radius:0;background:transparent;font:12.5px var(--ui-font,"Segoe UI",sans-serif);cursor:pointer}.sales-side-footer>button svg{width:16px;height:16px;flex:0 0 16px}.sales-sidebar-collapsed .sales-sidebar h2{display:none}.sales-sidebar-collapsed .sales-side-items>button{justify-content:center;padding:0}.sales-sidebar-collapsed .sales-side-items>button>span,.sales-sidebar-collapsed .sales-side-footer>button>span{display:none}.sales-sidebar-collapsed .sales-side-footer>button{justify-content:center;padding:0}.sales-sidebar-collapsed .sales-sidebar button:not(.active){box-shadow:none}
.sales-content{display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px 16px 8px;gap:8px;overflow-y:auto}.sales-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid #cbd5e1}.sales-heading p{font-size:9.5px;letter-spacing:1px;color:var(--text-secondary,#536B5B);margin:0 0 2px;font-weight:600}.sales-heading h1{font-size:17px;font-weight:700;margin:0}.sales-actions{display:flex;gap:6px}.sales-actions button,.sales-actions a{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--border-default,#B6C8BB);border-radius:6px;background:var(--surface-bg,#F3F6F3);color:var(--text-primary,#20382B);font:inherit;font-size:11.5px;text-decoration:none;cursor:pointer}.sales-actions a{background:var(--action-primary-bg,#0B6047);color:var(--nav-text,#fff)}.sales-actions a:hover{background:var(--action-primary-hover-bg,#074A36)}.sales-description{display:none}.sales-session-hint{margin:0;color:var(--text-secondary,#536B5B);font-size:11px;line-height:1.4}.sales-frame-wrap{flex:1;min-height:0;overflow:hidden;border:1px solid var(--border-default,#B6C8BB);border-radius:8px;background:var(--surface-bg,#F3F6F3)}.sales-frame{width:100%;height:100%;border:0;display:block}.sales-workspace button:focus-visible,.sales-workspace a:focus-visible{outline:2px solid var(--accent-champagne,#E8C77D);outline-offset:2px}
@media(max-width:700px){.sales-workspace,.sales-workspace.sales-sidebar-collapsed{grid-template-columns:1fr;height:calc(100% - 102px)}.sales-sidebar{padding:8px 12px}.sales-sidebar h2{display:none}.sales-sidebar nav{display:flex;flex:1;min-width:0}.sales-sidebar button{min-height:38px;width:auto}.sales-side-footer{margin-top:0;padding-top:0}.sales-side-footer>button{width:40px;height:38px;margin:0;padding:0;justify-content:center;border:0;border-radius:8px}.sales-side-footer>button span{display:none}.sales-sidebar-collapsed .sales-side-items>button>span{display:none}.sales-content{padding:12px;gap:8px}.sales-heading h1{font-size:19px}.sales-actions{gap:5px}.sales-actions button,.sales-actions a{padding:6px 8px;font-size:11px}}
.reports-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);height:calc(100% - 56px);min-height:0;background:var(--app-bg,#D8E2DA);color:var(--text-primary,#20382B);padding:0;gap:0}
.reports-workspace.reports-sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}
.reports-sidebar{display:flex;flex-direction:column;min-height:0;padding:18px 12px 0;background:var(--nav-sidebar-bg,#0B503E);color:var(--nav-text,#fff);border-right:1px solid rgba(0,0,0,0.08)}
.reports-sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 18px;border-bottom:1px solid rgba(255,255,255,0.12);margin-bottom:14px}
.reports-brand-badge{width:32px;height:32px;border-radius:8px;background:#032D24;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#4ade80}
.reports-brand-info strong{display:block;font-size:13.5px;color:#fff;font-weight:650;line-height:1.2}
.reports-brand-info small{display:block;font-size:10px;color:#a7f3d0;margin-top:2px}
.reports-side-items{display:flex;flex-direction:column;gap:6px;flex:1}
.reports-side-items button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#e2f1e7;font:13.5px var(--ui-font,"Segoe UI",sans-serif);text-align:left;cursor:pointer;white-space:nowrap;transition:all .15s ease}
.reports-side-items button svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor}
.reports-side-items button:hover{background:rgba(255,255,255,0.08);color:#fff}
.reports-side-items button.active{background:var(--nav-active-bg,#032d24);color:#fff;font-weight:600;box-shadow:inset 3px 0 var(--accent-champagne,#E8C77D)}
.reports-side-footer{margin-top:auto;padding-top:4px}
#reportsStorageBadge{display:block;margin:0 9px 10px;color:#d1e5d8;font-size:10px;line-height:1.5}
.reports-side-footer>button{display:flex;align-items:center;gap:10px;width:calc(100% + 24px);height:48px;margin-left:-12px;padding:0 24px;color:#e2f1e7;border:0;border-top:1px solid rgba(255,255,255,0.12);background:transparent;font:13px var(--ui-font,"Segoe UI",sans-serif);cursor:pointer}
.reports-side-footer>button svg{width:17px;height:17px;flex:0 0 17px}
.reports-sidebar-collapsed .reports-sidebar-brand .reports-brand-info{display:none}
.reports-sidebar-collapsed .reports-sidebar-brand{justify-content:center;padding-left:0;padding-right:0}
.reports-sidebar-collapsed .reports-side-items button{justify-content:center;padding:0}
.reports-sidebar-collapsed .reports-side-items button span,.reports-sidebar-collapsed #reportsStorageBadge,.reports-sidebar-collapsed .reports-side-footer>button span{display:none}
.reports-sidebar-collapsed .reports-side-footer>button{justify-content:center;padding:0}
.reports-main-pane{display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px 16px 8px;gap:8px;overflow-y:auto;background:#f8fafc}
.reports-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}
.reports-heading p{margin:0 0 2px;color:var(--text-secondary,#536B5B);font-size:9.5px;letter-spacing:1px;font-weight:600}
.reports-heading h1{display:block;margin:0 0 2px;font-size:17px;color:#0f172a;font-weight:700}
.reports-heading span{display:block;color:#64748b;font-size:11.5px}
.reports-bi-workspace{flex:1;min-height:0}
@media(max-width:700px){.reports-workspace,.reports-workspace.reports-sidebar-collapsed{grid-template-columns:1fr;height:calc(100% - 102px)}.reports-sidebar{padding:8px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.12)}.reports-sidebar-brand{display:none}.reports-side-items{flex-direction:row;overflow-x:auto}.reports-side-footer{display:none}.reports-main-pane{padding:10px;gap:8px}.reports-heading h1{font-size:17px}.reports-heading span{display:none}}
.sales-products{height:100%;min-height:0;display:flex;flex-direction:column}.sales-products-toolbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-default,#B6C8BB);color:var(--text-secondary,#536B5B);font-size:12px}.sales-products-toolbar input{width:min(440px,55%);height:36px;padding:0 11px;border:1px solid var(--border-default,#B6C8BB);border-radius:7px;background:#fff;color:var(--text-primary,#20382B);font:inherit}.sales-products-toolbar span{margin-left:auto}.sales-products-table-wrap{overflow:auto;flex:1}.sales-products-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}.sales-products-table th,.sales-products-table td{padding:12px 15px;border-bottom:1px solid #e6ece8;text-align:left}.sales-products-table th{position:sticky;top:0;background:#eef2ef;color:var(--text-secondary,#536B5B);font-size:10px;text-transform:uppercase;letter-spacing:.4px}.sales-products-table td:last-child{font-variant-numeric:tabular-nums;font-weight:650}.sales-products-table tbody tr:hover{background:#f6f9f7}.sales-products-notice{padding:11px 15px;margin:0;border-top:1px solid #e6ece8;color:var(--text-secondary,#536B5B);font-size:11px}