/* Pivoteka ERP 2.30.0.3.0.5 — Personal Director Dashboard + light color sidebar */
:root{
  --db2-bg:#f5f7fb;
  --db2-surface:#ffffff;
  --db2-surface-soft:#f8faff;
  --db2-text:#172033;
  --db2-muted:#738096;
  --db2-line:#e6ebf3;
  --db2-blue:#2f6df6;
  --db2-blue-soft:#edf3ff;
  --db2-green:#20b86a;
  --db2-red:#e6545d;
  --db2-orange:#f09b2d;
  --db2-purple:#7857eb;
  --db2-cyan:#12aebd;
  --db2-pink:#dd5aa0;
  --db2-shadow:0 12px 34px rgba(39,58,94,.09);
  --db2-radius:18px;
  --desktop-sidebar:268px;
}

/* ===== Shell / colorful navigation ===== */
html,body{background:var(--db2-bg)!important;color:var(--db2-text)}
.app-main{background:var(--db2-bg)!important;column-gap:18px!important;padding-right:20px!important;transition:grid-template-columns .2s ease}
.desktop-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 55%,#f7f9fd 100%)!important;
  border-right:1px solid #e8edf5!important;
  box-shadow:10px 0 34px rgba(49,66,99,.055)!important;
  padding:16px 13px 24px!important;
  color:var(--db2-text)!important;
  scrollbar-color:#d6deea transparent;
}
.desktop-brand{border-bottom:1px solid #edf1f6!important;padding:4px 8px 17px!important;margin-bottom:7px!important;min-height:64px}
.desktop-brand__mark{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#2d74ff,#51a0ff)!important;
  color:#fff!important;box-shadow:0 10px 24px rgba(47,109,246,.24)!important;
  position:relative;overflow:hidden;
}
.desktop-brand__mark:before,.desktop-brand__mark:after{content:"";position:absolute;bottom:10px;width:5px;border-radius:5px;background:#fff;opacity:.96}
.desktop-brand__mark:before{left:12px;height:15px;box-shadow:8px -6px 0 #fff,16px -14px 0 #fff}
.desktop-brand__mark>span{display:none!important}
.desktop-brand strong{color:#152033!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.02em!important}
.desktop-brand span{color:#8290a5!important;font-size:9px!important;font-weight:750!important;letter-spacing:.1em!important}
.desktop-nav-scroll{padding-right:2px}
.desktop-nav-group{margin-top:12px!important;border:0!important}
.desktop-nav-group>summary{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:6px 10px!important;color:#98a3b3!important;font-size:10px!important;font-weight:800!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;cursor:pointer!important;list-style:none!important;
}
.desktop-nav-group>summary::-webkit-details-marker{display:none}
.desktop-nav-group>summary i{font-style:normal!important;font-size:12px!important;color:#b0bac8!important;transition:transform .18s ease}
.desktop-nav-group[open]>summary i{transform:rotate(180deg)}
.desktop-nav-group__items{display:grid;gap:3px}
.tabbar__btn{
  width:100%!important;display:flex!important;align-items:center!important;gap:11px!important;text-align:left!important;
  min-height:43px!important;margin:0!important;padding:6px 10px!important;border:1px solid transparent!important;
  border-radius:13px!important;background:transparent!important;color:#526076!important;font-size:12.5px!important;
  font-weight:680!important;line-height:1.2!important;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease!important;
}
.tabbar__btn>span{
  width:31px!important;min-width:31px!important;height:31px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;background:#f0f3f8!important;color:#6f7f96!important;
  box-shadow:inset 0 0 0 1px rgba(111,127,150,.08)!important;transition:transform .15s ease,box-shadow .15s ease!important;
}
.tabbar__btn>span svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tabbar__btn:hover{background:#f8faff!important;border-color:#e9eef6!important;color:#243149!important;transform:translateX(1px)}
.tabbar__btn:hover>span{transform:scale(1.04);box-shadow:0 5px 14px rgba(54,75,112,.12)!important}
.tabbar__btn[data-nav-tone="blue"]>span{background:#edf3ff!important;color:#2f6df6!important}
.tabbar__btn[data-nav-tone="green"]>span{background:#ecfbf3!important;color:#1eae64!important}
.tabbar__btn[data-nav-tone="purple"]>span{background:#f2efff!important;color:#7555e7!important}
.tabbar__btn[data-nav-tone="orange"]>span{background:#fff5e7!important;color:#ed951f!important}
.tabbar__btn[data-nav-tone="cyan"]>span{background:#eafafc!important;color:#0caab9!important}
.tabbar__btn[data-nav-tone="pink"]>span{background:#fff0f6!important;color:#d94f98!important}
.tabbar__btn[data-nav-tone="indigo"]>span{background:#eef1ff!important;color:#536be8!important}
.tabbar__btn[data-nav-tone="slate"]>span{background:#f0f3f7!important;color:#64748b!important}
.tabbar__btn.active{
  color:#17478f!important;background:linear-gradient(110deg,#edf4ff 0%,#f6f9ff 100%)!important;
  border-color:#cfe0ff!important;box-shadow:0 7px 20px rgba(47,109,246,.11)!important;transform:none!important;
}
.tabbar__btn.active:before{content:"";width:3px;align-self:stretch;border-radius:4px;background:linear-gradient(#3b7aff,#6aa7ff);margin-left:-5px;margin-right:-2px}
.tabbar__btn.active>span{background:linear-gradient(145deg,#2f6df6,#5595ff)!important;color:#fff!important;box-shadow:0 7px 16px rgba(47,109,246,.24)!important}
.tabbar__btn--accent{color:#526076!important}
.desktop-sidebar__footer{margin-top:18px;padding-top:12px;border-top:1px solid #edf1f6;display:grid;gap:7px}
.sidebar-support,.sidebar-collapse-btn{
  border:1px solid #e5ebf3;background:#fff;color:#64748b;border-radius:12px;min-height:38px;padding:7px 10px;
  display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;text-align:left;cursor:pointer;
}
.sidebar-support:hover,.sidebar-collapse-btn:hover{border-color:#cbd9ef;background:#f7faff;color:#2f5d9f}
.sidebar-support span,.sidebar-collapse-btn span{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#65758c}
.sidebar-collapse-btn b{font:inherit}
.desktop-sidebar__footer small{color:#a0aaba!important;padding:3px 7px;font-size:9px;line-height:1.35}
.app-main.sidebar-collapsed{--desktop-sidebar:82px}
.app-main.sidebar-collapsed .desktop-sidebar{padding-left:10px!important;padding-right:10px!important;overflow-x:hidden}
.app-main.sidebar-collapsed .desktop-brand{justify-content:center;padding-left:0!important;padding-right:0!important}
.app-main.sidebar-collapsed .desktop-brand>div:last-child,
.app-main.sidebar-collapsed .desktop-nav-group>summary,
.app-main.sidebar-collapsed .desktop-sidebar__footer small,
.app-main.sidebar-collapsed .sidebar-support,
.app-main.sidebar-collapsed .sidebar-collapse-btn b{display:none!important}
.app-main.sidebar-collapsed .desktop-nav-group{margin-top:7px!important}
.app-main.sidebar-collapsed .tabbar__btn{font-size:0!important;justify-content:center!important;padding:6px!important;min-height:44px!important}
.app-main.sidebar-collapsed .tabbar__btn:before{display:none!important}
.app-main.sidebar-collapsed .tabbar__btn>span{margin:0!important;width:34px!important;min-width:34px!important;height:34px!important}
.app-main.sidebar-collapsed .desktop-sidebar__footer{justify-items:center;border-top:0;padding-top:4px}
.app-main.sidebar-collapsed .sidebar-collapse-btn{display:grid!important;place-items:center!important;width:40px;height:40px;padding:0;border-radius:13px}
.app-main.sidebar-collapsed .sidebar-collapse-btn span{transform:rotate(180deg);background:transparent}

/* ===== Header/profile ===== */
.topbar{padding-top:20px!important}
.topbar__identity .title{color:#172033!important;font-size:29px!important}
.topbar__identity .subtitle{color:#7a8798!important}
.topbar__right{align-items:center!important}
.db2-top-actions{display:none;align-items:center;gap:8px}
.dashboard-v2-mode .db2-top-actions{display:flex}
.dashboard-v2-mode .global-search,.dashboard-v2-mode #refresh-btn{display:none!important}
.db2-primary-action,.db2-secondary-action{
  min-height:39px;border-radius:11px;padding:8px 13px;border:1px solid #dfe6f1;background:#fff;color:#445167;font-size:11.5px;font-weight:780;display:flex;align-items:center;gap:7px;cursor:pointer
}
.db2-primary-action{border-color:#2f6df6;background:linear-gradient(135deg,#2f6df6,#4d86fb);color:#fff;box-shadow:0 8px 18px rgba(47,109,246,.2)}
.db2-primary-action:hover{filter:brightness(1.03)}
.db2-secondary-action:hover{border-color:#cbd8ea;background:#f8faff}
.director-profile{
  background:#fff!important;border:1px solid #e5eaf2!important;border-radius:14px!important;padding:6px 9px 6px 6px!important;min-width:164px!important;cursor:pointer!important;box-shadow:0 4px 13px rgba(41,56,88,.05)!important;transition:.15s ease
}
.director-profile:hover{border-color:#cfd9e8!important;box-shadow:0 8px 20px rgba(41,56,88,.09)!important}
.director-profile__avatar{
  width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  background:linear-gradient(145deg,#315fe8,#68a3ff)!important;color:#fff!important;font-weight:850!important;background-size:cover!important;background-position:center!important
}
.director-profile strong{color:#1d293b!important;font-size:11.5px!important}.director-profile span{color:#8995a8!important;font-size:9.5px!important}
.director-profile__chevron{margin-left:auto;font-size:12px!important}
.db2-profile-popover{
  position:fixed;right:24px;top:76px;width:300px;z-index:120;background:#fff;border:1px solid #e3e9f2;border-radius:18px;box-shadow:0 24px 60px rgba(29,45,76,.18);padding:12px
}
.db2-profile-popover.hidden{display:none!important}
.db2-profile-popover__head{display:flex;align-items:center;gap:10px;padding:5px 4px 12px;border-bottom:1px solid #edf1f6;margin-bottom:7px}
.db2-profile-popover__head>div:last-child{display:grid;gap:2px}.db2-profile-popover__head strong{font-size:13px;color:#172033}.db2-profile-popover__head span{font-size:10px;color:#8a96a8}
.db2-profile-popover__avatar{width:44px!important;height:44px!important}
.db2-profile-action{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;border:0;background:transparent;padding:9px;border-radius:12px;text-align:left;cursor:pointer;color:#334155}
.db2-profile-action:hover{background:#f6f8fc}.db2-profile-action>span{width:32px;height:32px;border-radius:10px;background:#edf3ff;color:#2f6df6;display:grid;place-items:center}
.db2-profile-action b,.db2-profile-action small{display:block}.db2-profile-action b{font-size:11px}.db2-profile-action small{font-size:9px;color:#8a96a8;margin-top:2px;font-weight:500}.db2-profile-action--danger>span{background:#fff1f1;color:#dc4d57}.db2-profile-action--danger b{color:#c9424b}

/* ===== Dashboard workspace ===== */
.dashboard-v2-mode .screen{padding-top:4px!important;padding-left:0!important;overflow:visible!important}
.dashboard-v2-mode .desktop-toolbar{display:none!important}
.db2-page{display:grid;gap:14px;padding-bottom:34px;color:var(--db2-text)}
.db2-contextbar{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  min-height:54px;padding:8px 10px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid #e7ecf4;border-radius:16px;box-shadow:0 6px 20px rgba(41,56,88,.045)
}
.db2-store-pills,.db2-period-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.db2-pill,.db2-period-button,.db2-add-store{
  border:1px solid #e0e6ef;background:#fff;color:#536076;border-radius:11px;padding:8px 12px;min-height:35px;font-size:11px;font-weight:760;cursor:pointer;transition:.15s ease
}
.db2-pill:hover,.db2-period-button:hover,.db2-add-store:hover{border-color:#cbd8eb;background:#f8faff;color:#284b7d}
.db2-pill.active{border-color:#9ebdff;background:#edf3ff;color:#1f61e9;box-shadow:0 4px 12px rgba(47,109,246,.1)}
.db2-add-store{border-style:dashed;color:#6f7b8d}.db2-period-button{display:flex;gap:7px;align-items:center}.db2-period-button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.db2-context-popover{
  position:absolute;top:calc(100% + 8px);z-index:95;background:#fff;border:1px solid #e2e8f1;border-radius:16px;box-shadow:0 20px 50px rgba(31,47,78,.16);padding:12px;min-width:280px
}
.db2-context-popover--stores{left:9px;max-height:390px;overflow:auto}.db2-context-popover--period{right:9px;width:340px}
.db2-popover-title{font-size:12px;font-weight:820;color:#1c2a3e;margin:2px 3px 9px}.db2-store-choice{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;font-size:11px;color:#4c5a6f;cursor:pointer}.db2-store-choice:hover{background:#f6f8fc}.db2-store-choice input{accent-color:#2f6df6}
.db2-period-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}.db2-period-preset{border:1px solid #e4e9f1;background:#fff;border-radius:10px;padding:8px;font-size:10px;font-weight:730;color:#536076;cursor:pointer}.db2-period-preset.active{border-color:#a9c5ff;background:#edf3ff;color:#235fdb}
.db2-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.db2-date-grid label{display:grid;gap:4px;font-size:9px;color:#8793a5}.db2-date-grid input{border:1px solid #e0e6ef;border-radius:10px;padding:8px;font:inherit;color:#344054;background:#fff}.db2-period-apply{width:100%;margin-top:9px;border:0;border-radius:10px;background:#2f6df6;color:#fff;padding:9px;font-size:10.5px;font-weight:800;cursor:pointer}
.db2-edit-banner{display:none;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px dashed #b7caf2;border-radius:13px;background:#f2f6ff;color:#466087;font-size:10.5px}.db2-page.is-editing .db2-edit-banner{display:flex}.db2-edit-banner b{color:#2156ad}
.db2-widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--db2-grid-rows,10),66px);grid-auto-rows:66px;gap:14px;align-items:stretch;min-height:640px;position:relative;transition:min-height .15s ease}
.db2-page.is-editing .db2-widget-grid{background-image:linear-gradient(to right,rgba(93,126,182,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(93,126,182,.075) 1px,transparent 1px);background-size:calc((100% + 14px)/12) 80px;border-radius:15px;outline:1px dashed rgba(82,116,178,.16);outline-offset:7px}
.db2-widget{
  grid-column:var(--db2-col,1) / span var(--db2-w,6);grid-row:var(--db2-row,1) / span var(--db2-h,6);min-width:0;position:relative;background:#fff;border:1px solid #e5eaf2;border-radius:var(--db2-radius);box-shadow:var(--db2-shadow);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease;z-index:2
}
.db2-page.is-editing .db2-widget{border-color:#cbd9f2;box-shadow:0 12px 34px rgba(47,109,246,.10)}
.db2-page.is-editing .db2-widget:not(.is-pinned):hover{border-color:#a9c3f4;box-shadow:0 15px 38px rgba(47,109,246,.13)}
.db2-widget.is-dragging{opacity:.38;transform:scale(.992)}.db2-widget.is-resizing{box-shadow:0 16px 42px rgba(47,109,246,.18)}
.db2-drop-preview{grid-column:var(--db2-col,1) / span var(--db2-w,4);grid-row:var(--db2-row,1) / span var(--db2-h,4);border:2px dashed #4d83f4;border-radius:16px;background:rgba(69,120,238,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);pointer-events:none;z-index:1;transition:grid-column-start .06s linear,grid-row-start .06s linear}
.db2-drop-preview.is-invalid{border-color:#df6570;background:rgba(223,101,112,.08)}
body.db2-is-manipulating{user-select:none!important;cursor:grabbing!important}
.db2-widget__chrome{height:100%;display:flex;flex-direction:column;min-height:0}
.db2-widget__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 17px 10px}.db2-widget__title{font-size:17px;font-weight:850;color:#1c2738;letter-spacing:-.015em}.db2-widget__subtitle{font-size:9.5px;color:#8792a3;margin-top:3px}.db2-widget__actions{display:flex;gap:5px}.db2-widget__iconbtn{width:29px;height:29px;border:1px solid #e6ebf2;background:#fff;border-radius:9px;color:#788598;display:grid;place-items:center;cursor:pointer}.db2-widget__iconbtn:hover{background:#f6f8fc;color:#2f6df6}.db2-widget__iconbtn.is-pinned{background:#edf3ff;color:#2f6df6;border-color:#cfe0ff}.db2-page:not(.is-editing) .db2-widget__remove{display:none}
.db2-resize-handle{display:none;position:absolute;right:5px;bottom:5px;width:26px;height:26px;cursor:nwse-resize;z-index:12;touch-action:none}.db2-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-right:2px solid #7295d2;border-bottom:2px solid #7295d2;border-radius:1px}.db2-page.is-editing .db2-widget:not(.is-pinned) .db2-resize-handle{display:block}.db2-widget.is-pinned .db2-resize-handle{display:none!important}
.db2-widget__drag{display:none;position:absolute;left:50%;top:5px;transform:translateX(-50%);width:50px;height:15px;border:0;background:transparent;border-radius:8px;align-items:center;justify-content:center;gap:3px;z-index:13;cursor:grab;touch-action:none;padding:0}.db2-widget__drag span{width:4px;height:4px;border-radius:50%;background:#9cb0d1;box-shadow:0 0 0 1px rgba(255,255,255,.8)}.db2-page.is-editing .db2-widget:not(.is-pinned) .db2-widget__drag{display:flex}.db2-widget__drag:active{cursor:grabbing}.db2-widget__drag:disabled{display:none!important}.db2-widget.is-pinned .db2-widget__head{padding-top:16px}.db2-page.is-editing .db2-widget:not(.is-pinned) .db2-widget__head{padding-top:20px}

/* Writeoffs widget */
.db2-writeoff-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px 10px;flex-wrap:wrap}.db2-segment{display:inline-flex;padding:3px;background:#f4f6fa;border-radius:10px;border:1px solid #edf0f5}.db2-segment button{border:0;background:transparent;color:#6e7a8d;border-radius:8px;padding:6px 10px;font-size:9.5px;font-weight:760;cursor:pointer}.db2-segment button.active{background:#fff;color:#2460df;box-shadow:0 2px 8px rgba(45,69,112,.1)}
.db2-writeoff-kpis{display:grid;grid-template-columns:1.15fr .9fr 1fr;margin:0 17px 11px;border:1px solid #e7ebf2;border-radius:13px;background:linear-gradient(180deg,#fbfcff,#f8faff);overflow:hidden}.db2-writeoff-kpi{padding:11px 13px;border-right:1px solid #e9edf4}.db2-writeoff-kpi:last-child{border-right:0}.db2-writeoff-kpi strong{display:block;font-size:18px;color:#1d293b;line-height:1.1}.db2-writeoff-kpi span{display:block;margin-top:4px;font-size:8.5px;color:#8994a5}.db2-writeoff-kpi.is-up strong{color:#d04e58}.db2-writeoff-kpi.is-down strong{color:#1ca865}.db2-writeoff-kpi.is-neutral strong{color:#6f7d90}
.db2-widget-tabs{display:flex;gap:3px;padding:0 17px;border-bottom:1px solid #e9edf3}.db2-widget-tabs button{border:0;background:transparent;padding:8px 10px 9px;color:#657286;font-size:9.5px;font-weight:760;cursor:pointer;position:relative}.db2-widget-tabs button.active{color:#2465e8}.db2-widget-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:#2f6df6}
.db2-writeoff-list{padding:5px 17px 12px;overflow:auto;min-height:0;flex:1}.db2-table-head,.db2-product-row,.db2-supplier-row,.db2-document-row{display:grid;align-items:center;gap:8px;border-bottom:1px solid #eef1f5}.db2-table-head{min-height:28px;color:#919baa;font-size:8.5px;font-weight:750}.db2-product-row{grid-template-columns:30px minmax(160px,1fr) 92px 100px 28px;min-height:43px;cursor:pointer}.db2-table-head.products{grid-template-columns:30px minmax(160px,1fr) 92px 100px 28px}.db2-product-row:hover,.db2-supplier-row:hover,.db2-document-row:hover{background:#fafbfe}.db2-rank{font-size:9px;color:#98a2b1;text-align:center}.db2-product-cell{display:flex;align-items:center;gap:9px;min-width:0}.db2-product-thumb{width:28px;height:28px;border-radius:8px;background:#f0f3f8;display:grid;place-items:center;overflow:hidden;color:#8b97aa;font-size:11px;flex:none}.db2-product-thumb img{width:100%;height:100%;object-fit:cover}.db2-product-cell b,.db2-supplier-row b,.db2-document-row b{font-size:10px;color:#283548;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;min-width:0}.db2-product-cell small{display:block;font-size:8px;color:#9aa4b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db2-cell-number{font-size:9.5px;color:#4e5d72;white-space:nowrap}.db2-cell-money{font-size:10px;color:#223048;font-weight:800;white-space:nowrap}.db2-row-open{width:26px;height:26px;border:1px solid #e3e8f0;background:#fff;border-radius:8px;color:#728098;display:grid;place-items:center}.db2-product-row:hover .db2-row-open{border-color:#cddcff;color:#2f6df6;background:#f5f8ff}.db2-supplier-row{grid-template-columns:minmax(160px,1fr) 90px 95px 80px;min-height:42px}.db2-table-head.suppliers{grid-template-columns:minmax(160px,1fr) 90px 95px 80px}.db2-document-row{grid-template-columns:96px minmax(110px,1fr) minmax(110px,1fr) 90px 94px;min-height:42px}.db2-table-head.documents{grid-template-columns:96px minmax(110px,1fr) minmax(110px,1fr) 90px 94px}.db2-doc-kind{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:3px 7px;background:#f3f5f8;color:#6f7b8d;font-size:8px;font-weight:760}.db2-doc-kind.revision{background:#fff2e7;color:#c87815}.db2-widget-footer{padding:0 17px 13px}.db2-widget-more{width:100%;border:1px solid #e6ebf2;background:#fff;border-radius:10px;padding:7px;color:#2e68e4;font-size:9.5px;font-weight:770;cursor:pointer}.db2-widget-more:hover{background:#f7faff}
.db2-empty{display:grid;place-items:center;text-align:center;min-height:150px;padding:24px;color:#8a96a7;font-size:10px}.db2-empty b{display:block;color:#4b5a70;font-size:12px;margin-bottom:4px}
.db2-widget-skeleton{display:grid;place-items:center;height:100%;padding:20px;text-align:center;color:#8b97aa}.db2-widget-skeleton__icon{width:48px;height:48px;border-radius:15px;background:#f0f4fb;display:grid;place-items:center;color:#6483bb;font-size:21px;margin-bottom:9px}.db2-widget-skeleton b{display:block;color:#354258;font-size:13px}.db2-widget-skeleton small{display:block;margin-top:5px;font-size:9px;line-height:1.45;max-width:260px}

/* Widget gallery */
.db2-gallery{
  position:fixed;right:20px;top:82px;bottom:20px;width:390px;z-index:110;background:#fff;border:1px solid #e1e7f0;border-radius:20px;box-shadow:0 28px 70px rgba(28,44,76,.2);display:flex;flex-direction:column;overflow:hidden
}
.db2-gallery__head{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid #edf1f5}.db2-gallery__head h3{margin:0;font-size:17px;color:#1b2738}.db2-gallery__close{width:30px;height:30px;border:0;background:#f5f7fa;border-radius:9px;color:#667487;cursor:pointer}.db2-gallery__body{overflow:auto;padding:12px 14px 20px}.db2-gallery-section{margin-top:8px}.db2-gallery-section__title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:820;color:#4c5a70;padding:7px 3px}.db2-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.db2-gallery-card{border:1px solid #e5eaf2;background:#fff;border-radius:14px;padding:11px;text-align:left;cursor:pointer;min-height:96px;transition:.15s ease}.db2-gallery-card:hover:not(:disabled){border-color:#c7d7f4;box-shadow:0 8px 20px rgba(48,74,120,.08);transform:translateY(-1px)}.db2-gallery-card:disabled{cursor:default;opacity:.68}.db2-gallery-card__icon{width:30px;height:30px;border-radius:10px;background:#edf3ff;color:#2f6df6;display:grid;place-items:center;margin-bottom:8px}.db2-gallery-card[data-type="sales"] .db2-gallery-card__icon{background:#ecfbf3;color:#1bab64}.db2-gallery-card[data-type="money"] .db2-gallery-card__icon{background:#fff5e7;color:#e9911f}.db2-gallery-card[data-type="staff"] .db2-gallery-card__icon{background:#f2efff;color:#7555e7}.db2-gallery-card b{display:block;font-size:10.5px;color:#2c394d}.db2-gallery-card small{display:block;margin-top:4px;font-size:8.5px;color:#8c97a8;line-height:1.4}.db2-gallery-card em{display:inline-block;margin-top:6px;font-style:normal;font-size:7.5px;font-weight:800;color:#7b89a0;background:#f3f5f8;padding:3px 6px;border-radius:999px}.db2-gallery-card.is-added em{color:#1e9d5b;background:#ebfaf2}

/* Detail drawer */
.db2-detail-drawer{position:fixed;right:20px;top:82px;bottom:20px;width:430px;z-index:105;background:#fff;border:1px solid #e1e7f0;border-radius:20px;box-shadow:0 26px 68px rgba(30,46,77,.2);display:flex;flex-direction:column;overflow:hidden}
.db2-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 17px 12px;border-bottom:1px solid #eef1f5}.db2-detail-head__text{min-width:0;flex:1}.db2-detail-head h3{margin:0;font-size:15px;line-height:1.28;color:#1c2838;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.db2-detail-head p{margin:4px 0 0;font-size:9px;line-height:1.35;color:#8792a4;white-space:normal;overflow-wrap:anywhere}.db2-detail-close{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:9px;background:#f5f7fa;color:#69778a;cursor:pointer}.db2-detail-body{padding:13px 16px 20px;overflow:auto}.db2-detail-period{display:flex;gap:5px;margin-bottom:10px}.db2-detail-period button{flex:1;border:1px solid #e3e8f0;background:#fff;border-radius:9px;padding:7px;font-size:9px;font-weight:770;color:#657286;cursor:pointer}.db2-detail-period button.active{border-color:#9ebdff;background:#edf3ff;color:#225fdd}.db2-detail-custom{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:10px}.db2-detail-custom input{min-width:0;border:1px solid #e0e6ef;border-radius:9px;padding:7px;font-size:9px}.db2-detail-custom button{border:0;background:#2f6df6;color:#fff;border-radius:9px;padding:0 10px;font-size:9px;font-weight:780;cursor:pointer}.db2-detail-kpi{border:1px solid #e6ebf2;border-radius:13px;padding:11px 12px;background:#fafcff}.db2-detail-kpi strong{display:block;font-size:15px;color:#1d293b}.db2-detail-kpi span{font-size:8.5px;color:#8a95a6}.db2-mini-chart{display:flex;align-items:flex-end;gap:4px;height:128px;margin:12px 0 8px;padding:10px 5px 17px;border-bottom:1px solid #eef1f5;overflow-x:auto}.db2-chart-day{min-width:12px;flex:1;height:100%;display:flex;align-items:flex-end;gap:2px;position:relative}.db2-chart-bar{flex:1;min-width:3px;border-radius:4px 4px 1px 1px;background:#4d86fb;min-height:1px}.db2-chart-bar.revision{background:#f0a34c}.db2-chart-day label{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:6.5px;color:#9aa5b5;white-space:nowrap}.db2-detail-breakdown{display:grid;gap:6px;margin:10px 0}.db2-breakdown-row{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;border:1px solid #edf0f4;border-radius:10px;padding:8px 9px;font-size:9px;color:#5e6c80}.db2-breakdown-dot{width:8px;height:8px;border-radius:50%;background:#4d86fb}.db2-breakdown-dot.revision{background:#f0a34c}.db2-breakdown-row b{color:#29374b;font-size:9.5px}.db2-detail-section-title{font-size:10.5px;font-weight:820;color:#334155;margin:15px 0 7px}.db2-event-head,.db2-event-row{display:grid;grid-template-columns:70px 58px 70px 1fr;gap:6px;align-items:center}.db2-event-head{font-size:7.5px;color:#9aa4b3;padding:4px 0}.db2-event-row{min-height:35px;border-bottom:1px solid #eef1f5;font-size:8.5px;color:#59687d}.db2-event-row a{color:#2b67e5;font-weight:720;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db2-event-kind{font-size:7px;padding:2px 5px;border-radius:999px;background:#f1f4f8;color:#778499;width:max-content}.db2-event-kind.revision{background:#fff2e7;color:#c67817}


.db2-detail-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:3px;background:#f3f6fa;border-radius:11px}
.db2-detail-view-tabs button{min-width:0;border:0;background:transparent;border-radius:8px;padding:8px 10px;color:#6b778a;font-size:9.5px;font-weight:800;cursor:pointer;white-space:normal;line-height:1.2}
.db2-detail-view-tabs button.active{background:#fff;color:#225fdd;box-shadow:0 1px 5px rgba(39,65,110,.11)}
.db2-history{min-width:0}
.db2-history-loading{display:grid;gap:4px;padding:18px 14px;border:1px solid #e8edf4;border-radius:13px;background:#fafcff;color:#64748b;font-size:9px}
.db2-history-loading b{color:#334155;font-size:10px}
.db2-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5eaf2;border-radius:13px;background:#fafcff;overflow:hidden}
.db2-history-summary>div{min-width:0;padding:10px 9px;border-right:1px solid #e8edf4}
.db2-history-summary>div:last-child{border-right:0}
.db2-history-summary span{display:block;color:#8a95a6;font-size:7.5px;margin-bottom:3px}
.db2-history-summary strong{display:block;color:#26364c;font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.db2-history-filters{display:flex;gap:5px;overflow-x:auto;padding:10px 0 7px;scrollbar-width:thin}
.db2-history-filters button{flex:0 0 auto;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:6px 9px;color:#66758a;font-size:8px;font-weight:780;cursor:pointer}
.db2-history-filters button.active{border-color:#9dbbff;background:#edf3ff;color:#225fdd}
.db2-history-note{border-radius:10px;background:#f8fafc;padding:8px 9px;color:#8994a5;font-size:7.5px;line-height:1.4;margin-bottom:9px}
.db2-history-timeline{min-width:0}
.db2-history-date{position:sticky;top:-13px;z-index:2;margin:8px 0 3px;padding:5px 2px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);color:#66758a;font-size:8px;font-weight:820}
.db2-history-event{display:grid;grid-template-columns:28px minmax(0,1fr) 76px;gap:9px;align-items:start;padding:10px 2px;border-bottom:1px solid #eef1f5}
.db2-history-sign{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:900;background:#f2f4f7;color:#667085}
.db2-history-sign.in{background:#eaf8ef;color:#159447}.db2-history-sign.out{background:#fff0f0;color:#d74646}.db2-history-sign.neutral{background:#f3f5f8;color:#7b8797}
.db2-history-main{min-width:0}
.db2-history-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.db2-history-topline b{min-width:0;color:#2b384c;font-size:9.5px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.db2-history-topline strong{flex:0 0 auto;font-size:9px;white-space:nowrap}.db2-history-topline strong.in{color:#159447}.db2-history-topline strong.out{color:#d74646}.db2-history-topline strong.neutral{color:#6b7280}
.db2-history-meta{margin-top:3px;color:#8995a6;font-size:7.5px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.db2-history-bottom{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:5px;color:#8a95a6;font-size:7px;min-width:0}
.db2-history-bottom>span:last-child{min-width:0;overflow-wrap:anywhere}
.db2-history-kind{display:inline-flex;border-radius:999px;padding:2px 6px;background:#f1f4f8;color:#6f7b8d;font-weight:760}
.db2-history-kind.receipt{background:#eaf8ef;color:#158447}.db2-history-kind.sales{background:#edf3ff;color:#2f65cc}.db2-history-kind.writeoff{background:#fff0f0;color:#cc4949}.db2-history-kind.revision{background:#fff2e7;color:#c67817}
.db2-history-money{padding-top:2px;text-align:right;color:#334155;font-size:9px;font-weight:800;white-space:nowrap}
@media(max-width:1400px){
  :root{--desktop-sidebar:238px}
  .db2-widget{--db2-w:12!important;grid-column:1 / -1!important;grid-row:auto!important}.db2-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:66px;background-image:none!important;outline:0!important}
  .db2-top-actions .db2-secondary-action{display:none}
}
@media(max-width:1050px){
  .app-main{display:block!important;padding:0 12px 30px!important}
  .desktop-sidebar{position:relative!important;height:auto!important;display:flex!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid #e7ebf2!important;box-shadow:none!important;padding:8px!important;gap:5px!important}
  .desktop-brand,.desktop-nav-group>summary,.desktop-sidebar__footer{display:none!important}
  .desktop-nav-scroll{display:flex!important;gap:5px}.desktop-nav-group{display:flex!important;margin:0!important}.desktop-nav-group__items{display:flex!important;gap:5px!important}.desktop-nav-group:not([open])>.desktop-nav-group__items{display:flex!important}
  .tabbar__btn{width:auto!important;min-width:max-content!important;padding:6px 9px!important}.tabbar__btn:before{display:none!important}
  .topbar{padding:14px 2px 10px!important}.db2-contextbar{border-radius:13px}.db2-gallery,.db2-detail-drawer{right:10px;top:72px;bottom:10px;width:min(420px,calc(100vw - 20px))}
}
@media(max-width:720px){
  .db2-top-actions{order:3;width:100%}.dashboard-v2-mode .topbar__right{flex-wrap:wrap}.db2-primary-action,.db2-secondary-action{flex:1;justify-content:center}.db2-widget-grid{display:block}.db2-widget{margin-bottom:12px;min-height:430px}.db2-writeoff-kpis{grid-template-columns:1fr}.db2-writeoff-kpi{border-right:0;border-bottom:1px solid #e9edf4}.db2-product-row,.db2-table-head.products{grid-template-columns:26px minmax(140px,1fr) 80px}.db2-product-row>*:nth-child(4),.db2-product-row>*:nth-child(5),.db2-table-head.products>*:nth-child(4),.db2-table-head.products>*:nth-child(5){display:none}.db2-gallery-grid{grid-template-columns:1fr}.db2-context-popover--period{left:8px;right:8px;width:auto}.db2-detail-drawer{border-radius:16px}.director-profile{min-width:54px!important}.director-profile>div:nth-child(2),.director-profile__chevron{display:none!important}
}

/* Final light-shell authority over legacy dark Stage215 declarations. */
:root{--sidebar-width:268px!important;color-scheme:light!important}
.app-main{grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;background:var(--db2-bg)!important}
.app-main.sidebar-collapsed{--sidebar-width:82px!important;--desktop-sidebar:82px!important}
.desktop-workspace{background:var(--db2-bg)!important}
.topbar{border-bottom:1px solid #e7ecf4!important;background:rgba(245,247,251,.92)!important;color:var(--db2-text)!important}
.dashboard-v2-mode .screen{color:var(--db2-text)!important}
.db2-date-grid input,.db2-detail-custom input{background:#fff!important;color:#344054!important;border:1px solid #e0e6ef!important;box-shadow:none!important;min-height:34px!important;padding:7px 8px!important}
.db2-date-grid input:focus,.db2-detail-custom input:focus{border-color:#8db2ff!important;box-shadow:0 0 0 3px rgba(47,109,246,.10)!important}
@media(max-width:1400px){:root{--sidebar-width:238px!important}}
@media(max-width:1050px){:root{--sidebar-width:0px!important}.app-main{display:block!important}}

/* 2.30.0.3.0.6.7 — executive Sales widget */
.db2-sales-widget{min-height:620px}.db2-sales-shell{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e6ebf2;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(16,24,40,.045);color:#172033}
.db2-sales-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 10px}.db2-sales-title{display:flex;align-items:center;gap:13px}.db2-sales-title>i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eaf7ef;color:#168447}.db2-sales-title>i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.db2-sales-title h3{margin:0;font-size:24px;letter-spacing:.01em}.db2-sales-title p{margin:3px 0 0;color:#667085;font-size:14px}.db2-sales-legend{display:flex;gap:20px;color:#667085;font-size:13px}.db2-sales-legend span:before{content:'';display:inline-block;width:25px;margin-right:7px;vertical-align:middle;border-top:2px solid}.db2-sales-legend .fact:before{border-color:#138a45}.db2-sales-legend .expect:before{border-color:#77839a;border-top-style:dotted}.db2-sales-legend .forecast:before{border-color:#58b97d;border-top-style:dashed}
.db2-sales-main{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr);gap:24px;padding:8px 24px 12px}.db2-sales-hero{padding:16px 14px 12px}.db2-sales-hero>small{display:block;color:#596579;font-size:15px;margin-bottom:6px}.db2-sales-hero>strong{display:block;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:.01em;font-variant-numeric:tabular-nums}.db2-sales-deltas{display:flex;gap:24px;margin-top:15px}.db2-sales-deltas button{border:0;background:none;padding:0;text-align:left;cursor:pointer}.db2-sales-deltas b{display:block;font-size:24px}.db2-sales-deltas span{display:block;color:#667085;font-size:12px;margin-top:2px;border-bottom:1px dotted #98a2b3}.good{color:#12833f!important}.bad{color:#d92d20!important}.db2-sales-forecast-card{margin-top:15px;border:0;border-radius:10px;background:#f5f7fa;padding:10px 13px;font-size:13px;color:#344054;cursor:pointer}.db2-sales-forecast-card b{font-size:14px}.db2-sales-forecast-card em{font-style:normal;font-weight:800;margin-left:6px}
.db2-sales-chart-wrap{min-width:0;display:flex;align-items:center;padding-top:6px}.db2-sales-chart{width:100%;height:220px;overflow:visible}.db2-sales-chart path{fill:none;vector-effect:non-scaling-stroke}.db2-sales-chart .actual{stroke:#12833f;stroke-width:3}.db2-sales-chart .expected{stroke:#7c8799;stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round}.db2-sales-chart .forecast{stroke:#55b979;stroke-width:2.5;stroke-dasharray:8 6}.db2-sales-chart .now{stroke:#b7c0cd;stroke-width:1;stroke-dasharray:5 6}.db2-sales-chart text{font-size:10px;fill:#667085}.db2-sales-empty{width:100%;min-height:190px;display:grid;place-items:center;color:#98a2b3;border-bottom:1px dashed #e4e7ec}
.db2-sales-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3}.db2-sales-kpis button{min-width:0;text-align:left;border:0;border-right:1px solid #e8edf3;background:#fff;padding:14px 20px;cursor:pointer;transition:background .15s ease}.db2-sales-kpis button:last-child{border-right:0}.db2-sales-kpis button:hover{background:#f8fafc}.db2-sales-kpis span,.db2-sales-kpis small{display:block;color:#667085;font-size:12px}.db2-sales-kpis b{display:block;font-size:23px;margin:4px 0;font-variant-numeric:tabular-nums}.db2-sales-kpis small{font-size:10px;line-height:1.35}
.db2-sales-store-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 20px 8px}.db2-sales-store-grid section{border:1px solid #e8edf3;border-radius:14px;padding:10px 14px}.db2-sales-store-grid h4{font-size:13px;margin:0 0 5px;color:#138a45}.db2-sales-store-grid .attention h4{color:#e02d2d}.db2-sales-store-grid section>p{color:#98a2b3;font-size:12px;padding:12px}.db2-sales-store-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 72px 100px 16px;align-items:center;gap:8px;border:0;border-top:1px solid #edf0f4;background:#fff;padding:8px 4px;cursor:pointer;text-align:left}.db2-sales-store-row:hover{background:#f8fafc}.db2-sales-store-row span b,.db2-sales-store-row span small{display:block}.db2-sales-store-row span b{font-size:13px}.db2-sales-store-row span small{font-size:10px;color:#7a8597;margin-top:2px}.db2-sales-store-row strong,.db2-sales-store-row em{font-size:12px;font-style:normal;font-weight:800;text-align:right}.db2-sales-store-row i{font-style:normal;color:#98a2b3;font-size:18px}
.db2-sales-shift{margin:8px 20px 10px;display:grid;grid-template-columns:38px minmax(180px,1.5fr) repeat(3,minmax(110px,1fr)) 18px;gap:14px;align-items:center;border:1px solid #b7dec6;background:#fbfefc;border-radius:13px;padding:10px 14px;text-align:left;color:#263244;cursor:pointer}.db2-sales-shift:hover{background:#f5fcf7}.db2-sales-shift .star{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#168447}.db2-sales-shift small,.db2-sales-shift em{display:block;color:#778297;font-size:10px;font-style:normal}.db2-sales-shift b{display:block;font-size:19px;margin-top:2px}.db2-sales-shift .who b{font-size:14px}.db2-sales-shift>i{font-style:normal;color:#667085;font-size:20px}.db2-sales-shift--empty{display:block;color:#667085;font-size:12px;cursor:default}
.db2-sales-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:9px 22px;border-top:1px solid #edf0f4;color:#667085;font-size:11px}.db2-sales-footer button{border:0;background:none;color:#12833f;font-weight:700;cursor:pointer}.db2-sales-loading{flex:1;min-height:400px;display:grid;place-items:center;color:#667085;background:linear-gradient(90deg,#fafbfc,#f5f7fa,#fafbfc);background-size:200% 100%;animation:db2SalesLoad 1.2s linear infinite}@keyframes db2SalesLoad{to{background-position:-200% 0}}
@media(max-width:1400px){.db2-sales-widget{min-height:650px}.db2-sales-main{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1000px){.db2-sales-main{grid-template-columns:1fr}.db2-sales-chart-wrap{min-height:190px}.db2-sales-kpis{grid-template-columns:1fr 1fr}.db2-sales-kpis button:nth-child(2){border-right:0}.db2-sales-store-grid{grid-template-columns:1fr}.db2-sales-shift{grid-template-columns:38px 1fr 1fr}.db2-sales-shift>span:nth-of-type(4),.db2-sales-shift>span:nth-of-type(5){display:none}}
/* 2.30.0.3.0.7 — period-aware Sales widget refinements */
.db2-contextbar{z-index:30}.db2-context-popover{z-index:300;pointer-events:auto}.db2-date-grid input,.db2-period-preset,.db2-period-apply{pointer-events:auto}
.db2-sales-head-actions{display:flex;align-items:center;gap:12px}.db2-sales-menu{width:34px;height:34px;border:0;background:transparent;border-radius:9px;color:#667085;display:grid;place-items:center;cursor:pointer}.db2-sales-menu:hover{background:#f5f7fa}.db2-sales-menu svg{width:20px;height:20px}
.db2-sales-freshness{margin:0 24px 4px;padding:8px 11px;border:1px solid #f0d79c;background:#fffaf0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7a5b18;font-size:11px}.db2-sales-freshness.is-stale{border-color:#f4b8b2;background:#fff5f4;color:#9d2d25}.db2-sales-freshness button{border:1px solid currentColor;background:#fff;border-radius:8px;padding:6px 9px;color:inherit;font-size:10px;font-weight:800;cursor:pointer}
.db2-sales-modal-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(17,24,39,.24);display:grid;place-items:center;padding:24px}.db2-sales-modal{width:min(760px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));overflow:hidden;background:#fff;border:1px solid #e3e8ef;border-radius:18px;box-shadow:0 28px 80px rgba(16,24,40,.24);display:flex;flex-direction:column}.db2-sales-modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid #edf0f4}.db2-sales-modal h3{margin:3px 0 0;font-size:22px}.db2-sales-modal header small{color:#7a8597}.db2-sales-modal header button{width:34px;height:34px;border:0;background:#f5f7fa;border-radius:9px;font-size:24px;line-height:1;cursor:pointer;color:#667085}.db2-sales-modal-body{padding:20px 22px;overflow:auto}.db2-sales-modal-kpis{display:flex;align-items:baseline;gap:14px;padding:16px;border:1px solid #e8edf3;border-radius:14px;background:#fbfcfd}.db2-sales-modal-kpis>b{font-size:32px}.db2-sales-modal-kpis>span{color:#667085;font-size:12px}.db2-sales-note{padding:12px 14px;background:#f7f9fc;border-radius:11px;color:#5f6c80;font-size:12px;line-height:1.55}.db2-sales-modal-list{margin-top:14px;border:1px solid #e8edf3;border-radius:12px;overflow:hidden}.db2-sales-modal-list>div{padding:11px 13px;border-bottom:1px solid #edf0f4}.db2-sales-modal-list>div:last-child{border-bottom:0}.db2-sales-modal-list b,.db2-sales-modal-list span{display:block}.db2-sales-modal-list b{font-size:13px}.db2-sales-modal-list span{font-size:11px;color:#667085;margin-top:3px}
@media(max-width:800px){.db2-sales-head{align-items:flex-start}.db2-sales-head-actions{align-items:flex-end;flex-direction:column}.db2-sales-legend{display:none}.db2-sales-freshness{align-items:flex-start;flex-direction:column}}
.db2-sales-menu-wrap{position:relative}.db2-sales-menu-pop{position:absolute;right:0;top:40px;z-index:220;width:210px;padding:6px;background:#fff;border:1px solid #e4e9f1;border-radius:12px;box-shadow:0 18px 44px rgba(31,47,78,.16)}.db2-sales-menu-pop button{width:100%;border:0;background:#fff;border-radius:8px;padding:9px 10px;text-align:left;color:#445166;font-size:11px;cursor:pointer}.db2-sales-menu-pop button:hover{background:#f6f8fb}.db2-sales-menu-pop button.danger{color:#c9372c}

/* 2.31.0.169 — multi-store writeoff visibility */
.db2-vm-store-split{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;max-width:100%;}
.db2-vm-store-split>span{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid rgba(50,91,141,.16);border-radius:8px;background:rgba(239,247,255,.78);font-size:10px;line-height:1.2;white-space:nowrap;}
.db2-vm-store-split b{font-weight:700;color:#1f3f61;}.db2-vm-store-split em{font-style:normal;font-weight:800;color:#102c4a;}.db2-vm-store-split small{color:#637b91;}
.db2-vm-folder-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(90px,auto) minmax(90px,auto);gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(20,52,84,.08);}
.db2-vm-folder-title{min-width:0;display:flex;flex-direction:column;align-items:flex-start;}.db2-vm-folder-title>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.db2-vm-folder-title>small{color:#718399;font-size:11px;margin-top:2px;}
@media(max-width:760px){.db2-vm-folder-row{grid-template-columns:28px minmax(0,1fr) auto}.db2-vm-folder-row>.db2-vm-qty{display:none}.db2-vm-store-split>span{white-space:normal}}