/* DataBridge app — generated by tools/build_styles.py */
html, body {height: 100%; margin: 0; } .project-gantt-panel {overflow: hidden; } .project-gantt-title-row, .project-gantt-summary, .project-gantt-legend {display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; } .project-gantt-title-row {justify-content: space-between; } .gantt-overdue-control {display: inline-flex; align-items: center; min-height: 24px; padding: .18rem .48rem; border: 1px solid #d94452; border-radius: 999px; color: #fff; background: #d94452; font-size: .68rem; font-weight: 700; line-height: 1; cursor: pointer; transition: box-shadow .15s ease, transform .15s ease, background-color .15s ease; } .gantt-overdue-control:hover, .gantt-overdue-control:focus-visible {background: #bd2f3d; box-shadow: 0 0 0 3px rgba(217, 68, 82, .17); } .gantt-overdue-control.active {color: #9f2130; background: #fff; box-shadow: 0 0 0 3px rgba(217, 68, 82, .14); } .project-gantt-toolbar {display: grid; grid-template-columns: minmax(150px, 220px) minmax(180px, 260px) minmax(180px, 1fr) auto; gap: .5rem; align-items: end; padding: .65rem .75rem; border-bottom: 1px solid #d8e3ed; } .project-gantt-toolbar-actions {display: flex; align-items: center; justify-content: flex-end; gap: .35rem; flex-wrap: wrap; } .resource-cost-toolbar{display:grid;grid-template-columns:minmax(160px,240px) minmax(160px,240px) minmax(240px,1fr) auto;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--db-ui-border, #d9e3ee);align-items:end;}.resource-cost-toolbar .form-label{margin-bottom:.2rem;}.resource-cost-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.55rem;padding:.7rem 1rem;background:var(--db-ui-soft, #f8fafc);border-bottom:1px solid var(--db-ui-border, #d9e3ee);}.resource-cost-cards>div{border:1px solid var(--db-ui-border, #d9e3ee);border-radius:.45rem;padding:.5rem .7rem;background:#fff;}.resource-cost-cards span{display:block;color:var(--db-ui-muted, #64748b);font-size:.72rem;}.resource-cost-cards strong{font-size:1rem;color:var(--db-ui-ink, #183b59);}.resource-cost-scroll{overflow:auto;max-height:560px;}.resource-cost-table{margin:0;min-width:1120px;}.resource-cost-table thead th{position:sticky;top:0;background:var(--db-ui-soft, #f6f9fc);z-index:2;white-space:nowrap;}.resource-cost-table td{vertical-align:middle;}.resource-cost-name{display:flex;align-items:center;gap:.35rem;min-width:280px;}.resource-cost-code{display:block;color:var(--db-ui-muted, #64748b);font-size:.7rem;}.resource-cost-toggle{border:0;background:transparent;color:var(--db-ui-ink, #365a77);width:1.2rem;padding:0;}.resource-cost-bar{height:.55rem;border-radius:999px;background:var(--db-ui-soft, #e5edf4);overflow:hidden;display:flex;min-width:150px;}.resource-cost-bar i{display:block;height:100%;}.resource-cost-bar .estimated{background:#93b7d3}.resource-cost-bar .suggested{background:#f2b84b;}.resource-cost-bar .actual{background:#35a36f;}.resource-cost-input{width:105px;text-align:right;}.resource-cost-structural{background:var(--db-ui-soft, #fbfdff);font-weight:600;}.resource-cost-over{color:#b42318!important;} @media(max-width:992px){.resource-cost-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));}.resource-cost-cards{grid-template-columns:repeat(2,minmax(0,1fr));}} .analytics-toolbar{display:grid;grid-template-columns:repeat(3,minmax(150px,220px)) 1fr;gap:.6rem;padding:.7rem;border-bottom:1px solid #d9e3ee;align-items:end}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.6rem;padding:.7rem;}.analytics-kpis>div,.analytics-card{border:1px solid var(--db-ui-border, #d9e3ee);border-radius:.45rem;background:#fff;}.analytics-kpis>div{padding:.6rem .75rem;}.analytics-kpis span,.analytics-kpis small{display:block;color:var(--db-ui-muted, #66788a);font-size:.72rem;}.analytics-kpis strong{display:block;color:var(--db-theme-deep, #173b59);font-size:1.05rem;}.analytics-top-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:.6rem;padding:0 .7rem .7rem;}.analytics-breakdown-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:.6rem;padding:0 .7rem .7rem;}.analytics-card{overflow:hidden;margin:0 .7rem .7rem;}.analytics-top-grid .analytics-card,.analytics-breakdown-grid .analytics-card{margin:0;}.analytics-card>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-bottom:1px solid var(--db-ui-border, #d9e3ee);flex-wrap:wrap;}.analytics-chart{min-height:220px;padding:.5rem;}.analytics-chart svg{width:100%;height:210px;display:block;}.analytics-legend,.analytics-status-legend{display:flex;align-items:center;gap:.35rem;color:#66788a;font-size:.72rem}.analytics-legend i,.analytics-status-legend i{width:.7rem;height:.7rem;border-radius:2px;display:inline-block;margin-left:.35rem}.analytics-legend .estimate{background:#39739b}.analytics-legend .suggest{background:#e0a52b}.analytics-legend .actual{background:#2e9665}.analytics-insights{padding:.65rem;display:grid;gap:.45rem;}.analytics-insight{border-left:3px solid var(--db-ui-border, #9eb2c3);padding:.25rem .55rem;background:var(--db-ui-soft, #f8fafc);}.analytics-insight.warn{border-color:#e0a52b;}.analytics-insight.danger{border-color:#d94452}.analytics-insight strong,.analytics-insight span{display:block;}.analytics-insight span{font-size:.72rem;color:var(--db-ui-muted, #66788a);}.analytics-bars{padding:.7rem;display:grid;gap:.6rem}.analytics-bar-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(160px,2fr) auto;gap:.5rem;align-items:center}.analytics-multi-bar{height:.65rem;background:#edf2f6;border-radius:99px;overflow:hidden;display:flex}.analytics-multi-bar i{height:100%;display:block}.analytics-multi-bar .estimated{background:#39739b}.analytics-multi-bar .actual{background:#2e9665}.analytics-donut-wrap{padding:.7rem;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:155px}.analytics-donut{width:125px;height:125px;border-radius:50%;position:relative;flex:none}.analytics-donut:after{content:"";position:absolute;inset:28px;background:#fff;border-radius:50%}.analytics-donut-center{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.analytics-donut-legend{display:grid;gap:.35rem}.analytics-donut-legend i,.analytics-status-dot{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;margin-right:.3rem}.analytics-table-scroll{overflow:auto;max-height:520px;}.analytics-table{margin:0;min-width:1050px;}.analytics-table thead th{position:sticky;top:0;background:var(--db-ui-soft, #f6f9fc);z-index:2;}.analytics-hierarchy-name{display:flex;align-items:center;gap:.3rem;min-width:260px;}.analytics-hierarchy-toggle{border:0;background:transparent;color:var(--db-ui-ink, #365a77);width:1.2rem;padding:0;}.analytics-progress{display:flex;align-items:center;gap:.35rem;justify-content:flex-end;}.analytics-progress-bar{width:64px;height:.4rem;background:#e7eef4;border-radius:99px;overflow:hidden}.analytics-progress-bar i{height:100%;display:block;background:#39739b}.analytics-status-legend .on-track,.analytics-status-dot.on-track{background:#2e9665}.analytics-status-legend .at-risk,.analytics-status-dot.at-risk{background:#e0a52b}.analytics-status-legend .delayed,.analytics-status-dot.delayed{background:#d94452}.analytics-row-phase{background:var(--db-ui-soft, #f7fafc);font-weight:600;}.analytics-row-wbs{background:var(--db-ui-soft, #fbfdff);}.analytics-late{color:#b42318;font-weight:600;} .analytics-progress-bar i[style^="width:100%"]{background:#2e9665} .analytics-row-task:has(.analytics-status-dot.delayed) .analytics-progress-bar i{background:#d94452} .analytics-bars .analytics-bar-row{grid-template-columns:minmax(100px,.8fr) minmax(160px,2fr) 124px} .analytics-task-overdue-row{grid-template-columns:minmax(100px,.8fr) minmax(160px,2fr) 124px} .analytics-task-overdue-row .analytics-multi-bar .actual{background:#d94452} .analytics-task-progress-label{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;white-space:nowrap;} .analytics-task-progress-label strong{color:#b42318;font-size:.68rem;font-weight:700;} @media(max-width:1050px){.analytics-top-grid,.analytics-breakdown-grid{grid-template-columns:1fr;}.analytics-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:600px){.analytics-toolbar,.analytics-kpis{grid-template-columns:1fr}.analytics-card{margin-left:.45rem;margin-right:.45rem;}.analytics-top-grid,.analytics-breakdown-grid{padding-left:.45rem;padding-right:.45rem;}} .analytics-trend-card{display:flex;min-height:280px;flex-direction:column;}.analytics-trend-card>header{flex:none;}.analytics-trend-card>header small{margin-top:.08rem;font-size:.68rem;}.analytics-resource-quantity-chart{min-height:220px;max-height:430px;overflow:auto;padding:.45rem .55rem .6rem;background:var(--db-ui-soft, #fbfdff);scrollbar-width:thin;scrollbar-color:#aec0d0 transparent;}.analytics-resource-quantity-chart::-webkit-scrollbar{width:7px;height:7px}.analytics-resource-quantity-chart::-webkit-scrollbar-thumb{background:#aec0d0;border-radius:10px}.analytics-resource-unit{padding:0 0 .5rem;}.analytics-resource-unit+.analytics-resource-unit{border-top:1px solid var(--db-ui-border, #d9e3ee);padding-top:.45rem;}.analytics-resource-unit-title{position:sticky;top:-.45rem;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 0 .2rem;padding:.35rem .4rem;color:var(--db-theme-deep, #173b59);background:var(--db-ui-soft, #f2f7fb);border-radius:.3rem;}.analytics-resource-unit-title strong{font-size:.73rem;}.analytics-resource-unit-title span{color:var(--db-ui-muted, #66788a);font-size:.66rem;}.analytics-resource-chart-row{display:grid;grid-template-columns:minmax(115px,180px) minmax(240px,1fr);gap:.55rem;align-items:center;padding:.32rem .4rem;border-radius:.3rem;}.analytics-resource-chart-row:nth-child(odd){background:var(--db-ui-soft, #f6f9fc);}.analytics-resource-name{overflow:hidden;color:var(--db-ui-ink, #263b4d);font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}.analytics-resource-series{display:grid;gap:.12rem}.analytics-resource-series-row{display:grid;grid-template-columns:55px minmax(120px,1fr) 62px;gap:.35rem;align-items:center;font-size:.64rem;color:#66788a}.analytics-resource-series-row strong{text-align:right;color:#344b5f;font-size:.66rem;font-variant-numeric:tabular-nums}.analytics-resource-track{height:.4rem;overflow:hidden;border-radius:99px;background:var(--db-ui-soft, #e8eef3);}.analytics-resource-track i{display:block;height:100%;min-width:0;border-radius:99px;}.analytics-resource-track .estimated{background:#39739b}.analytics-resource-track .consumed{background:#2e9665}.analytics-insights-card{align-self:start;width:100%;} .analytics-legend .over-consumed{background:#f59e0b}.analytics-resource-series-row{grid-template-columns:55px minmax(120px,1fr) minmax(62px,96px)}.analytics-resource-value.is-over{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;}.analytics-resource-value.is-over em{padding:.05rem .24rem;border-radius:99px;color:#9a5200;background:#fff1d6;font-size:.62rem;font-style:normal;}.analytics-resource-track{display:flex;}.analytics-resource-track i{border-radius:0;}.analytics-resource-track i:first-child{border-radius:99px 0 0 99px;}.analytics-resource-track i:last-child{border-radius:0 99px 99px 0;}.analytics-resource-track i:only-child{border-radius:99px;}.analytics-resource-track .over-consumed{background:#f59e0b} .analytics-card>header{color:var(--db-ui-on-accent, #f8fbff);}.analytics-card>header .analytics-legend,.analytics-card>header .analytics-status-legend{color:#f8fbff!important}.analytics-card>header .text-muted,.analytics-card>header small{color:var(--db-ui-on-accent, #d9e8f4)!important;}.analytics-card>header .analytics-legend i,.analytics-card>header .analytics-status-legend i{border:1px solid rgba(255,255,255,.48)} @media(max-width:700px){.analytics-resource-quantity-chart{max-height:470px;}.analytics-resource-chart-row{grid-template-columns:1fr;gap:.2rem;}.analytics-resource-series-row{grid-template-columns:52px minmax(100px,1fr) minmax(58px,90px)}} .analytics-row-project{background:var(--db-theme-soft, #eef5fa);font-weight:600;} .analytics-resource-consumption-scroll,.analytics-labor-cost-scroll{max-height:520px;scrollbar-width:thin;scrollbar-color:#aec0d0 transparent;} .analytics-table.analytics-resource-consumption-table{min-width:1120px;} .analytics-resource-consumption-table thead th{white-space:nowrap;} .analytics-resource-consumption-table td{border-color:var(--db-ui-border, #d9e3ee);vertical-align:middle;} .analytics-resource-consumption-table tbody tr:nth-child(even)>td{background:var(--db-ui-soft, #fbfdff);} .analytics-resource-consumption-table td:nth-child(1){width:10%;} .analytics-resource-consumption-table td:nth-child(2){width:17%;} .analytics-resource-consumption-table td:nth-child(3){width:24%;} .analytics-resource-consumption-table td:nth-child(4){width:7%;white-space:nowrap;} .analytics-resource-consumption-table td:nth-child(5),.analytics-resource-consumption-table td:nth-child(6),.analytics-resource-consumption-table td:nth-child(7){width:10%;white-space:nowrap;font-variant-numeric:tabular-nums;} .analytics-resource-consumption-table td:nth-child(8){width:12%;} .analytics-resource-consumption-table td>strong,.analytics-resource-consumption-table td>small{display:block;} .analytics-resource-consumption-table td>small{margin-top:.08rem;color:var(--db-ui-muted, #718397);font-size:.68rem;} .analytics-resource-task-list{display:flex;flex-wrap:wrap;gap:.2rem .35rem;} .analytics-resource-task-list span{display:inline-flex;padding:.08rem .34rem;border:1px solid var(--db-theme-border, #d5e1eb);border-radius:99px;background:var(--db-ui-soft, #f3f7fa);color:var(--db-ui-ink, #355b78);font-size:.66rem;white-space:nowrap;} .analytics-resource-consumption{display:grid;gap:.18rem;min-width:150px;} .analytics-resource-consumption-track{height:.45rem;overflow:hidden;border-radius:99px;background:var(--db-ui-soft, #e7eef4);} .analytics-resource-consumption-track i{display:block;height:100%;border-radius:99px;background:#2e9665;} .analytics-resource-consumption-track i.is-over{background:#d94452;} .analytics-resource-consumption small{color:var(--db-ui-muted, #66788a);font-size:.66rem;white-space:nowrap;} .analytics-resource-over{color:#b42318!important;font-weight:700;} .analytics-table.analytics-labor-cost-table{min-width:1180px;} .analytics-labor-cost-table thead th{white-space:nowrap;} .analytics-labor-cost-table td{border-color:var(--db-ui-border, #d9e3ee);vertical-align:middle;} .analytics-labor-cost-table tbody tr:nth-child(even)>td{background:var(--db-ui-soft, #fbfdff);} .analytics-labor-cost-table td:first-child{min-width:230px;} .analytics-labor-cost-table td>strong,.analytics-labor-cost-table td>small{display:block;} .analytics-labor-cost-table td>small{margin-top:.08rem;color:var(--db-ui-muted, #718397);font-size:.68rem;} .analytics-labor-cost-table td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums;} .analytics-labor-cost-table tfoot th{position:sticky;bottom:0;z-index:2;border-top:2px solid var(--db-ui-border, #b9cbd9);background:var(--db-theme-soft, #eef5fa);color:var(--db-theme-deep, #173b59);white-space:nowrap;} .analytics-labor-outstanding{color:#b42318!important;font-weight:700;} .analytics-labor-header-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;}.analytics-labor-header-actions .btn{padding:.18rem .48rem;color:var(--db-theme-deep, #173b59);font-size:.68rem;font-weight:700;white-space:nowrap;}.project-labor-report-dialog{max-width:min(97vw,1680px);}.project-labor-report-table-wrap{max-height:58vh;overflow:auto;}.project-labor-report-table{min-width:1580px;font-size:.72rem;}.project-labor-report-table thead th{position:sticky;top:0;z-index:2;background:var(--db-theme-soft, #eef5fa);color:var(--db-theme-deep, #173b59);white-space:nowrap;}.project-labor-report-table tfoot th{position:sticky;bottom:0;z-index:2;background:var(--db-theme-soft, #eef5fa);color:var(--db-theme-deep, #173b59);border-top:2px solid var(--db-ui-border, #b9cbd9);white-space:nowrap;}.project-labor-report-table td{vertical-align:middle;}.project-labor-report-table td:nth-child(n/**/+6):nth-child(-n/**/+12){font-variant-numeric:tabular-nums;white-space:nowrap;} .analytics-card>header>strong{font-size:.78rem;line-height:1.2;} .analytics-card>header>span{font-size:.68rem;line-height:1.2;} .analytics-table-scroll,.analytics-resource-consumption-scroll,.analytics-labor-cost-scroll{max-height:520px;scrollbar-width:thin;scrollbar-color:#aec0d0 transparent;} .analytics-table-scroll::-webkit-scrollbar{width:8px;height:8px} .analytics-table-scroll::-webkit-scrollbar-track{background:transparent} .analytics-table-scroll::-webkit-scrollbar-thumb{background:#aec0d0;border-radius:10px} .analytics-table{color:var(--db-ui-ink, #23384b);font-size:.72rem;line-height:1.2;} .analytics-table>:not(caption)>*>*{padding:.42rem .5rem;border-color:var(--db-ui-border, #d9e3ee);} .analytics-table thead th{color:var(--db-theme-deep, #173b59);font-size:.7rem;font-weight:700;line-height:1.2;white-space:nowrap;} .analytics-table tbody td,.analytics-table tfoot th{font-size:.72rem;line-height:1.2;} .analytics-table.analytics-resource-consumption-table{min-width:1420px;} .analytics-resource-consumption-table td:nth-child(5), .analytics-resource-consumption-table td:nth-child(6), .analytics-resource-consumption-table td:nth-child(7), .analytics-resource-consumption-table td:nth-child(8), .analytics-resource-consumption-table td:nth-child(9){width:9%;white-space:nowrap;font-variant-numeric:tabular-nums;} .analytics-resource-consumption-table td:nth-child(10){width:12%;} .analytics-resource-consumption-table tfoot th{position:sticky;bottom:0;z-index:2;border-top:2px solid var(--db-ui-border, #b9cbd9);background:var(--db-theme-soft, #eef5fa);color:var(--db-theme-deep, #173b59);font-size:.72rem;font-weight:700;white-space:nowrap;} .analytics-inventory-validation-overview{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(440px,1.45fr);gap:.75rem;padding:.7rem;border-bottom:1px solid var(--db-ui-border, #d9e3ee);background:var(--db-ui-soft, #fbfdff);} .analytics-inventory-validation-kpis{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));gap:.45rem;align-content:start;} .analytics-inventory-validation-kpis>div{padding:.48rem .58rem;border:1px solid var(--db-ui-border, #d9e3ee);border-radius:.38rem;background:#fff;} .analytics-inventory-validation-kpis span{display:block;color:var(--db-ui-muted, #66788a);font-size:.67rem;} .analytics-inventory-validation-kpis strong{display:block;margin-top:.08rem;color:var(--db-theme-deep, #173b59);font-size:.94rem;} .analytics-inventory-validation-kpis strong.is-match{color:#237a50;} .analytics-inventory-validation-kpis strong.is-mismatch{color:#b42318;} .analytics-inventory-validation-chart-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;color:var(--db-theme-deep, #173b59);font-size:.7rem;} .analytics-inventory-validation-chart-title>span{display:flex;align-items:center;gap:.3rem;color:var(--db-ui-muted, #66788a);font-size:.64rem;white-space:nowrap;} .analytics-inventory-validation-chart-title i{width:.62rem;height:.62rem;margin-left:.2rem;border-radius:2px;} .analytics-inventory-validation-chart-title i.inventory{background:var(--db-ui-brand, #39739b);}.analytics-inventory-validation-chart-title i.utilization{background:#2e9665;}.analytics-inventory-validation-chart-title i.mismatch{background:#d94452;} .analytics-inventory-validation-chart{display:grid;gap:.35rem;max-height:210px;overflow:auto;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:#aec0d0 transparent;} .analytics-inventory-validation-chart-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(240px,1fr) 82px;gap:.5rem;align-items:center;padding:.3rem .4rem;border-radius:.3rem;background:#fff;} .analytics-inventory-validation-chart-row.is-mismatch{background:#fff7f7;} .analytics-inventory-validation-chart-label{min-width:0;}.analytics-inventory-validation-chart-label strong,.analytics-inventory-validation-chart-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.analytics-inventory-validation-chart-label strong{color:var(--db-ui-ink, #263b4d);font-size:.68rem;}.analytics-inventory-validation-chart-label small{color:var(--db-ui-muted, #718397);font-size:.62rem;} .analytics-inventory-validation-series{display:grid;gap:.14rem}.analytics-inventory-validation-series>div{display:grid;grid-template-columns:54px minmax(100px,1fr) 62px;gap:.3rem;align-items:center;color:#66788a;font-size:.61rem}.analytics-inventory-validation-series strong{text-align:right;color:#344b5f;font-size:.63rem;font-variant-numeric:tabular-nums} .analytics-inventory-validation-track{height:.38rem;overflow:hidden;border-radius:99px;background:var(--db-ui-soft, #e8eef3);}.analytics-inventory-validation-track i{display:block;height:100%;border-radius:99px;background:var(--db-ui-brand, #39739b);}.analytics-inventory-validation-series .utilization i{background:#2e9665}.analytics-inventory-validation-chart-row.is-mismatch .analytics-inventory-validation-series .utilization i{background:#d94452} .analytics-inventory-validation-variance{text-align:right;color:#237a50;font-size:.65rem;font-weight:700;}.analytics-inventory-validation-variance.is-mismatch{color:#b42318;} .analytics-table.analytics-inventory-validation-table{min-width:1160px;}.analytics-inventory-validation-table td{border-color:var(--db-ui-border, #d9e3ee);vertical-align:middle;}.analytics-inventory-validation-table tbody tr:nth-child(even)>td{background:var(--db-ui-soft, #fbfdff);}.analytics-inventory-validation-table tbody tr.is-mismatch>td{background:#fff7f7;}.analytics-inventory-validation-table td:first-child,.analytics-inventory-validation-table td:nth-child(2){min-width:190px;}.analytics-inventory-validation-table td>strong,.analytics-inventory-validation-table td>small{display:block;}.analytics-inventory-validation-table td>small{margin-top:.08rem;color:var(--db-ui-muted, #718397);font-size:.66rem;}.analytics-inventory-validation-table td:nth-child(n/**/+3):nth-child(-n/**/+8){white-space:nowrap;font-variant-numeric:tabular-nums;}.analytics-inventory-validation-badge{display:inline-flex;align-items:center;padding:.14rem .42rem;border-radius:99px;color:#17633f;background:#e2f5ea;font-size:.65rem;font-weight:700;white-space:nowrap;}.analytics-inventory-validation-badge.is-mismatch{color:#a81d16;background:#fde8e7;} @media(max-width:900px){.analytics-inventory-validation-overview{grid-template-columns:1fr;}.analytics-inventory-validation-chart-row{grid-template-columns:minmax(130px,180px) minmax(220px,1fr) 76px;}} .project-gantt-state {min-height: 120px; display: flex; align-items: center; justify-content: center; gap: .55rem; color: var(--db-ui-muted, #66788a); font-size: 13px; } .project-gantt-viewport {position: relative; max-height: 560px; overflow: auto; scrollbar-width: thin; scrollbar-color: #aec0d0 transparent; } .project-gantt-viewport::-webkit-scrollbar {width: 8px; height: 8px; } .project-gantt-viewport::-webkit-scrollbar-thumb {background: #aec0d0; border-radius: 10px; } .project-gantt-canvas {--gantt-label-width: 330px; min-width: calc(var(--gantt-label-width) + var(--gantt-timeline-width, 700px)); font-size: 12px; } .project-gantt-header, .project-gantt-row {display: grid; grid-template-columns: var(--gantt-label-width) var(--gantt-timeline-width, 700px); } .project-gantt-header {position: sticky; top: 0; z-index: 12; min-height: 38px; border-bottom: 1px solid var(--db-ui-border, #cad8e5); } .project-gantt-label-header, .project-gantt-row-label {position: sticky; left: 0; z-index: 5; border-right: 1px solid var(--db-ui-border, #cad8e5); background: var(--db-ui-soft, #f8fafc); } .project-gantt-label-header {z-index: 14; display: grid; grid-template-columns: minmax(0, 1fr) 58px; align-items: center; padding: .45rem .65rem; color: var(--db-ui-ink, #26384b); font-weight: 700; } .project-gantt-periods, .project-gantt-timeline {position: relative; background-color: #fff; } .project-gantt-period {position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-right: 1px solid var(--db-ui-border, #dfe7ee); color: var(--db-ui-muted, #53677a); background: var(--db-ui-soft, #f8fafc); font-weight: 600; white-space: nowrap; } .project-gantt-row {min-height: 43px; border-bottom: 1px solid var(--db-ui-border, #e1e8ef); } .project-gantt-row:hover .project-gantt-row-label, .project-gantt-row:hover .project-gantt-timeline {background-color: var(--db-ui-on-accent, #f4f8fc); } .project-gantt-row-label {display: grid; grid-template-columns: minmax(0, 1fr) 58px; align-items: center; min-width: 0; padding: .35rem .55rem; } .project-gantt-row-main {display: flex; align-items: center; min-width: 0; gap: .28rem; padding-left: calc(var(--gantt-depth, 0) * 16px); } .project-gantt-toggle, .project-gantt-toggle-spacer {flex: 0 0 22px; width: 22px; height: 22px; } .project-gantt-toggle {display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--db-ui-ink, #36536d); } .project-gantt-toggle:hover {background: var(--db-ui-hover, #e5edf5); } .project-gantt-row-text {min-width: 0; } .project-gantt-row-name {display: block; overflow: hidden; color: var(--db-ui-ink, #24384a); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .project-gantt-row-code {display: block; overflow: hidden; color: var(--db-ui-muted, #738496); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; } .project-gantt-progress-text {color: var(--db-ui-muted, #52677a); text-align: right; white-space: nowrap; } .project-gantt-timeline {overflow: hidden; background-image: repeating-linear-gradient(to right, transparent 0, transparent calc(var(--gantt-grid-size) - 1px), var(--db-ui-soft, #edf1f5) calc(var(--gantt-grid-size) - 1px), var(--db-ui-soft, #edf1f5) var(--gantt-grid-size)); } .project-gantt-bar {position: absolute; z-index: 3; top: 9px; height: 25px; min-width: 5px; overflow: hidden; border: 1px solid #2e6896; border-radius: 5px; background: #c8dff1; color: #16344c; white-space: nowrap; } .project-gantt-bar-progress {position: absolute; inset: 0 auto 0 0; background: rgba(31, 98, 148, .52); } .project-gantt-bar-label {position: relative; z-index: 1; display: block; overflow: hidden; padding: 3px 7px; font-size: 11px; font-weight: 600; text-overflow: ellipsis; } .project-gantt-type-phase .project-gantt-bar {border-color: var(--db-theme-deep, #173e60); background: #6f9fbe; color: #fff; } .project-gantt-type-phase .project-gantt-bar-progress {background: rgba(16, 55, 83, .6); } .project-gantt-type-wbs .project-gantt-bar {border-color: #3978a8; background: #a9cbe3; } .project-gantt-status-completed .project-gantt-bar {border-color: #238354; background: #bde8ce; color: #174e35; } .project-gantt-status-completed .project-gantt-bar-progress {background: rgba(29, 132, 79, .55); } .project-gantt-status-blocked .project-gantt-bar {border-color: #c53d4b; background: #f5c5ca; color: #6e2028; } .project-gantt-status-blocked .project-gantt-bar-progress {background: rgba(203, 55, 70, .52); } .project-gantt-status-cancelled .project-gantt-bar {border-color: #8a98a5; background: #dce3e8; color: #52606c; opacity: .78; } .project-gantt-overdue .project-gantt-row-label {box-shadow: inset 4px 0 0 #d94452; background-color: #fff5f6; } .project-gantt-overdue .project-gantt-row-name {color: #a82434; } .project-gantt-overdue .project-gantt-timeline {background-color: #fff8f8; } .project-gantt-overdue .project-gantt-bar {border-color: #d94452; background: #f8cbd0; color: #721c28; box-shadow: 0 0 0 2px rgba(220, 53, 69, .22); } .project-gantt-overdue-days {display: inline-flex; align-items: center; gap: .22rem; margin-top: .15rem; padding: .1rem .35rem; border-radius: 999px; color: #a82434; background: #fde5e8; font-size: 10px; font-weight: 700; white-space: nowrap; } .project-gantt-overdue-focused {position: relative; z-index: 6; box-shadow: 0 0 0 2px rgba(217, 68, 82, .2), 0 4px 10px rgba(92, 22, 31, .12); } .project-gantt-overdue-muted {opacity: .4; } .project-gantt-overdue-muted:hover {opacity: .75; } .project-gantt-milestone {position: absolute; z-index: 4; top: 13px; width: 17px; height: 17px; transform: translateX(-50%) rotate(45deg); border: 2px solid #8458b3; background: #d9c4ee; border-radius: 2px; } .project-gantt-today-line {position: absolute; z-index: 4; top: 0; bottom: 0; width: 2px; background: #169b62; pointer-events: none; } .project-gantt-today-label {position: absolute; z-index: 5; top: 3px; padding: 1px 4px; border-radius: 3px; background: #169b62; color: #fff; font-size: 10px; font-weight: 700; transform: translateX(-50%); } .project-gantt-target-line, .project-gantt-due-line {position: absolute; z-index: 4; top: 0; bottom: 0; width: 2px; pointer-events: none; } .project-gantt-target-line {background: #f28c28; } .project-gantt-due-line {background: #dc3545; } .project-gantt-target-label, .project-gantt-due-label {position: absolute; z-index: 5; top: 3px; padding: 1px 4px; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; white-space: nowrap; transform: translateX(-50%); } .project-gantt-target-label {background: #f28c28; } .project-gantt-due-label {background: #dc3545; } .project-gantt-unscheduled {display: inline-flex; align-items: center; margin: 11px 8px; color: var(--db-ui-muted, #7b8b99); font-style: italic; } .project-gantt-legend {padding: .55rem .75rem; border-top: 1px solid #d8e3ed; color: #586d80; font-size: 11px; } .project-gantt-legend > span {display: inline-flex; align-items: center; gap: .25rem; } .project-gantt-legend-swatch {display: inline-block; width: 12px; height: 9px; border-radius: 2px; background: #c8dff1; border: 1px solid #2e6896; } .gantt-phase-swatch {background: var(--db-ui-brand, #6f9fbe); border-color: var(--db-theme-deep, #173e60); } .gantt-wbs-swatch {background: var(--db-ui-soft, #a9cbe3); border-color: var(--db-ui-accent, #3978a8); } .gantt-completed-swatch {background: #bde8ce; border-color: #238354; } .gantt-blocked-swatch {background: #f5c5ca; border-color: #c53d4b; } .project-gantt-milestone-legend {width: 10px; height: 10px; margin: 0 2px; transform: rotate(45deg); border: 1px solid #8458b3; background: #d9c4ee; } .project-gantt-date-line-legend {display: inline-block; width: 3px; height: 12px; margin: 0 4px; border-radius: 2px; } .gantt-today-line-swatch {background: #169b62; } .gantt-target-line-swatch {background: #f28c28; } .gantt-due-line-swatch {background: #dc3545; } @media (max-width: 1199.98px) {.project-gantt-toolbar {grid-template-columns: repeat(3, minmax(150px, 1fr)); } .project-gantt-toolbar-actions {grid-column: 1 / -1; justify-content: flex-start; } } @media (max-width: 767.98px) {.project-gantt-toolbar {grid-template-columns: 1fr; } .project-gantt-toolbar-actions {grid-column: auto; } .project-gantt-canvas {--gantt-label-width: 245px; } .project-gantt-label-header, .project-gantt-row-label {grid-template-columns: minmax(0, 1fr); } .project-gantt-progress-text, .project-gantt-label-header span:last-child {display: none; } } #globalMessageContainer {position: fixed; top: 74px; right: 18px; z-index: 20000; width: min(420px, calc(100vw - 36px)); margin: 0 !important; pointer-events: none; } #globalMessageContainer.global-notification-show {animation: global-notification-in .2s ease-out both; } #globalMessageContainer.global-notification-hide {animation: global-notification-out .18s ease-in both; } .global-notification {--notification-accent: var(--db-theme-accent, #2563eb); --notification-soft: var(--db-ui-soft, #eff6ff); display: grid; grid-template-columns: 30px minmax(0, 1fr) 26px; align-items: start; gap: 10px; min-height: 64px; padding: 11px 10px 11px 12px; overflow: hidden; border: 1px solid var(--db-ui-border, #d9e2ec); border-left: 4px solid var(--notification-accent); border-radius: 9px; background: #fff; color: var(--db-ui-ink, #263648); box-shadow: 0 8px 24px rgba(var(--db-ui-rgb, 24, 43, 63), .14), 0 2px 6px rgba(var(--db-ui-rgb, 24, 43, 63), .08); pointer-events: auto; } .global-notification-success {--notification-accent: #18864b; --notification-soft: #edf9f2; } .global-notification-danger {--notification-accent: #d14343; --notification-soft: #fff1f1; } .global-notification-warning {--notification-accent: #b7791f; --notification-soft: #fff8e8; } .global-notification-icon {display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--notification-soft); color: var(--notification-accent); font-size: 14px; } .global-notification-content {min-width: 0; padding-top: 1px; } .global-notification-title {margin-bottom: 2px; color: var(--db-ui-ink, #172437); font-size: 12px; font-weight: 700; line-height: 1.25; } .global-notification-message {color: var(--db-ui-ink, #526274); font-size: 12px; font-weight: 400; line-height: 1.38; overflow-wrap: anywhere; } .global-notification-close {display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--db-ui-muted, #718096); font-size: 12px; } .global-notification-close:hover, .global-notification-close:focus-visible {background: var(--db-ui-hover, #f1f5f9); color: var(--db-ui-ink, #263648); outline: none; } @keyframes global-notification-in {from {opacity: 0; transform: translate3d(12px, -6px, 0); } to {opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes global-notification-out {from {opacity: 1; transform: translate3d(0, 0, 0); } to {opacity: 0; transform: translate3d(10px, -4px, 0); } } @media (max-width: 575.98px) {#globalMessageContainer {top: 62px; right: 10px; width: calc(100vw - 20px); } } @media (prefers-reduced-motion: reduce) {#globalMessageContainer.global-notification-show, #globalMessageContainer.global-notification-hide {animation: none; } } body {display: flex; flex-direction: column; min-height: 100vh; } main {flex: 1; } :root {--primary: var(--db-theme-brand, #2c4b66); --primary-light: var(--db-theme-soft, #e6eef5); --primary-hover: var(--db-theme-hover, #3d6f99); --text-dark: #1f2937; --app-bg: var(--db-theme-page, #f6f9fd); --app-panel: #ffffff; --app-border: var(--db-theme-border, #dce6f1); --app-border-soft: var(--db-ui-border, #e8eef6); --app-muted: var(--db-ui-muted, #64748b); --app-heading: #0f172a; --app-accent: var(--db-theme-accent, #0d6efd); --app-shadow: 0 12px 30px rgba(15, 23, 42, 0.06); --app-shadow-soft: 0 6px 18px rgba(var(--db-ui-rgb, 15, 23, 42), 0.045); } body {background: radial-gradient(circle at 18% 8%, rgba(var(--db-ui-rgb, 88, 166, 255), 0.10), transparent 28%), linear-gradient(180deg, var(--db-ui-soft, #fbfdff) 0%, var(--app-bg) 42%, var(--db-ui-soft, #eef5fb) 100%); margin: 0; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: var(--text-dark); } header {background: linear-gradient(135deg, var(--db-theme-deep, #0f2f4f) 0%, var(--db-theme-brand, #234f74) 52%, var(--db-theme-brand, #2c5d7f) 100%); color: #ffffff; padding: 12px 25px; border-bottom: 1px solid rgba(255,255,255,0.15); } .app-header {min-height: 76px; padding: 12px 30px; border-bottom-color: rgba(255,255,255,0.2); box-shadow: 0 8px 24px rgba(var(--db-ui-rgb, 15, 47, 79), 0.12); } .logo {display: flex; flex-direction: column; } .logo-header {display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; } .logo-main {color: #ffffff; font-size: 22px; font-weight: 800; letter-spacing: 0; line-height: 1.1; } .logo-sub {display: inline-block; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.18); color: white; font-size: 11px; padding: 3px 7px; border-radius: 5px; letter-spacing: 0; margin-left: 8px; flex-shrink: 0; } .logo-footer {display: flex; align-items: center; gap: 10px; margin-top: 4px; } .logo-powered {font-size: 9px; color: rgba(255,255,255,0.75); font-style: italic; line-height: 1; } .logo-role {font-size: 10px; color: rgba(255,255,255,0.72); font-weight: 600; letter-spacing: 0; text-transform: uppercase; } .header-actions, .header-account {display: flex; align-items: center; } .header-actions {gap: 8px; } .header-account {min-height: 38px; gap: 9px; padding: 5px 11px; border: 1px solid rgba(255,255,255,0.22); border-radius: 8px; background: rgba(255,255,255,0.10); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08); } .header-account-icon {font-size: 17px; color: rgba(255,255,255,0.92); } .header-account-copy {display: flex; flex-direction: column; line-height: 1.15; } .header-account-copy strong {font-size: 13px; font-weight: 650; } .header-logout {width: 38px; height: 38px; padding: 0; border-color: rgba(255,255,255,0.25); display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; } @media (max-width: 576px) {.app-header {min-height: 62px; padding: 9px 14px; } .logo-main {font-size: 18px; } .logo-sub, .logo-footer, .header-account-copy .logo-role {display: none; } .header-account {min-height: 36px; padding: 5px 8px; } .header-logout {width: 36px; height: 36px; } } .sidebar {min-height: 100vh; background-color: #ffffff; border-right: 1px solid var(--db-ui-border, #e5e7eb); padding-top: 15px; } .sidebar a {color: var(--primary); text-decoration: none; display: block; padding: 8px 18px; border-radius: 6px; font-size: 14px; transition: 0.2s; } .sidebar a:hover {background-color: var(--primary-light); } .sidebar a.active {background-color: var(--primary-light); font-weight: 600; } .content-area {padding: 28px 30px 34px; flex: 1 0 auto; } .content-wrapper {width: 100%; max-width: 100%; padding: 0; margin: 0; background: transparent; box-shadow: none; min-height: 100%; } .client-app-body > .container-fluid.min-vh-100 {min-height: 100vh !important; flex: 1 0 auto; } .client-app-body footer {flex-shrink: 0; position: relative; z-index: 1; margin-top: auto; } #analyticsTab {padding-bottom: 48px !important; } .inventory-analytics-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--db-ui-border, #d8e3ed);border-radius:10px;background:linear-gradient(135deg,#fff,var(--db-ui-soft, #f3f8fc));}.inventory-health-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .58rem;border-radius:99px;background:var(--db-ui-soft, #edf2f6);color:var(--db-ui-muted, #536a7e);font-size:.75rem;font-weight:700;}.inventory-health-badge.healthy{background:#e7f7ef;color:#17613e;}.inventory-health-badge.warning{background:#fff5dc;color:#895d00}.inventory-health-badge.critical{background:#fdebed;color:#a52a36;}.inventory-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.7rem;margin-bottom:.7rem;}.inventory-kpi-card{position:relative;overflow:hidden;padding:.8rem .9rem;border:1px solid var(--db-ui-border, #d8e3ed);border-radius:9px;background:#fff;min-height:100px;}.inventory-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--db-theme-brand, #397ba7);}.inventory-kpi-card.warning:before{background:#e0a52b}.inventory-kpi-card.danger:before{background:#d94452}.inventory-kpi-label{font-size:.75rem;color:var(--db-ui-muted, #61778a);}.inventory-kpi-value{font-size:1.2rem;font-weight:750;color:var(--db-ui-ink, #153854);margin:.2rem 0;}.inventory-kpi-note{font-size:.7rem;color:var(--db-ui-muted, #718599);}.inventory-kpi-icon{position:absolute;right:.8rem;top:.75rem;width:30px;height:30px;border-radius:8px;background:var(--db-theme-soft, #eef5fa);color:var(--db-theme-brand, #397ba7);display:flex;align-items:center;justify-content:center;}.inventory-exception-strip{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.6rem;margin-bottom:.7rem;}.inventory-exception{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px solid var(--db-ui-border, #d8e3ed);border-radius:8px;background:var(--db-ui-soft, #fbfdff);}.inventory-exception i{font-size:1.05rem;}.inventory-exception.warning i{color:#c78500}.inventory-exception.danger i{color:#c93443}.inventory-exception strong,.inventory-exception small{display:block;}.inventory-exception small{font-size:.7rem;color:var(--db-ui-muted, #718599);}.inventory-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.9rem;}.inventory-chart-card{border:1px solid var(--db-ui-border, #d8e3ed);border-radius:9px;background:#fff;overflow:hidden;min-height:270px;}.inventory-chart-card>header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .8rem;border-bottom:1px solid var(--db-ui-border, #e0e8ef);}.inventory-chart-card>header small{color:var(--db-ui-muted, #718599);}.inventory-chart-body{padding:.7rem;min-height:220px;}.inventory-chart-body svg{width:100%;height:220px;display:block;}.inventory-empty-state{min-height:195px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--db-ui-muted, #718599);gap:.3rem;}.inventory-empty-state i{font-size:1.5rem;color:var(--db-ui-muted, #9db0c0);}.inventory-donut-layout{display:flex;align-items:center;justify-content:center;gap:1.4rem;min-height:210px;}.inventory-donut{width:145px;height:145px;border-radius:50%;position:relative;flex:none;}.inventory-donut:after{content:"";position:absolute;inset:32px;border-radius:50%;background:#fff;}.inventory-donut-center{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;}.inventory-donut-center strong{font-size:1.1rem;}.inventory-chart-legend{display:grid;gap:.45rem}.inventory-chart-legend i{width:.65rem;height:.65rem;border-radius:2px;display:inline-block;margin-right:.35rem}.inventory-report-section{border:1px solid var(--db-ui-border, #d8e3ed);border-radius:9px;background:#fff;overflow:hidden;}.inventory-report-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-bottom:1px solid var(--db-ui-border, #d8e3ed);}.inventory-report-search{max-width:280px;}.inventory-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.75rem;}.inventory-report-card{display:flex;flex-direction:column;border:1px solid var(--db-ui-border, #dce6ee);border-radius:8px;background:#fff;min-height:285px;overflow:hidden;}.inventory-report-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.65rem .7rem;}.inventory-report-index{width:24px;height:24px;border-radius:7px;background:var(--db-theme-soft, #eaf3f9);color:var(--db-theme-brand, #245d84);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:750;flex:none;}.inventory-report-title{display:flex;align-items:flex-start;gap:.5rem;}.inventory-report-title strong{line-height:1.25;}.inventory-report-summary{padding:0 .7rem;color:var(--db-ui-muted, #718599);font-size:.72rem;min-height:38px;}.inventory-report-preview{padding:.35rem .7rem;min-height:125px;flex:1;}.inventory-report-preview svg{width:100%;height:120px;display:block;}.inventory-report-actions{display:flex;gap:.35rem;padding:.55rem .7rem;border-top:1px solid var(--db-ui-border, #e4ebf1);background:var(--db-ui-soft, #fafcfe);}.inventory-report-actions .btn{padding:.25rem .5rem;}.inventory-mini-bars{display:grid;gap:.45rem;}.inventory-mini-bar-row{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(100px,2fr) auto;gap:.45rem;align-items:center;font-size:.72rem;}.inventory-mini-track{height:.55rem;background:var(--db-ui-soft, #edf2f6);border-radius:99px;overflow:hidden;}.inventory-mini-fill{height:100%;background:var(--db-theme-brand, #397ba7);border-radius:99px;}.inventory-column-chart{height:125px;display:flex;align-items:flex-end;gap:.65rem;padding:1rem .5rem 0;border-bottom:1px solid var(--db-ui-border, #d8e3ed);}.inventory-column{flex:1;min-width:34px;text-align:center;position:relative;}.inventory-column i{display:block;min-height:3px;background:var(--db-theme-brand, #397ba7);border-radius:5px 5px 0 0;}.inventory-column.actual i{background:#2e9665;}.inventory-column span{display:block;font-size:.68rem;color:var(--db-ui-muted, #61778a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.inventory-column b{position:absolute;left:50%;transform:translateX(-50%);font-size:.65rem;white-space:nowrap;}.inventory-modal-chart{min-height:290px;} @media(max-width:1200px){.inventory-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.inventory-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:850px){.inventory-kpi-grid,.inventory-exception-strip,.inventory-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.inventory-report-grid{grid-template-columns:1fr;}} @media(max-width:560px){.inventory-analytics-header,.inventory-report-heading{align-items:flex-start;flex-direction:column;}.inventory-report-search{max-width:none;width:100%;}.inventory-kpi-grid,.inventory-exception-strip,.inventory-overview-grid{grid-template-columns:1fr;}.inventory-donut-layout{align-items:flex-start;flex-direction:column;}.inventory-report-actions{flex-wrap:wrap;}} @media(min-width:1201px){.inventory-kpi-grid{grid-template-columns:repeat(6,minmax(140px,1fr));}.inventory-exception-strip{grid-template-columns:repeat(5,minmax(140px,1fr));}} .inventory-modal-chart{padding:1rem;} .site-navigation-bar {max-width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; font-size: 13px; font-weight: 600; } .site-navigation-home, .site-navigation-current {color: var(--db-ui-ink, #2b4b67); } .site-navigation-home {text-decoration: none; } .site-navigation-home:hover {color: var(--db-theme-accent, #0d6efd); text-decoration: underline; } .site-navigation-separator {color: var(--db-ui-muted, #8aa0b5); } .system-site-navigation {padding-bottom: 10px; border-bottom: 1px solid var(--app-border-soft); } .content-wrapper > div[th\:fragment], .content-wrapper > div, .content-wrapper .container-fluid {color: var(--app-heading); } .content-wrapper .container-fluid {padding-inline: 0 !important; } .content-wrapper > .container-fluid, .content-wrapper > div > .container-fluid {width: 100%; } .content-wrapper h5, .content-wrapper h6 {color: var(--app-heading); font-weight: 750; letter-spacing: 0; } .content-wrapper .card {border: 1px solid var(--app-border-soft) !important; border-radius: 10px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--app-shadow-soft); } .content-wrapper > div > .container-fluid > .card, .content-wrapper > .container-fluid > .card {border-radius: 10px; box-shadow: var(--app-shadow); } .content-wrapper .card-body {padding: 1rem; } .content-wrapper .nav-tabs {display: flex; align-items: center; gap: .35rem; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding: 0 .1rem .35rem; border-bottom: 1px solid var(--app-border); scrollbar-width: thin; } .content-wrapper .nav-tabs .nav-link {min-height: 2.35rem; white-space: nowrap; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--db-ui-ink, #36506b); font-size: .9rem; font-weight: 550; padding: .55rem .85rem; background: transparent; } .content-wrapper .nav-tabs .nav-link:hover {color: var(--app-accent); background: var(--db-ui-hover, #f4f8fd); } .content-wrapper .nav-tabs .nav-link.active {color: var(--app-accent); background: transparent; border-bottom-color: var(--app-accent); font-weight: 700; } .content-wrapper .tab-content {padding-top: .75rem; } .content-wrapper .tab-pane > .card, .content-wrapper .tab-pane > .row, .content-wrapper .tab-pane > form, .content-wrapper .tab-pane > .table-responsive, .content-wrapper .tab-pane > .tender-list-scroll, .content-wrapper .tab-pane > .project-table-scroll, .content-wrapper .tab-pane > .d-flex, .content-wrapper .tab-pane > div:not(.modal):not(.toast):not(.dropdown-menu) {margin-top: .35rem; } .content-wrapper .tab-pane > .card {border-radius: 9px; box-shadow: 0 8px 22px rgba(var(--db-ui-rgb, 15, 23, 42), 0.045); } .content-wrapper label, .content-wrapper .form-label {color: var(--db-ui-ink, #334155); font-size: .8rem; font-weight: 650; margin-bottom: .3rem; } .content-wrapper .form-control, .content-wrapper .form-select {min-height: 2.35rem; border-color: var(--db-ui-border, #d7e0ea); border-radius: 7px; color: var(--db-ui-ink, #172033); font-size: .9rem; background-color: #fff; } .content-wrapper .form-control-sm, .content-wrapper .form-select-sm {min-height: 2.05rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .84rem; } .content-wrapper textarea.form-control {min-height: 4.25rem; } .content-wrapper .form-control::placeholder {color: var(--db-ui-muted, #6f7f92); } .content-wrapper .form-control:disabled, .content-wrapper .form-control[readonly], .content-wrapper .form-select:disabled {background-color: var(--db-ui-on-accent, #eef2f7); color: var(--db-ui-ink, #475569); opacity: 1; } .content-wrapper .btn {min-height: 2.25rem; border-radius: 7px; font-size: .9rem; font-weight: 700; } .content-wrapper .btn-sm {min-height: 1.95rem; border-radius: 6px; font-size: .82rem; } .content-wrapper .btn-light {background: var(--db-ui-soft, #f7f9fc); border-color: var(--db-ui-border, #edf2f7); color: var(--db-ui-ink, #1f3d58); } .content-wrapper .btn-outline-primary, .content-wrapper .btn-outline-secondary, .content-wrapper .btn-outline-danger, .content-wrapper .btn-outline-success {background: #f8fafc; border-color: transparent; } .content-wrapper .btn-outline-primary {color: var(--db-ui-ink, #174d7c); } .content-wrapper .btn-outline-danger {color: #e11d48; } .content-wrapper .table-responsive, .content-wrapper .tender-list-scroll, .content-wrapper .stock-table-container, .content-wrapper .project-table-scroll {border: 1px solid var(--app-border); border-radius: 8px; background: #fff; } .content-wrapper .table-responsive .table, .content-wrapper .tender-list-scroll .table, .content-wrapper .stock-table-container .table, .content-wrapper .project-table-scroll .table {margin-bottom: 0; } .content-wrapper .table {color: var(--db-ui-ink, #111827); font-size: .88rem; border-radius: 0; } .content-wrapper .table th {background: var(--db-ui-soft, #f8fafc) !important; color: var(--db-ui-ink, #102033); font-size: .78rem; font-weight: 800; vertical-align: middle; } .content-wrapper .table td, .content-wrapper .table th {padding: .55rem .6rem; border-color: var(--db-theme-border, #d9e4ee) !important; vertical-align: middle; } .content-wrapper .table tbody tr:hover {background-color: var(--db-ui-on-accent, #f6faff); } .content-wrapper .table thead th {box-shadow: inset 0 -1px 0 var(--db-theme-border, #d9e4ee); } .content-wrapper .badge {border-radius: 999px; padding: .28rem .55rem; font-weight: 700; } .content-wrapper .modal-content {border: 1px solid var(--app-border-soft); border-radius: 10px; box-shadow: 0 18px 55px rgba(var(--db-ui-rgb, 15, 23, 42), 0.18); } .content-wrapper .modal-header {border-bottom-color: var(--app-border-soft); } .content-wrapper .modal-footer {border-top-color: var(--app-border-soft); } .content-wrapper .list-group-item {border-bottom-color: var(--db-ui-border, #e4ecf5); } .content-wrapper .project-workspace {color: var(--db-ui-ink, #111827); } .project-panel, .app-panel {border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 15, 23, 42), .05); } .project-panel-body, .app-panel-body {padding: .9rem; } .project-section-title, .app-section-title {display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem .9rem; border-bottom: 1px solid var(--db-ui-border, #e5edf5); font-weight: 700; } .project-table-modern, .app-table-modern {margin-bottom: 0; font-size: .84rem; } .project-table-modern th, .app-table-modern th {background: var(--db-ui-soft, #f8fafc); color: var(--db-ui-ink, #1e293b); font-size: .76rem; font-weight: 700; text-transform: none; } .project-table-modern td, .project-table-modern th, .app-table-modern td, .app-table-modern th {padding: .48rem .55rem; vertical-align: middle; } .project-compact-table-scroll, .app-compact-table-scroll {max-height: min(46vh, 460px); overflow: auto; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 8px; background: #fff; } .project-compact-table-scroll thead th, .app-compact-table-scroll thead th {position: sticky; top: 0; z-index: 2; } .project-muted-box, .app-muted-box {background: var(--db-ui-soft, #f8fafc); border: 1px solid var(--db-ui-border, #e4ebf3); border-radius: 7px; padding: .6rem .7rem; } .project-status-pill, .app-status-pill {display: inline-flex; align-items: center; min-height: 1.45rem; padding: .15rem .55rem; border-radius: 999px; background: #dcfce7; color: #167247; font-size: .72rem; font-weight: 700; } .project-action-row, .app-action-row {display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; } .project-action-title, .app-action-title {display: flex; align-items: center; gap: .5rem; font-size: 1rem; font-weight: 700; } .project-action-buttons, .app-action-buttons {display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; } .project-field-icon, .app-field-icon {display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; margin-right: .35rem; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 5px; color: var(--db-ui-ink, #294d6b); background: #fff; } .execution-progress-line {display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .55rem; } .execution-progress-track {height: .42rem; border-radius: 999px; background: var(--db-ui-soft, #e7edf4); overflow: hidden; } .execution-progress-fill {height: 100%; width: 0; background: #10b981; border-radius: inherit; transition: width .2s ease, background-color .2s ease; } .execution-due-label-row {display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.3rem;} .execution-due-label-row .form-label {margin-bottom:0;white-space:nowrap;} .execution-delay-badge {color:#b42318;font-size:.67rem;font-weight:700;white-space:nowrap;} .execution-progress-field.is-at-risk .form-label {color:#a15c00;} .execution-progress-field.is-at-risk .execution-progress-fill {background:#f59e0b} .execution-progress-field.is-at-risk #executionProgressPercent {color:#8a4b00;border-color:#f0b44d;background:#fff9ed;font-weight:700;} .execution-progress-field.is-delayed .form-label {color:#b42318;} .execution-progress-field.is-delayed .execution-progress-fill {background:#dc3545} .execution-progress-field.is-delayed #executionProgressPercent {color:#b42318;border-color:#e36a75;background:#fff4f5;font-weight:700;} .btn {border-radius: 6px; font-weight: 500; transition: 0.2s; } .btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info {background-color: var(--primary) !important; border-color: var(--primary) !important; color: #ffffff !important; } .btn:hover {background-color: var(--primary-hover) !important; } .btn-outline-primary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-secondary {border-color: var(--primary); color: var(--primary); } .btn-outline-primary:hover {background-color: var(--primary-light); } .btn-icon {background: var(--primary-light); color: var(--primary); border: none; } .btn-icon:hover {background: var(--db-theme-border, #d4e3ef); } .table {background-color: #ffffff; border-radius: 6px; } .table th, .table td {border-color: var(--db-theme-border, #d4e3ef) !important; } .table tbody tr:hover {background-color: var(--primary-light); } .form-control, .form-select {border-radius: 6px; } .form-control:focus, .form-select:focus {border-color: var(--primary); box-shadow: 0 0 0 0.15rem rgba(var(--db-ui-rgb, 44, 75, 102),0.2); } .card-box, .kpi-card, .user-card {border-radius: 12px; transition: 0.2s ease; } .kpi-card:hover, .user-card:hover {transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0,0,0,0.08); } footer {background: #ffffff; padding: 10px 20px; border-top: 1px solid var(--db-ui-border, #e5e7eb); font-size: 13px; text-align: center; color: #6b7280; margin-top: auto; } .scroll-panel::-webkit-scrollbar-thumb {background: var(--db-ui-soft, #cbd5e1); } @media (max-width: 768px) {.sidebar {border-right: none; border-bottom: 1px solid var(--db-ui-border, #e5e7eb); } .content-area {padding: 20px; } } .list-group-item {border: none; border-bottom: 1px solid var(--db-theme-border, #d4e3ef); transition: all 0.2s ease; background: #ffffff; color: var(--db-theme-brand, #2c4b66); } .list-group-item:hover {background-color: var(--db-theme-soft, #e6eef5); padding-left: 20px; } .list-group-item.active {background-color: var(--db-theme-brand, #2c4b66); color: #ffffff; font-weight: 600; border-left: 4px solid var(--db-theme-hover, #3d6f99); } .disabled-div {pointer-events: none; opacity: 0.5; } .icon-text {display: inline-flex; align-items: center; gap: 6px; } .submenu-title {display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; cursor: pointer; color: var(--db-ui-ink, #0a2540); font-weight: 500; border-radius: 8px; transition: all 0.2s ease; text-decoration: none; } .submenu-title:hover {background: var(--db-ui-hover, #f1f5f9); } .submenu {padding-left: 12px; margin-top: 5px; border-left: 2px solid var(--db-ui-border, #e5e7eb); } .submenu a {display: block; padding: 8px 12px; margin: 4px 0; border-radius: 6px; text-decoration: none; color: var(--db-ui-ink, #334155); font-size: 14px; transition: all 0.2s ease; } .submenu a:hover {background: var(--db-ui-hover, #e5e7eb); color: var(--db-ui-ink, #0a2540); } .submenu-title[aria-expanded="true"] {background: var(--db-ui-soft, #e5e7eb); } .collapse {transition: height 0.25s ease; } .submenu .submenu {margin-left: 10px; border-left: 2px dashed var(--db-ui-border, #e5e7eb); padding-left: 10px; } .submenu-title::after {content: ""; font-family: "bootstrap-icons"; font-size: 12px; transition: transform 0.2s ease; } .submenu-title[aria-expanded="true"]::after {transform: rotate(180deg); } .premium-confirm {border-radius: 12px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.15); } .premium-confirm .modal-body {font-size: 14px; color: var(--db-ui-ink, #1f2937); } .premium-confirm .btn-primary {background: var(--db-ui-brand, #334e68); border: none; } .premium-confirm .btn-primary:hover {background: var(--db-ui-deep, #243b53); } .premium-confirm .btn-light {background: var(--db-ui-soft, #f1f5f9); border: none; } .premium-confirm .btn-light:hover {background: var(--db-ui-hover, #e2e8f0); } .rack-box {font-size: 12px; width: 220px; background: linear-gradient(145deg, var(--db-ui-soft, #e6eefc), #ffffff); border-radius: 10px; padding: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.15), -2px -2px 6px rgba(255,255,255,0.8); border: 1px solid var(--db-ui-border, #cfd8ea); transition: transform 0.2s ease; } .rack-box:hover {transform: translateY(-4px); } .rack-name {font-weight: 600; text-align: center; background: var(--db-ui-soft, #d9e6ff); border-radius: 6px; } .rack-box input, .rack-box textarea {font-size: 12px; padding: 4px 6px; height: auto; } .shelf-container {display: flex; flex-direction: column; gap: 2px; margin-top: 3px; } .shelf-box {font-size: 10px; background: linear-gradient(145deg, #d4edc9, #b7d7a8); border-radius: 6px; padding: 2px; display: flex; align-items: center; justify-content: space-between; box-shadow: inset 2px 2px 4px rgba(0,0,0,0.15), inset -2px -2px 4px rgba(255,255,255,0.6); border-bottom: 2px solid #8ca97f; } .shelf-name {border: none; background: transparent; font-size: 12px; width: 100%; } .shelf-box button {margin-left: 6px; padding: 2px 6px; } .rack-box .form-control {font-size: 12px; padding: 4px 6px; } .tag-input-box {min-height: 45px; gap: 5px; cursor: text; } .tag {background: var(--db-ui-soft, #e0f0ff); border: 1px solid var(--db-ui-accent, #4a6fa5); border-radius: 20px; padding: 4px 10px; display: flex; align-items: center; gap: 6px; } .tag span {font-size: 13px; } .tag button {border: none; background: transparent; font-weight: bold; cursor: pointer; } .tag-input {border: none; outline: none; flex-grow: 1; min-width: 120px; } .table thead th {position: sticky; top: 0; z-index: 2; background: var(--db-ui-soft, #f8f9fa); } #filePreviewModal {z-index: 1300 !important; } #videoModal {z-index: 1300 !important; } #filePreviewModal + .modal-backdrop {z-index: 1290 !important; } .modal {z-index: 1200 !important; } .modal-backdrop {z-index: 1190 !important; } #globalConfirmModal {z-index: 1510 !important; } .modal-backdrop.global-confirm-backdrop {z-index: 1500 !important; } #globalConfirmModal .modal-dialog {position: relative; z-index: 1511; } #globalConfirmModal .modal-content {box-shadow: 0 22px 60px rgba(var(--db-ui-rgb, 15, 23, 42), 0.30); } #globalConfirmMessage {white-space: pre-line; } #globalInputPromptModal{z-index:1530!important;} .modal-backdrop.global-input-prompt-backdrop{z-index:1520!important;} #globalInputPromptModal .global-input-prompt-dialog{max-width:460px;} #globalInputPromptModal .modal-dialog{position:relative;z-index:1531;} #globalInputPromptModal .global-input-prompt{border:1px solid var(--db-ui-border, #cfe0ef);border-top:3px solid var(--db-ui-accent, #2a638e);border-radius:12px;overflow:hidden;box-shadow:0 22px 60px rgba(var(--db-ui-rgb, 15, 23, 42),.3);} #globalInputPromptModal .modal-header,#globalInputPromptModal .modal-footer{background:var(--db-ui-soft, #f8fbfe);border-color:var(--db-ui-border, #dce8f2);} #globalInputPromptModal .modal-title{color:var(--db-theme-deep, #173b59);font-weight:700;} #globalInputPromptModal .form-label{color:var(--db-ui-ink, #294b68);font-size:.82rem;} #globalInputPromptModal .form-control{border-color:var(--db-ui-border, #c7d8e6);min-height:38px;} #globalInputPromptModal .form-control:focus{border-color:var(--db-ui-accent, #2a638e);box-shadow:0 0 0 .18rem rgba(var(--db-ui-rgb, 42, 99, 142),.14);} #download {display:none; } #print {display:none; } .selected-stock-row {background-color: var(--db-ui-on-accent, #eef6ff) !important; border-left: 5px solid var(--db-theme-accent, #0d6efd); } .system-app-body {min-height: 100vh; } .system-app-shell {background: radial-gradient(circle at 18% 8%, rgba(var(--db-ui-rgb, 88, 166, 255), 0.10), transparent 28%), linear-gradient(180deg, var(--db-ui-soft, #fbfdff) 0%, var(--app-bg) 42%, var(--db-ui-soft, #eef5fb) 100%); } .system-main-row {min-height: 0; } .system-app-shell .app-header {margin: 0; } .system-app-shell .header-actions form {margin: 0; } .system-sidebar {min-height: auto; padding: 18px 14px 24px; border-right: 1px solid var(--db-ui-border, #dbe7f2); background: rgba(255, 255, 255, 0.96); box-shadow: 8px 0 24px rgba(var(--db-ui-rgb, 15, 23, 42), 0.04); } .system-sidebar-logo {display: flex; align-items: center; justify-content: center; min-height: 74px; margin-bottom: 8px; } .system-sidebar-logo img {max-height: 58px; max-width: 130px; object-fit: contain; } .system-sidebar > div {margin-bottom: 6px; } .system-sidebar .menu-title, .system-sidebar .submenu-title, .system-sidebar a {border-radius: 8px; color: var(--db-ui-ink, #243b53); font-weight: 650; } .system-sidebar .menu-title:hover, .system-sidebar .submenu-title:hover, .system-sidebar .submenu a:hover {background: var(--db-ui-hover, #e6f0ff); color: var(--db-theme-deep, #12385b); } .system-sidebar .menu-title[aria-expanded="true"], .system-sidebar .submenu-title[aria-expanded="true"], .system-sidebar a.active {background: linear-gradient(135deg, var(--db-theme-brand, #254d71), var(--db-theme-deep, #12385b)); color: #ffffff; box-shadow: 0 8px 16px rgba(var(--db-ui-rgb, 37, 77, 113), 0.16); } .system-sidebar .submenu {margin: 6px 0 8px 10px; padding: 4px 0 4px 10px; border-left: 2px solid var(--db-ui-border, #d7e7f2); } .system-sidebar .submenu .submenu {border-left-style: solid; } .system-sidebar .submenu a {margin: 2px 0; padding: 8px 10px; font-size: 13px; } .system-app-shell .content-area {min-width: 0; } .system-app-shell .content-wrapper {width: 100%; min-height: calc(100vh - 178px); padding: 18px; border: 1px solid var(--app-border-soft); border-radius: 10px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--app-shadow); } .system-app-shell .content-wrapper > .btn:first-child, .system-app-shell .content-wrapper > button:first-child {margin-bottom: 14px !important; } .system-app-shell .content-wrapper .nav-tabs {display: flex; align-items: center; gap: .35rem; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding: 0 .1rem .35rem; margin-bottom: .75rem; border-bottom: 1px solid var(--app-border); scrollbar-width: thin; } .system-app-shell .content-wrapper .nav-tabs .nav-link, .system-app-shell .content-wrapper .nav-tabs a {min-height: 2.35rem; white-space: nowrap; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: var(--db-ui-ink, #36506b); font-size: .9rem; font-weight: 550; padding: .55rem .85rem; background: transparent !important; } .system-app-shell .content-wrapper .nav-tabs .nav-link:hover, .system-app-shell .content-wrapper .nav-tabs a:hover {color: var(--app-accent); background: var(--db-ui-hover, #f4f8fd) !important; } .system-app-shell .content-wrapper .nav-tabs .nav-link.active, .system-app-shell .content-wrapper .nav-tabs a.active {color: var(--app-accent) !important; background: transparent !important; border-bottom-color: var(--app-accent) !important; font-weight: 700; } .system-app-shell .content-wrapper .card {border: 1px solid var(--app-border-soft) !important; border-radius: 10px; background: #ffffff; box-shadow: var(--app-shadow-soft) !important; } .system-app-shell .content-wrapper .card-body {padding: 1rem; } .system-app-shell .content-wrapper .scroll-panel, .system-app-shell .content-wrapper .table-responsive {max-height: min(58vh, 540px); overflow: auto; border: 1px solid var(--app-border); border-radius: 8px; background: #fff; } .system-app-shell .content-wrapper .scroll-panel .table, .system-app-shell .content-wrapper .table-responsive .table {margin-bottom: 0; } .system-app-shell .content-wrapper .table {color: var(--db-ui-ink, #111827); font-size: .88rem; background: #ffffff; } .system-app-shell .content-wrapper .table th {position: sticky; top: 0; z-index: 2; background: var(--db-ui-soft, #f8fafc) !important; color: var(--db-ui-ink, #102033); font-size: .78rem; font-weight: 800; vertical-align: middle; box-shadow: inset 0 -1px 0 var(--db-theme-border, #d9e4ee); } .system-app-shell .content-wrapper .table td, .system-app-shell .content-wrapper .table th {padding: .55rem .6rem; border-color: var(--db-theme-border, #d9e4ee) !important; vertical-align: middle; } .system-app-shell .content-wrapper .table-striped > tbody > tr:nth-of-type(odd) > * {--bs-table-bg-type: #ffffff; } .system-app-shell .content-wrapper .table tbody tr:hover {background-color: var(--db-ui-on-accent, #f6faff); } .system-app-shell .content-wrapper label, .system-app-shell .content-wrapper .form-label {color: var(--db-ui-ink, #334155); font-size: .8rem; font-weight: 650; margin-bottom: .3rem; } .system-app-shell .content-wrapper .form-control, .system-app-shell .content-wrapper .form-select {min-height: 2.35rem; border-color: var(--db-ui-border, #d7e0ea); border-radius: 7px; color: var(--db-ui-ink, #172033); font-size: .9rem; background-color: #fff; } .system-app-shell .content-wrapper .form-control-sm, .system-app-shell .content-wrapper .form-select-sm {min-height: 2.05rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .84rem; } .system-app-shell .content-wrapper .btn {min-height: 2.25rem; border-radius: 7px; font-size: .9rem; font-weight: 700; } .system-app-shell .content-wrapper .btn-sm {min-height: 1.95rem; border-radius: 6px; font-size: .82rem; } .system-app-shell .content-wrapper .pagination {justify-content: flex-end !important; align-items: center; gap: .35rem; margin-top: .75rem; margin-bottom: 0; } .system-app-shell .content-wrapper .page-link {min-width: 2rem; border: 0; border-radius: 6px; background: var(--db-ui-soft, #f7f9fc); color: var(--db-ui-ink, #1f3d58); font-size: .82rem; font-weight: 700; } .system-app-shell .content-wrapper .page-item.active .page-link {background: var(--db-theme-accent, #0d6efd); color: #fff; } .system-app-shell footer {background-color: var(--db-ui-on-accent, #eef6fb); border-top: 1px solid var(--db-ui-border, #d7e7f2); } @media (max-width: 768px) {.system-sidebar {min-height: auto; border-right: 0; border-bottom: 1px solid var(--db-ui-border, #dbe7f2); box-shadow: 0 8px 20px rgba(var(--db-ui-rgb, 15, 23, 42), 0.04); } .system-sidebar-logo {min-height: 52px; justify-content: flex-start; } .system-sidebar-logo img {max-height: 42px; } } .system-app-shell {--system-sidebar-width: 260px; --system-sidebar-collapsed-width: 76px; min-height: 100vh; background: var(--db-ui-soft, #f7faff); } .system-app-shell > .app-header {position: fixed; top: 0; right: 0; left: var(--system-sidebar-width); z-index: 1020; min-height: 76px; padding: 16px 28px; background: rgba(255, 255, 255, 0.92); color: var(--db-ui-ink, #0f172a); border-bottom: 1px solid var(--db-ui-border, #e5edf7); box-shadow: none; backdrop-filter: blur(14px); } .system-app-shell > .app-header .logo {display: none; } .system-topbar-search {display: flex; align-items: center; gap: 10px; width: min(360px, 38vw); min-height: 40px; padding: 0 12px; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 8px; background: #ffffff; color: var(--db-ui-muted, #64748b); } .system-topbar-search input {width: 100%; border: 0; outline: 0; background: transparent; color: var(--db-ui-ink, #172033); font-size: .9rem; } .system-topbar-search input::placeholder {color: var(--db-ui-muted, #71839a); } .system-search-shortcut {padding: 2px 6px; border-radius: 5px; background: var(--db-ui-soft, #f1f5f9); color: var(--db-ui-muted, #64748b); font-size: .75rem; font-weight: 700; } .system-app-shell > .app-header .header-account {border-color: var(--db-ui-border, #dbe5f0); background: var(--db-ui-soft, #eef5fb); color: var(--db-ui-ink, #102033); box-shadow: none; } .system-app-shell > .app-header .header-account-icon, .system-app-shell > .app-header .logo-role {color: var(--db-ui-ink, #294d6b); } .system-app-shell > .app-header .header-logout {background: #ffffff; color: var(--db-ui-ink, #294d6b); border: 1px solid var(--db-ui-border, #dbe5f0); box-shadow: 0 8px 18px rgba(var(--db-ui-rgb, 15, 23, 42), 0.04); } .system-app-shell > .system-main-row {min-height: 100vh; margin: 0; } .system-app-shell .system-sidebar {position: fixed; inset: 0 auto 0 0; z-index: 1030; width: var(--system-sidebar-width); min-height: 100vh; padding: 22px 16px; display: flex; flex-direction: column; background: linear-gradient(180deg, var(--db-theme-sidebar-start, #082b4f) 0%, var(--db-theme-sidebar-mid, #062343) 48%, var(--db-theme-sidebar-end, #041b35) 100%); border-right: 0; box-shadow: 18px 0 38px rgba(var(--db-ui-rgb, 8, 43, 79), 0.16); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #cfe0ee rgba(247, 250, 255, 0.18); transition: width .22s ease, padding .22s ease, box-shadow .22s ease; } .system-app-shell .system-sidebar::-webkit-scrollbar {width: 8px; } .system-app-shell .system-sidebar::-webkit-scrollbar-track {background: rgba(var(--db-ui-rgb, 247, 250, 255), 0.16); border-radius: 999px; } .system-app-shell .system-sidebar::-webkit-scrollbar-thumb {background: var(--db-ui-soft, #cfe0ee); border: 2px solid rgba(var(--db-ui-rgb, 8, 43, 79), 0.12); border-radius: 999px; } .system-app-shell .system-sidebar::-webkit-scrollbar-thumb:hover {background: var(--db-ui-hover, #dbe8f3); } .system-sidebar-logo {display: flex; min-height: 42px; align-items: center; justify-content: flex-start; gap: 12px; margin-bottom: 28px; color: #ffffff; } .system-sidebar-toggle {width: 30px; height: 30px; margin-left: auto; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.10); color: rgba(255, 255, 255, 0.86); transition: background .18s ease, color .18s ease, transform .18s ease; } .system-sidebar-toggle:hover {background: rgba(255, 255, 255, 0.18); color: #ffffff; } .system-sidebar-mark {width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #ffffff; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16); } .system-sidebar-logo img {max-width: 28px; max-height: 28px; } .system-sidebar-name {color: #ffffff; font-size: 1.15rem; font-weight: 800; letter-spacing: 0; } .system-sidebar .collapse {display: block !important; height: auto !important; visibility: visible !important; } .system-sidebar > div {margin-bottom: 8px; } .system-sidebar .menu-title, .system-sidebar .submenu-title, .system-sidebar a {min-height: 42px; display: flex; align-items: center; border-radius: 8px; color: rgba(255, 255, 255, 0.82); font-size: .9rem; font-weight: 650; text-decoration: none; } .system-sidebar .menu-title {padding: 10px 12px; } .system-sidebar .submenu-title {padding: 9px 12px; } .system-sidebar .submenu {margin: 4px 0 8px 0; padding: 0; border-left: 0; } .system-sidebar .submenu .submenu {margin-left: 0; padding-left: 0; border-left: 0; } .system-sidebar .submenu a {margin: 3px 0; padding: 9px 12px 9px 34px; color: rgba(255, 255, 255, 0.72); font-size: .86rem; } .system-sidebar .submenu .submenu a {padding-left: 44px; } .system-sidebar .icon-text {gap: 12px; } .system-sidebar .icon-text i {width: 18px; font-size: 1rem; color: rgba(255, 255, 255, 0.88); } .system-sidebar .menu-title:hover, .system-sidebar .submenu-title:hover, .system-sidebar .submenu a:hover, .system-sidebar .menu-title[aria-expanded="true"], .system-sidebar .submenu-title[aria-expanded="true"], .system-sidebar a.active {background: var(--db-theme-accent, #0d6efd); color: #ffffff; box-shadow: 0 12px 24px rgba(var(--db-ui-rgb, 13, 110, 253), 0.22); } .system-sidebar .menu-title:hover i, .system-sidebar .submenu-title:hover i, .system-sidebar .submenu a:hover i, .system-sidebar a.active i {color: #ffffff; } .system-sidebar .submenu-title::after {display: none; } .system-sidebar-footer {margin-top: auto; padding-top: 18px; } .system-sidebar-user {display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.10); color: #ffffff; } .system-sidebar-user i {font-size: 1.55rem; } .system-sidebar-user div {min-width: 0; display: flex; flex-direction: column; line-height: 1.2; } .system-sidebar-user strong {max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; } .system-sidebar-user span {color: rgba(255, 255, 255, 0.65); font-size: .72rem; } .system-app-shell .content-area {width: calc(100% - var(--system-sidebar-width)); margin-left: var(--system-sidebar-width); padding: 98px 32px 34px; background: var(--db-ui-soft, #f7faff); transition: width .22s ease, margin-left .22s ease; } .system-app-shell > .app-header {transition: left .22s ease; } .system-app-shell.system-sidebar-collapsed > .app-header {left: var(--system-sidebar-collapsed-width); } .system-app-shell.system-sidebar-collapsed .system-sidebar {width: var(--system-sidebar-collapsed-width); padding: 22px 10px; } .system-app-shell.system-sidebar-collapsed .system-sidebar-logo {justify-content: center; gap: 0; } .system-app-shell.system-sidebar-collapsed .system-sidebar-name, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text strong, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text span, .system-app-shell.system-sidebar-collapsed .system-sidebar-user div {display: none; } .system-app-shell.system-sidebar-collapsed .system-sidebar-toggle {position: absolute; top: 58px; right: -15px; z-index: 2; background: #ffffff; color: var(--db-ui-ink, #294d6b); border-color: var(--db-ui-border, #dbe5f0); box-shadow: 0 8px 18px rgba(var(--db-ui-rgb, 15, 23, 42), 0.12); } .system-app-shell.system-sidebar-collapsed .system-sidebar-toggle i {transform: rotate(180deg); } .system-app-shell.system-sidebar-collapsed .system-sidebar .menu-title, .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu-title, .system-app-shell.system-sidebar-collapsed .system-sidebar a {justify-content: center; padding: 10px; } .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu a, .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu .submenu a {padding: 10px; } .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text {gap: 0; } .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text i {width: auto; font-size: 1.1rem; } .system-app-shell.system-sidebar-collapsed .system-sidebar-footer {display: none; } .system-app-shell.system-sidebar-collapsed .content-area {width: calc(100% - var(--system-sidebar-collapsed-width)); margin-left: var(--system-sidebar-collapsed-width); } .system-app-shell .content-wrapper {min-height: calc(100vh - 132px); padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .system-app-shell .content-wrapper > h1, .system-app-shell .content-wrapper > h2, .system-app-shell .content-wrapper > h3, .system-app-shell .content-wrapper > h4, .system-app-shell .content-wrapper > h5 {margin-bottom: 20px; color: var(--db-ui-ink, #0f172a); font-weight: 800; } .system-app-shell .content-wrapper .nav-tabs {gap: 24px; padding: 0 0 12px; margin-bottom: 22px; border-bottom: 1px solid var(--db-ui-border, #dbe5f0); } .system-app-shell .content-wrapper .nav-tabs .nav-link, .system-app-shell .content-wrapper .nav-tabs a {min-height: 36px; padding: 8px 0; color: var(--db-ui-ink, #334e68); font-size: .9rem; font-weight: 650; } .system-app-shell .content-wrapper .card, .system-app-shell .content-wrapper .app-panel, .system-app-shell .content-wrapper .project-panel {border: 1px solid var(--db-ui-border, #e2eaf4) !important; border-radius: 14px; background: #ffffff; box-shadow: 0 14px 32px rgba(var(--db-ui-rgb, 15, 23, 42), 0.06) !important; } .system-app-shell .content-wrapper .card-body {padding: 18px; } .system-app-shell .content-wrapper .scroll-panel, .system-app-shell .content-wrapper .table-responsive {border-radius: 10px; border-color: var(--db-ui-border, #dbe5f0); } .system-app-shell footer {display: none; } @media (max-width: 992px) {.system-app-shell {--system-sidebar-width: 220px; } } @media (max-width: 768px) {.system-app-shell {--system-sidebar-width: 0px; } .system-app-shell .system-sidebar {position: relative; width: 100%; min-height: auto; padding: 14px; border-bottom: 1px solid var(--db-theme-deep, #12385b); } .system-app-shell > .app-header {position: sticky; left: 0; min-height: auto; padding: 12px 14px; } .system-topbar-search {order: 3; width: 100%; } .system-app-shell .content-area {width: 100%; margin-left: 0; padding: 18px 14px 26px; } .system-app-shell.system-sidebar-collapsed > .app-header, .system-app-shell.system-sidebar-collapsed .system-sidebar, .system-app-shell.system-sidebar-collapsed .content-area {left: 0; width: 100%; margin-left: 0; } .system-app-shell.system-sidebar-collapsed .system-sidebar-name, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text strong, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text span, .system-app-shell.system-sidebar-collapsed .system-sidebar-user div {display: initial; } .system-app-shell.system-sidebar-collapsed .system-sidebar-toggle {position: static; margin-left: auto; } } .system-mobile-menu-toggle, .system-mobile-home-button {display: none; width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 10px; align-items: center; justify-content: center; background: #ffffff; color: var(--db-ui-ink, #294d6b); text-decoration: none; box-shadow: 0 8px 18px rgba(var(--db-ui-rgb, 15, 23, 42), 0.04); } .system-mobile-menu-toggle:hover, .system-mobile-home-button:hover {background: var(--db-ui-hover, #eef5fb); color: var(--db-ui-ink, #183d59); } .system-app-shell .system-sidebar .collapse:not(.show) {display: none !important; height: 0 !important; visibility: hidden !important; } .system-app-shell .system-sidebar .collapsing {display: block !important; overflow: hidden; } .system-app-shell .content-wrapper .app-table-scroll, .system-app-shell .content-wrapper .card-body > .table-responsive, .system-app-shell .content-wrapper .table-responsive {width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .system-app-shell .content-wrapper .app-table-wide, .system-app-shell .content-wrapper .app-table-scroll > .table {min-width: 900px; } @media (max-width: 768px) {.system-app-body {overflow-x: hidden; background: var(--db-ui-soft, #f7faff); } .system-mobile-menu-toggle, .system-mobile-home-button {display: inline-flex; } .system-app-shell {min-height: 100dvh; } .system-app-shell > .app-header {position: sticky; top: 0; z-index: 1040; width: calc(100% - 12px); min-height: 64px; margin: 6px; padding: 8px; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 16px; box-shadow: 0 8px 24px rgba(var(--db-ui-rgb, 15, 23, 42), 0.07); } .system-app-shell > .app-header > .d-flex {display: flex !important; width: 100%; min-width: 0; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; } .system-app-shell .system-site-navigation {display: flex; min-width: 0; min-height: 38px; flex: 1 1 auto; align-items: center; flex-wrap: nowrap; gap: 5px; margin: 0; padding: 0 7px; overflow: hidden; border: 0; white-space: nowrap; font-size: .82rem; line-height: 1; } .system-app-shell .system-site-navigation .site-navigation-home, .system-app-shell .system-site-navigation .site-navigation-separator {display: inline-flex; flex-shrink: 0; align-items: center; gap: 4px; } .system-app-shell .system-site-navigation .site-navigation-current {display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .system-app-shell .system-site-navigation strong {display: none; } .system-app-shell .header-actions {display: flex; flex: 0 0 auto; align-items: center; gap: 6px; margin-left: auto; } .system-app-shell .header-actions form {display: flex; align-items: center; } .system-app-shell .header-account {width: 38px; height: 38px; padding: 0; justify-content: center; border-radius: 10px; } .system-app-shell .header-account-copy {display: none; } .system-app-shell .header-logout {width: 38px; height: 38px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; } .system-app-shell .system-sidebar {position: fixed; inset: 0 auto 0 0; z-index: 1050; width: min(82vw, 300px) !important; min-height: 100dvh; padding: 18px 14px; border-radius: 0 18px 18px 0; box-shadow: 24px 0 52px rgba(var(--db-ui-rgb, 8, 43, 79), 0.24); transform: translateX(0); transition: transform .22s ease, box-shadow .22s ease; } .system-app-shell.system-sidebar-collapsed .system-sidebar {transform: translateX(calc(-100% - 16px)); box-shadow: none; } .system-app-shell.system-sidebar-collapsed .system-sidebar-name, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text strong, .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text span, .system-app-shell.system-sidebar-collapsed .system-sidebar-user div {display: initial; } .system-app-shell.system-sidebar-collapsed .system-sidebar .menu-title, .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu-title, .system-app-shell.system-sidebar-collapsed .system-sidebar a {justify-content: flex-start; padding: 10px 12px; } .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu a, .system-app-shell.system-sidebar-collapsed .system-sidebar .submenu .submenu a {padding-left: 34px; } .system-app-shell.system-sidebar-collapsed .system-sidebar .icon-text {gap: 12px; } .system-app-shell.system-sidebar-collapsed .system-sidebar-footer {display: block; } .system-app-shell .system-sidebar-toggle {position: static !important; margin-left: auto; background: rgba(255, 255, 255, 0.10); color: #ffffff; border-color: rgba(255, 255, 255, 0.18); box-shadow: none; } .system-app-shell.system-sidebar-collapsed .system-sidebar-toggle i {transform: none; } .system-app-shell .content-area, .system-app-shell.system-sidebar-collapsed .content-area {width: 100%; margin-left: 0; padding: 14px 10px 76px; } .system-app-shell .content-wrapper {min-height: calc(100dvh - 110px); } .system-app-shell .content-wrapper .card, .system-app-shell .content-wrapper .app-panel, .system-app-shell .content-wrapper .project-panel, .system-app-shell .content-wrapper .tab-pane > div:not(.modal):not(.toast):not(.dropdown-menu) {border-radius: 12px; } .system-app-shell .content-wrapper .card-body {padding: 14px; } .system-app-shell .content-wrapper .nav-tabs, .system-app-shell .content-wrapper .custom-tabs {display: flex; flex-wrap: nowrap; gap: 18px; overflow-x: auto; overflow-y: hidden; padding-bottom: 8px; scrollbar-width: thin; } .system-app-shell .content-wrapper .nav-tabs .nav-link, .system-app-shell .content-wrapper .nav-tabs a, .system-app-shell .content-wrapper .custom-tabs .nav-link, .system-app-shell .content-wrapper .custom-tabs a {flex: 0 0 auto; white-space: nowrap; font-size: .86rem; } .system-app-shell .content-wrapper .row {--bs-gutter-x: .75rem; --bs-gutter-y: .75rem; } .system-app-shell .content-wrapper [class*="col-"] {min-width: 0; } .system-app-shell .content-wrapper .form-control, .system-app-shell .content-wrapper .form-select, .system-app-shell .content-wrapper .btn {min-height: 38px; } .system-app-shell .content-wrapper .d-flex {min-width: 0; } .system-app-shell .content-wrapper .table-responsive, .system-app-shell .content-wrapper .scroll-panel, .system-app-shell .content-wrapper .stock-table-container, .system-app-shell .content-wrapper .project-table-scroll, .system-app-shell .content-wrapper .tender-list-scroll {width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .system-app-shell .content-wrapper .table {min-width: 760px; } .system-app-shell .content-wrapper .app-table-scroll, .system-app-shell .content-wrapper .card-body > .table-responsive {width: 100%; max-width: 100%; overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } .system-app-shell .content-wrapper .app-table-wide, .system-app-shell .content-wrapper .app-table-scroll > .table, .system-app-shell .content-wrapper .card-body > .table {min-width: 900px; } .system-app-shell .content-wrapper .modal-dialog, .system-app-shell .modal-dialog {width: calc(100% - 20px) !important; max-width: calc(100% - 20px) !important; margin: 10px auto; } .system-app-shell .content-wrapper .modal-content, .system-app-shell .modal-content {max-height: calc(100dvh - 20px); overflow: hidden; border-radius: 14px; } .system-app-shell .content-wrapper .modal-body, .system-app-shell .modal-body {overflow: auto; } .system-app-shell footer {display: none; } } @media (max-width: 576px) {.system-app-shell > .app-header {width: calc(100% - 14px); margin: 7px; padding: 8px 10px; } .system-app-shell .system-site-navigation {font-size: .78rem; } .system-app-shell .content-area, .system-app-shell.system-sidebar-collapsed .content-area {padding: 12px 8px 72px; } .system-app-shell .content-wrapper .btn:not(.btn-sm) {width: auto; } .system-app-shell .content-wrapper .pagination {justify-content: center; flex-wrap: wrap; } } @media (max-width: 420px) {.system-app-shell > .app-header {width: calc(100% - 8px); margin: 4px; padding: 7px 6px; } .system-mobile-menu-toggle, .system-mobile-home-button, .system-app-shell .header-account, .system-app-shell .header-logout {width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; } .system-app-shell > .app-header > .d-flex {gap: 4px !important; } .system-app-shell .system-site-navigation {min-height: 36px; padding-inline: 3px; font-size: .76rem; } .system-app-shell .header-actions {gap: 4px; } } .client-app-body .content-area {padding-top: 12px; } .client-app-body .site-navigation-bar {min-height: 28px; margin-top: 0; margin-bottom: 4px; padding-top: 0; padding-bottom: 0; } .client-app-body .content-wrapper > div[th\:replace], .client-app-body .content-wrapper > div[th\:fragment] {margin-top: 0; } .client-app-body .content-wrapper .nav-tabs {margin-top: 0; margin-bottom: 8px !important; padding-top: 0; padding-bottom: 4px; } .client-app-body .content-wrapper .nav-tabs.mb-2 {margin-bottom: 8px !important; } @media (max-width: 768px) {.client-app-body .content-area {padding-top: 8px; } .client-app-body .site-navigation-bar {min-height: 24px; margin-bottom: 2px; } .client-app-body .content-wrapper .nav-tabs {margin-bottom: 6px !important; } } .client-app-body .content-wrapper .nav.nav-tabs {display: flex; align-items: center; flex-wrap: nowrap; gap: .35rem; min-height: 0; margin-top: 0; margin-bottom: .35rem !important; padding: 0 .1rem .35rem; overflow-x: auto; overflow-y: hidden; border: 0; border-bottom: 1px solid var(--app-border); background: transparent; scrollbar-width: thin; } .client-app-body .content-wrapper .nav.nav-tabs .nav-item {flex: 0 0 auto; margin: 0; background: transparent; } .client-app-body .content-wrapper .nav.nav-tabs .nav-link {min-height: 2.35rem; padding: .42rem .72rem !important; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--db-ui-ink, #36506b); font-family: inherit; font-size: .82rem !important; font-style: normal; font-weight: 550; line-height: 1.15 !important; text-decoration: none; white-space: nowrap; box-shadow: none; } .client-app-body .content-wrapper .nav.nav-tabs .nav-link:hover, .client-app-body .content-wrapper .nav.nav-tabs .nav-link:focus-visible {border-bottom-color: transparent; background: var(--db-ui-hover, #f4f8fd); color: var(--app-accent); box-shadow: none; } .client-app-body .content-wrapper .nav.nav-tabs .nav-link.active, .client-app-body .content-wrapper .nav.nav-tabs .nav-link[aria-selected="true"] {border-bottom-color: var(--app-accent); background: transparent; color: var(--app-accent); font-weight: 700; } .client-app-body .content-wrapper .nav.nav-tabs .nav-link:disabled, .client-app-body .content-wrapper .nav.nav-tabs .nav-link.disabled {border-bottom-color: transparent; background: transparent; color: var(--db-ui-muted, #9aa9b7); cursor: not-allowed; opacity: .72; } .client-app-body .content-wrapper #itemTab {padding: .65rem .75rem .75rem; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(var(--db-ui-rgb, 15, 23, 42), .035); } .client-app-body .content-wrapper #itemTab .item-workspace {display: grid; gap: .75rem; } .client-app-body .content-wrapper #itemBatchTab .item-batch-workspace {display: grid; gap: .75rem; } .client-app-body .content-wrapper #itemTab .item-editor-panel, .client-app-body .content-wrapper #itemTab .item-list-panel, .client-app-body .content-wrapper #itemBatchTab .item-editor-panel, .client-app-body .content-wrapper #itemBatchTab .item-list-panel {overflow: hidden; border: 1px solid var(--db-ui-border, #dbe5f0); border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(var(--db-ui-rgb, 15, 23, 42), .035); } .client-app-body .content-wrapper #itemTab .item-editor-panel {padding: .65rem .75rem; } .client-app-body .content-wrapper #itemBatchTab .item-editor-panel {padding: .65rem .75rem; } .client-app-body .content-wrapper #itemTab .item-section-heading {display: flex; align-items: center; gap: .5rem; margin-bottom: .55rem; padding-bottom: .45rem; border-bottom: 1px solid var(--db-ui-border, #e4ebf3); } .client-app-body .content-wrapper #itemBatchTab .item-section-heading {display: flex; align-items: center; gap: .5rem; margin-bottom: .55rem; padding-bottom: .45rem; border-bottom: 1px solid var(--db-ui-border, #e4ebf3); } .client-app-body .content-wrapper #itemTab .item-section-heading h6 {margin: 0; color: var(--app-heading); font-size: .86rem; font-weight: 750; } .client-app-body .content-wrapper #itemBatchTab .item-section-heading h6, .client-app-body .content-wrapper #itemBatchTab .item-list-toolbar h6 {margin: 0; color: var(--app-heading); font-size: .86rem; font-weight: 750; } .client-app-body .content-wrapper #itemTab .item-section-heading small {color: var(--db-ui-muted, #6b7f93); font-size: .78rem; } .client-app-body .content-wrapper #itemBatchTab .item-section-heading small, .client-app-body .content-wrapper #itemBatchTab .item-list-toolbar small {color: var(--db-ui-muted, #6b7f93); font-size: .78rem; } .client-app-body .content-wrapper #itemTab .item-primary-fields .form-label {margin-bottom: .2rem !important; color: var(--db-ui-ink, #334b63); font-size: .75rem; font-weight: 600; } .client-app-body .content-wrapper #itemBatchTab .item-primary-fields .form-label {margin-bottom: .2rem !important; color: var(--db-ui-ink, #334b63); font-size: .75rem; font-weight: 600; } .client-app-body .content-wrapper #itemTab .item-primary-fields .form-control, .client-app-body .content-wrapper #itemTab .item-primary-fields .form-select, .client-app-body .content-wrapper #itemBatchTab .item-primary-fields .form-control, .client-app-body .content-wrapper #itemBatchTab .item-primary-fields .form-select {min-height: 2rem; padding-top: .28rem; padding-bottom: .28rem; border-color: var(--db-ui-border, #d6e1eb); border-radius: 6px; background-color: #fff; font-size: .82rem; } .client-app-body .content-wrapper #itemTab .item-primary-fields .form-control:focus, .client-app-body .content-wrapper #itemTab .item-primary-fields .form-select:focus, .client-app-body .content-wrapper #itemBatchTab .item-primary-fields .form-control:focus, .client-app-body .content-wrapper #itemBatchTab .item-primary-fields .form-select:focus {border-color: var(--db-ui-accent, #6d9fc2); box-shadow: 0 0 0 .15rem rgba(var(--db-ui-rgb, 45, 105, 146), .12); } .client-app-body .content-wrapper #itemTab .item-parent-toggle, .client-app-body .content-wrapper #itemTab .item-variant-panel {border: 1px solid var(--db-ui-border, #e4ebf3); border-radius: 7px; background: var(--db-ui-soft, #f8fafc); } .client-app-body .content-wrapper #itemTab .item-parent-toggle {display: flex; align-items: center; gap: .5rem; min-height: 2rem; padding: .35rem .5rem; } .client-app-body .content-wrapper #itemTab .item-variant-panel {margin-top: .65rem; padding: .65rem; } .client-app-body .content-wrapper #itemTab .item-variant-panel .variant-row {margin: 0; padding: .55rem; border: 1px solid var(--db-ui-border, #e4ebf3); border-radius: 6px; background: #fff; } .client-app-body .content-wrapper #itemTab .item-form-actions {display: flex; justify-content: flex-end; gap: .4rem; margin-top: .65rem; padding-top: .55rem; border-top: 1px solid var(--db-ui-border, #e4ebf3); } .client-app-body .content-wrapper #itemTab .item-list-toolbar, .client-app-body .content-wrapper #itemBatchTab .item-list-toolbar, .client-app-body .content-wrapper #categoryTab .config-list-search-toolbar, .client-app-body .content-wrapper #subCategoryTab .config-list-search-toolbar, .client-app-body .content-wrapper #supplierTab .config-list-search-toolbar, .client-app-body .content-wrapper #customerTab .config-list-search-toolbar {display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding: .55rem .65rem; border-bottom: 1px solid var(--db-ui-border, #dbe5f0); background: var(--db-ui-soft, #f8fafc); } .client-app-body .content-wrapper #itemBatchTab .item-list-toolbar {justify-content: space-between; } .client-app-body .content-wrapper #itemTab .item-search-box, .client-app-body .content-wrapper #categoryTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #subCategoryTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #supplierTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #customerTab .config-list-search-toolbar .item-search-box {flex: 0 1 440px; width: min(440px, 100%); max-width: 100%; margin-left: auto; } .client-app-body .content-wrapper #itemTab .inventory-item-table-scroll {position: relative; max-height: 430px; overflow: auto; overscroll-behavior: contain; background: #fff; contain: paint; } .client-app-body .content-wrapper #itemBatchTab .item-batch-list-scroll {position: relative; max-height: 55vh; overflow: auto; overscroll-behavior: contain; background: #fff; contain: paint; } .client-app-body .content-wrapper #itemBatchTab .item-batch-table {width: 100%; min-width: 1480px; margin-bottom: 0; table-layout: fixed; } .client-app-body .content-wrapper #itemBatchTab .item-batch-table thead th {color: var(--db-ui-ink, #24394e); background: var(--db-ui-soft, #eef4f8) !important; white-space: nowrap; } .client-app-body .content-wrapper #itemBatchTab .item-batch-table tbody td {padding: 8px 10px !important; vertical-align: middle; } .client-app-body .content-wrapper #itemBatchTab .item-batch-table tbody tr:hover td {background: var(--db-ui-hover, #f5faff); } .client-app-body .content-wrapper #itemBatchTab .item-batch-table .form-select {min-height: 2rem; border-color: var(--db-ui-border, #d6e1eb); border-radius: 6px; background-color: #fff; font-size: .8rem; } .client-app-body .content-wrapper #itemTab .inventory-item-table {width: 100%; min-width: 1480px; margin-bottom: 0; table-layout: fixed; border-collapse: separate !important; border-spacing: 0; background: #fff; } .client-app-body .content-wrapper #itemTab .inventory-item-table tbody tr:hover td {background: var(--db-ui-hover, #f5faff); } .client-app-body #partner360Modal .partner-records-scroll {overflow-x: auto; overflow-y: visible; padding-bottom: .15rem; } .client-app-body #partner360Modal .partner-records-table {width: 100%; min-width: 1180px; margin-bottom: 0; table-layout: fixed; } .client-app-body #partner360Modal .partner-records-table th, .client-app-body #partner360Modal .partner-records-table td {vertical-align: middle; } .client-app-body #partner360Modal .partner-records-table .record-type {width: 100%; min-width: 0; padding-right: 2.25rem; background-position: right .65rem center; background-size: 16px 12px; text-overflow: ellipsis; } .client-app-body #partner360Modal .partner-records-table .form-control, .client-app-body #partner360Modal .partner-records-table .form-select {max-width: 100%; } .client-app-body #partner360Modal .partner-record-type-col {width: 140px; } .client-app-body #partner360Modal .partner-record-reference-col {width: 135px; } .client-app-body #partner360Modal .partner-record-title-col {width: 145px; } .client-app-body #partner360Modal .partner-record-status-col {width: 130px; } .client-app-body #partner360Modal .partner-record-date-col {width: 145px; } .client-app-body #partner360Modal .partner-record-amount-col {width: 130px; } .client-app-body #partner360Modal .partner-record-notes-col {width: 160px; } .client-app-body #partner360Modal .partner-record-action-col {width: 58px; } @media (max-width: 768px) {.client-app-body .content-wrapper .nav.nav-tabs {margin-bottom: .35rem !important; -webkit-overflow-scrolling: touch; } .client-app-body .content-wrapper #itemTab {padding: .5rem; } .client-app-body .content-wrapper #itemTab .item-editor-panel {padding: .55rem; } .client-app-body .content-wrapper #itemBatchTab .item-editor-panel {padding: .55rem; } .client-app-body .content-wrapper #itemTab .item-list-toolbar, .client-app-body .content-wrapper #itemBatchTab .item-list-toolbar, .client-app-body .content-wrapper #categoryTab .config-list-search-toolbar, .client-app-body .content-wrapper #subCategoryTab .config-list-search-toolbar, .client-app-body .content-wrapper #supplierTab .config-list-search-toolbar, .client-app-body .content-wrapper #customerTab .config-list-search-toolbar {align-items: stretch; flex-direction: column; } .client-app-body .content-wrapper #itemTab .item-search-box, .client-app-body .content-wrapper #categoryTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #subCategoryTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #supplierTab .config-list-search-toolbar .item-search-box, .client-app-body .content-wrapper #customerTab .config-list-search-toolbar .item-search-box {flex-basis: 100%; width: 100%; } } .content-wrapper .table, .system-app-shell .content-wrapper .table {font-size: 0.79rem; line-height: 1.22; } .content-wrapper .table thead th, .system-app-shell .content-wrapper .table thead th {padding: 0.42rem 0.48rem !important; font-size: 0.72rem; line-height: 1.15; white-space: nowrap; } .content-wrapper .table tbody td, .system-app-shell .content-wrapper .table tbody td {padding: 0.38rem 0.48rem !important; font-size: 0.78rem; line-height: 1.22; } .content-wrapper .table tbody tr, .system-app-shell .content-wrapper .table tbody tr {min-height: 38px; } .content-wrapper .table .badge, .system-app-shell .content-wrapper .table .badge {padding: 0.20rem 0.45rem; font-size: 0.67rem; line-height: 1.1; } .content-wrapper .table .btn-sm, .system-app-shell .content-wrapper .table .btn-sm {min-height: 27px; padding: 0.24rem 0.52rem; font-size: 0.72rem; line-height: 1.1; } .content-wrapper .table .form-control, .content-wrapper .table .form-select, .system-app-shell .content-wrapper .table .form-control, .system-app-shell .content-wrapper .table .form-select {min-height: 30px; padding: 0.28rem 0.45rem; font-size: 0.76rem; } .content-wrapper .table td .small, .system-app-shell .content-wrapper .table td .small {font-size: 0.68rem !important; line-height: 1.15; } .content-wrapper .table-responsive, .content-wrapper .stock-table-container, .content-wrapper .tender-list-scroll, .content-wrapper .project-table-scroll, .system-app-shell .content-wrapper .table-responsive, .system-app-shell .content-wrapper .stock-table-container, .system-app-shell .content-wrapper .tender-list-scroll, .system-app-shell .content-wrapper .project-table-scroll {scrollbar-width: thin; } @media (max-width: 768px) {.content-wrapper .table, .system-app-shell .content-wrapper .table {font-size: 0.75rem; } .content-wrapper .table thead th, .system-app-shell .content-wrapper .table thead th {padding: 0.38rem 0.42rem !important; font-size: 0.68rem; } .content-wrapper .table tbody td, .system-app-shell .content-wrapper .table tbody td {padding: 0.34rem 0.42rem !important; font-size: 0.74rem; } } .app-sticky-table-scroll {position: relative; isolation: isolate; overflow: auto; background: #ffffff; } .app-sticky-table {margin-bottom: 0; border-collapse: separate !important; border-spacing: 0; } .app-sticky-table thead {position: relative; z-index: 20; } .app-sticky-table thead th {position: sticky !important; top: 0; z-index: 21 !important; background: var(--db-ui-soft, #f8fafc) !important; background-clip: padding-box; } .app-sticky-table tbody {position: relative; z-index: 1; } .app-sticky-table tbody td {position: relative; z-index: 1; background-color: #ffffff; } .app-sticky-table.table-striped > tbody > tr:nth-of-type(odd) > * {background-color: var(--db-ui-on-accent, #f9fbfd); } .inventory-config-list-scroll {max-height: 500px; overflow: auto; scrollbar-gutter: stable; border-radius: 0.45rem; } .inventory-config-list-scroll .app-sticky-table {min-width: 640px; } .inventory-config-list-scroll .app-sticky-table thead, .inventory-config-list-scroll .app-sticky-table thead th {background-color: var(--db-ui-on-accent, #f8fafc) !important; } .inventory-config-list-scroll .app-sticky-table thead th {box-shadow: inset 0 -1px 0 var(--db-ui-border, #cedbe7); } :root {--db-modal-header-bg: linear-gradient(180deg, #ffffff 0%, var(--db-ui-soft, #f8fbfe) 100%); --db-modal-border: var(--db-theme-border, #d8e4ef); --db-modal-border-soft: var(--db-ui-border, #e8eef5); --db-modal-title: #14263a; --db-modal-muted: var(--db-ui-muted, #64748b); --db-modal-accent: var(--db-theme-brand, #2c5d7f); --db-modal-accent-dark: var(--db-theme-deep, #173e60); --db-modal-body-bg: #ffffff; --db-modal-footer-bg: var(--db-ui-soft, #f8fbfe); --db-modal-shadow: 0 24px 70px rgba(15, 47, 79, 0.22); } .modal-backdrop.show {opacity: .42; backdrop-filter: blur(2px); } .modal .modal-dialog {margin-top: 1.25rem; margin-bottom: 1.25rem; } .modal .modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-xl):not(.modal-fullscreen) {max-width: 540px; } .modal .modal-dialog.modal-sm {max-width: 410px; } .modal .modal-dialog.modal-lg {max-width: min(790px, calc(100vw - 32px)); } .modal .modal-dialog.modal-xl {max-width: min(1160px, calc(100vw - 32px)); } .modal .modal-content {position: relative; overflow: hidden; border: 1px solid var(--db-modal-border); border-radius: 14px; background: var(--db-modal-body-bg); box-shadow: var(--db-modal-shadow); } .modal .modal-content::before {position: absolute; top: 0; right: 0; left: 0; z-index: 2; height: 3px; background: linear-gradient(90deg, var(--db-modal-accent-dark), var(--db-theme-hover, #3f789f) 58%, var(--db-theme-hover, #78a8c7)); content: ""; } .modal .modal-header {min-height: 48px; padding: .68rem .95rem .62rem; border-bottom: 1px solid var(--db-modal-border-soft); background: var(--db-modal-header-bg); } .modal .modal-title {margin: 0; color: var(--db-modal-title); font-size: 1rem; font-weight: 750; line-height: 1.25; letter-spacing: -.01em; } .modal .modal-header .small, .modal .modal-header small, .modal .modal-subtitle {margin-top: 2px; color: var(--db-modal-muted) !important; font-size: .72rem; font-weight: 600; } .modal .modal-header .btn-close {width: 30px; height: 30px; margin: -.2rem -.25rem -.2rem auto; padding: 0; border: 1px solid transparent; border-radius: 9px; background-size: 11px; opacity: .58; transition: background-color .16s ease, border-color .16s ease, opacity .16s ease, transform .16s ease; } .modal .modal-header .btn-close:hover, .modal .modal-header .btn-close:focus {border-color: var(--db-ui-border, #d5e2ed); background-color: var(--db-theme-soft, #eef5fa); box-shadow: none; opacity: .9; transform: scale(1.03); } .modal .modal-body {padding: .82rem .95rem; background: var(--db-modal-body-bg); color: var(--db-ui-ink, #26384a); font-size: .82rem; } .modal .modal-footer {min-height: 50px; gap: .42rem; padding: .58rem .95rem; border-top: 1px solid var(--db-modal-border-soft); background: var(--db-modal-footer-bg); } .modal .modal-footer > * {margin: 0; } .modal .modal-footer .btn, .modal .modal-header .btn, .modal .modal-body .btn-sm {min-height: 32px; padding: .34rem .72rem; border-radius: 8px; font-size: .76rem; font-weight: 700; line-height: 1.15; } .modal .modal-footer .btn-primary, .modal .modal-body .btn-primary, .modal .modal-header .btn-primary {border-color: var(--db-modal-accent-dark); background: linear-gradient(135deg, var(--db-modal-accent-dark), var(--db-modal-accent)); box-shadow: 0 5px 13px rgba(var(--db-ui-rgb, 23, 62, 96), .13); } .modal .modal-footer .btn-primary:hover, .modal .modal-body .btn-primary:hover, .modal .modal-header .btn-primary:hover {border-color: var(--db-theme-deep, #11344f); background: linear-gradient(135deg, var(--db-theme-deep, #11344f), var(--db-theme-brand, #285978)); } .modal .modal-footer .btn-secondary, .modal .modal-footer .btn-light, .modal .modal-body .btn-light {border-color: var(--db-ui-border, #dce6ef); background: var(--db-ui-soft, #f4f8fb); color: var(--db-ui-ink, #334b60); } .modal .modal-footer .btn-secondary:hover, .modal .modal-footer .btn-light:hover, .modal .modal-body .btn-light:hover {border-color: var(--db-ui-border, #cad9e5); background: var(--db-ui-hover, #eaf2f8); color: var(--db-ui-ink, #203b52); } .modal .form-label, .modal label:not(.form-check-label) {margin-bottom: .25rem; color: var(--db-ui-ink, #34495e); font-size: .72rem; font-weight: 700; } .modal .form-control, .modal .form-select, .modal .input-group-text {min-height: 34px; border-color: var(--db-ui-border, #d5e1ec); border-radius: 8px; font-size: .8rem; } .modal textarea.form-control {min-height: 70px; } .modal .form-control:focus, .modal .form-select:focus {border-color: var(--db-ui-accent, #79a7c7); box-shadow: 0 0 0 3px rgba(var(--db-ui-rgb, 44, 93, 127), .10); } .modal .input-group > :not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; } .modal .input-group > :not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0; } .modal .form-check-input {border-color: var(--db-ui-border, #b9cad8); } .modal .form-check-input:checked {border-color: var(--db-modal-accent); background-color: var(--db-modal-accent); } .modal .card, .modal .app-panel, .modal .border, .modal fieldset {border-color: var(--db-ui-border, #dfe8f1) !important; border-radius: 10px; box-shadow: none; } .modal .card-header, .modal .table thead th {background: var(--db-ui-soft, #f4f8fb); color: var(--db-ui-ink, #263f55); } .modal .table {margin-bottom: 0; font-size: .75rem; } .modal .table > :not(caption) > * > * {padding: .4rem .48rem; border-color: var(--db-ui-border, #dfe8f1); vertical-align: middle; } .modal .table thead th {font-size: .7rem; font-weight: 800; white-space: nowrap; } .modal .nav-tabs {gap: .2rem; margin-bottom: .55rem; border-bottom-color: var(--db-ui-border, #dce6ef); } .modal .nav-tabs .nav-link {padding: .4rem .65rem; border: 0; border-bottom: 2px solid transparent; color: var(--db-ui-muted, #526b80); font-size: .76rem; font-weight: 700; } .modal .nav-tabs .nav-link.active {border-bottom-color: var(--db-theme-accent, #0d6efd); background: transparent; color: var(--db-theme-accent, #0d6efd); } .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 2.5rem); } .modal-dialog-scrollable .modal-body {scrollbar-color: #b7c8d8 transparent; scrollbar-width: thin; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar {width: 7px; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {border: 2px solid transparent; border-radius: 999px; background: var(--db-ui-soft, #b7c8d8); background-clip: padding-box; } .modal.fade .modal-dialog {transform: translateY(-8px) scale(.985); transition: transform .18s ease-out; } .modal.show .modal-dialog {transform: none; } .modal .modal-body.p-0, .modal .modal-body.p-1, .modal .modal-body.p-2 {padding: inherit; } .modal .modal-body.p-0 {padding: 0 !important; } .modal .modal-body.p-1 {padding: .25rem !important; } .modal .modal-body.p-2 {padding: .5rem !important; } @media (max-width: 767.98px) {.modal .modal-dialog, .modal .modal-dialog.modal-sm, .modal .modal-dialog.modal-lg, .modal .modal-dialog.modal-xl {width: calc(100% - 18px) !important; max-width: calc(100% - 18px) !important; margin: 9px auto; } .modal .modal-content {max-height: calc(100dvh - 18px); border-radius: 12px; } .modal .modal-header {min-height: 46px; padding: .62rem .78rem .56rem; } .modal .modal-body {padding: .72rem .78rem; } .modal .modal-footer {padding: .55rem .78rem; } .modal .modal-footer .btn {flex: 1 1 auto; } } .secure-file-preview-modal{z-index:1450!important;}.secure-file-preview-modal+.modal-backdrop{z-index:1440!important;} .secure-file-preview-modal .modal-content{border:1px solid var(--db-ui-border, #cfe0ef);border-top:3px solid var(--db-ui-accent, #2a638e);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(var(--db-ui-rgb, 15, 39, 61),.24);} .secure-file-preview-modal .modal-header,.secure-file-preview-modal .modal-footer{background:var(--db-ui-soft, #f8fbfe);border-color:var(--db-ui-border, #dce8f2);} .secure-file-preview-modal .modal-body{height:min(78vh,850px);min-height:420px;background:var(--db-ui-soft, #eef4f9);overflow:auto;} .secure-file-preview-frame{display:block;width:100%;height:100%;min-width:700px;min-height:420px;border:0;background:#fff;} .secure-file-preview-image{display:flex;align-items:center;justify-content:center;min-width:600px;min-height:100%;padding:18px;} .secure-file-preview-image img{display:block;max-width:100%;height:auto;border-radius:6px;box-shadow:0 6px 22px rgba(var(--db-ui-rgb, 15, 39, 61),.14);} .secure-file-preview-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:420px;padding:14px;background:var(--db-ui-deep, #08131d);} .secure-file-preview-video-player{display:block;width:100%;height:100%;max-height:calc(min(78vh,850px) - 28px);object-fit:contain;background:#000;border-radius:8px;outline:none;} .secure-file-preview-loading,.secure-file-preview-error{display:flex;min-height:420px;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#5c7083} .secure-file-preview-error i{font-size:1.8rem;color:#dc3545}.secure-file-preview-error strong{color:#20384f} @media(max-width:767.98px){.secure-file-preview-modal .modal-dialog{margin:.5rem;}.secure-file-preview-modal .modal-body{height:78vh;}.secure-file-preview-frame{min-width:560px;}.secure-file-preview-image{min-width:420px;}.secure-file-preview-video{padding:6px;min-height:320px;}.secure-file-preview-video-player{max-height:calc(78vh - 12px);}} .analytics-table{min-width:1320px;} .analytics-person-cell{min-width:135px;white-space:nowrap;color:var(--db-theme-deep, #173b59);} .system-mobile-bottom-nav{display:none} @media(max-width:767.98px){.system-mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;gap:3px;justify-content:space-around;overflow-x:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--db-ui-surface,#fff);border-top:1px solid var(--db-theme-border,#dce7f2);box-shadow:0 -4px 18px rgba(23,59,93,.08)} .system-mobile-bottom-nav>a,.system-mobile-bottom-nav>button{flex:1 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px;border:0;border-radius:8px;background:transparent;color:var(--db-ui-muted,#647b91);text-decoration:none;font-size:.64rem;line-height:1.2} .system-mobile-bottom-nav i{font-size:1.2rem} .system-mobile-bottom-nav [aria-current=page],.system-mobile-bottom-nav [aria-expanded=true],.system-mobile-bottom-nav :is(a,button):hover{background:var(--db-theme-soft,#eef5fc);color:var(--db-theme-brand,#2c4b66)} .system-app-shell .content-area{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important} .system-app-shell .system-sidebar{padding-bottom:calc(88px + env(safe-area-inset-bottom))} } .system-sidebar-logo {gap: 8px; } .system-sidebar-name {font-size: .95rem; line-height: 1.2; white-space: nowrap; flex: 0 0 auto; } .system-sidebar-mark, .system-sidebar-toggle {flex-shrink: 0; } @media (min-width: 769px) {.system-app-shell.system-sidebar-collapsed .system-sidebar-logo {flex-direction: column; gap: 10px; margin-bottom: 18px; } .system-app-shell.system-sidebar-collapsed .system-sidebar-toggle {position: static; margin: 0; flex: 0 0 30px; width: 30px; height: 30px; } } #reportsMenu .inventory-tab-menu-item{position:relative;} #reportsMenu .inventory-tab-menu-item>a{padding-right:38px;} #reportsMenu .inventory-open-tab{position:absolute;right:6px;top:3px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:5px;background:transparent;color:var(--db-ui-on-accent,#fff);font-size:12px;z-index:1;} #reportsMenu .inventory-open-tab:hover{background:rgba(255,255,255,.16);} #reportsMenu .inventory-open-tab:focus-visible{outline:2px solid currentColor;outline-offset:1px;} @media(min-width:769px){.system-app-shell.system-sidebar-collapsed .system-sidebar .system-menu-label{display:none;} .system-app-shell.system-sidebar-collapsed #reportsMenu .inventory-tab-menu-item>a{padding:10px;} .system-app-shell.system-sidebar-collapsed #reportsMenu .inventory-open-tab{right:0;top:0;width:17px;height:17px;font-size:10px;} } 
:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-search-input, #inventoryConfigurationWorkspace .config-search-input, [data-business-workspace] .business-search-input, .db-stock-page .db-list-search-input {position:relative ;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-search-input>.bi, #inventoryConfigurationWorkspace .config-search-input>.bi, [data-business-workspace] .business-search-input>.bi, .db-stock-page .db-list-search-input>.bi {position:absolute;left:11px;top:9px;color:var(--db-ui-muted, #6f8499);pointer-events:none ;} #inventoryConfigurationWorkspace .config-list-workspace, [data-business-workspace] .business-list-workspace, .db-stock-page .db-list {border:1px solid var(--workspace-line);border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(var(--db-ui-rgb, 23, 59, 93),.05);overflow:hidden;min-width:0;width:100%;margin-top:16px;color:var(--workspace-ink) ;} #inventoryConfigurationWorkspace .config-list-filters, [data-business-workspace] .business-list-filters, .db-stock-page .db-list-filters {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px;border-bottom:1px solid var(--workspace-line) ;} #inventoryConfigurationWorkspace .config-search-field, [data-business-workspace] .business-search-field, .db-stock-page .db-list-search-field {flex:1 1 260px;max-width:480px;min-width:0;display:grid;gap:6px ;} #inventoryConfigurationWorkspace .config-search-field label, [data-business-workspace] .business-search-field label, .db-stock-page .db-list-search-field label {font-size:.7rem;color:var(--db-ui-muted, #526d87);font-weight:600;margin:0 ;} #inventoryConfigurationWorkspace .config-search-input input, [data-business-workspace] .business-search-input input, .db-stock-page .db-list-search-input input {padding-left:33px;min-height:36px;font-size:.78rem;border:1px solid var(--workspace-line);border-radius:6px;color:var(--workspace-ink);width:100% ;} #inventoryConfigurationWorkspace .config-list-filters .btn, [data-business-workspace] .business-list-filters .btn, .db-stock-page .db-list-filters .btn {min-height:36px;display:inline-flex;gap:6px;align-items:center;justify-content:center;white-space:nowrap ;} #inventoryConfigurationWorkspace .config-list-toolbar,#inventoryConfigurationWorkspace .config-list-pagination, [data-business-workspace] .business-list-toolbar,[data-business-workspace] .business-list-pagination, .db-stock-page .db-list-toolbar, .db-stock-page .db-list-pagination {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;flex-wrap:wrap;font-size:.75rem;color:var(--workspace-muted) ;} #inventoryConfigurationWorkspace .config-list-toolbar, [data-business-workspace] .business-list-toolbar, .db-stock-page .db-list-toolbar {border-bottom:1px solid var(--workspace-line) ;} #inventoryConfigurationWorkspace .config-list-options, [data-business-workspace] .business-list-options, .db-stock-page .db-list-options {display:flex;align-items:center;gap:10px;flex-wrap:wrap ;} #inventoryConfigurationWorkspace .config-list-options label, [data-business-workspace] .business-list-options label, .db-stock-page .db-list-options label {margin:0;font-size:.75rem;font-weight:650 ;} #inventoryConfigurationWorkspace .config-list-options select, [data-business-workspace] .business-list-options select, .db-stock-page .db-list-options select {width:auto;max-width:175px;font-size:.75rem;min-height:32px;border:0;background-color:#fff;color:var(--workspace-muted) ;} #inventoryConfigurationWorkspace .config-list-scroll, [data-business-workspace] .business-table-scroll, .db-stock-page .db-list-scroll {position:relative;isolation:isolate;overflow:auto!important;max-height:min(65vh,640px)!important;padding:0!important;border:0;border-radius:0;scrollbar-gutter:stable ;} #inventoryConfigurationWorkspace .config-workspace-table, [data-business-workspace] .business-workspace-table, .db-stock-page .db-list-table {margin:0!important;min-width:640px;width:100%;border-collapse:separate!important;border-spacing:0;font-size:.78rem;color:var(--workspace-ink) ;} #inventoryConfigurationWorkspace .config-workspace-table>thead, [data-business-workspace] .business-workspace-table>thead, .db-stock-page .db-list-table>thead {position:sticky!important;top:0;z-index:20;background:var(--db-ui-soft, #f7f9fc) ;} #inventoryConfigurationWorkspace .config-workspace-table>thead>tr>th, [data-business-workspace] .business-workspace-table>thead>tr>th, .db-stock-page .db-list-table>thead>tr>th {position:static!important;top:auto;z-index:auto!important;padding:12px 14px!important;color:var(--db-ui-muted, #5b748e);background:var(--db-ui-soft, #f7f9fc)!important;--bs-table-bg:var(--db-ui-soft, #f7f9fc);--bs-table-bg-type:var(--db-ui-soft, #f7f9fc);--bs-table-bg-state:var(--db-ui-soft, #f7f9fc);--bs-table-accent-bg:transparent;box-shadow:inset 0 -1px 0 var(--workspace-line);border:0!important;text-transform:uppercase;font-size:.68rem;letter-spacing:.25px;line-height:1.3;white-space:nowrap ;} #inventoryConfigurationWorkspace .config-workspace-table>tbody, [data-business-workspace] .business-workspace-table>tbody, .db-stock-page .db-list-table>tbody {position:relative;z-index:1 ;} #inventoryConfigurationWorkspace .config-workspace-table>tbody>tr:hover>td, [data-business-workspace] .business-workspace-table>tbody>tr:hover>td, .db-stock-page .db-list-table>tbody>tr:hover>td {background:var(--db-theme-soft,#f4f8fc);--bs-table-bg-state:var(--db-theme-soft,#f4f8fc) ;} #inventoryConfigurationWorkspace .config-workspace-table>tbody>tr>td:nth-child(2), [data-business-workspace] .business-workspace-table>tbody>tr>td:nth-child(2), .db-stock-page .db-list-table>tbody>tr>td:nth-child(2) {font-weight:600;color:var(--db-theme-deep,#173b5d) ;} #inventoryConfigurationWorkspace .config-workspace-table>tbody>tr>td:last-child, [data-business-workspace] .business-workspace-table>tbody>tr>td:last-child, .db-stock-page .db-list-table>tbody>tr>td:last-child {white-space:nowrap ;} #inventoryConfigurationWorkspace .config-page-buttons, [data-business-workspace] .business-page-buttons, .db-stock-page .db-list-page-buttons {display:flex;gap:6px;align-items:center;flex-wrap:wrap ;} #inventoryConfigurationWorkspace .config-page-buttons .btn, [data-business-workspace] .business-page-buttons .btn, .db-stock-page .db-list-page-buttons .btn {width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;min-height:30px ;} #inventoryConfigurationWorkspace .config-page-label, [data-business-workspace] .business-page-label, .db-stock-page .db-list-page-label {padding:0 6px;white-space:nowrap ;} #inventoryConfigurationWorkspace .config-list-pagination, [data-business-workspace] .business-list-pagination, .db-stock-page .db-list-pagination {border-top:1px solid var(--workspace-line) ;} #inventoryConfigurationWorkspace .config-list-empty, [data-business-workspace] .business-list-empty, .db-stock-page .db-list-empty {padding:28px 18px;text-align:center;font-size:.8rem;color:var(--workspace-muted) ;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) {--workspace-ink:var(--db-ui-ink, #20384f);--workspace-muted:var(--db-ui-muted, #647b91);--workspace-line:var(--db-ui-border, #dce7f2);--workspace-navy:var(--db-theme-deep, #173b5d); } :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace{border:1px solid var(--workspace-line);border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(var(--db-ui-rgb, 23, 59, 93),.05);overflow:hidden;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field label{font-size:.7rem;font-weight:600;color:var(--db-ui-muted, #526d87);margin:0;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-inventory-field,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-client-field{flex:1 1 175px;max-width:240px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-search-field{flex:1 1 320px;max-width:480px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-filters .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;white-space:nowrap;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-search-input input{padding-left:33px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field .form-select,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field .form-control{min-height:36px;border-color:var(--db-ui-border, #cfdeed);color:var(--workspace-ink);font-size:.78rem;background-color:#fff;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field .form-select:disabled{background-color:var(--db-ui-on-accent, #eef3f8);color:var(--workspace-muted);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 18px;background:var(--db-ui-soft, #f7fafe);border-block:1px solid #e7eef6;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) [hidden],#stockDetailsModal [hidden]{display:none!important;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 18px 14px;border-bottom:1px solid var(--workspace-line)} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-status-tabs{display:flex;flex-wrap:wrap;gap:5px;flex:1} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-status-tab{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--workspace-muted);padding:5px 9px;font-size:.72rem;min-height:32px} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-status-tab:hover{background:#f2f6fb} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-status-tab[aria-pressed="true"]{background:#eaf2fb;border-color:#d5e4f4;color:var(--workspace-navy);font-weight:600} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-zero-filter{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;color:var(--db-ui-muted, #526b83);white-space:nowrap;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-zero-filter input{margin:0;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 18px;color:var(--workspace-muted);font-size:.74rem;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-list-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.7rem;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-list-options label{margin:0;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-list-options .form-select{width:auto;min-height:29px;font-size:.7rem;border-color:transparent;background-color:transparent;color:var(--db-ui-ink, #496681);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table{width:100%;table-layout:fixed;color:var(--workspace-ink);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table-wrap{max-height:min(65vh,640px);overflow:auto;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table thead th{position:static;top:auto;z-index:auto;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table>thead>tr>th{padding:12px 14px;background:var(--db-ui-soft, #f7f9fc);border-block:1px solid var(--workspace-line);color:var(--db-ui-muted, #5b748e);vertical-align:middle;text-transform:uppercase;font-size:.68rem;letter-spacing:.25px;white-space:normal;} #stockTab .stock-workspace-table th:first-child{width:27%;padding-left:18px;} #stockTab .stock-workspace-table th:nth-child(2){width:23%;} #stockTab .stock-workspace-table th:nth-child(3){width:12%;} #stockTab .stock-workspace-table th:nth-child(4){width:13%;text-align:right;} #stockTab .stock-workspace-table th:nth-child(5){width:15%;} #stockTab .stock-workspace-table th:last-child{width:128px;text-align:right;padding-right:18px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table>tbody>tr>td{padding:16px 14px;vertical-align:middle;border-bottom:1px solid var(--db-ui-border, #e4edf5);overflow-wrap:anywhere;font-size:.76rem;--bs-table-bg:#fff;--bs-table-striped-bg:#fff;--bs-table-hover-bg:var(--db-ui-soft, #f8fbfe);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table td:first-child{padding-left:18px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table td:last-child{padding-right:18px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-item-title{font-weight:650;color:var(--workspace-navy);margin-bottom:5px;line-height:1.4;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-secondary{display:block;font-size:.7rem;color:var(--workspace-muted);margin-top:4px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-code{font-size:.7rem;color:var(--db-ui-muted, #526f8b);margin-top:6px;overflow-wrap:anywhere;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-code-label{color:var(--db-ui-muted, #7a8ea3);margin-right:5px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-quantity{display:flex;align-items:baseline;gap:5px;margin-bottom:7px;font-variant-numeric:tabular-nums;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-quantity strong{font-size:1.06rem;line-height:1;font-weight:700;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-quantity>span{font-size:.7rem;color:var(--workspace-muted);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-quantity .badge{font-size:.8rem;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table .badge{font-size:.64rem;border-radius:5px;padding:4px 6px;white-space:normal;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-pricing-cell{text-align:right;font-variant-numeric:tabular-nums;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions{display:grid;grid-template-columns:repeat(2,32px);justify-content:end;gap:5px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;width:32px!important;min-width:32px;height:30px;margin:0;padding:0!important;font-size:.8rem;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions .stock-action-button{grid-column:2;grid-row:1;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions .stock-row-events{grid-column:1;grid-row:2;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions .stock-row-batches{grid-column:2;grid-row:2;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;font-size:.72rem;color:var(--workspace-muted);border-top:1px solid var(--workspace-line);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-pagination-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-pagination-buttons .btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-empty-state{padding:30px 14px!important;text-align:center;color:var(--workspace-muted);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-empty-state strong{display:block;color:var(--workspace-ink);margin:8px 0 5px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-empty-state .bi{font-size:1.3rem;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-parent-row td{--bs-table-bg:var(--db-ui-soft, #eef4fb)!important;background:var(--db-ui-soft, #eef4fb)!important;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-child-row .stock-item-title,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-child-row .stock-code,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-child-row td:first-child>.stock-secondary{padding-left:20px;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-child-row .stock-item-title:before{content:"↳";margin-left:-18px;margin-right:7px;color:var(--db-ui-muted, #8199b0);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-parent-toggle{vertical-align:middle;width:26px;height:26px;padding:0!important;margin-right:5px;background:#fff;border:1px solid var(--db-ui-border, #d6e3f0);color:var(--db-ui-muted, #41698f);display:inline-flex;justify-content:center;align-items:center;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .audit-inventory-row td,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .audit-zero-stock-row td{--bs-table-bg:#fff6dd!important;background:#fff6dd!important;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .selected-stock-row td{--bs-table-bg:var(--db-ui-selected, #eaf2fc)!important;background:var(--db-ui-selected, #eaf2fc)!important;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace[aria-busy="true"] #stockResultSummary{color:var(--db-ui-muted, #496b8d);} #stockDetailsModal .stock-detail-eyebrow{font-size:.68rem;color:var(--db-ui-muted, #648098);margin-bottom:4px;text-transform:uppercase;letter-spacing:.45px;} #stockDetailsModal .stock-details-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:16px 20px;background:var(--db-theme-page, #f6f9fd);border-bottom:1px solid var(--db-ui-border, #dce7f2);font-size:.78rem;color:var(--db-ui-muted, #4c6b87);} #stockDetailsModal .stock-details-summary strong{color:var(--db-ui-ink, #20384f);} #stockDetailsModal .stock-details-summary .stock-summary-quantity{font-size:1.35rem;line-height:1.3;margin-right:5px;font-variant-numeric:tabular-nums;} #stockDetailsModal .stock-details-tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--db-ui-border, #dce7f2);} #stockDetailsModal .stock-details-tabs button{background:transparent;color:var(--db-ui-muted, #647b91);border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:.78rem;} #stockDetailsModal .stock-details-tabs button[aria-selected="true"]{color:var(--db-ui-muted, #2369b9);border-bottom-color:var(--db-ui-accent, #2369b9);font-weight:600;} #stockDetailsModal .stock-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0;} #stockDetailsModal .stock-detail-facts dt{color:var(--db-ui-muted, #647b91);font-size:.72rem;font-weight:500;margin-bottom:5px;} #stockDetailsModal .stock-detail-facts dd{margin:0;font-size:.8rem;color:var(--db-ui-ink, #20384f);overflow-wrap:anywhere;} #stockDetailsModal .stock-detail-wide{grid-column:1/-1;border-top:1px solid var(--db-ui-border, #e3ebf4);padding-top:16px;} #stockDetailsModal .stock-price-highlight{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:var(--db-ui-soft, #f0f5fb);border-radius:7px;margin-bottom:21px;font-size:.78rem;} #stockDetailsModal .stock-price-highlight strong{font-size:1.3rem;color:var(--db-theme-deep, #173b5d);font-variant-numeric:tabular-nums;} #stockDetailsModal .stock-details-footer{gap:8px;} @media(max-width:1050px){#stockTab .stock-client-field,#stockTab .stock-inventory-field{max-width:none;flex-basis:150px;}#stockTab .stock-search-field{flex-basis:240px;}#stockTab .stock-workspace-table th:nth-child(5){width:17%;}#stockTab .stock-workspace-table th:first-child{width:26%;}#stockTab .stock-workspace-table th:nth-child(2){width:22%;}} @media(max-width:720px){#stockTab .stock-workspace-table-wrap{max-height:none;overflow:visible;}#stockTab .stock-workspace-filters{padding:14px;gap:10px;}#stockTab .stock-search-field{flex-basis:100%;max-width:none;}#stockTab .stock-advanced-filters{grid-template-columns:1fr;padding:14px;}#stockTab .stock-workspace-status{padding:0 14px 14px}#stockTab .stock-list-toolbar{padding:12px 14px;}#stockTab .stock-workspace-table,#stockTab .stock-workspace-table tbody{display:block;}#stockTab .stock-workspace-table thead{display:none;}#stockTab .stock-workspace-table tbody tr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;padding:16px 14px;border-bottom:1px solid var(--workspace-line);}#stockTab .stock-workspace-table tbody td{display:block;border:0;padding:0!important;background:transparent!important;--bs-table-bg:transparent!important;--bs-table-hover-bg:transparent;--bs-table-accent-bg:transparent;box-shadow:none;}#stockTab .stock-workspace-table td:first-child{grid-column:1;grid-row:1;}#stockTab .stock-workspace-table td:nth-child(2){grid-column:1;grid-row:2;}#stockTab .stock-workspace-table td:nth-child(3){grid-column:2;grid-row:2;}#stockTab .stock-workspace-table td:nth-child(4){grid-column:2;grid-row:3;text-align:left;}#stockTab .stock-workspace-table td:nth-child(5){grid-column:1;grid-row:3;}#stockTab .stock-workspace-table td:last-child{grid-column:2;grid-row:1;}#stockTab .stock-workspace-table td[data-label]:before{content:attr(data-label);display:block;font-size:.68rem;color:var(--db-ui-muted, #718aa3);margin-bottom:5px;}#stockTab .stock-workspace-table tr.stock-parent-row{background:var(--db-ui-soft, #eef4fb);}#stockTab .stock-workspace-table tr.audit-inventory-row,#stockTab .stock-workspace-table tr.audit-zero-stock-row{background:#fff6dd;}#stockTab .stock-workspace-table tr.selected-stock-row{background:var(--db-ui-selected, #eaf2fc);}#stockTab .stock-workspace-table tr.stock-empty-row{display:block;}#stockTab .stock-workspace-pagination{padding:12px 14px;}#stockTab .stock-pagination-buttons{gap:4px;}#stockDetailsModal .stock-detail-facts{gap:16px;}#stockDetailsModal .stock-details-footer .btn{flex:1 1 auto;}#stockDetailsModal .stock-details-summary{padding:14px 16px;}} @media(pointer:coarse){:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace .btn,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-status-tab{min-height:44px}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field .form-control,:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-filter-field .form-select{font-size:16px;min-height:44px;}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions{grid-template-columns:repeat(2,40px);}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-row-actions .btn{width:40px!important;min-width:40px;}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-pagination-buttons .btn{width:40px;}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-search-input>.bi{top:13px;}:is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-zero-filter{min-height:44px;}#stockDetailsModal .btn,#stockDetailsModal .stock-details-tabs button{min-height:44px;}} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table-wrap{position:relative;isolation:isolate;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table{border-collapse:separate;border-spacing:0;} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table>thead{position:sticky;top:0;z-index:10;background:var(--db-ui-soft, #f7f9fc);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table>thead>tr>th{background-color:var(--db-ui-on-accent, #f7f9fc);--bs-table-bg:var(--db-ui-soft, #f7f9fc);--bs-table-accent-bg:transparent;--bs-table-bg-type:var(--db-ui-soft, #f7f9fc);--bs-table-bg-state:var(--db-ui-soft, #f7f9fc);box-shadow:inset 0 -1px 0 var(--db-theme-border, #d4e3ef);} :is(#stockTab,#inventoryReportsTab,#reportLedgerModal) .stock-workspace-table>tbody{position:relative;z-index:0;} .inventory-page {--inventory-ink:var(--db-ui-ink, #20384f);--inventory-muted:var(--db-ui-muted, #647b91);--inventory-line:var(--db-ui-border, #dce7f2);--inventory-navy:var(--db-theme-deep, #173b5d);color:var(--inventory-ink);min-width:0; } .inventory-page [hidden] {display:none!important; } .inventory-filter-actions,.inventory-upload-actions,.inventory-metrics-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px; } .inventory-page .btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;white-space:normal; } .inventory-workspace {border:1px solid var(--inventory-line);border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(var(--db-ui-rgb, 23, 59, 93),.05);overflow:hidden;min-width:0; } .inventory-page-filters {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px 18px 14px; } .inventory-filter-field {flex:1 1 145px;display:flex;flex-direction:column;gap:6px;min-width:0; } .inventory-filter-field.inventory-filter-wide {flex:1.6 1 220px; } .inventory-filter-field.inventory-filter-small {flex:.6 1 100px; } .inventory-filter-field label,.inventory-input-label {font-size:.7rem;font-weight:600;color:var(--db-ui-muted, #526d87);margin:0; } .inventory-page .form-control,.inventory-page .form-select {min-width:0;min-height:36px;border-color:var(--db-ui-border, #cfdeed);color:var(--inventory-ink);font-size:.78rem; } .inventory-page .form-control[readonly] {background:var(--db-ui-soft, #f3f7fb); } .inventory-page-filters .btn {min-height:36px; } .inventory-page-hint {display:flex;align-items:flex-start;gap:7px;padding:0 18px 14px;color:var(--inventory-muted);font-size:.7rem;border-bottom:1px solid var(--inventory-line); } .inventory-list-toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:13px 18px;color:var(--inventory-muted);font-size:.74rem; } .inventory-list-toolbar strong {color:var(--inventory-navy);font-weight:650; } .inventory-list-toolbar small {display:block;margin-top:4px;font-size:.68rem;overflow-wrap:anywhere; } .inventory-list-options {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.7rem; } .inventory-list-options>span {padding-right:12px;border-right:1px solid var(--inventory-line); } .inventory-list-options label {margin:0; } .inventory-list-options .form-select {width:auto;min-height:29px;border-color:transparent;background-color:transparent;color:var(--db-ui-ink, #496681);font-size:.7rem; } .inventory-table-wrap {max-height:min(65vh,640px);overflow:auto; } .inventory-page-table {width:100%;table-layout:fixed;color:var(--inventory-ink); } .inventory-page-table>thead>tr>th {position:static;top:auto;z-index:auto;padding:12px 14px;background:var(--db-ui-soft, #f7f9fc);border-block:1px solid var(--inventory-line);color:var(--db-ui-muted, #5b748e);vertical-align:middle;text-transform:uppercase;font-size:.68rem;letter-spacing:.25px;white-space:normal; } .inventory-page-table>tbody>tr>td {padding:16px 14px;vertical-align:middle;border-bottom:1px solid var(--db-ui-border, #e4edf5);overflow-wrap:anywhere;font-size:.76rem;--bs-table-bg:#fff;--bs-table-striped-bg:#fff;--bs-table-hover-bg:var(--db-ui-soft, #f8fbfe); } .inventory-page-table th:first-child,.inventory-page-table td:first-child {padding-left:18px; } .inventory-page-table th:last-child,.inventory-page-table td:last-child {padding-right:18px; } .invoice-workspace-table th:nth-child(1) {width:18%; } .invoice-workspace-table th:nth-child(2) {width:24%; } .invoice-workspace-table th:nth-child(3) {width:20%; } .invoice-workspace-table th:nth-child(4) {width:10%; } .invoice-workspace-table th:nth-child(5) {width:13%; } .invoice-workspace-table th:nth-child(6) {width:15%; } .threshold-workspace-table th:nth-child(1) {width:26%; } .threshold-workspace-table th:nth-child(2) {width:17%; } .threshold-workspace-table th:nth-child(3) {width:12%; } .threshold-workspace-table th:nth-child(4) {width:16%; } .threshold-workspace-table th:nth-child(5) {width:14%; } .threshold-workspace-table th:nth-child(6) {width:104px;text-align:right; } .audit-workspace-table th:nth-child(1) {width:25%; } .audit-workspace-table th:nth-child(2) {width:15%; } .audit-workspace-table th:nth-child(3) {width:14%; } .audit-workspace-table th:nth-child(4) {width:15%; } .audit-workspace-table th:nth-child(5) {width:21%; } .audit-workspace-table th:nth-child(6) {width:10%; } .audit-report-table th:nth-child(1) {width:23%; } .audit-report-table th:nth-child(2) {width:17%; } .audit-report-table th:nth-child(3),.audit-report-table th:nth-child(4) {width:12%; } .audit-report-table th:nth-child(5) {width:15%; } .audit-report-table th:nth-child(6) {width:21%; } .inventory-item-title {font-weight:650;color:var(--inventory-navy);line-height:1.4; } .inventory-secondary {display:block;font-size:.7rem;color:var(--inventory-muted);margin-top:5px; } .inventory-code {margin-top:5px;font-size:.7rem;color:var(--db-ui-muted, #526f8b);overflow-wrap:anywhere; } .inventory-code-label {color:var(--db-ui-muted, #7a8ea3);margin-right:6px; } .inventory-event-type,.inventory-status-badge {display:inline-block;padding:4px 6px;border-radius:5px;background:#eef3f8;color:#496681;font-size:.64rem;line-height:1.4; } .inventory-event-type {background:var(--db-ui-soft, #eaf2fb);color:var(--inventory-navy);font-weight:650;font-size:.68rem; } .inventory-status-badge.success {background:#e7f5ed;color:#20744e; } .inventory-status-badge.danger {background:#fdebee;color:#b23543; } .inventory-status-badge.warning {background:#fff5dc;color:#895d00; } .inventory-status-line {margin-top:8px; } .inventory-quantity {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;font-variant-numeric:tabular-nums; } .inventory-quantity strong {font-size:1.06rem;line-height:1.2;font-weight:700; } .inventory-quantity>span {color:var(--inventory-muted);font-size:.7rem; } .inventory-document-actions {display:flex;align-items:flex-start;flex-direction:column;gap:6px; } .inventory-document-actions .btn {min-height:30px;font-size:.68rem;gap:5px;padding:4px 7px; } .inventory-row-actions {display:flex;justify-content:flex-end;gap:5px; } .inventory-row-actions .btn {width:32px;min-width:32px;height:30px;min-height:30px;padding:0; } .inventory-page-pagination {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:15px 18px;color:var(--inventory-muted);font-size:.73rem; } .inventory-pagination-buttons {display:flex;align-items:center;gap:6px; } .inventory-pagination-buttons .btn {width:32px;min-height:30px;padding:0; } .inventory-pagination-buttons span {padding:0 6px; } .inventory-page-empty {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:190px;text-align:center;color:var(--inventory-muted);padding:25px; } .inventory-page-empty>.bi {font-size:1.6rem;color:var(--db-ui-muted, #94a9bd); } .inventory-page-empty p {margin:0;font-size:.76rem; } .inventory-page-empty .spinner-border {width:1.3rem;height:1.3rem; } .inventory-page-pill {display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:var(--db-ui-soft, #eef4fa);border:1px solid var(--inventory-line);border-radius:6px;font-size:.7rem;color:var(--db-ui-muted, #526f8b); } .inventory-upload-strip {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:18px;margin-top:16px; } .inventory-upload-strip strong {font-size:.8rem;color:var(--inventory-navy); } .inventory-upload-strip p {margin:5px 0 0;font-size:.72rem;color:var(--inventory-muted); } .inventory-upload-actions input[type=file] {width:300px;max-width:100%; } .inventory-initial-grid {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start; } .inventory-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--inventory-line);background:var(--db-ui-soft, #f9fbfe); } .inventory-panel-heading h6,.inventory-section-heading h6 {font-weight:650;color:var(--inventory-navy);font-size:.9rem;margin:0; } .inventory-panel-heading p,.inventory-section-heading p {color:var(--inventory-muted);font-size:.72rem;margin:5px 0 0; } .inventory-panel-icon {display:grid;place-items:center;width:38px;height:38px;background:var(--db-ui-soft, #edf4fb);color:var(--db-ui-muted, #3f729b);border-radius:9px;flex:none; } .inventory-upload-card-body {padding:22px 18px; } .inventory-upload-card-body>p {font-size:.78rem;color:var(--db-ui-muted, #526f8b);line-height:1.7;margin-bottom:20px; } .inventory-upload-card-body .inventory-input-label {display:block;margin-bottom:7px; } .inventory-upload-card-body .inventory-upload-actions {margin-top:20px; } .inventory-upload-steps {list-style:none;margin:0 0 22px;padding:0;display:grid;gap:18px; } .inventory-upload-steps li {display:flex;align-items:flex-start;gap:12px; } .inventory-upload-steps li>span {display:grid;place-items:center;flex:none;width:28px;height:28px;background:var(--db-ui-soft, #eef4fa);border:1px solid var(--inventory-line);color:var(--db-ui-ink, #496681);border-radius:50%;font-size:.74rem;font-weight:650; } .inventory-upload-steps strong {font-size:.78rem;color:var(--inventory-navy); } .inventory-upload-steps p {margin:4px 0 0;color:var(--inventory-muted);font-size:.72rem; } .inventory-inline-hint {padding:14px;border:1px solid var(--inventory-line);border-radius:6px;background:var(--db-ui-soft, #f7fafe);margin:0 0 18px; } .inventory-page-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 18px;border-top:1px solid var(--inventory-line);font-size:.72rem;color:var(--inventory-muted); } .inventory-audit-tabs {margin-top:5px;font-size:.76rem; } .inventory-audit-page .audit-available {max-width:160px; } .inventory-audit-page .audit-remarks {width:100%; } .inventory-audit-page .inventory-page-table .form-control {font-size:.76rem; } .inventory-audit-page .inventory-page-filters input[readonly] {cursor:default; } .inventory-metrics-toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 12px; } .inventory-metrics-toolbar .inventory-section-label {margin:0; } .inventory-metrics-actions small {color:var(--inventory-muted);font-size:.7rem;overflow-wrap:anywhere; } .inventory-audit-page .inventory-panel-heading {flex-wrap:wrap; } .inventory-section-label {text-transform:uppercase;letter-spacing:.5px;font-size:.67rem;font-weight:650;color:var(--inventory-muted);margin:18px 0 10px; } .inventory-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px; } .inventory-analytics-page .inventory-kpi-card {padding:16px 18px;min-height:120px;border-color:var(--inventory-line);box-shadow:0 5px 20px rgba(var(--db-ui-rgb, 23, 59, 93),.035); } .inventory-analytics-page .inventory-kpi-value {font-size:1.4rem;margin:8px 0 4px; } .inventory-analytics-page .inventory-kpi-label {padding-right:32px;font-size:.72rem; } .inventory-analytics-page .inventory-kpi-note {padding-right:5px;font-size:.68rem; } .inventory-analytics-page .inventory-kpi-grid {gap:12px; } .inventory-analytics-page .inventory-exception-strip {gap:12px;margin:12px 0 0; } .inventory-analytics-page .inventory-exception {padding:12px;align-items:flex-start;min-width:0; } .inventory-analytics-page .inventory-exception strong {font-size:.85rem;overflow-wrap:anywhere; } .inventory-analytics-page .inventory-chart-card {min-height:240px;border-color:var(--inventory-line); } .inventory-analytics-page .inventory-chart-card>header {padding:16px 18px;background:var(--db-ui-soft, #f9fbfe);color:var(--inventory-navy); } .inventory-analytics-page .inventory-chart-card>header strong {font-size:.84rem; } .inventory-analytics-page .inventory-chart-card>header small {font-size:.7rem;color:var(--inventory-muted);margin-top:4px; } .inventory-analytics-page .inventory-chart-body {padding:18px;min-height:200px; } .inventory-analytics-page .inventory-overview-grid {gap:16px; } .inventory-analytics-page .inventory-report-section {margin-top:22px;border-color:var(--inventory-line); } .inventory-analytics-page .inventory-report-heading {padding:16px 18px;background:var(--db-ui-soft, #f9fbfe);color:var(--inventory-navy); } .inventory-analytics-page .inventory-report-heading h6 {font-size:.9rem;font-weight:650; } .inventory-analytics-page .inventory-report-heading small {font-size:.72rem; } .inventory-analytics-page .inventory-report-grid {padding:18px;gap:16px; } .inventory-analytics-page .inventory-report-card-header {padding:14px; } .inventory-analytics-page .inventory-report-title strong {color:var(--inventory-navy);font-size:.8rem; } .inventory-analytics-page .inventory-report-summary {padding-inline:14px;font-size:.7rem; } .inventory-analytics-page .inventory-report-preview {padding:10px 14px; } .inventory-analytics-page .inventory-report-actions {padding:10px 14px;flex-wrap:wrap; } .inventory-analytics-page .inventory-mini-bar-row {grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto; } .inventory-analytics-page .inventory-mini-bar-row>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .inventory-analytics-page .inventory-chart-legend {min-width:0;font-size:.72rem; } .inventory-analytics-page .inventory-chart-legend span {overflow-wrap:anywhere; } @media(max-width:1050px) {.inventory-page-table>thead>tr>th,.inventory-page-table>tbody>tr>td {padding-inline:10px; }.inventory-initial-grid {grid-template-columns:1fr; } } @media(max-width:720px) {.inventory-page-filters {padding:14px;gap:12px; }.inventory-filter-field,.inventory-filter-field.inventory-filter-small {flex:1 1 135px; }.inventory-filter-field.inventory-filter-wide {flex:1 1 100%; } .inventory-filter-actions {flex-basis:100%; }.inventory-filter-actions .btn {flex:1; } .inventory-list-toolbar {padding:12px 14px; }.inventory-page-hint {padding:0 14px 14px; } .inventory-table-wrap {max-height:none;overflow:visible; }.inventory-page-table,.inventory-page-table tbody {display:block; }.inventory-page-table thead {display:none; } .inventory-page-table tbody tr {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px 14px;border-bottom:1px solid var(--inventory-line); } .inventory-page-table tbody td {display:block;min-width:0;padding:0!important;border:0;background:transparent!important;--bs-table-bg:transparent!important;--bs-table-hover-bg:transparent;--bs-table-accent-bg:transparent;box-shadow:none; } .inventory-page-table td[data-label]:before {content:attr(data-label);display:block;font-size:.68rem;color:var(--db-ui-muted, #718aa3);margin-bottom:5px; } .inventory-page-table td:first-child {grid-column:1/-1; }.invoice-workspace-table td:nth-child(2) {grid-column:1/-1;grid-row:1; }.invoice-workspace-table td:first-child {grid-column:1;grid-row:2; }.invoice-workspace-table td:nth-child(3) {grid-column:2;grid-row:2; }.invoice-workspace-table td:last-child {grid-column:1/-1; } .inventory-row-actions {justify-content:flex-start; }.inventory-document-actions {flex-direction:row;flex-wrap:wrap; }.inventory-document-actions .btn {min-height:34px; } .inventory-page-table tr.inventory-empty-row {display:block; }.inventory-page-pagination {padding:12px 14px; }.inventory-page-empty {min-height:160px; } .inventory-upload-actions {width:100%; }.inventory-upload-actions input[type=file] {width:100%; }.inventory-upload-strip {padding:16px 14px; }.inventory-panel-heading {padding:16px 14px; }.inventory-upload-card-body {padding:18px 14px; } .inventory-analytics-page .inventory-report-grid {padding:14px; }.inventory-analytics-page .inventory-donut-layout {flex-direction:column;gap:15px; }.inventory-analytics-page .inventory-kpi-card {padding:14px;min-height:110px; } } @media(pointer:coarse) {.inventory-page .btn {min-height:44px; }.inventory-page .form-control,.inventory-page .form-select {font-size:16px;min-height:44px; }.inventory-row-actions .btn {min-width:40px;width:40px; }.inventory-page-pagination .btn {width:40px; }.inventory-list-options .form-select {min-height:36px; } } .inventory-table-wrap{position:relative;isolation:isolate;} .inventory-page-table{border-collapse:separate;border-spacing:0;} .inventory-page-table>thead{position:sticky;top:0;z-index:10;background:var(--db-ui-soft, #f7f9fc);} .inventory-page-table>thead>tr>th{background-color:var(--db-ui-on-accent, #f7f9fc);--bs-table-bg:var(--db-ui-soft, #f7f9fc);--bs-table-accent-bg:transparent;--bs-table-bg-type:var(--db-ui-soft, #f7f9fc);--bs-table-bg-state:var(--db-ui-soft, #f7f9fc);box-shadow:inset 0 -1px 0 var(--db-theme-border, #d4e3ef);} .inventory-page-table>tbody{position:relative;z-index:0;} #historyTab {--history-ink:var(--db-ui-ink, #20384f); --history-muted:var(--db-ui-muted, #647b91); --history-line:var(--db-ui-border, #dce7f2); --history-navy:var(--db-theme-deep, #173b5d); } #historyTab [hidden], #historyDetailsModal [hidden] {display:none!important; } #historyTab .history-workspace {border:1px solid var(--history-line);border-radius:10px;background:#fff;box-shadow:0 5px 20px rgba(var(--db-ui-rgb, 23, 59, 93),.05);overflow:hidden; } #historyTab .history-workspace-filters {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px 18px 10px; } #historyTab .history-filter-field {display:flex;flex-direction:column;gap:6px;min-width:0; } #historyTab .history-filter-field label {font-size:.7rem;font-weight:600;color:var(--db-ui-muted, #526d87);margin:0; } #historyTab .history-year-field {flex:1 1 140px;max-width:200px; } #historyTab .history-date-field {flex:1 1 145px;max-width:200px; } #historyTab .history-search-field {flex:3 1 260px; } #historyTab .history-workspace-filters .btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;white-space:nowrap; } #historyTab .history-search-input {position:relative; } #historyTab .history-search-input>.bi {position:absolute;left:11px;top:9px;color:var(--db-ui-muted, #6f8499);pointer-events:none; } #historyTab .history-search-input input {padding-left:33px; } #historyTab .history-filter-field .form-select, #historyTab .history-filter-field .form-control {width:100%;min-width:0;min-height:36px;border-color:var(--db-ui-border, #cfdeed);color:var(--history-ink);font-size:.78rem;background-color:#fff; } #historyTab .history-filter-hint {display:flex;gap:7px;padding:0 18px 14px;color:var(--history-muted);font-size:.7rem;border-bottom:1px solid var(--history-line); } #historyTab .history-list-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 18px;color:var(--history-muted);font-size:.74rem; } #historyTab .history-list-toolbar small {display:block;font-size:.68rem;margin-top:4px;overflow-wrap:anywhere; } #historyTab .history-list-options {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.7rem; } #historyTab .history-list-options>span {padding-right:12px;border-right:1px solid var(--history-line); } #historyTab .history-list-options label {margin:0; } #historyTab .history-list-options .form-select {width:auto;min-height:29px;font-size:.7rem;border-color:transparent;background-color:transparent;color:var(--db-ui-ink, #496681); } #historyTab .history-workspace-table-wrap {max-height:min(65vh,640px);overflow:auto; } #historyTab .history-workspace-table {width:100%;table-layout:fixed;color:var(--history-ink); } #historyTab .history-workspace-table>thead>tr>th {position:static;top:auto;z-index:auto;padding:12px 14px;background:var(--db-ui-soft, #f7f9fc);border-block:1px solid var(--history-line);color:var(--db-ui-muted, #5b748e);vertical-align:middle;text-transform:uppercase;font-size:.68rem;letter-spacing:.25px;white-space:normal; } #historyTab .history-workspace-table th:first-child {width:18%;padding-left:18px; } #historyTab .history-workspace-table th:nth-child(2) {width:25%; } #historyTab .history-workspace-table th:nth-child(3) {width:21%; } #historyTab .history-workspace-table th:nth-child(4) {width:10%; } #historyTab .history-workspace-table th:nth-child(5) {width:26%; } #historyTab .history-workspace-table th:last-child {width:110px;text-align:right;padding-right:18px; } #historyTab .history-workspace-table>tbody>tr>td {padding:16px 14px;vertical-align:middle;border-bottom:1px solid var(--db-ui-border, #e4edf5);overflow-wrap:anywhere;font-size:.76rem;--bs-table-bg:#fff;--bs-table-striped-bg:#fff;--bs-table-hover-bg:var(--db-ui-soft, #f8fbfe); } #historyTab .history-workspace-table td:first-child {padding-left:18px; } #historyTab .history-workspace-table td:last-child {padding-right:18px; } #historyTab .history-event-type {display:inline-block;border-radius:5px;padding:4px 6px;background:var(--db-ui-soft, #eaf2fb);color:var(--history-navy);font-weight:650;font-size:.68rem;line-height:1.4; } #historyTab .history-event-id {display:block;margin-top:7px;font-weight:650;color:var(--history-navy);font-size:.72rem; } #historyTab .history-secondary {display:block;font-size:.7rem;color:var(--history-muted);margin-top:5px; } #historyTab .history-code {font-size:.7rem;color:var(--db-ui-muted, #526f8b);margin-top:5px; } #historyTab .history-code-label {color:var(--db-ui-muted, #7a8ea3);margin-right:5px; } #historyTab .history-text-action {border:0;background:transparent;color:var(--history-navy);padding:0;text-align:left;line-height:1.4;font-size:inherit;overflow-wrap:anywhere;max-width:100%; } #historyTab .history-text-action:hover {text-decoration:underline; } #historyTab .history-text-action:focus-visible {outline:2px solid var(--db-ui-accent, #79a7c7);outline-offset:3px;border-radius:3px; } #historyTab .history-item-title {font-weight:650;color:var(--history-navy);line-height:1.4; } #historyTab .history-movement {display:flex;flex-direction:column;gap:4px; } #historyTab .history-movement>div {display:flex;align-items:baseline;gap:6px; } #historyTab .history-movement .history-code-label {min-width:28px;margin:0;font-size:.67rem; } #historyTab .history-status-change {display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px; } #historyTab .history-status-badge {display:inline-block;border-radius:5px;padding:4px 6px;background:#eef3f8;color:#496681;font-size:.63rem;line-height:1.3; } #historyTab .history-quantity {display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;font-variant-numeric:tabular-nums; } #historyTab .history-quantity strong {font-size:1.06rem;line-height:1;font-weight:700; } #historyTab .history-quantity>span {color:var(--history-muted);font-size:.7rem; } #historyTab .history-party {margin-bottom:5px;line-height:1.4; } #historyTab .history-party .history-code-label {display:block;font-size:.64rem;margin:0 0 2px; } #historyTab .history-note {font-size:.7rem;color:var(--db-ui-muted, #526f8b);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap; } #historyTab .history-purpose {margin-top:6px; } #historyTab .history-updated-by {border-top:1px solid var(--db-ui-border, #edf2f7);padding-top:5px; } #historyTab .history-row-actions {display:grid;grid-template-columns:repeat(2,32px);justify-content:end;gap:5px; } #historyTab .history-row-actions .btn {display:inline-flex;align-items:center;justify-content:center;width:32px!important;min-width:32px;height:30px;margin:0;padding:0!important;font-size:.8rem; } #historyTab .history-row-actions [data-history-action="details"] {grid-column:1;grid-row:1; } #historyTab .history-row-actions [data-history-action="adjust"] {grid-column:2;grid-row:1; } #historyTab .history-row-actions [data-history-action="invoice"] {grid-column:1;grid-row:2; } #historyTab .history-row-actions [data-history-action="challan"] {grid-column:2;grid-row:2; } #historyTab .history-workspace-pagination {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:15px 18px;font-size:.73rem;color:var(--history-muted); } #historyTab .history-pagination-buttons {display:flex;align-items:center;gap:6px; } #historyTab .history-pagination-buttons .btn {width:32px;min-height:30px;padding:0; } #historyTab .history-pagination-buttons span {padding:0 6px; } #historyTab .history-empty-state {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px;text-align:center;color:var(--history-muted);padding:25px; } #historyTab .history-empty-state>.bi {font-size:1.6rem;color:var(--db-ui-muted, #94a9bd); } #historyTab .history-empty-state p {margin:0;font-size:.76rem; } #historyDetailsModal .history-detail-eyebrow {font-size:.68rem;color:var(--db-ui-muted, #648098);margin-bottom:4px;text-transform:uppercase;letter-spacing:.45px; } #historyDetailsModal .modal-title {overflow-wrap:anywhere; } #historyDetailsModal .history-details-summary {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:16px 20px;background:var(--db-theme-page, #f6f9fd);border-bottom:1px solid var(--db-ui-border, #dce7f2);font-size:.78rem;color:var(--db-ui-muted, #4c6b87); } #historyDetailsModal .history-details-summary strong {color:var(--db-ui-ink, #20384f); } #historyDetailsModal .history-summary-quantity {font-size:1.35rem;line-height:1.3;margin-right:5px;font-variant-numeric:tabular-nums; } #historyDetailsModal .history-details-tabs {display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--db-ui-border, #dce7f2); } #historyDetailsModal .history-details-tabs button {background:transparent;color:var(--db-ui-muted, #647b91);border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:.78rem; } #historyDetailsModal .history-details-tabs button[aria-selected="true"] {color:var(--db-ui-muted, #2369b9);border-bottom-color:var(--db-ui-accent, #2369b9);font-weight:600; } #historyDetailsModal .history-detail-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0; } #historyDetailsModal .history-detail-facts dt {color:var(--db-ui-muted, #647b91);font-size:.72rem;font-weight:500;margin-bottom:5px; } #historyDetailsModal .history-detail-facts dd {margin:0;font-size:.8rem;color:var(--db-ui-ink, #20384f);overflow-wrap:anywhere;white-space:pre-wrap; } #historyDetailsModal .history-detail-wide {grid-column:1/-1;border-top:1px solid var(--db-ui-border, #e3ebf4);padding-top:16px; } #historyDetailsModal .history-price-highlight {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:var(--db-ui-soft, #f0f5fb);border-radius:7px;margin-bottom:21px;font-size:.78rem; } #historyDetailsModal .history-price-highlight strong {font-size:1.3rem;color:var(--db-theme-deep, #173b5d);font-variant-numeric:tabular-nums; } #historyDetailsModal .history-details-footer {gap:8px; } @media(max-width:1050px) {#historyTab .history-workspace-table th:first-child {width:19%; } #historyTab .history-workspace-table th:nth-child(2) {width:24%; } #historyTab .history-workspace-table th:nth-child(3) {width:23%; } #historyTab .history-workspace-table th:nth-child(4) {width:10%; } #historyTab .history-workspace-table th:nth-child(5) {width:24%; } #historyTab .history-workspace-table>thead>tr>th, #historyTab .history-workspace-table>tbody>tr>td {padding-left:10px;padding-right:10px; } } @media(max-width:720px) {#historyTab .history-workspace-filters {padding:14px 14px 10px;gap:10px; } #historyTab .history-year-field {flex-basis:100%;max-width:none; } #historyTab .history-date-field {flex:1 1 110px;max-width:none; } #historyTab .history-search-field {flex-basis:100%; } #historyTab .history-filter-hint {padding:0 14px 14px; } #historyTab .history-list-toolbar {padding:12px 14px; } #historyTab .history-workspace-table-wrap {max-height:none;overflow:visible; } #historyTab .history-workspace-table, #historyTab .history-workspace-table tbody {display:block; } #historyTab .history-workspace-table thead {display:none; } #historyTab .history-workspace-table tbody tr {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;padding:16px 14px;border-bottom:1px solid var(--history-line); } #historyTab .history-workspace-table tbody td {display:block;min-width:0;border:0;padding:0!important;background:transparent!important;--bs-table-bg:transparent!important;--bs-table-hover-bg:transparent;--bs-table-accent-bg:transparent;box-shadow:none; } #historyTab .history-workspace-table td:first-child {grid-column:1;grid-row:1; } #historyTab .history-workspace-table td:nth-child(2) {grid-column:1/-1;grid-row:2; } #historyTab .history-workspace-table td:nth-child(3) {grid-column:1;grid-row:3; } #historyTab .history-workspace-table td:nth-child(4) {grid-column:2;grid-row:3; } #historyTab .history-workspace-table td:nth-child(5) {grid-column:1/-1;grid-row:4; } #historyTab .history-workspace-table td:last-child {grid-column:2;grid-row:1; } #historyTab .history-workspace-table td[data-label]:before {content:attr(data-label);display:block;font-size:.68rem;color:var(--db-ui-muted, #718aa3);margin-bottom:5px; } #historyTab .history-workspace-table tr.history-empty-row {display:block; } #historyTab .history-workspace-pagination {padding:12px 14px; } #historyTab .history-pagination-buttons {gap:4px; } #historyDetailsModal .history-details-summary {padding:14px 16px; } #historyDetailsModal .history-detail-facts {gap:16px; } #historyDetailsModal .history-details-footer .btn {flex:1 1 auto; } } @media(pointer:coarse) {#historyTab .history-workspace .btn, #historyDetailsModal .btn, #historyDetailsModal .history-details-tabs button {min-height:44px; } #historyTab .history-filter-field .form-control, #historyTab .history-filter-field .form-select {font-size:16px;min-height:44px; } #historyTab .history-row-actions {grid-template-columns:repeat(2,40px); } #historyTab .history-row-actions .btn {width:40px!important;min-width:40px; } #historyTab .history-pagination-buttons .btn {width:40px; } #historyTab .history-search-input>.bi {top:13px; } #historyTab .history-text-action {min-height:28px; } } #historyTab .history-workspace-table-wrap{position:relative;isolation:isolate;} #historyTab .history-workspace-table{border-collapse:separate;border-spacing:0;} #historyTab .history-workspace-table>thead{position:sticky;top:0;z-index:10;background:var(--db-ui-soft, #f7f9fc);} #historyTab .history-workspace-table>thead>tr>th{background-color:var(--db-ui-on-accent, #f7f9fc);--bs-table-bg:var(--db-ui-soft, #f7f9fc);--bs-table-accent-bg:transparent;--bs-table-bg-type:var(--db-ui-soft, #f7f9fc);--bs-table-bg-state:var(--db-ui-soft, #f7f9fc);box-shadow:inset 0 -1px 0 var(--db-theme-border, #d4e3ef);} #historyTab .history-workspace-table>tbody{position:relative;z-index:0;} .db-stock-page {--workspace-ink:var(--db-ui-ink, #20384f);--workspace-muted:var(--db-ui-muted, #647b91);--workspace-line:var(--db-theme-border,#dce7f2);--db-list-head:var(--db-theme-soft,#f7f9fc);--db-list-selected:color-mix(in srgb,var(--db-theme-brand,#2c4b66) 16%,white);min-width:0; } .db-stock-page .db-list {margin-top:12px; } .db-stock-page .db-list-table>tbody>tr>td {padding:13px 14px!important;vertical-align:middle;border:0!important;border-bottom:1px solid var(--workspace-line)!important;line-height:1.5;font-size:.78rem; } .db-stock-page .db-list-table>thead>tr>th {background:var(--db-list-head)!important;color:var(--db-theme-deep,#5b748e);--bs-table-bg:var(--db-list-head);--bs-table-bg-type:var(--db-list-head);--bs-table-bg-state:var(--db-list-head); } .db-stock-page .db-list-table>tbody>tr:hover>td {background:var(--db-theme-soft,#f4f8fc);--bs-table-bg-state:var(--db-theme-soft,#f4f8fc); } .db-stock-page .db-list-table>tbody>tr.table-primary>td {background:var(--db-list-selected)!important;--bs-table-bg:var(--db-list-selected);--bs-table-bg-state:var(--db-list-selected);color:var(--db-theme-deep,#20384f); } .db-stock-page .db-list-table>tbody>tr.table-primary>td:first-child {box-shadow:inset 3px 0 var(--db-theme-brand,#2c4b66); } .db-stock-page .db-list-table .btn,.db-stock-page .db-list-table .icon-btn {min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center; } .db-stock-page .db-list-filters>.input-group {flex:1 1 240px;max-width:420px; } .db-stock-page .db-list-filters>.form-select {flex:1 1 140px;max-width:230px;width:auto; } .db-stock-page .db-list-filters>[class*="col-"] {flex:1 1 160px;max-width:260px;width:auto;padding:0; } .db-stock-page .db-list-filters :is(input,select) {min-height:36px;font-size:.78rem;border-color:var(--workspace-line);border-radius:6px;color:var(--workspace-ink); } .db-stock-page .db-list-filters>[class*="col-"]:last-child {display:flex;gap:8px; } .db-stock-page .db-list-filters .w-100 {width:auto!important; } .db-stock-page .db-list-filters label {font-size:.7rem;color:var(--workspace-muted); } .db-stock-page .db-list :is(input,select):focus {border-color:var(--db-theme-brand,#2c4b66);box-shadow:0 0 0 3px rgba(var(--db-theme-rgb,44,75,102),.14); } .db-stock-page .db-list [hidden] {display:none!important; } .db-stock-page .btn-primary {background:var(--db-theme-brand,#2c4b66);border-color:var(--db-theme-brand,#2c4b66); } .db-stock-page .btn-primary:hover {background:var(--db-theme-deep,#173b5d);border-color:var(--db-theme-deep,#173b5d); } .db-stock-page .db-list-page-buttons .btn:disabled {opacity:.45; } @media(max-width:767.98px) {.db-stock-page .db-list-filters {gap:10px;padding:12px; } .db-stock-page .db-list-filters>.input-group,.db-stock-page .db-list-search-field {flex-basis:100%;max-width:none;width:100%; } .db-stock-page .db-list-toolbar,.db-stock-page .db-list-pagination {padding:12px;gap:10px; } .db-stock-page .db-list-options {gap:7px; } .db-stock-page .db-list-options select {max-width:145px; } .db-stock-page .db-list-page-buttons {gap:4px; } } .db-stock-page .db-list-filter-field {flex:1 1 140px;max-width:220px;min-width:0;display:grid;gap:6px; } .db-stock-page .db-list-filter-field label {margin:0;font-size:.7rem;font-weight:600; } .db-stock-page .db-list-filter-field .form-select {width:100%; } .db-stock-page .db-list .btn-light {color:var(--db-theme-brand,#2c4b66);background:var(--db-theme-soft,#f4f8fc);border-color:var(--workspace-line); } .db-stock-page :is(.btn-outline-primary,.btn-outline-secondary,.btn-light):hover {background-color:var(--db-theme-soft,#edf3fa)!important;color:var(--db-theme-deep,#173b5d);border-color:var(--workspace-line); } .internal-stock-workspace {--workspace-line:var(--db-theme-border,#dbe7f2); --workspace-ink:var(--db-theme-deep,#173b5d); --workspace-muted:var(--db-ui-muted,#6f8499); color:var(--workspace-ink);min-width:0; } .internal-stock-workspace > div > .container-fluid {padding:0;} .internal-stock-workspace :is(.card,.package-panel,.billing-panel) {border:1px solid var(--workspace-line);border-radius:10px; background:var(--db-ui-surface,#fff);box-shadow:0 5px 20px rgba(var(--db-ui-rgb,23,59,93),.05); } .internal-stock-workspace .card-header {background:var(--db-theme-soft,#f7f9fc);color:var(--workspace-ink); border-bottom:1px solid var(--workspace-line);padding:12px 16px;font-size:.85rem; } .internal-stock-workspace .nav-tabs {border-color:var(--workspace-line);gap:4px;flex-wrap:wrap;} .internal-stock-workspace .nav-tabs .nav-link {color:var(--workspace-muted);font-size:.8rem;padding:10px 14px;border-radius:8px 8px 0 0; } .internal-stock-workspace .nav-tabs .nav-link:is(.active,:hover) {color:var(--db-theme-brand,#254d71);background:var(--db-theme-soft,#edf3fa);border-color:var(--workspace-line); } .internal-stock-workspace :is(.form-control,.form-select) {border-color:var(--workspace-line);font-size:.8rem;border-radius:7px; } .internal-stock-workspace :is(.form-control,.form-select):focus {border-color:var(--db-theme-brand,#254d71);box-shadow:0 0 0 3px rgba(var(--db-theme-rgb,37,77,113),.12); } .internal-stock-workspace .form-label {font-size:.75rem;font-weight:600;color:var(--workspace-muted);} .internal-stock-workspace .btn {font-size:.78rem;border-radius:7px;} .internal-stock-workspace .internal-stock-scroll {max-height: min(65vh,650px);overflow:auto;isolation:isolate;border:1px solid var(--workspace-line);border-radius:10px; } .internal-stock-workspace .internal-stock-table {width:100%;border-collapse:separate;border-spacing:0;margin-bottom:0; --bs-table-border-color:var(--workspace-line);--bs-table-bg:var(--db-ui-surface,#fff); } .internal-stock-workspace .internal-stock-table>thead {position:sticky;top:0;z-index:5;background:var(--db-theme-soft,#f7f9fc); } .internal-stock-workspace .internal-stock-table>thead>tr>th {position:static!important;top:auto!important;background:var(--db-theme-soft,#f7f9fc)!important; color:var(--workspace-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.25px; padding:12px 14px;line-height:1.4;vertical-align:middle;border-bottom:1px solid var(--workspace-line); box-shadow:inset 0 -1px 0 var(--workspace-line);white-space:nowrap; } .internal-stock-workspace .internal-stock-table>tbody>tr>td {padding:12px 14px;font-size:.78rem;vertical-align:middle;border-bottom:1px solid var(--workspace-line); } .internal-stock-workspace .internal-stock-table>tbody>tr:hover>td {--bs-table-bg-state:var(--db-theme-soft,#f4f8fc);background-color:var(--db-theme-soft,#f4f8fc); } .internal-stock-workspace :is(.pagination,.pagination-controls,[id$="Pager"]) {gap:5px;align-items:center;flex-wrap:wrap;} .internal-stock-workspace .page-link {color:var(--db-theme-brand,#254d71);border-color:var(--workspace-line);border-radius:6px;font-size:.78rem; } .internal-stock-workspace .page-item.active .page-link {background:var(--db-theme-brand,#254d71);color:#fff;} .internal-stock-workspace .db-list-scroll {isolation:isolate;} .internal-stock-workspace .db-list-table>thead {z-index:5;} @media(max-width:720px) {.internal-stock-workspace .card-body {padding:12px;} .internal-stock-workspace .nav-tabs .nav-link {padding:8px 10px;} .internal-stock-workspace .internal-stock-scroll {max-height:60vh;} } .internal-stock-workspace .internal-list-host {max-height:none!important;overflow:visible!important;} .internal-stock-workspace :is(.backup-panel,.billing-toolbar,.package-head,.package-form) {border-color:var(--workspace-line);background:var(--db-ui-surface,#fff);color:var(--workspace-ink); } .internal-stock-workspace .backup-panel {border-radius:10px;box-shadow:0 5px 20px rgba(var(--db-ui-rgb,23,59,93),.05);} .internal-stock-workspace :is(.backup-toolbar,.billing-panel-head,.package-head) {border-color:var(--workspace-line);} .internal-stock-workspace :is(.billing-title,.package-title) {color:var(--workspace-ink);font-size:1rem;} .internal-stock-workspace .directory-stock-page {margin-top:0;} .internal-stock-workspace .directory-create {margin-left:auto;} .internal-stock-workspace .directory-total {font-size:.72rem;color:var(--workspace-muted);margin-right:12px;} .internal-stock-workspace .directory-stock-page .db-list-toolbar {border-bottom:1px solid var(--workspace-line);} .internal-stock-workspace .directory-stock-page .pagination {display:flex;list-style:none;padding:0;margin:0;} .internal-stock-workspace .directory-stock-table {min-width:1050px;} .internal-stock-workspace :is(.directory-stock-table,.template-stock-table)>thead>tr>th {font-family:inherit;font-size:.68rem!important;font-weight:600!important;line-height:1.4; padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--workspace-line)!important; } .internal-stock-workspace :is(.directory-stock-table,.template-stock-table)>tbody>tr>td {font-family:inherit;font-size:.76rem!important;font-weight:400!important;line-height:1.5; color:var(--workspace-ink)!important;padding:16px 14px!important; border:0!important;border-bottom:1px solid var(--workspace-line)!important; --bs-table-striped-bg:transparent;--bs-table-accent-bg:transparent; } .internal-stock-workspace :is(.directory-stock-table,.template-stock-table)>tbody>tr>td:first-child {padding-left:18px!important;} .internal-stock-workspace :is(.directory-stock-table,.template-stock-table)>tbody>tr>td:last-child {padding-right:18px!important;} .internal-stock-workspace .template-stock-page {padding:0;min-width:0;font-size:.76rem;color:var(--workspace-ink);} .internal-stock-workspace .template-stock-tools {margin-top:0;} .internal-stock-workspace .template-stock-title {font-size:.86rem;font-weight:600;margin-right:auto;} .internal-stock-workspace .template-stock-samples {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;color:var(--workspace-muted);font-size:.72rem;} .internal-stock-workspace .template-stock-samples .btn {font-size:.72rem;} .internal-stock-workspace .template-stock-upload {padding:18px;} .internal-stock-workspace .template-stock-upload form {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;} .internal-stock-workspace .template-stock-description {grid-column:1/4;} .internal-stock-workspace .template-stock-upload .form-label {font-size:.7rem;} .internal-stock-workspace .template-stock-summary {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:.72rem;color:var(--workspace-muted);} .internal-stock-workspace .template-stock-summary strong {font-weight:500;} .internal-stock-workspace .template-stock-name {font-size:.76rem;font-weight:500;color:var(--workspace-ink);} .internal-stock-workspace .template-stock-table .small {font-size:.68rem;line-height:1.45;color:var(--workspace-muted);} .internal-stock-workspace .template-stock-table .template-description {max-width:360px;} .internal-stock-workspace .template-stock-table .template-status {font-size:.68rem;font-weight:500;} .internal-stock-workspace .template-stock-table .btn {font-size:.7rem;} @media(max-width:1000px) {.internal-stock-workspace .template-stock-upload form {grid-template-columns:repeat(2,minmax(0,1fr));} .internal-stock-workspace .template-stock-description {grid-column:1/-1;} } @media(max-width:600px) {.internal-stock-workspace .directory-create {margin-left:0;} .internal-stock-workspace .template-stock-title {flex-basis:100%;} .internal-stock-workspace .template-stock-upload form {grid-template-columns:minmax(0,1fr);} } #partnerEventsPane .partner-event-documents {white-space:nowrap;} #partnerEventsPane .partner-event-documents .btn {font-size:.7rem;} #partnerDocumentModal .partner-document-frame {width:100%;height:65vh;border:0;} #partnerDocumentModal .modal-body {min-height:160px;overflow:auto;} #partnerRecordsPane .partner-records-table {min-width:1550px;} #partnerRecordsPane .partner-record-documents-col {width:210px;} #partnerRecordsPane .commercial-attachment {min-width:190px;} #partnerRecordsPane .commercial-attachment .btn {font-size:.7rem;} #partnerRecordsPane .commercial-upload-status {font-size:.68rem;white-space:normal;max-width:220px;color:var(--db-ui-muted,#647b91);} #commercialScanModal .modal-body {text-align:center;} #commercialScanQr {display:flex;justify-content:center;margin-bottom:12px;} #partnerRecordsPane .commercial-document-actions, #partnerRecordsPane .commercial-record-actions, #partnerEventsPane .partner-commercial-links {display:inline-flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap;} #partnerRecordsPane .commercial-document-link {display:inline-flex;} #partnerRecordsPane .commercial-document-actions .btn, #partnerRecordsPane .commercial-record-actions .btn {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0;} #partnerRecordsPane .commercial-attachment {min-width:100px;} #partnerRecordsPane .partner-record-documents-col {width:120px;} #partnerRecordsPane .partner-record-action-col {width:85px;} #partnerRecordsPane .commercial-upload-status:empty {display:none;} #partnerRecordsPane .commercial-upload-status:not(:empty) {display:block;margin-top:4px;} .partner-document-navigation {display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--db-theme-border,#dbe7f2);background:var(--db-theme-soft,#f7f9fc);font-size:.78rem;} #partnerRecordsPane .commercial-document-count {font-size:.65rem;min-width:20px;color:var(--db-theme-deep,#173b5d)!important;background:var(--db-theme-soft,#edf3fa)!important;} #partnerRecordsPane .partner-record-documents-col {width:145px;} #commercialMetadataModal .modal-body {max-height:65vh;overflow:auto;} #commercialMetadataModal td {vertical-align:middle;font-size:.78rem;overflow-wrap:anywhere;} #commercialMetadataModal td:first-child {max-width:360px;} #commercialMetadataModal .document-valid-to {min-width:150px;} #partnerRecordsPane .partner-record-documents-col {width:180px;} #partnerEventsPane .partner-history-workspace {--workspace-line:var(--db-theme-border,#dbe7f2);--workspace-ink:var(--db-theme-deep,#173b5d);--workspace-muted:var(--db-ui-muted,#647b91);} #partnerEventsPane .partner-history-table {min-width:1200px;} #partnerEventsPane .partner-history-table>tbody>tr>td {padding:14px!important;font-size:.76rem;vertical-align:middle;} #partnerEventsPane .partner-history-table>thead>tr>th {font-size:.68rem;padding:12px 14px!important;} #partnerEventsPane .db-list-pagination {gap:10px;flex-wrap:wrap;} #partnerEventsPane .db-list-options select {min-width:65px;} #partnerEventsPane .partner-history-workspace[aria-busy="true"] #partnerHistorySummary {color:var(--db-theme-brand,#254d71);} 
.image-rotation-container {min-height: 0 !important; } .image-rotation-preview {display: flex; flex-direction: column; width: 100%; min-width: 0; height: min(76vh, 850px); max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); color: var(--db-ui-ink, #20384f); } .image-rotation-toolbar {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex: none; gap: .65rem; padding: .65rem 1rem; background: var(--db-ui-soft, #f8fbfe); border-bottom: 1px solid var(--db-ui-border, #dce8f2); } .image-rotation-buttons {display: flex; flex-wrap: wrap; gap: .4rem; } .image-rotation-toolbar .btn {white-space: nowrap; } .image-rotation-angle, .image-rotation-zoom {display: flex; align-items: center; gap: .55rem; margin: 0; color: var(--db-ui-ink, #365772); font-size: .82rem; font-weight: 600; } .image-rotation-angle input, .image-rotation-zoom input {width: clamp(90px, 13vw, 200px); accent-color: var(--db-ui-ink, #2a638e); cursor: pointer; } .image-rotation-angle input:focus-visible, .image-rotation-zoom input:focus-visible {outline: 2px solid var(--db-ui-accent, #2a638e); outline-offset: 3px; } .image-rotation-angle output, .image-rotation-zoom output {min-width: 3.1rem; text-align: right; font-variant-numeric: tabular-nums; } .image-rotation-viewport {position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; flex: 1 1 auto; min-height: 0; padding: 16px; overflow: auto; background: var(--db-ui-soft, #eaf1f6); } .image-rotation-stage {position: relative; flex: none; margin: auto; } .image-rotation-image {position: absolute; top: 50%; left: 50%; display: block; max-width: none; visibility: hidden; transform-origin: center; box-shadow: 0 4px 18px rgba(var(--db-ui-rgb, 15, 39, 61), .18); } .image-rotation-loading, .image-rotation-error {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: .5rem; max-width: calc(100% - 32px); margin: 0; color: #5c7083; } .image-rotation-error {color: #842029; } .image-rotation-pages, .image-rotation-pages label {display: flex; align-items: center; gap: .35rem; margin: 0; font-size: .82rem; white-space: nowrap; } .image-rotation-pages input {width: 3.8rem; text-align: center; } .image-rotation-pages {gap: .45rem; padding: .25rem; border: 1px solid var(--db-ui-border, #dce8f2); border-radius: 8px; background: #fff; color: var(--db-ui-ink, #365772); font-variant-numeric: tabular-nums; } .image-rotation-pages .image-rotation-page-button {display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; min-width: 36px; min-height: 36px; padding: 0; border: 1px solid var(--db-ui-border, #cbddeb); border-radius: 6px; background: var(--db-ui-soft, #edf4fb); color: var(--db-ui-ink, #245b85); } .image-rotation-page-button svg {display: block; flex: none; width: 20px; height: 20px; } .image-rotation-pages .image-rotation-page-button:hover:not(:disabled) {border-color: var(--db-ui-border, #8eb0cc); background: var(--db-ui-hover, #dfeefa); color: var(--db-theme-deep, #173b5d); } .image-rotation-pages .image-rotation-page-button:focus-visible {outline: 2px solid var(--db-ui-accent, #2a638e); outline-offset: 2px; box-shadow: none; } .image-rotation-pages .image-rotation-page-button:disabled {border-color: var(--db-ui-border, #e0e8ef); background: var(--db-ui-soft, #f4f7fa); color: var(--db-ui-muted, #879caf); opacity: 1; } @media (pointer: coarse) {.image-rotation-pages .image-rotation-page-button {width: 44px; height: 44px; min-width: 44px; min-height: 44px; } } .image-rotation-password {display: flex; flex-direction: column; gap: .5rem; max-width: 280px; } .image-rotation-print-frame {position: fixed; width: 1px; height: 1px; bottom: 0; right: 0; border: 0; opacity: 0; pointer-events: none; } @media (max-width: 575.98px) {.image-rotation-toolbar {gap: .45rem; padding: .5rem; } .image-rotation-angle input, .image-rotation-zoom input {width: 120px; } } #collaborationModal{z-index:1110;color:var(--db-popup-ink, #183452);font-family:inherit;}body .modal-backdrop.cb-backdrop{z-index:1109;}#collaborationModal .modal-dialog{max-width:1480px;width:96vw;margin:2vh auto;}#collaborationModal .modal-content{border:1px solid var(--db-popup-border, #b8cbe1);border-radius:14px;overflow:hidden;box-shadow:0 20px 65px #112f5660;}#collaborationModal .modal-header{background:linear-gradient(125deg,var(--db-popup-soft, #163454),var(--db-popup-soft, #244f7b));color:#fff;padding:15px 22px;border:0;}#collaborationModal h5{margin:0;font-size:18px;font-weight:650;}#collaborationModal .modal-header small{color:var(--db-popup-muted, #d4e4f7);}#collaborationModal .cb-client{font-size:12px;margin-left:12px;color:var(--db-popup-muted, #d4e4f7);}#collaborationModal .cb-header-actions{display:flex;align-items:center;gap:18px;}#collaborationModal .cb-save-state{font-size:12px;color:#d7f1e5;}#collaborationModal button{font:inherit;cursor:pointer;}#collaborationModal button:focus-visible,#collaborationModal a:focus-visible{outline:3px solid var(--db-popup-border, #7ab5ed);outline-offset:2px;}#collaborationModal [hidden]{display:none!important;}#collaborationModal .cb-layout{display:flex;height:min(780px,83vh);min-height:430px;background:#fff;}#collaborationModal .cb-sidebar{display:flex;flex-direction:column;flex:0 0 245px;background:var(--db-popup-soft, #eef4fb);border-right:1px solid var(--db-popup-border, #d8e2ef);padding:16px 10px;overflow:auto;}#collaborationModal .cb-nav{border-bottom:1px solid var(--db-popup-border, #d5e0ee);padding-bottom:12px;}#collaborationModal .cb-nav button,#collaborationModal .cb-conversation,#collaborationModal .cb-sidebar-foot button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;padding:9px 11px;text-align:left;border-radius:7px;color:var(--db-popup-ink, #244665);font-size:13px;}#collaborationModal .cb-nav button:hover,#collaborationModal .cb-conversation:hover{background:var(--db-popup-hover, #deebf9);}#collaborationModal .cb-conversation.active{background:var(--db-popup-selected, #d5e6fa);color:var(--db-popup-ink, #123f72);font-weight:650;}#collaborationModal .cb-section-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;letter-spacing:.65px;color:var(--db-popup-muted, #637c96);padding:19px 10px 6px;}#collaborationModal .cb-section-title button{border:0;background:transparent;font-size:21px;line-height:1;color:var(--db-popup-ink, #244d76);}#collaborationModal .cb-unread{height:7px;width:7px;border-radius:50%;background:var(--db-popup-soft, #2676bb);margin-left:auto;flex:none;}#collaborationModal .cb-sidebar-foot{margin-top:auto;padding-top:20px;}#collaborationModal .cb-sidebar-foot small{font-size:10px;color:var(--db-popup-muted, #637b93);display:block;padding:8px 10px;}#collaborationModal .cb-main{display:flex;flex-direction:column;flex:1;min-width:0;}#collaborationModal .cb-conversation-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 23px 13px;}#collaborationModal .cb-name{font-size:18px;}#collaborationModal .cb-description{font-size:12px;color:var(--db-popup-muted, #718399);margin:6px 0 0;max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#collaborationModal .cb-tools{display:flex;gap:12px;}#collaborationModal .cb-tools button,#collaborationModal .cb-tabs button,#collaborationModal .cb-composer-foot button:not(.cb-primary),#collaborationModal .cb-panel-head button{border:0;background:transparent;color:var(--db-popup-ink, #355678);}#collaborationModal .cb-tools button{font-size:17px;display:flex;gap:6px;align-items:center;}#collaborationModal .cb-member-count{font-size:12px;}#collaborationModal .cb-tabs{display:flex;align-items:center;gap:20px;padding:0 23px;border-bottom:1px solid var(--db-popup-border, #e1e8f2);}#collaborationModal .cb-tabs>button{padding:11px 0;font-size:12px;}#collaborationModal .cb-tabs>button.active{border-bottom:2px solid var(--db-popup-accent, #245c91);color:var(--db-popup-ink, #164b7e);font-weight:700;}#collaborationModal .cb-search{margin-left:auto;display:flex;align-items:center;padding:4px 0;max-width:320px;}#collaborationModal .cb-search input{font-size:12px;background:var(--db-popup-soft, #f4f7fb);border:1px solid var(--db-popup-border, #e2e9f3);height:31px;border-radius:7px;}#collaborationModal .cb-search button{padding-left:9px;}#collaborationModal .cb-feed{flex:1;overflow:auto;padding:18px 23px;overscroll-behavior:contain;}#collaborationModal .cb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;text-align:center;color:var(--db-popup-muted, #8091a5);gap:12px;}#collaborationModal .cb-empty>i{font-size:38px;color:var(--db-popup-muted, #9bb5d3);}#collaborationModal .cb-empty h5{color:var(--db-popup-ink, #345675);}#collaborationModal .cb-empty p{font-size:13px;max-width:360px;}#collaborationModal .cb-message{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--db-popup-border, #f1f4f8);}#collaborationModal .cb-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--db-popup-soft, #e2edf9);color:var(--db-popup-muted, #346494);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}#collaborationModal .cb-message-content{flex:1;min-width:0;}#collaborationModal .cb-message-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;}#collaborationModal .cb-message-meta strong{color:var(--db-popup-ink, #203c5b);}#collaborationModal .cb-message-meta time{font-size:10px;color:var(--db-popup-muted, #8596aa);}#collaborationModal .cb-message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin:6px 0;color:var(--db-popup-ink, #364e66);}#collaborationModal .cb-message-actions{display:flex;gap:12px;}#collaborationModal .cb-message-actions button{border:0;background:transparent;color:var(--db-popup-muted, #70869d);padding:3px 0;font-size:11px;}#collaborationModal .cb-message-actions .selected{color:var(--db-popup-ink, #1863a3);}#collaborationModal .cb-attachment,#collaborationModal .cb-record{display:flex;align-items:center;gap:10px;background:var(--db-popup-soft, #f5f8fc);border:1px solid var(--db-popup-border, #dde7f2);border-radius:8px;padding:10px 12px;margin:7px 0;max-width:480px;font-size:12px;}#collaborationModal .cb-attachment>i,#collaborationModal .cb-record>i{font-size:23px;color:var(--db-popup-muted, #3c73a6);}#collaborationModal .cb-attachment>div,#collaborationModal .cb-record>div{flex:1;min-width:0;}#collaborationModal .cb-attachment strong{display:block;overflow-wrap:anywhere;}#collaborationModal .cb-attachment small{color:var(--db-popup-muted, #7e90a5);font-size:10px;}#collaborationModal .cb-attachment button,#collaborationModal .cb-record button{background:transparent;border:0;color:var(--db-popup-ink, #2b6295);font-size:12px;}#collaborationModal .cb-attachment a{color:var(--db-popup-ink, #2b6295);}#collaborationModal .cb-composer{margin:0 20px 15px;border:1px solid var(--db-popup-border, #c8d8eb);border-radius:10px;padding:10px 12px;background:#fff;}#collaborationModal .cb-composer textarea{border:0;box-shadow:none;font-size:13px;resize:none;padding:4px;min-height:58px;max-height:140px;}#collaborationModal .cb-composer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--db-popup-border, #edf1f6);padding-top:8px;font-size:11px;}#collaborationModal .cb-composer-foot>div{display:flex;gap:10px;}#collaborationModal .cb-primary{background:var(--db-popup-soft, #204f7d);color:white;border:1px solid var(--db-popup-accent, #204f7d);border-radius:7px;font-size:12px;padding:7px 14px;}#collaborationModal .cb-primary:disabled{opacity:.55;cursor:wait;}#collaborationModal .cb-composer>small{display:block;font-size:9px;color:var(--db-popup-muted, #8b99ab);margin-top:6px;}#collaborationModal .cb-draft-chips{display:flex;gap:7px;flex-wrap:wrap;}#collaborationModal .cb-chip{border:1px solid var(--db-popup-border, #d6e2f0);background:var(--db-popup-soft, #edf4fc);border-radius:5px;font-size:10px;padding:4px 7px;overflow-wrap:anywhere;}#collaborationModal .cb-chip button{border:0;background:transparent;color:var(--db-popup-muted, #476b92);}#collaborationModal .cb-panel{flex:0 0 335px;width:335px;border-left:1px solid var(--db-popup-border, #dce5ef);background:var(--db-popup-soft, #fafcff);display:flex;flex-direction:column;}#collaborationModal .cb-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--db-popup-border, #dfe7f2);}#collaborationModal .cb-panel-head h6{margin:0;font-weight:650;font-size:14px;}#collaborationModal .cb-panel-head button{font-size:23px;}#collaborationModal .cb-panel-body{padding:16px;overflow:auto;flex:1;font-size:12px;}#collaborationModal .cb-panel-body label{display:block;font-size:12px;margin:13px 0 6px;font-weight:600;}#collaborationModal .cb-panel-body .form-control,#collaborationModal .cb-panel-body .form-select{font-size:12px;}#collaborationModal .cb-panel-body p{color:var(--db-popup-muted, #657e97);font-size:12px;}#collaborationModal .cb-panel-body .cb-primary{margin-top:15px;}#collaborationModal .cb-member{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--db-popup-border, #e7edf5);}#collaborationModal .cb-member small{color:var(--db-popup-muted, #8293a7);}#collaborationModal .cb-alert{padding:9px 20px;background:#fff0e7;color:#944917;font-size:12px;border-bottom:1px solid #f1cead;}#collaborationModal .cb-archive-banner{padding:11px 23px;background:#fff5df;color:#8b6d24;font-size:12px;}#collaborationModal .cb-archive-banner button{background:transparent;border:0;color:#7b5910;font-weight:700;}#collaborationModal .cb-more{display:block;margin:5px auto 16px;background:var(--db-popup-soft, #eff5fc);border:1px solid var(--db-popup-border, #d8e4f0);color:var(--db-popup-muted, #41698e);border-radius:6px;padding:6px 15px;font-size:11px;}#collaborationModal .cb-archive-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border:1px solid var(--db-theme-border, #dce6f1);border-radius:10px;margin-bottom:12px;background:var(--db-popup-soft, #f9fbfd);}#collaborationModal .cb-archive-row p{margin:5px 0;font-size:12px;color:var(--db-popup-muted, #7b8ea3);}#collaborationModal .cb-preview{width:100%;min-height:350px;border:0;object-fit:contain;}#collaborationModal .cb-tag{background:var(--db-popup-soft, #e6eff9);border-radius:4px;padding:2px 5px;color:var(--db-popup-muted, #396693);font-size:10px;}#collaborationModal .cb-thread-form textarea{font-size:12px;}#collaborationModal .cb-client-select{font-size:12px;margin-bottom:12px;} @media(max-width:1150px){#collaborationModal .cb-sidebar{flex-basis:210px;}#collaborationModal .cb-panel{flex-basis:290px;width:290px;}#collaborationModal .cb-search{max-width:220px;}#collaborationModal .cb-composer-foot>div{gap:3px;}} @media(max-width:850px){#collaborationModal .modal-dialog{width:98vw;margin:1vh auto;}#collaborationModal .cb-layout{height:87vh;}#collaborationModal .cb-sidebar{flex-basis:175px;}#collaborationModal .cb-panel{position:absolute;right:0;top:75px;bottom:0;width:min(380px,90vw);box-shadow:-10px 0 25px #19385a20;z-index:2;}#collaborationModal .cb-search{max-width:180px;}#collaborationModal .cb-tabs{gap:13px;padding:0 14px;}#collaborationModal .cb-conversation-head,#collaborationModal .cb-feed{padding:14px;}#collaborationModal .cb-composer{margin:0 10px 10px;}#collaborationModal .cb-save-state{display:none;}} @media(max-width:550px){#collaborationModal .cb-layout{height:85vh;min-height:340px;}#collaborationModal .cb-sidebar{flex-basis:112px;padding:10px 3px;}#collaborationModal .cb-nav button,#collaborationModal .cb-conversation{font-size:10px;padding:9px 5px;gap:4px;overflow-wrap:anywhere;}#collaborationModal .cb-section-title{font-size:8px;padding:15px 4px 5px;letter-spacing:0;}#collaborationModal .cb-sidebar-foot small{display:none;}#collaborationModal .cb-sidebar-foot button{font-size:10px;padding:8px 4px;}#collaborationModal .cb-search{max-width:120px;}#collaborationModal .cb-search input{font-size:10px;padding:5px;}#collaborationModal .cb-tabs{gap:9px;}#collaborationModal .cb-tabs>button{font-size:10px;}#collaborationModal .cb-name{font-size:15px;}#collaborationModal .cb-tools{gap:6px;}#collaborationModal .cb-description{max-width:170px;font-size:10px;}#collaborationModal .cb-composer-foot{flex-wrap:wrap;}#collaborationModal .cb-composer-foot>div{width:100%;}#collaborationModal .cb-composer-foot button{font-size:10px;}#collaborationModal .cb-avatar{flex-basis:26px;width:26px;height:26px;font-size:10px;}#collaborationModal .cb-message{gap:7px;}#collaborationModal .cb-message-text{font-size:12px;}#collaborationModal .modal-header{padding:12px;}#collaborationModal .modal-header small{font-size:10px;}#collaborationModal .cb-client{display:none;}#collaborationModal .cb-archive-row{padding:10px;flex-wrap:wrap;}} #collaborationModal .modal-dialog.modal-xl{max-width:min(1540px,calc(100vw - 24px));width:calc(100vw - 24px);margin:1.25rem auto;} #collaborationModal .modal-content{border:1px solid var(--db-modal-border,var(--db-theme-border, #d8e4ef));border-radius:14px;background:var(--db-modal-body-bg,#fff);box-shadow:var(--db-modal-shadow,0 24px 70px rgba(15,47,79,.22));} #collaborationModal .modal-content::before{position:absolute;inset:0 0 auto;height:3px;z-index:2;content:"";background:linear-gradient(90deg,var(--db-modal-accent-dark,var(--db-theme-deep, #173e60)),var(--db-theme-hover, #3f789f) 58%,var(--db-theme-hover, #78a8c7));} #collaborationModal .modal-header{min-height:48px;padding:.68rem .95rem .62rem;color:var(--db-modal-title,#14263a);border-bottom:1px solid var(--db-modal-border-soft,#e8eef5);background:var(--db-modal-header-bg,linear-gradient(180deg,#fff,#f8fbfe));} #collaborationModal .modal-header h5{font-size:1rem;font-weight:750;line-height:1.25;color:var(--db-modal-title,#14263a);} #collaborationModal .modal-header small,#collaborationModal .cb-client{color:var(--db-modal-muted,#64748b);font-size:.72rem;font-weight:600;} #collaborationModal .modal-header .btn-close{filter:none;opacity:.58;} #collaborationModal .cb-save-state{color:var(--db-modal-accent,var(--db-theme-brand, #2c5d7f));} #collaborationModal .cb-sidebar{background:linear-gradient(135deg,var(--db-popup-soft, #f7fbff),var(--db-popup-soft, #edf5fb));border-color:var(--db-popup-border, #d9e6f0);} #collaborationModal .cb-panel{background:var(--db-popup-soft, #f8fbfe);} #collaborationModal .cb-primary{background:linear-gradient(135deg,var(--db-modal-accent-dark,var(--db-theme-deep, #173e60)),var(--db-modal-accent,var(--db-theme-brand, #2c5d7f)));border-color:var(--db-modal-accent-dark,var(--db-theme-deep, #173e60));box-shadow:0 4px 10px rgba(var(--db-ui-rgb, 28, 92, 133),.12);} #collaborationModal .cb-attachment,#collaborationModal .cb-record{background:var(--db-popup-soft, #f7fbff);border-color:var(--db-popup-border, #d9e6f0);} @keyframes cb-message-alert{0%,100%{background-color:#fff4d6;box-shadow:inset 0 0 0 1px #f0c46d}50%{background-color:#f9d98d;box-shadow:inset 0 0 0 1px #dfa635}} [data-collaboration-open].cb-link-alert{border-radius:7px;outline-offset:3px;animation:cb-message-alert 1.6s ease-in-out infinite;color:#75520b!important;box-shadow:inset 0 0 0 1px #f0c46d;padding:5px 9px!important;} #collaborationModal .cb-conversation.cb-message-alert{animation:cb-message-alert 1.6s ease-in-out infinite;color:#75520b;font-weight:700} #collaborationModal .cb-conversation.cb-message-alert:hover{background:#f9d98d} #collaborationModal .cb-conversation .cb-unread{background:#ca8b18;} @media(prefers-reduced-motion:reduce){[data-collaboration-open].cb-link-alert,#collaborationModal .cb-conversation.cb-message-alert{animation:none;background:#fff0bd;box-shadow:inset 0 0 0 1px #dfa635}} @media(max-width:550px){#collaborationModal .modal-dialog.modal-xl{width:calc(100vw - 8px);max-width:calc(100vw - 8px);margin:.5rem auto;}} #collaborationModal .cb-layout{position:relative;} #collaborationModal .cb-presence{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;margin-left:auto;background:#9aa8b6;border:1px solid #8695a4} #collaborationModal .cb-presence.is-online{background:#24a46b;border-color:#178954;box-shadow:0 0 0 3px #24a46b20,0 0 7px #24a46b60;animation:cb-presence-glow 2s ease-in-out infinite} @keyframes cb-presence-glow{50%{box-shadow:0 0 0 3px #24a46b35,0 0 10px #24a46b85}} #collaborationModal .cb-member-options{max-height:260px;overflow:auto;border:1px solid var(--db-theme-border, #d8e4ef);border-radius:8px;background:white;margin:8px 0;} #collaborationModal .cb-member-options .cb-member-choice{display:flex;align-items:center;gap:10px;padding:10px;margin:0;border-bottom:1px solid var(--db-popup-border, #edf2f7);cursor:pointer;font-weight:400;} #collaborationModal .cb-member-choice[hidden]{display:none;} #collaborationModal .cb-member-choice input{accent-color:var(--db-popup-accent, #1c4f75);flex-shrink:0;} #collaborationModal .cb-member-choice span strong,#collaborationModal .cb-member-choice span small{display:block;} #collaborationModal .cb-member-choice small{color:var(--db-popup-muted, #7890a7);font-size:10px;margin-top:3px;} #collaborationModal .cb-member-selection{display:block;color:var(--db-popup-muted, #55718c);margin-top:10px;} #collaborationModal .cb-add-members{margin-top:16px;} #collaborationModal .cb-add-members button[type="submit"]{display:block;width:100%;margin-top:12px;white-space:normal;} #collaborationModal .cb-members-note{padding:10px;background:var(--db-popup-soft, #edf5fd);border:1px solid var(--db-theme-border, #d8e4ef);border-radius:8px;margin-top:12px;} #collaborationModal .cb-alert{position:absolute;top:76px;right:16px;z-index:5;width:min(420px,calc(100% - 32px));display:grid;grid-template-columns:30px minmax(0,1fr) 26px;align-items:start;gap:10px;padding:11px 10px 11px 12px;border:1px solid var(--db-ui-border, #d9e2ec);border-left:4px solid #d14343;border-radius:9px;background:#fff;color:var(--db-ui-ink, #263648);box-shadow:0 8px 24px rgba(var(--db-ui-rgb, 24, 43, 63),.14),0 2px 6px rgba(var(--db-ui-rgb, 24, 43, 63),.08);max-height:45vh;overflow:auto;} #collaborationModal .cb-alert .global-notification-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff1f1;color:#d14343;font-size:14px;} #collaborationModal .cb-alert .global-notification-content{min-width:0;padding-top:1px;} #collaborationModal .cb-alert .global-notification-title{margin-bottom:2px;color:var(--db-ui-ink, #172437);font-size:12px;font-weight:700;line-height:1.25;} #collaborationModal .cb-alert .global-notification-message{color:var(--db-ui-ink, #526274);font-size:12px;line-height:1.38;overflow-wrap:anywhere;} #collaborationModal .cb-alert .global-notification-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--db-ui-muted, #718096);font-size:12px;} #collaborationModal .cb-alert .global-notification-close:hover{background:var(--db-ui-hover, #f1f5f9);color:var(--db-ui-ink, #263648);} #collaborationModal .cb-panel.cb-preview-panel{flex:0 0 min(55vw,760px);width:min(55vw,760px);} #collaborationModal .cb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;} #collaborationModal .cb-preview-toolbar .cb-primary{margin-top:0;} #collaborationModal .cb-preview-toolbar small{color:var(--db-popup-muted, #7890a7);} #collaborationModal .cb-preview-image{min-height:0;max-height:65vh;object-fit:contain;border-radius:8px;background:var(--db-popup-soft, #eef3f8);} #collaborationModal .cb-preview-pdf{height:65vh;min-height:380px;background:white;border:1px solid var(--db-theme-border, #d8e4ef);border-radius:8px;} #collaborationModal .cb-preview-video{min-height:0;max-height:65vh;background:var(--db-ui-deep, #14263a);border-radius:8px;object-fit:contain;} #collaborationModal .cb-preview-fallback{padding:14px;background:#fff4d6;border:1px solid #f4d493;border-radius:8px;} #collaborationModal .cb-pdf-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;border:1px solid var(--db-theme-border, #d8e4ef);border-radius:8px;padding:8px;background:white;margin-bottom:10px;} #collaborationModal .cb-pdf-controls button{border:1px solid var(--db-theme-border, #d8e4ef);background:var(--db-popup-soft, #edf5fd);border-radius:5px;color:var(--db-popup-ink, #244f75);padding:5px 10px;} #collaborationModal .cb-pdf-controls button:disabled{opacity:.45;} #collaborationModal .cb-pdf-page,#collaborationModal .cb-pdf-zoom{font-size:11px;color:var(--db-popup-muted, #55718c);} #collaborationModal .cb-pdf-canvas-wrap{height:60vh;min-height:280px;overflow:auto;border:1px solid var(--db-theme-border, #d8e4ef);border-radius:8px;background:var(--db-popup-soft, #e7eef5);padding:10px;} #collaborationModal canvas.cb-preview-pdf{display:block;border:0;border-radius:0;background:white;min-height:0;height:auto;max-width:none;margin:0 auto;box-shadow:0 2px 10px #16365318;} @media(max-width:1100px){#collaborationModal .cb-panel.cb-preview-panel{width:calc(100% - 245px);flex-basis:auto;position:absolute;right:0;top:0;bottom:0;z-index:4;box-shadow:-5px 0 20px #16365318;}} @media(max-width:700px){#collaborationModal .cb-panel.cb-preview-panel{width:100%;}#collaborationModal .cb-preview-pdf{height:60vh;min-height:280px;}} @media(max-width:850px){#collaborationModal .cb-panel{top:0;}} @media(prefers-reduced-motion:reduce){#collaborationModal .cb-presence.is-online{animation:none}} #collaborationModal .cb-scan-intro {text-align:center;padding:4px 4px 10px;} #collaborationModal .cb-scan-intro>i {display:block;color:var(--db-theme-brand, #2c5d7f);font-size:26px;margin-bottom:8px;} #collaborationModal .cb-scan-intro strong {display:block;color:var(--db-popup-ink, #183452);font-size:14px;} #collaborationModal .cb-scan-intro p {line-height:1.6;margin:8px 0 0;} #collaborationModal .cb-scan-qr {display:grid;place-items:center;width:224px;min-height:224px;margin:8px auto;padding:12px;background:#fff;border:1px solid var(--db-popup-border, #d9e6f0);border-radius:12px;} #collaborationModal .cb-scan-qr img,#collaborationModal .cb-scan-qr canvas {max-width:200px;max-height:200px;} #collaborationModal .cb-scan-link {display:block;text-align:center;color:var(--db-theme-brand, #2c5d7f);font-size:12px;margin-top:12px;} #collaborationModal .cb-scan-expiry {text-align:center;font-size:10px;color:var(--db-popup-muted, #7890a7);margin:7px 0 14px;} #collaborationModal .cb-scan-status {padding:10px 12px;border:1px solid var(--db-popup-border, #d9e6f0);background:var(--db-popup-soft, #edf5fb);border-radius:8px;color:var(--db-popup-ink, #245374);line-height:1.6;} #collaborationModal .cb-scan-status.is-error {background:#fff4d6;border-color:#f0d499;color:#75520b;} #collaborationModal .cb-scan-note {font-size:10px;line-height:1.6;margin-top:14px;} #collaborationModal .cb-scan-actions {display:flex;gap:8px;flex-wrap:wrap;} #collaborationModal .cb-scan-actions .btn {margin-top:0;} #collaborationModal .cb-scan-secondary {border:1px solid var(--db-popup-border, #d9e6f0);background:#fff;color:var(--db-theme-brand, #2c5d7f);border-radius:7px;font-size:11px;padding:7px 10px;} #collaborationModal .cb-composer-foot>div {flex-wrap:wrap;} #collaborationModal .cb-message-actions {flex-wrap:wrap;row-gap:4px;} #collaborationModal .cb-message-actions button.selected {color:var(--db-popup-ink, #1863a3);font-weight:600;} #collaborationModal .cb-message-reference {border:1px solid var(--db-popup-border, #d9e6f0);border-left:3px solid var(--db-popup-accent, #3c73a6);border-radius:8px;background:var(--db-popup-soft, #f7fbff);padding:12px 14px;margin:8px 0;max-width:680px;overflow-wrap:anywhere;} #collaborationModal .cb-reference-heading {display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:9px;font-size:11px;color:var(--db-popup-ink, #325e82);} #collaborationModal .cb-reference-heading span {font-size:10px;color:var(--db-popup-muted, #7890a7);margin-left:auto;} #collaborationModal .cb-reference-text {max-height:180px;overflow:auto;} #collaborationModal .cb-reference-footer {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:9px;font-size:10px;color:var(--db-popup-muted, #7890a7);} #collaborationModal .cb-reference-footer button,#collaborationModal .cb-reference-unavailable button,#collaborationModal .cb-reference-context button {border:0;background:transparent;color:var(--db-popup-ink, #1863a3);font-size:11px;padding:0;} #collaborationModal .cb-reference-pending,#collaborationModal .cb-reference-unavailable {font-size:11px;color:var(--db-popup-muted, #70869d);margin:0;line-height:1.6;} #collaborationModal .cb-draft-references,#collaborationModal .cb-thread-references {max-height:245px;overflow:auto;} #collaborationModal .cb-draft-references:empty,#collaborationModal .cb-thread-references:empty {display:none;} #collaborationModal .cb-message-target {background:var(--db-popup-soft, #edf5fd);box-shadow:inset 3px 0 var(--db-ui-accent, #3c73a6);border-radius:8px;padding-left:10px;padding-right:10px;outline:2px solid var(--db-popup-border, #c6ddef);outline-offset:-2px;} #collaborationModal .cb-reference-context {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--db-popup-soft, #edf5fd);border:1px solid var(--db-popup-border, #d9e6f0);border-radius:7px;padding:10px 12px;font-size:11px;color:var(--db-popup-ink, #325e82);margin-bottom:12px;} #collaborationModal .cb-message-text a {color:var(--db-popup-ink, #1863a3);text-decoration:underline;} @media(max-width:550px){#collaborationModal .cb-message-reference {padding:9px;max-width:100%;}#collaborationModal .cb-reference-heading span {margin-left:0;}#collaborationModal .cb-message-actions {column-gap:9px;}#collaborationModal .cb-draft-references {max-height:190px;}} .cb-support-inbox {border-bottom:1px solid var(--db-popup-border, #dbe4f0); padding:4px 0 8px; margin-bottom:8px; } #collaborationModal .cb-mention-picker {position:absolute;z-index:7;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--db-modal-border,var(--db-theme-border, #d8e4ef));border-radius:10px;background:var(--db-modal-body-bg,#fff);box-shadow:0 10px 30px #173e6030;color:var(--db-theme-deep, #173e60);font-size:12px;} #collaborationModal .cb-mention-head {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--db-popup-border, #e8eef5);background:var(--db-modal-header-bg,#f8fbfe);flex:none;} #collaborationModal .cb-mention-head span {color:var(--db-popup-muted, #7890a7);font-size:10px;} #collaborationModal .cb-mention-results {min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px;} #collaborationModal .cb-mention-results [role="option"] {display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px;border:0;border-radius:6px;background:transparent;text-align:left;color:var(--db-popup-ink, #244f75);} #collaborationModal .cb-mention-results [role="option"].active,#collaborationModal .cb-mention-results [role="option"]:hover {background:var(--db-popup-hover, #e8f2fd);color:var(--db-theme-deep, #173e60);} #collaborationModal .cb-mention-results .cb-avatar {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;font-size:11px;border-radius:8px;} #collaborationModal .cb-mention-identity {flex:1;min-width:0;overflow-wrap:anywhere;} #collaborationModal .cb-mention-identity strong,#collaborationModal .cb-mention-identity small {display:block;} #collaborationModal .cb-mention-identity strong {font-size:12px;} #collaborationModal .cb-mention-identity small {font-size:10px;color:var(--db-popup-muted, #7890a7);margin-top:2px;} #collaborationModal .cb-mention-empty {margin:0;padding:12px;color:var(--db-popup-muted, #647b91);font-size:12px;} #collaborationModal .cb-mention-empty button {border:0;background:transparent;color:var(--db-popup-ink, #1863a3);text-decoration:underline;} #collaborationModal .cb-mention-help {display:block;flex:none;border-top:1px solid var(--db-popup-border, #e8eef5);padding:8px 12px;color:var(--db-popup-muted, #7890a7);font-size:10px;} #collaborationModal .modal-content {position:relative;} #collaborationModal .cb-emoji-picker {position:absolute;z-index:6;display:flex;flex-direction:column;gap:9px;height:340px;padding:12px;border:1px solid var(--db-modal-border,var(--db-theme-border, #d8e4ef));border-radius:12px;background:var(--db-modal-body-bg,#fff);box-shadow:0 10px 30px #173e6030;color:var(--db-theme-deep, #173e60);font-size:12px;box-sizing:border-box;} #collaborationModal .cb-emoji-head {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;} #collaborationModal .cb-emoji-head strong {font-size:13px;} #collaborationModal .cb-emoji-head button {border:0;border-radius:5px;background:transparent;color:var(--db-popup-ink, #355678);font-size:22px;line-height:1;padding:2px 6px;} #collaborationModal .cb-emoji-search {flex-shrink:0;font-size:12px;padding:7px 9px;min-width:0;} #collaborationModal .cb-emoji-results {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;} #collaborationModal .cb-emoji-results h6 {font-size:11px;color:var(--db-popup-muted, #587590);margin:5px 0 7px;font-weight:600;} #collaborationModal .cb-emoji-results section+section {margin-top:12px;} #collaborationModal .cb-emoji-grid {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;} #collaborationModal .cb-emoji-grid button {display:flex;justify-content:center;align-items:center;min-width:0;height:32px;padding:2px;border:1px solid transparent;border-radius:6px;background:transparent;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1;cursor:pointer;} #collaborationModal .cb-emoji-grid button:hover,#collaborationModal .cb-emoji-head button:hover {background:var(--db-popup-hover, #edf5fd);border-color:var(--db-popup-border, #c6ddef);} #collaborationModal .cb-emoji-picker button:focus-visible,#collaborationModal .cb-emoji-toggle:focus-visible {outline:2px solid var(--db-popup-accent, #3c73a6);outline-offset:-2px;background:var(--db-popup-hover, #edf5fd);} #collaborationModal .cb-emoji-count {flex-shrink:0;font-size:10px;color:var(--db-popup-muted, #70869d);min-height:14px;} #collaborationModal .cb-thread-compose-foot {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:9px;} #collaborationModal .cb-thread-compose-foot .cb-emoji-toggle {border:0;border-radius:5px;padding:6px 4px;background:transparent;color:var(--db-popup-ink, #355678);font-size:12px;} #collaborationModal .cb-emoji-toggle[aria-expanded="true"] {background:var(--db-popup-selected, #edf5fd)!important;color:var(--db-theme-deep, #173e60)!important;} #collaborationModal .cb-composer-foot>div {min-width:0;} @font-face {font-family:"DataBridge Emoji";src:url("../../js/vendor/emoji/databridge-emoji.woff?v=20261005emoji1") format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2615,U+26A0,U+2705,U+270B,U+270C,U+2728,U+274C,U+2764,U+2B50,U+1F389,U+1F38A,U+1F440,U+1F44B,U+1F44C,U+1F44D,U+1F44E,U+1F44F,U+1F450,U+1F494,U+1F495,U+1F499,U+1F49A,U+1F49B,U+1F49C,U+1F4A1,U+1F4AA,U+1F4AF,U+1F4CC,U+1F4CE,U+1F525,U+1F5A4,U+1F600,U+1F601,U+1F602,U+1F603,U+1F604,U+1F605,U+1F606,U+1F607,U+1F609,U+1F60A,U+1F60B,U+1F60C,U+1F60D,U+1F60E,U+1F60F,U+1F610,U+1F611,U+1F612,U+1F614,U+1F615,U+1F617,U+1F618,U+1F61A,U+1F61B,U+1F61C,U+1F61D,U+1F61F,U+1F621,U+1F622,U+1F624,U+1F62C,U+1F62D,U+1F62E,U+1F631,U+1F632,U+1F633,U+1F634,U+1F636,U+1F637,U+1F641,U+1F642,U+1F643,U+1F644,U+1F64C,U+1F64F,U+1F680,U+1F90D,U+1F910,U+1F911,U+1F912,U+1F913,U+1F914,U+1F915,U+1F917,U+1F91A,U+1F91D,U+1F91E,U+1F91F,U+1F922,U+1F923,U+1F924,U+1F926,U+1F927,U+1F929,U+1F92A,U+1F92B,U+1F92D,U+1F92F,U+1F937,U+1F970,U+1F973,U+1F975,U+1F976,U+1F97A,U+1F9D0,U+1F9E1} #collaborationModal .cb-emoji-grid button {font-family:"DataBridge Emoji","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;} #collaborationModal .cb-message-text,#collaborationModal .cb-composer textarea,#collaborationModal .cb-thread-form textarea {font-family:"DataBridge Emoji",var(--bs-body-font-family,system-ui),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;} #collaborationModal .cb-member-identity{flex:1;min-width:0;overflow-wrap:anywhere;} #collaborationModal .cb-member-remove{white-space:nowrap;font-size:11px;padding:5px 8px;margin:0;} #collaborationModal .cb-star-action.selected{color:#94610b;background:#fff4d7;border-radius:5px;} #collaborationModal .cb-private-member-settings[hidden]{display:none!important;} #collaborationModal .cb-visibility{max-width:100%;} @media(max-width:550px){#collaborationModal .cb-tabs{flex-wrap:wrap;gap:9px;}#collaborationModal .cb-search{flex-basis:100%;max-width:none;margin-bottom:6px;}} body .modal .modal-dialog:not(.db-modal-window-positioned), body :is(.price-check-popup, .vendor-detail-popup) > :is(.price-check-dialog, .vendor-detail-dialog) {width:var(--db-popup-width,90vw)!important; max-width:calc(100vw - 16px)!important; min-width:0!important; margin-left:auto!important;margin-right:auto!important; } @media (min-width:768px) and (pointer:fine) {.db-modal-window-titlebar {cursor:move; } .db-modal-window-titlebar :is(button,a,input,select,textarea,[role="button"]) {cursor:auto; } body .modal .modal-dialog.db-modal-window-positioned {position:fixed!important;left:var(--db-window-left)!important;top:var(--db-window-top)!important; width:var(--db-window-width)!important;height:var(--db-window-height)!important; min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important; margin:0!important;transform:none!important;display:flex!important; } body .modal .db-modal-window-positioned>.modal-content {width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important; display:flex;flex-direction:column;position:relative; } .db-modal-window-positioned>.modal-content>.modal-header, .db-modal-window-positioned>.modal-content>.modal-footer {flex-shrink:0; } .db-modal-window-positioned>.modal-content>.modal-body {flex:1 1 auto;min-height:0!important;max-height:none!important;overflow:auto; } .db-modal-window-positioned .image-rotation-preview {height:100%;max-height:none; } .db-modal-window-positioned>.modal-content>.modal-body>:is(iframe,embed,object) {width:100%;height:100%; } #collaborationModal .db-modal-window-positioned .cb-layout {flex:1 1 auto;height:auto!important;min-height:0!important;overflow:auto; } .db-modal-window-handle {position:absolute;z-index:30;touch-action:none;pointer-events:auto; } .db-modal-window-n,.db-modal-window-s {left:12px;right:12px;height:7px;cursor:ns-resize; } .db-modal-window-n {top:0; } .db-modal-window-s {bottom:0; } .db-modal-window-e,.db-modal-window-w {top:12px;bottom:12px;width:7px;cursor:ew-resize; } .db-modal-window-e {right:0; } .db-modal-window-w {left:0; } .db-modal-window-ne,.db-modal-window-se,.db-modal-window-sw,.db-modal-window-nw {width:12px;height:12px; } .db-modal-window-ne {right:0;top:0;cursor:nesw-resize; } .db-modal-window-se {right:0;bottom:0;cursor:nwse-resize; } .db-modal-window-sw {left:0;bottom:0;cursor:nesw-resize; } .db-modal-window-nw {left:0;top:0;cursor:nwse-resize; } .db-modal-window-se::after {content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid var(--db-theme-brand,#426985);border-bottom:2px solid var(--db-theme-brand,#426985);opacity:.65; } .db-modal-window-se:focus-visible {outline:2px solid var(--db-theme-brand,#426985);outline-offset:-2px; } body.db-modal-window-moving {user-select:none!important; } .db-modal-window-moving :is(iframe,embed,object) {pointer-events:none!important; } } @media (max-width:767.98px), (pointer:coarse) {.db-modal-window-handle {display:none; } } @media print {.db-modal-window-handle {display:none!important; } } @keyframes cb-incoming-border {0%,100% {box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--db-theme-brand,#2c4b66) 20%,transparent); } 50% {box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--db-theme-brand,#2c4b66) 65%,transparent); } } #collaborationModal .cb-message.cb-message-incoming {border-radius: 6px; animation: cb-incoming-border 2.8s ease-in-out infinite; } @media(prefers-reduced-motion:reduce) {#collaborationModal .cb-message.cb-message-incoming {animation: none; box-shadow: inset 0 0 0 1px var(--db-theme-brand,#2c4b66); } } #collaborationModal .modal-header .cb-client{display:inline-flex;align-items:center;vertical-align:middle;margin-left:10px;padding:4px 10px;border:1px solid var(--db-modal-border,var(--db-theme-brand,#c6d6e6));border-radius:999px;background:var(--db-theme-soft,#edf5fb);color:var(--db-theme-deep,#20384f);font-size:.72rem;font-weight:600;line-height:1.3;max-width:min(45vw,360px);white-space:normal;overflow-wrap:anywhere;} #collaborationModal .modal-header .cb-client:empty{display:none;} #collaborationModal .cb-tenant-filter{margin:0 10px 10px;font-size:.7rem;}#collaborationModal .cb-tenant-filter[hidden]{display:none;}#collaborationModal .cb-tenant-filter label{display:block;margin-bottom:3px;color:var(--db-theme-deep,#20384f);}#collaborationModal .cb-tenant-filter select{font-size:.72rem;min-height:30px;background-color:var(--db-theme-soft,#f7f9fc);border-color:var(--db-modal-border,#cbd5e1);color:var(--db-theme-deep,#20384f);} @media (min-width:768px) and (pointer:fine) {body .modal .db-modal-window-positioned>.modal-content>.modal-body.db-modal-window-body-fill {display:flex!important;flex-direction:column;overflow:hidden!important;min-width:0; } body .modal .db-modal-window-positioned>.modal-content>.modal-body.db-modal-window-body-fill>.db-modal-window-scroll-fill {flex:1 1 0!important;min-height:0!important;max-height:none!important; height:auto!important;min-width:0;overflow:auto!important; } } 
:root body .db-u-0667ba830f{width:5.4rem} :root body .db-u-1298ef7c38{text-transform:uppercase} :root body .db-u-15aae3ce99{width:125px} :root body .db-u-1ba51881f3{width:70px} :root body .db-u-1e5172f548{width: 13%} :root body .db-u-226af26e4c{max-height:350px;overflow-y:auto} :root body .db-u-23dec04ac7{width:65px} :root body .db-u-26ecbf76a0{height:100%} :root body .db-u-28aaa4e622{width:45px} :root body .db-u-2bd4e28489{height: calc(90vh - 60px);overflow:hidden} :root body .db-u-2d4b847f09{max-height: 500px;overflow-y: auto} :root body .db-u-2f07be75de{flex:1;max-height:60vh;overflow-y:auto;border:1px solid #ddd;padding:10px;border-radius:6px} :root body .db-u-30e4dd1649{max-height:400px;overflow:auto;border:1px solid var(--db-theme-border, #d4e3ef);border-radius:8px;padding:8px} :root body .db-u-3422523365{width:100%;height:82vh;border:0} :root body .db-u-34451d06e2{font-size:16px;font-weight:800} :root body .db-u-35eac30145{color: red} :root body .db-u-36ba2a0903{min-width: 150px} :root body .db-u-371708cec7{max-width:96%} :root body .db-u-3c9b4fbced{width:165px} :root body .db-u-3ee92638e3{text-align:left;margin:0} :root body .db-u-4043bb78ea{min-width: 220px} :root body .db-u-415b5d64b8{width: 6%} :root body .db-u-461b429c14{overflow:auto;background:white} :root body .db-u-492ba24f34{height:85vh} :root body .db-u-4935981873{height:220px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:10px;background:var(--db-ui-soft, #f9fafb)} :root body .db-u-4c27cfbd77{max-height:420px;overflow-y:auto} :root body .db-u-4db405a3b2{width:155px} :root body .db-u-5225e5b7d7{width:0%} :root body .db-u-53faf58be7{max-width:92%;width:92%} :root body .db-u-54e0e1b125{min-width:1200px} :root body .db-u-55d8ffef28{width:170px} :root body .db-u-599f77498c{max-height:65vh;overflow-y:auto} :root body .db-u-5d685394c1{width:78px} :root body .db-u-5f37f32cb8{max-width:95vw} :root body .db-u-662c8e4334{width:150px} :root body .db-u-671ac5ee9c{width:135px} :root body .db-u-6968352194{width:16%} :root body .db-u-69d37a32ec{max-height:520px} :root body .db-u-709d605a9a{max-height: 480px} :root body .db-u-717e36147a{max-width:95%;width:95%} :root body .db-u-769adf256a{max-width: 90%} :root body .db-u-7702bab54a{max-height:60vh;overflow:auto} :root body .db-u-7d31acc595{table-layout:auto;width:100%} :root body .db-u-7de27d582c{position:sticky;top:0;z-index:5;background:var(--db-ui-soft, #f8f9fa)} :root body .db-u-7e2b8e250b{width:95px} :root body .db-u-8093a49c83{width:100%;height:600px;border:none} :root body .db-u-834fd8a5ac{min-width: 140px} :root body .db-u-83f176b064{max-width:250px} :root body .db-u-8523765ec6{width: 8%} :root body .db-u-896bd4e471{min-height:320px} :root body .db-u-91269935bd{width:80px} :root body .db-u-94572adf8b{width:100%;height:300px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-9463ff4798{cursor:pointer} :root body .db-u-9b25ff4bec{width:100%;height:70vh;border:1px solid var(--db-ui-border, #dbe7f2);border-radius:8px} :root body .db-u-9db3c3232a{width:130px} :root body .db-u-a36b46cdd9{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:10px;background:var(--db-ui-soft, #f9fafb)} :root body .db-u-a49cca52be{font-size:12px} :root body .db-u-a74da2bfae{width:100%;height:280px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-a84d68d1aa{max-width:90%;width:90%} :root body .db-u-a9a67db444{min-height:400px} :root body .db-u-ab3bf316c2{min-width: 130px} :root body .db-u-ad426e4154{width:260px} :root body .db-u-ad8c93e5fe{width: 15%} :root body .db-u-b0e9cd6ad9{width:100%;height:330px;border:1px solid var(--db-ui-border, #d6e1eb);border-radius:8px} :root body .db-u-b258c3e162{width: 7%} :root body .db-u-b26ad6f627{width:210px} :root body .db-u-b6032a17a4{width:100%;max-height:500px} :root body .db-u-b7b0fa354c{min-width:1400px} :root body .db-u-b86efb17dd{min-width:1550px} :root body .db-u-bc5e7f500a{top:2px;right:2px} :root body .db-u-c53ea1da23{margin-top:14px} :root body .db-u-c6c0c33c0f{width:360px} :root body .db-u-c83ebbe56b{width: 14%} :root body .db-u-ca06a4e174{color:var(--db-ui-accent, #0067ff)} :root body .db-u-cb1aa11904{width:185px} :root body .db-u-cd2b97c43d{width:140px} :root body .db-u-cfbb21c8cd{max-height:340px} :root body .db-u-d0cc4be744{width:230px} :root body .db-u-d145083643{max-height:250px;overflow-y:auto} :root body .db-u-d1fd0b2eff{font-size:6px} :root body .db-u-d334b57bfc{width:120px} :root body .db-u-d3efc975c0{width:145px} :root body .db-u-d4d91f9a13{width:20%} :root body .db-u-d5e4380953{width:48px} :root body .db-u-d7ad51acdc{max-width: 95%;width: 95%} :root body .db-u-dc637e81ca{height: 90vh} :root body .db-u-dc9eac3f89{width:190px} :root body .db-u-e2c857d54b{overflow:auto} :root body .db-u-e5a3feb436{width:84px} :root body .db-u-e7587e233a{min-width: 110px} :root body .db-u-e807451a5b{color:var(--db-ui-accent, #0e4f83);border-color:var(--db-ui-border, #cddbed)} :root body .db-u-eab91ecda4{height:500px;overflow:auto;isolation:isolate} :root body .db-u-eb68f4f6d9{width:100%;max-height:420px;background:#111;border-radius:8px} :root body .db-u-eb9e070a2e{max-width:160px} :root body .db-u-ecab14bcb4{flex:1;max-height:65vh;overflow-y:auto} :root body .db-u-f07a6d542e{width:205px} :root body .db-u-f25a9f00dc{width:34%} :root body .db-u-f50b54b1ef{width:105px} :root body .db-u-f6536568bb{max-width: 95vw} :root body .db-u-5e461f0709{font-size:13px} :root body .db-u-eb2cdaa55e{margin-top:4px} :root body .db-u-0da10ab650{white-space:pre-wrap;padding:16px;margin:0} :root body .db-u-b7aa1ec004{width:100%} :root body .db-u-2a7c3dc527{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :root body .db-u-867764b6d2{flex-shrink:0} :root body .db-u-ce267102b8{width:100%;height:100%;border:none} :root body .db-u-385647fca9{max-width:100%;height:auto} :root body .db-u-092af903b2{white-space:pre-wrap} :root body .db-u-905008530c{text-align:center} :root body .db-u-67d3fa9636{text-align:center;color:#666} :root body .db-u-83725d2c6e{flex:1} :root body .db-u-da8d1ea87d{font-size:5px} :root body .db-u-6f30f75c6a{height:8px} :root body .db-u-aed8525e8d{background:#2e9665} :root body .db-u-f2dc537a41{background:#e0a52b} :root body .db-u-6363026c27{background:#d94452} :root body .db-u-5ae984dfc6{background:#dbe4ec} :root body .db-u-45435946ea{min-width:260px} :root body .db-u-f6b5c7f77c{max-width:130px} :root body .db-u-5d0fae58cf{max-width: 120px} :root body .db-u-7ff2c4f87b{min-height:110px} :root body .db-u-6c3b103612{padding:10px;color:var(--db-ui-muted, #8195ab)} :root body .db-u-cacd9a33c1{position:static;white-space:nowrap} 
html {color-scheme: light; } html[data-db-theme="emerald"] {--db-theme-sidebar-start:#143e34;--db-theme-sidebar-mid:#103329;--db-theme-sidebar-end:#0b271f; --db-theme-brand:#21624e;--db-theme-deep:#143e34;--db-theme-hover:#2e7b61;--db-theme-accent:#168061;--db-theme-soft:#edf7f2;--db-theme-border:#cfe3d9;--db-theme-page:#f3f8f5;--db-theme-rgb:33,98,78; } html[data-db-theme="violet"] {--db-theme-sidebar-start:#37294f;--db-theme-sidebar-mid:#2c203f;--db-theme-sidebar-end:#21172f; --db-theme-brand:#634a87;--db-theme-deep:#37294f;--db-theme-hover:#7c60a6;--db-theme-accent:#7954ad;--db-theme-soft:#f3eef9;--db-theme-border:#dfd5eb;--db-theme-page:#f8f5fb;--db-theme-rgb:99,74,135; } html[data-db-theme="teal"] {--db-theme-sidebar-start:#143e49;--db-theme-sidebar-mid:#10333c;--db-theme-sidebar-end:#0b262d; --db-theme-brand:#236773;--db-theme-deep:#143e49;--db-theme-hover:#327f8c;--db-theme-accent:#137e91;--db-theme-soft:#edf7f8;--db-theme-border:#cde1e5;--db-theme-page:#f2f8f9;--db-theme-rgb:35,103,115; } html[data-db-theme="slate"] {--db-theme-sidebar-start:#253345;--db-theme-sidebar-mid:#1d2938;--db-theme-sidebar-end:#15202c; --db-theme-brand:#475569;--db-theme-deep:#253345;--db-theme-hover:#5c6d83;--db-theme-accent:#526b8a;--db-theme-soft:#eef2f6;--db-theme-border:#d7dfe8;--db-theme-page:#f5f7fa;--db-theme-rgb:71,85,105; } html[data-db-theme="ocean"] {--db-theme-sidebar-start:#173d5c;--db-theme-sidebar-mid:#12324d;--db-theme-sidebar-end:#0d263c;--db-theme-brand:#245d91;--db-theme-deep:#173d5c;--db-theme-hover:#3072aa;--db-theme-accent:#236da4;--db-theme-soft:#edf5fc;--db-theme-border:#cedfee;--db-theme-page:#f3f8fc;--db-theme-rgb:36,93,145; } html[data-db-theme="indigo"] {--db-theme-sidebar-start:#292e58;--db-theme-sidebar-mid:#222647;--db-theme-sidebar-end:#191c36;--db-theme-brand:#464f91;--db-theme-deep:#292e58;--db-theme-hover:#5c65a9;--db-theme-accent:#515da4;--db-theme-soft:#f0f1fa;--db-theme-border:#d9dcf0;--db-theme-page:#f5f6fc;--db-theme-rgb:70,79,145; } html[data-db-theme="rose"] {--db-theme-sidebar-start:#542939;--db-theme-sidebar-mid:#44212e;--db-theme-sidebar-end:#341822;--db-theme-brand:#93465f;--db-theme-deep:#542939;--db-theme-hover:#ad5c76;--db-theme-accent:#a34868;--db-theme-soft:#fbf0f4;--db-theme-border:#ecd4dd;--db-theme-page:#fcf6f8;--db-theme-rgb:147,70,95; } html[data-db-theme="amber"] {--db-theme-sidebar-start:#50391c;--db-theme-sidebar-mid:#412e16;--db-theme-sidebar-end:#322210;--db-theme-brand:#80551b;--db-theme-deep:#50391c;--db-theme-hover:#996c2a;--db-theme-accent:#8a601f;--db-theme-soft:#faf4e9;--db-theme-border:#e9dcc5;--db-theme-page:#fcf9f2;--db-theme-rgb:128,85,27; } html[data-db-theme="olive"] {--db-theme-sidebar-start:#343e23;--db-theme-sidebar-mid:#2a321c;--db-theme-sidebar-end:#202615;--db-theme-brand:#586735;--db-theme-deep:#343e23;--db-theme-hover:#6b7c43;--db-theme-accent:#617638;--db-theme-soft:#f3f6ec;--db-theme-border:#dce4cd;--db-theme-page:#f8faf3;--db-theme-rgb:88,103,53; } html:not([data-db-theme="classic"])[data-db-theme] {--bs-primary:var(--db-theme-brand);--bs-primary-rgb:var(--db-theme-rgb);--bs-link-color:var(--db-theme-accent);--bs-link-hover-color:var(--db-theme-deep);--bs-border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .btn-primary {--bs-btn-bg:var(--db-theme-brand);--bs-btn-border-color:var(--db-theme-brand);--bs-btn-hover-bg:var(--db-theme-hover);--bs-btn-hover-border-color:var(--db-theme-hover);--bs-btn-active-bg:var(--db-theme-deep);--bs-btn-active-border-color:var(--db-theme-deep);background-color:var(--db-theme-brand);border-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .btn-outline-primary {--bs-btn-color:var(--db-theme-brand);--bs-btn-border-color:var(--db-theme-brand);--bs-btn-hover-bg:var(--db-theme-brand);--bs-btn-hover-border-color:var(--db-theme-brand);--bs-btn-active-bg:var(--db-theme-deep);--bs-btn-active-border-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .form-control:focus,html:not([data-db-theme="classic"])[data-db-theme] .form-select:focus {border-color:var(--db-theme-brand);box-shadow:0 0 0 .2rem rgba(var(--db-theme-rgb),.15); } html:not([data-db-theme="classic"])[data-db-theme] .nav-tabs .nav-link.active {color:var(--db-theme-brand);border-bottom-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .form-check-input:checked {background-color:var(--db-theme-brand);border-color:var(--db-theme-brand); } .db-theme-picker {display:inline-flex;align-items:center;gap:0;padding:1px 4px;border:1px solid var(--db-theme-border,#dce6f1);border-radius:6px;background:#fff;color:var(--db-theme-brand,#2c4b66);font:500 10px/1.2 "Segoe UI",Arial,sans-serif;flex:0 0 auto;max-width:116px; } .db-theme-picker select {width:104px;min-width:0;max-width:104px;height:22px;border:0;background:#fff;color:inherit;font:inherit;cursor:pointer;padding:1px 1px 1px 2px; } .db-theme-picker select:focus-visible {outline:2px solid var(--db-theme-accent,#0d6efd);outline-offset:2px;border-radius:4px; } .scanner-header .db-theme-picker {margin-left:auto; } .scanner-header {flex-wrap:wrap; } .db-theme-picker.db-theme-fixed {position:fixed;right:20px;top:16px;z-index:1060;box-shadow:0 4px 14px rgba(20,48,72,.07); } body.db-auth-body .db-auth-panel {padding-top:74px; } @media(max-width:600px) {.db-theme-picker {padding:1px 3px; } .db-theme-picker select {width:100px;max-width:100px; } .db-theme-picker.db-theme-fixed {right:12px;top:10px; } body.db-auth-body .db-auth-panel {padding-top:62px; } } @media print {.db-theme-picker {display:none!important; } } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) {--db-popup-soft:var(--db-theme-soft); --db-popup-hover:color-mix(in srgb,var(--db-theme-brand) 12%,white); --db-popup-selected:color-mix(in srgb,var(--db-theme-brand) 20%,white); --db-popup-border:var(--db-theme-border); --db-popup-accent:var(--db-theme-brand); --db-popup-ink:var(--db-theme-deep); --db-popup-muted:color-mix(in srgb,var(--db-theme-deep) 68%,#64748b); --db-modal-header-bg:linear-gradient(180deg,white,var(--db-theme-soft)); --db-modal-footer-bg:var(--db-theme-soft); --db-modal-border-soft:var(--db-theme-border); --db-modal-title:var(--db-theme-deep); --db-modal-muted:var(--db-popup-muted); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(.btn-secondary,.btn-light) {color:var(--db-theme-deep);border-color:var(--db-theme-border);background:var(--db-theme-soft); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(.btn-secondary,.btn-light):is(:hover,:focus-visible) {color:var(--db-theme-deep);border-color:var(--db-theme-brand);background:var(--db-popup-hover); } html:not([data-db-theme="classic"])[data-db-theme] :is(#collaborationModal,.usage-modal) :is(input,textarea,select):focus {border-color:var(--db-theme-brand);box-shadow:0 0 0 3px rgba(var(--db-theme-rgb),.15);outline-color:var(--db-theme-brand); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-plan-card:hover {border-color:var(--db-theme-brand);box-shadow:0 3px 10px rgba(var(--db-theme-rgb),.12); } html:not([data-db-theme="classic"])[data-db-theme] #collaborationModal :is(.cb-primary,.cb-scan-secondary):is(:hover,:focus-visible) {background:var(--db-theme-deep);border-color:var(--db-theme-deep);color:white; } html:not([data-db-theme="classic"])[data-db-theme] #collaborationModal :is(.cb-tools button,.cb-tabs>button,.cb-composer-foot button:not(.cb-primary),.cb-message-actions button:not(.selected),.cb-sidebar-foot button,.cb-panel-head button,.cb-pdf-controls button,.cb-attachment,.cb-record):is(:hover,:focus-visible) {color:var(--db-theme-deep);background-color:var(--db-popup-hover);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-invoices :is(thead,thead th) {color:var(--db-theme-deep);background:var(--db-theme-soft);border-color:var(--db-theme-border);--bs-table-bg:var(--db-theme-soft); } html:not([data-db-theme="classic"])[data-db-theme] .usage-modal .usage-invoices tbody tr:hover>td {background:var(--db-popup-hover);--bs-table-bg-state:var(--db-popup-hover); } html:not([data-db-theme="classic"])[data-db-theme] {--db-ui-brand:var(--db-theme-brand); --db-ui-deep:var(--db-theme-deep); --db-ui-accent:var(--db-theme-accent); --db-ui-ink:var(--db-theme-deep); --db-ui-muted:color-mix(in srgb,var(--db-theme-deep) 65%,#64748b); --db-ui-border:var(--db-theme-border); --db-ui-soft:var(--db-theme-soft); --db-ui-hover:color-mix(in srgb,var(--db-theme-brand) 12%,white); --db-ui-selected:color-mix(in srgb,var(--db-theme-brand) 20%,white); --db-ui-rgb:var(--db-theme-rgb); } html:not([data-db-theme="classic"])[data-db-theme] :is(.btn-light,.btn-secondary,.btn-outline-primary,.btn-outline-secondary):is(:hover,:focus-visible) {background-color:var(--db-ui-hover)!important;color:var(--db-theme-deep);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] {--db-ui-on-accent:color-mix(in srgb,white 90%,var(--db-theme-brand)); } html:not([data-db-theme="classic"])[data-db-theme] :is(.card-header,.accordion-button,.list-group-item.active) {--bs-accordion-active-bg:var(--db-theme-soft);--bs-accordion-active-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .card-header {background-color:var(--db-theme-soft);border-color:var(--db-theme-border);color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-light {--bs-table-bg:var(--db-theme-soft);--bs-table-border-color:var(--db-theme-border);--bs-table-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-primary {--bs-table-bg:var(--db-ui-selected);--bs-table-border-color:var(--db-theme-border);--bs-table-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .table-hover {--bs-table-hover-bg:var(--db-theme-soft);--bs-table-hover-color:var(--db-theme-deep); } html:not([data-db-theme="classic"])[data-db-theme] .nav-tabs .nav-link:is(:hover,:focus-visible) {background-color:var(--db-theme-soft);color:var(--db-theme-deep);border-color:var(--db-theme-border); } html:not([data-db-theme="classic"])[data-db-theme] .alert-primary {--bs-alert-bg:var(--db-theme-soft);--bs-alert-border-color:var(--db-theme-border);--bs-alert-color:var(--db-theme-deep); } 
:where(html[data-db-layout="client-shell"]) .mobile-nav-toggle, :where(html[data-db-layout="client-shell"]) .mobile-home-button, :where(html[data-db-layout="client-shell"]) .mobile-nav-close, :where(html[data-db-layout="client-shell"]) .mobile-nav-backdrop, :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav, :where(html[data-db-layout="client-shell"]) .mobile-drawer-header{display: none; } :where(html[data-db-layout="client-shell"]) .module-menu{position: relative; z-index: 1080; display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 18px; border-bottom: 1px solid var(--db-ui-border, #dbe7f2); box-shadow: 0 8px 20px rgba(var(--db-ui-rgb, 15, 23, 42), 0.04); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); overflow: visible; } :where(html[data-db-layout="client-shell"]) .module-menu > a, :where(html[data-db-layout="client-shell"]) .menu-group > a{text-decoration: none; color: var(--db-ui-ink, #243b53); font-weight: 650; padding: 9px 13px; border-radius: 8px; transition: all 0.2s ease; display: inline-block; } :where(html[data-db-layout="client-shell"]) .module-menu > a:hover, :where(html[data-db-layout="client-shell"]) .menu-group > a:hover{background-color: var(--db-ui-on-accent, #e6f0ff); } :where(html[data-db-layout="client-shell"]) .module-menu > a.active, :where(html[data-db-layout="client-shell"]) .menu-group > a.active, :where(html[data-db-layout="client-shell"]) .menu-group.open > a{background: linear-gradient(135deg, var(--db-theme-brand, #254d71), var(--db-theme-deep, #12385b)); color: #ffffff; box-shadow: 0 8px 16px rgba(var(--db-ui-rgb, 37, 77, 113), 0.18); } :where(html[data-db-layout="client-shell"]) .menu-group{position: relative; z-index: 1081; } :where(html[data-db-layout="client-shell"]) .submenu{position: absolute; top: 100%; left: 0; min-width: 160px; background: #ffffff; border: 1px solid var(--db-ui-border, #dbe7f2); border-radius: 8px; box-shadow: 0 14px 30px rgba(var(--db-ui-rgb, 15, 23, 42), 0.11); padding: 4px; display: none; z-index: 1090; } :where(html[data-db-layout="client-shell"]) .menu-group.open .submenu{display: block; } :where(html[data-db-layout="client-shell"]) .submenu a{display: block; padding: 8px 10px; font-size: 13px; color: var(--db-ui-ink, #243b53); text-decoration: none; border-radius: 6px; font-weight: 600; } :where(html[data-db-layout="client-shell"]) .submenu a:hover{background-color: var(--db-ui-on-accent, #eef6ff); color: var(--db-ui-ink, #0f3f68); } @media (max-width: 768px) {:where(html[data-db-layout="client-shell"]) .client-app-body{padding-bottom: calc(60px + env(safe-area-inset-bottom)); } :where(html[data-db-layout="client-shell"]) .app-header{position: sticky; top: 0; z-index: 1040; } :where(html[data-db-layout="client-shell"]) .app-header > .d-flex{flex-wrap: nowrap !important; } :where(html[data-db-layout="client-shell"]) .app-header .logo{min-width: 0; overflow: hidden; } :where(html[data-db-layout="client-shell"]) .app-header .logo-main{overflow: hidden; text-overflow: ellipsis; } :where(html[data-db-layout="client-shell"]) .mobile-nav-toggle, :where(html[data-db-layout="client-shell"]) .mobile-home-button, :where(html[data-db-layout="client-shell"]) .mobile-nav-close{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 20px; } :where(html[data-db-layout="client-shell"]) .module-menu{position: fixed; inset: 0 auto 0 0; z-index: 1060; display: block; width: min(82vw, 300px); padding: 0 12px 24px; overflow-y: auto; background: #fff; border: 0; box-shadow: 10px 0 28px rgba(var(--db-ui-rgb, 31, 53, 73), 0.18); transform: translateX(-105%); transition: transform 0.2s ease; } :where(html[data-db-layout="client-shell"]) .module-menu.mobile-open{transform: translateX(0); } :where(html[data-db-layout="client-shell"]) .mobile-drawer-header{display: flex; align-items: center; justify-content: space-between; height: 58px; margin: 0 -12px 10px; padding: 0 12px 0 18px; color: var(--db-theme-brand, #2c4b66); border-bottom: 1px solid var(--db-ui-border, #dbe7f0); } :where(html[data-db-layout="client-shell"]) .module-menu > a, :where(html[data-db-layout="client-shell"]) .menu-group > a{display: block; width: 100%; margin-bottom: 3px; padding: 10px 12px; } :where(html[data-db-layout="client-shell"]) .submenu{position: static; width: 100%; margin: 0 0 8px; padding: 3px 0 3px 14px; border: 0; border-left: 2px solid var(--db-ui-border, #d7e7f2); border-radius: 0; box-shadow: none; } :where(html[data-db-layout="client-shell"]) .submenu a{padding: 9px 10px; } :where(html[data-db-layout="client-shell"]) .mobile-nav-backdrop{position: fixed; inset: 0; z-index: 1050; background: rgba(var(--db-ui-rgb, 20, 38, 54), 0.38); } :where(html[data-db-layout="client-shell"]) .mobile-nav-backdrop.open{display: block; } :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav{position: fixed; right: 0; bottom: 0; left: 0; z-index: 1035; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; min-height: 58px; padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid var(--db-ui-border, #d7e3ec); box-shadow: 0 -4px 14px rgba(var(--db-ui-rgb, 31, 53, 73), 0.08); } :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav a, :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav button{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; padding: 6px 4px; border: 0; background: transparent; color: var(--db-ui-muted, #60758a); font-size: 10px; text-decoration: none; } :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav i{font-size: 18px; } :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav .active{color: var(--db-theme-brand, #2c4b66); font-weight: 700; } :where(html[data-db-layout="client-shell"]) .content-area{padding: 16px 10px 20px; } :where(html[data-db-layout="client-shell"]) .site-navigation-bar{margin-bottom: 6px; padding-inline: 2px; } } @media (max-width: 420px) {:where(html[data-db-layout="client-shell"]) .header-account-copy{display: none; } :where(html[data-db-layout="client-shell"]) .header-account{min-width: 36px; justify-content: center; } } :where(html[data-db-layout="client-shell"]) .site-navigation-bar{display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--db-ui-muted, #62748a); margin-bottom: 12px; padding: 2px 2px; } :where(html[data-db-layout="client-shell"]) .site-navigation-bug-link{margin-left: auto; display: inline-flex; align-items: center; gap: 5px; color: var(--db-theme-accent, #0d6efd); font-weight: 700; text-decoration: none; white-space: nowrap; } :where(html[data-db-layout="client-shell"]) .site-navigation-bug-link:hover{color: var(--db-ui-muted, #0a58ca); text-decoration: underline; } :where(html[data-db-layout="client-shell"]) .site-navigation-actions{margin-left: auto; display: inline-flex; align-items: center; gap: 14px; } :where(html[data-db-layout="client-shell"]) .site-navigation-usage-link{border: 0; padding: 0; background: transparent; color: var(--db-ui-ink, #285a7d); font: inherit; font-weight: 700; white-space: nowrap; } :where(html[data-db-layout="client-shell"]) .site-navigation-usage-link:hover{color: var(--db-theme-accent, #0d6efd); } :where(html[data-db-layout="client-shell"]) .site-navigation-actions .site-navigation-bug-link{margin-left: 0; } :where(html[data-db-layout="client-shell"]) .usage-modal .modal-content{overflow: hidden; border: 1px solid var(--db-modal-border); border-radius: 14px; box-shadow: var(--db-modal-shadow); } :where(html[data-db-layout="client-shell"]) .usage-modal .modal-dialog.modal-xl{max-width: min(1540px,calc(100vw - 24px)); } :where(html[data-db-layout="client-shell"]) .usage-modal .modal-header{min-height: 48px; padding: .68rem .95rem .62rem; color: var(--db-modal-title); border-bottom: 1px solid var(--db-modal-border-soft); background: var(--db-modal-header-bg); } :where(html[data-db-layout="client-shell"]) .usage-modal .modal-header .btn-close{filter: none; opacity: .58; } :where(html[data-db-layout="client-shell"]) .usage-plan-strip{display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid var(--db-popup-border, #d9e6f0); border-radius: 11px; background: linear-gradient(135deg,var(--db-popup-soft, #f7fbff),var(--db-popup-soft, #edf5fb)); } :where(html[data-db-layout="client-shell"]) .usage-plan-icon{width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 10px; color: var(--db-popup-ink, #1c5c85); background: #fff; box-shadow: 0 3px 10px rgba(var(--db-ui-rgb, 28, 92, 133),.12); } :where(html[data-db-layout="client-shell"]) .usage-plan-copy{min-width: 0; } :where(html[data-db-layout="client-shell"]) .usage-plan-copy small{display: block; color: var(--db-popup-muted, #71859a); } :where(html[data-db-layout="client-shell"]) .usage-plan-badge{margin-left: auto; padding: 6px 10px; border-radius: 99px; color: var(--db-popup-ink, #174d70); background: var(--db-popup-soft, #dcecf7); font-size: 12px; font-weight: 700; } :where(html[data-db-layout="client-shell"]) .usage-metric-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 13px; } :where(html[data-db-layout="client-shell"]) .usage-metric{padding: 14px; border: 1px solid var(--db-popup-border, #dce6ef); border-radius: 12px; background: #fff; } :where(html[data-db-layout="client-shell"]) .usage-metric-head{display: flex; align-items: center; gap: 9px; margin-bottom: 12px; } :where(html[data-db-layout="client-shell"]) .usage-metric-icon{width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: var(--db-popup-ink, #2c658b); background: var(--db-theme-page, #edf5fa); } :where(html[data-db-layout="client-shell"]) .usage-metric-label{color: var(--db-popup-muted, #526a7f); font-size: 12px; } :where(html[data-db-layout="client-shell"]) .usage-metric-value{color: var(--db-popup-ink, #18354d); font-size: 17px; font-weight: 750; } :where(html[data-db-layout="client-shell"]) .usage-track{height: 8px; margin: 10px 0 8px; overflow: hidden; border-radius: 99px; background: var(--db-popup-soft, #e8eff4); } :where(html[data-db-layout="client-shell"]) .usage-fill{display: block; height: 100%; border-radius: inherit; background: #2c9865; transition: width .35s ease; } :where(html[data-db-layout="client-shell"]) .usage-metric.warning .usage-fill{background: #e4a320; } :where(html[data-db-layout="client-shell"]) .usage-metric.danger .usage-fill{background: #df4855; } :where(html[data-db-layout="client-shell"]) .usage-metric-foot{display: flex; justify-content: space-between; gap: 8px; color: var(--db-popup-muted, #6d8092); font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-limit-alerts{display: grid; gap: 7px; margin-top: 12px; } :where(html[data-db-layout="client-shell"]) .usage-limit-alerts:empty{display: none; } :where(html[data-db-layout="client-shell"]) .usage-limit-alert{display: flex; align-items: flex-start; gap: 8px; padding: 9px 11px; border: 1px solid #f1d38c; border-left: 4px solid #e4a320; border-radius: 8px; color: #745416; background: #fff8e7; font-size: 12px; } :where(html[data-db-layout="client-shell"]) .usage-limit-alert.danger{border-color: #efb5bc; border-left-color: #df4855; color: #8c2631; background: #fff0f2; } :where(html[data-db-layout="client-shell"]) .usage-limit-alert i{margin-top: 1px; flex: 0 0 auto; } :where(html[data-db-layout="client-shell"]) .usage-next-plan{margin-top: 13px; padding: 10px 12px; border-left: 3px solid #e4a320; border-radius: 7px; color: var(--db-ui-muted, #52697e); background: #fff8e8; font-size: 12px; } :where(html[data-db-layout="client-shell"]) .usage-plans-section{margin-top: 13px; padding-top: 12px; overflow-x:auto; border-top: 1px solid var(--db-popup-border, #dce6ef); } :where(html[data-db-layout="client-shell"]) .usage-plans-heading{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; } :where(html[data-db-layout="client-shell"]) .usage-plans-heading h6{margin: 0; color: var(--db-popup-ink, #18354d); font-size: 13px; } :where(html[data-db-layout="client-shell"]) .usage-plans-heading small{color: var(--db-popup-muted, #71859a); font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-plans-grid{display: grid; min-width:100%; gap: 9px; } :where(html[data-db-layout="client-shell"]) .usage-plan-card{position: relative; display: flex; flex-direction: column; min-width: 0; padding: 12px; border: 1px solid var(--db-popup-border, #dce6ef); border-radius: 10px; background: #fff; } :where(html[data-db-layout="client-shell"]) .usage-plan-card.current{border-color: var(--db-popup-accent, #73a8c9); background: var(--db-popup-selected, #f4faff); box-shadow: inset 0 0 0 1px var(--db-ui-border, #d5e8f4); } :where(html[data-db-layout="client-shell"]) .usage-plan-card.next{border-color: #e6c36e; } :where(html[data-db-layout="client-shell"]) .usage-plan-card-head{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; } :where(html[data-db-layout="client-shell"]) .usage-plan-card-name{color: var(--db-popup-ink, #18354d); font-size: 13px; font-weight: 700; } :where(html[data-db-layout="client-shell"]) .usage-plan-card-badge{padding: 3px 7px; border-radius: 99px; color: var(--db-popup-ink, #285a7d); background: var(--db-popup-soft, #e5f1f8); font-size: 10px; font-weight: 700; } :where(html[data-db-layout="client-shell"]) .usage-plan-card.next .usage-plan-card-badge{color: #805700; background: #fff1c9; } :where(html[data-db-layout="client-shell"]) .usage-plan-limits{display: grid; flex: 1; gap: 5px; margin-bottom: 10px; color: var(--db-popup-muted, #60758a); font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-plan-limits span{display: flex; align-items: center; justify-content: space-between; gap: 7px; } :where(html[data-db-layout="client-shell"]) .usage-plan-limits strong{color: var(--db-popup-ink, #344f65); font-weight: 650; } :where(html[data-db-layout="client-shell"]) .usage-plan-action{width: 100%; padding: 5px 9px; font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-plan-current-note{min-height: 29px; display: flex; align-items: center; justify-content: center; color: #2a7654; font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-plan-price{min-height: 42px; margin: 2px 0 9px; color: var(--db-popup-ink, #18354d); font-size: 15px; font-weight: 700; } :where(html[data-db-layout="client-shell"]) .usage-plan-price small{display:block; color:var(--db-popup-muted, #71859a); font-size:10px; font-weight:400; } :where(html[data-db-layout="client-shell"]) .usage-plan-discount{display:inline-block; margin-left:4px; padding:2px 5px; border-radius:9px; color:#176b49; background:#e2f4eb; font-size:9px; } :where(html[data-db-layout="client-shell"]) .usage-billing-tools{display:flex; align-items:center; gap:7px; color:var(--db-popup-muted, #526a7f); font-size:11px; } :where(html[data-db-layout="client-shell"]) .usage-billing-tools select{width:auto; min-width:160px; } :where(html[data-db-layout="client-shell"]) .usage-invoices{margin-top:13px; padding-top:12px; border-top:1px solid var(--db-popup-border, #dce6ef); } :where(html[data-db-layout="client-shell"]) .usage-invoices table{margin:0; font-size:11px; } :where(html[data-db-layout="client-shell"]) .usage-timing{display: flex; justify-content: space-between; gap: 12px; margin-top: 11px; color: var(--db-popup-muted, #7b8d9e); font-size: 11px; } :where(html[data-db-layout="client-shell"]) .usage-loading{min-height: 250px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--db-popup-muted, #61798d); } @media (max-width: 767px) {:where(html[data-db-layout="client-shell"]) .usage-metric-grid{grid-template-columns: 1fr; } :where(html[data-db-layout="client-shell"]) .usage-timing{flex-direction: column; gap: 3px; } :where(html[data-db-layout="client-shell"]) .site-navigation-actions{gap: 9px; } :where(html[data-db-layout="client-shell"]) .site-navigation-actions span{font-size: 12px; } } :where(html[data-db-layout="client-shell"]) .site-navigation-home{font-weight: 500; } :where(html[data-db-layout="client-shell"]) .site-navigation-current{color: var(--db-ui-ink, #334e68); font-weight: 600; } :where(html[data-db-layout="client-shell"]) .site-navigation-separator{color: var(--db-ui-muted, #9aa9b8); } :where(html[data-db-layout="client-shell"]) .submenu a.active{background-color: var(--db-ui-on-accent, #dbeafe); color: var(--db-theme-deep, #12385b); font-weight: 800; box-shadow: inset 3px 0 0 var(--db-theme-accent, #0d6efd); } :where(html[data-db-layout="client-shell"]) footer{background-color: var(--db-ui-on-accent, #eef6fb); border-top: 1px solid var(--db-ui-border, #d7e7f2); margin-top: auto; } @media (max-width: 768px) {:root:where([data-db-layout="client-shell"]){--mobile-page-x: 14px; } :where(html[data-db-layout="client-shell"]) .client-header, :where(html[data-db-layout="client-shell"]) .top-header, :where(html[data-db-layout="client-shell"]) .app-header, :where(html[data-db-layout="client-shell"]) .topbar, :where(html[data-db-layout="client-shell"]) header{width: calc(100% - (var(--mobile-page-x) * 2)); margin: 10px var(--mobile-page-x) 0; border-radius: 0 0 18px 18px; overflow: hidden; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 23, 59, 93), 0.18); } :where(html[data-db-layout="client-shell"]) .client-header .header-inner, :where(html[data-db-layout="client-shell"]) .top-header .header-inner, :where(html[data-db-layout="client-shell"]) .app-header .header-inner, :where(html[data-db-layout="client-shell"]) .topbar .header-inner, :where(html[data-db-layout="client-shell"]) header .header-inner{width: 100%; min-height: 58px; padding: 10px 14px; box-sizing: border-box; } :where(html[data-db-layout="client-shell"]) .mobile-shell, :where(html[data-db-layout="client-shell"]) .page-content, :where(html[data-db-layout="client-shell"]) .content-wrapper, :where(html[data-db-layout="client-shell"]) main{padding-left: var(--mobile-page-x); padding-right: var(--mobile-page-x); box-sizing: border-box; } :where(html[data-db-layout="client-shell"]) .mobile-bottom-nav{left: var(--mobile-page-x); right: var(--mobile-page-x); width: auto; border-radius: 18px 18px 0 0; } } @media (max-width: 768px) {:where(html[data-db-layout="client-shell"]) .header-actions{gap: 6px; } :where(html[data-db-layout="client-shell"]) .header-actions .btn, :where(html[data-db-layout="client-shell"]) .header-actions button{width: 36px; height: 36px; padding: 0; } } @media (min-width: 769px) {:where(html[data-db-layout="client-shell"]) .client-app-body > .container-fluid{padding-left: 0; padding-right: 0; } :where(html[data-db-layout="client-shell"]) .app-header, :where(html[data-db-layout="client-shell"]) .module-menu{width: calc(100% - 16px); max-width: none; margin-left: 8px; margin-right: 8px; } :where(html[data-db-layout="client-shell"]) .app-header{min-height: 68px; margin-top: 8px; padding: 10px 18px; border: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 0; border-radius: 16px 16px 0 0; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 24, 61, 89), 0.12); } :where(html[data-db-layout="client-shell"]) .app-header > .d-flex{min-height: 48px; } :where(html[data-db-layout="client-shell"]) .app-header .logo-main{font-size: 20px; } :where(html[data-db-layout="client-shell"]) .app-header .logo-sub{padding: 3px 7px; font-size: 10px; } :where(html[data-db-layout="client-shell"]) .app-header .header-account{min-height: 36px; padding: 4px 10px; } :where(html[data-db-layout="client-shell"]) .app-header .header-logout{width: 36px; height: 36px; } :where(html[data-db-layout="client-shell"]) .module-menu{min-height: 54px; margin-top: 0; padding: 7px 14px; align-items: center; border: 1px solid var(--db-ui-border, #dbe7f2); border-top: 0; border-radius: 0 0 16px 16px; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 15, 23, 42), 0.06); } :where(html[data-db-layout="client-shell"]) .module-menu > a, :where(html[data-db-layout="client-shell"]) .menu-group > a{padding: 8px 12px; border-radius: 9px; font-size: 14px; } :where(html[data-db-layout="client-shell"]) .module-menu > a.active, :where(html[data-db-layout="client-shell"]) .menu-group > a.active, :where(html[data-db-layout="client-shell"]) .menu-group.open > a{box-shadow: 0 5px 12px rgba(var(--db-ui-rgb, 37, 77, 113), 0.16); } } :where(html[data-db-layout="client-shell"]) .app-header{min-height: 68px; margin-top: 10px; padding: 10px 18px; border: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 0; border-radius: 16px 16px 0 0; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 24, 61, 89), 0.12); } :where(html[data-db-layout="client-shell"]) .app-header > .d-flex{min-height: 48px; } :where(html[data-db-layout="client-shell"]) .app-header .logo-main{font-size: 20px; } :where(html[data-db-layout="client-shell"]) .app-header .logo-sub{padding: 3px 7px; font-size: 10px; } :where(html[data-db-layout="client-shell"]) .app-header .header-account{min-height: 36px; padding: 4px 10px; } :where(html[data-db-layout="client-shell"]) .app-header .header-logout{width: 36px; height: 36px; } :where(html[data-db-layout="client-shell"]) .module-menu{min-height: 54px; margin-top: 0; padding: 7px 14px; align-items: center; border: 1px solid var(--db-ui-border, #dbe7f2); border-top: 0; border-radius: 0 0 16px 16px; box-shadow: 0 10px 24px rgba(var(--db-ui-rgb, 15, 23, 42), 0.06); } :where(html[data-db-layout="client-shell"]) .module-menu > a, :where(html[data-db-layout="client-shell"]) .menu-group > a{padding: 8px 12px; border-radius: 9px; font-size: 14px; } :where(html[data-db-layout="client-shell"]) .module-menu > a.active, :where(html[data-db-layout="client-shell"]) .menu-group > a.active, :where(html[data-db-layout="client-shell"]) .menu-group.open > a{box-shadow: 0 5px 12px rgba(var(--db-ui-rgb, 37, 77, 113), 0.16); } #inventorySubMenu .inventory-tab-menu-item{position:relative;display:block;} #inventorySubMenu .inventory-tab-menu-item>a{display:block;padding-right:38px;} #inventorySubMenu .inventory-open-tab{position:absolute;right:5px;top:3px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--db-theme-brand,#2c4b66);font-size:.75rem;cursor:pointer;} #inventorySubMenu .inventory-open-tab:hover{background:var(--db-theme-soft,#edf5fb);} #inventorySubMenu .inventory-open-tab:focus-visible{outline:2px solid var(--db-theme-brand,#2c4b66);outline-offset:1px;} :is(#inventorySubMenu,#businessSubMenu,#repositorySubMenu) .inventory-tab-menu-item{position:relative;display:block;} :is(#inventorySubMenu,#businessSubMenu,#repositorySubMenu) .inventory-tab-menu-item>a{display:block;padding-right:38px;} :is(#inventorySubMenu,#businessSubMenu,#repositorySubMenu) .inventory-open-tab{position:absolute;right:5px;top:3px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--db-theme-brand,#2c4b66);font-size:.75rem;cursor:pointer;} :is(#inventorySubMenu,#businessSubMenu,#repositorySubMenu) .inventory-open-tab:hover{background:var(--db-theme-soft,#edf5fb);} :is(#inventorySubMenu,#businessSubMenu,#repositorySubMenu) .inventory-open-tab:focus-visible{outline:2px solid var(--db-theme-brand,#2c4b66);outline-offset:1px;}