/* =========================================================
   AR DEBANG BUSINESS MANAGER — DESKTOP POS SHELL v2
   Scoped to the Business Manager shell only.
   Online store, product frontend and install screens are not targeted.
========================================================= */
:root{
    --ard-manager-sidebar:clamp(176px,18vw,226px);
    --ard-manager-bg:#f5f7fb;
    --ard-manager-panel:#ffffff;
    --ard-manager-text:#27313d;
    --ard-manager-muted:#7b8591;
    --ard-manager-line:#e6ebf0;
    --ard-manager-primary:#2f80ed;
}

/* The header and sidebar are siblings of #sbp-app, so they must be styled globally. */
#ar-header-bar,
#hamburger-menu{display:none!important;}

#side-nav.manager-sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    width:var(--ard-manager-sidebar)!important;
    height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    background:#ffffff!important;
    color:var(--ard-manager-text)!important;
    border-right:1px solid var(--ard-manager-line)!important;
    box-shadow:2px 0 18px rgba(26,39,54,.06)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:99998!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch;
}

#side-nav.manager-sidebar *{box-sizing:border-box!important;}
#side-nav.manager-sidebar ul{list-style:none!important;margin:0!important;padding:0!important;}
#side-nav.manager-sidebar li{border:0!important;}

#side-nav .manager-brand{
    height:72px!important;
    padding:14px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    border-bottom:1px solid var(--ard-manager-line)!important;
    background:#fff!important;
}
#side-nav .manager-brand-mark{
    width:34px!important;height:34px!important;flex:0 0 34px!important;
    border-radius:9px!important;background:#2f80ed!important;color:#fff!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:12px!important;font-weight:900!important;
}
#side-nav .manager-brand strong{display:block!important;font-size:13px!important;line-height:1.1!important;color:#202a35!important;}
#side-nav .manager-brand small{display:block!important;margin-top:3px!important;font-size:7px!important;color:#8b95a0!important;font-weight:700!important;}
#side-nav .manager-nav-label{font-size:7px!important;font-weight:900!important;color:#a0a8b1!important;letter-spacing:1.1px!important;padding:16px 14px 7px!important;}
#side-nav .manager-nav-list{padding:0 8px 38px!important;}
#side-nav .manager-nav-item{
    list-style:none!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    width:100%!important;min-height:33px!important;
    margin:2px 0!important;padding:7px 8px!important;
    border:0!important;border-radius:7px!important;
    background:transparent!important;color:#697581!important;
    font-size:9px!important;font-weight:700!important;line-height:1.15!important;
    cursor:pointer!important;white-space:nowrap!important;
}
#side-nav .manager-nav-item .material-icons{font-size:16px!important;color:#8c96a1!important;flex:0 0 16px!important;}
#side-nav .manager-nav-item:hover{background:#f5f8fc!important;color:#2f80ed!important;}
#side-nav .manager-nav-item:hover .material-icons{color:#2f80ed!important;}
#side-nav .manager-nav-item.active{background:#edf5ff!important;color:#2f80ed!important;font-weight:900!important;}
#side-nav .manager-nav-item.active .material-icons{color:#2f80ed!important;}
#side-nav .manager-nav-group{margin:2px 0!important;padding:0!important;}
#side-nav .manager-nav-parent{margin:0!important;}
#side-nav .manager-chevron{margin-left:auto!important;font-size:15px!important;color:#a1a9b2!important;}
#side-nav .manager-nav-group.submenu-open>.manager-nav-parent{background:#f7f9fc!important;color:#2f80ed!important;}
#side-nav .manager-submenu{display:none!important;margin:2px 0 4px 22px!important;padding:0 0 0 6px!important;border-left:1px solid #e4eaf1!important;}
#side-nav .manager-submenu.open{display:block!important;}
#side-nav .manager-subitem{min-height:29px!important;padding:6px 7px!important;margin:1px 0!important;font-size:8px!important;border-radius:6px!important;}
#side-nav .manager-subitem .material-icons{font-size:13px!important;flex-basis:13px!important;}
#side-nav .manager-sidebar-footer{margin:0!important;padding:9px 10px!important;background:#fff!important;border-top:1px solid var(--ard-manager-line)!important;font-size:6.5px!important;color:#a1a9b2!important;text-align:center!important;font-weight:700!important;}

/* Business Manager content: no 1040px minimum and no horizontal overflow. */
#sbp-app{
    --mgr-sidebar:var(--ard-manager-sidebar);
    --mgr-bg:var(--ard-manager-bg);
    max-width:none!important;
    min-width:0!important;
    width:calc(100% - var(--ard-manager-sidebar))!important;
    margin:0 0 0 var(--ard-manager-sidebar)!important;
    padding:0!important;
    min-height:100vh!important;
    background:var(--mgr-bg)!important;
    color:var(--ard-manager-text)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    position:relative!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
}
#sbp-app *{box-sizing:border-box;}
#sbp-app .screen{width:100%!important;max-width:none!important;min-width:0!important;padding:18px 18px 26px!important;min-height:100vh;}
#sbp-app .bottom-nav{display:none!important;}
#sbp-app #globalTags{display:none!important;}

/* Compact POS scale. It remains a two-column desktop-style manager even on narrow screens. */
#sbp-app h1{font-size:20px!important;line-height:1.2!important;}
#sbp-app h2{font-size:15px!important;line-height:1.2!important;}
#sbp-app h3{font-size:13px!important;}
#sbp-app h4{font-size:11px!important;}
#sbp-app p,#sbp-app label,#sbp-app input,#sbp-app select,#sbp-app textarea,#sbp-app button{font-size:10px;}
#sbp-app input,#sbp-app select,#sbp-app textarea{max-width:100%;border-radius:6px;}
#sbp-app button{border-radius:6px;}
#sbp-app .material-icons{vertical-align:middle;}

/* Dashboard */
#sbp-app #dashboard{background:var(--ard-manager-bg)!important;}
#sbp-app .das-shell{width:100%;max-width:1320px;margin:0 auto;}
#sbp-app .das-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:0 1px;}
#sbp-app .das-kicker{font-size:7px;letter-spacing:1px;font-weight:900;color:#a1aab4;margin-bottom:4px;}
#sbp-app .das-page-head h1{margin:0;font-size:19px!important;color:#202a35;font-weight:800;}
#sbp-app .das-page-head p{margin:4px 0 0;font-size:8px;color:#89939d;}
#sbp-app .das-date-button{width:auto!important;min-width:132px!important;margin:0!important;background:#fff!important;color:#4d5966!important;border:1px solid #dfe5eb!important;box-shadow:0 2px 7px rgba(27,42,58,.04);padding:7px 9px!important;display:flex!important;align-items:center;justify-content:center;gap:5px;border-radius:6px!important;font-size:9px!important;font-weight:800!important;cursor:pointer;}
#sbp-app .das-date-button .material-icons{font-size:15px;color:#2f80ed;}
#sbp-app .das-date-button .das-date-chevron{font-size:14px;color:#89939e;}
#sbp-app .das-date-control{position:relative;}
#sbp-app .das-date-popup{position:absolute;right:0;top:38px;width:min(300px,calc(100vw - 30px));background:#fff;border:1px solid #e1e6ec;border-radius:9px;padding:11px;box-shadow:0 15px 40px rgba(30,43,58,.15);z-index:100000;}
#sbp-app .das-date-popup-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:9px;}
#sbp-app .das-date-popup-head button{width:24px!important;height:24px!important;margin:0!important;padding:0!important;background:#f3f5f7!important;color:#5e6873!important;font-size:17px!important;border-radius:50%!important;}
#sbp-app .das-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
#sbp-app .das-date-fields label{font-size:7px;font-weight:800;color:#707b86;}
#sbp-app .das-date-fields input{display:block;width:100%;height:29px;margin:3px 0 0;padding:0 5px;background:#fff;border:1px solid #dfe5eb;}
#sbp-app .das-date-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;}
#sbp-app .das-date-presets button{margin:0!important;background:#f6f8fa!important;color:#53606c!important;border:1px solid #e3e8ed!important;padding:6px!important;font-weight:800!important;}
#sbp-app .das-date-actions{display:flex;gap:5px;margin-top:8px;}
#sbp-app .das-date-actions button{margin:0!important;flex:1!important;padding:6px!important;font-weight:900!important;}
#sbp-app .das-date-cancel{background:#f1f3f5!important;color:#59636e!important;}
#sbp-app .das-date-apply{background:#2f80ed!important;color:#fff!important;}
#sbp-app .das-loading{height:20px;font-size:8px;color:#7e8994;display:none;align-items:center;}

#sbp-app .das-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:9px;}
#sbp-app .das-summary-card{background:#fff;border:1px solid #e9edf2;border-radius:8px;padding:9px 8px;min-height:79px;box-shadow:0 2px 9px rgba(31,48,65,.035);overflow:hidden;}
#sbp-app .das-card-top{display:flex;align-items:center;gap:5px;min-width:0;}
#sbp-app .das-card-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:0 0 22px;background:#edf5ff;color:#2f80ed;}
#sbp-app .das-card-icon .material-icons{font-size:13px;}
#sbp-app .das-card-label{font-size:7px;color:#79838e;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sbp-app .das-summary-card strong{display:block;margin-top:8px;font-size:14px;line-height:1.1;color:#202a34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sbp-app .das-summary-card small{display:block;margin-top:3px;font-size:6.5px;color:#a0a8b1;}
#sbp-app .sales-card .das-card-icon{background:#eaf7ef;color:#27ae60;}
#sbp-app .order-card .das-card-icon{background:#edf5ff;color:#2f80ed;}
#sbp-app .customer-card .das-card-icon{background:#f1edff;color:#7b61d1;}
#sbp-app .receivable-card .das-card-icon{background:#fff4e7;color:#f2994a;}
#sbp-app .profit-card .das-card-icon{background:#eaf7ef;color:#219653;}
#sbp-app .purchase-card .das-card-icon{background:#fff1f1;color:#eb5757;}

#sbp-app .das-main-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(220px,.95fr);gap:9px;margin-bottom:9px;}
#sbp-app .das-lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.85fr);gap:9px;}
#sbp-app .das-panel{background:#fff;border:1px solid #e9edf2;border-radius:9px;box-shadow:0 2px 9px rgba(31,48,65,.035);overflow:hidden;min-width:0;}
#sbp-app .das-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px 6px;}
#sbp-app .das-panel-head h2{margin:0;font-size:10px!important;color:#27313c;font-weight:900;}
#sbp-app .das-panel-head p{margin:2px 0 0;font-size:6.5px;color:#98a1aa;}
#sbp-app .das-panel-stat{padding:4px 6px;border-radius:5px;background:#f5f8fc;text-align:right;}
#sbp-app .das-panel-stat span{display:block;font-size:6px;color:#909aa4;}
#sbp-app .das-panel-stat b{font-size:10px;color:#27313c;}
#sbp-app .das-chart-wrap{height:230px;padding:2px 9px 10px;position:relative;min-width:0;}
#sbp-app .das-chart-wrap.mini{height:166px;padding-top:1px;}
#sbp-app .das-mini-stats,#sbp-app .das-order-summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f3;}
#sbp-app .das-mini-stats>div,#sbp-app .das-order-summary>div{padding:7px 9px;min-width:0;}
#sbp-app .das-mini-stats>div+div,#sbp-app .das-order-summary>div+div{border-left:1px solid #edf0f3;}
#sbp-app .das-mini-stats span,#sbp-app .das-order-summary span{display:block;font-size:6px;color:#929ba4;}
#sbp-app .das-mini-stats b,#sbp-app .das-order-summary b{display:block;margin-top:2px;font-size:9px;color:#2b3540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sbp-app .das-view-note{font-size:6px;color:#9ba4ad;font-weight:800;}
#sbp-app .das-table-wrap{padding:0 8px 8px;overflow:hidden;}
#sbp-app .das-product-table{width:100%;border-collapse:collapse;table-layout:fixed;}
#sbp-app .das-product-table th{text-align:left;font-size:6px;color:#a0a8b1;text-transform:uppercase;letter-spacing:.4px;font-weight:900;padding:6px 5px;border-bottom:1px solid #edf0f3;}
#sbp-app .das-product-table td{font-size:7px;color:#4b5661;padding:7px 5px;border-bottom:1px solid #f0f2f5;vertical-align:middle;}
#sbp-app .das-product-table th:nth-child(1),#sbp-app .das-product-table td:nth-child(1){width:48%;}
#sbp-app .das-product-table th:nth-child(2),#sbp-app .das-product-table td:nth-child(2){width:13%;}
#sbp-app .das-product-table th:nth-child(3),#sbp-app .das-product-table td:nth-child(3){width:20%;}
#sbp-app .das-product-table th:nth-child(4),#sbp-app .das-product-table td:nth-child(4){width:19%;}
#sbp-app .das-rank{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;border-radius:5px;background:#f3f6f9;color:#6f7b86;font-size:6px;font-weight:900;margin-right:5px;}
#sbp-app .das-product-title{display:inline-block;max-width:calc(100% - 25px);vertical-align:middle;font-weight:800;color:#36414d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sbp-app .das-table-empty{text-align:center!important;color:#9aa3ac!important;padding:20px!important;}

/* Keep existing manager modules compact and inside the shell. */
#sbp-app .screen input,#sbp-app .screen select,#sbp-app .screen textarea{font-size:10px!important;max-width:100%;}
#sbp-app .screen button{font-size:9px!important;max-width:100%;}
#sbp-app .screen img{max-width:100%;}

/* Narrow viewport: preserve the desktop two-pane composition, only compress its width. */
@media(max-width:700px){
    #sbp-app .screen{padding:12px 9px 22px!important;}
    #sbp-app .das-page-head{gap:7px;margin-bottom:9px;}
    #sbp-app .das-page-head h1{font-size:16px!important;}
    #sbp-app .das-summary-grid{gap:4px;}
    #sbp-app .das-summary-card{padding:7px 5px;min-height:70px;}
    #sbp-app .das-card-icon{width:19px;height:19px;flex-basis:19px;}
    #sbp-app .das-card-icon .material-icons{font-size:11px;}
    #sbp-app .das-card-label{font-size:6px;}
    #sbp-app .das-summary-card strong{font-size:11px;}
    #sbp-app .das-summary-card small{font-size:5.5px;}
    #sbp-app .das-main-grid{grid-template-columns:minmax(0,2.05fr) minmax(135px,.95fr);gap:5px;}
    #sbp-app .das-lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(145px,.85fr);gap:5px;}
    #sbp-app .das-chart-wrap{height:185px;padding-left:5px;padding-right:5px;}
    #sbp-app .das-chart-wrap.mini{height:135px;}
    #sbp-app .das-panel-head{padding:8px 7px 5px;}
    #sbp-app .das-panel-head h2{font-size:8px!important;}
    #sbp-app .das-panel-head p{font-size:5px;}
    #sbp-app .das-panel-stat b{font-size:8px;}
    #sbp-app .das-product-table th{font-size:5px;padding:5px 3px;}
    #sbp-app .das-product-table td{font-size:6px;padding:6px 3px;}
    #sbp-app .das-rank{width:14px;height:14px;font-size:5px;margin-right:3px;}
    #sbp-app .das-product-title{max-width:calc(100% - 20px);}
}

/* =========================================================
   STEP 6 — MANAGER ACTIONS + COLLAPSIBLE SIDEBAR
========================================================= */
#side-nav .manager-nav-label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
}
#side-nav .manager-sidebar-toggle{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#f3f6fa!important;
    color:#7f8994!important;
    border-radius:6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
}
#side-nav .manager-sidebar-toggle:hover{background:#eaf2fc!important;color:#2f80ed!important;}
#side-nav .manager-sidebar-toggle .material-icons{font-size:15px!important;}

body.sbp-manager-sidebar-collapsed #side-nav.manager-sidebar{
    width:54px!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-brand{
    justify-content:center!important;
    padding-left:7px!important;
    padding-right:7px!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-brand > div:last-child,
body.sbp-manager-sidebar-collapsed #side-nav .manager-nav-label > span,
body.sbp-manager-sidebar-collapsed #side-nav .manager-sidebar-footer,
body.sbp-manager-sidebar-collapsed #side-nav .manager-nav-item > span:not(.material-icons){
    display:none!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-nav-label{
    justify-content:center!important;
    padding-left:6px!important;
    padding-right:6px!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-sidebar-toggle .material-icons{
    transform:none!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-nav-item{
    justify-content:center!important;
    gap:0!important;
    padding-left:5px!important;
    padding-right:5px!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-nav-item .material-icons{
    flex-basis:18px!important;
    width:18px!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-chevron{display:none!important;}
body.sbp-manager-sidebar-collapsed #side-nav .manager-submenu{
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
}
body.sbp-manager-sidebar-collapsed #side-nav .manager-subitem{
    justify-content:center!important;
}
body.sbp-manager-sidebar-collapsed #sbp-app{
    --mgr-sidebar:54px!important;
    width:calc(100% - 54px)!important;
    margin-left:54px!important;
}

#sbp-app .das-head-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
}
#sbp-app .das-head-action-btn{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    min-height:34px!important;
    padding:7px 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid #dfe5eb!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#465362!important;
    box-shadow:0 2px 7px rgba(27,42,58,.04)!important;
    font-size:9px!important;
    font-weight:800!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
#sbp-app .das-head-action-btn .material-icons{font-size:15px!important;}
#sbp-app .das-head-action-btn:hover{border-color:#cbd8e7!important;background:#f8fbff!important;color:#2f80ed!important;}
#sbp-app .add-record-btn{background:#2f80ed!important;border-color:#2f80ed!important;color:#fff!important;box-shadow:0 4px 12px rgba(47,128,237,.18)!important;}
#sbp-app .add-record-btn:hover{background:#256fce!important;color:#fff!important;}
#sbp-app .das-quick-control{position:relative;}
#sbp-app .das-action-chevron{font-size:13px!important;color:#8a95a0!important;}
#sbp-app .das-quick-menu{
    position:absolute!important;
    right:0!important;
    top:40px!important;
    width:150px!important;
    padding:5px!important;
    background:#fff!important;
    border:1px solid #e0e6ed!important;
    border-radius:8px!important;
    box-shadow:0 14px 35px rgba(26,40,57,.14)!important;
    z-index:100005!important;
}
#sbp-app .das-quick-menu button{
    width:100%!important;
    margin:1px 0!important;
    padding:7px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    background:#fff!important;
    color:#4d5966!important;
    border:0!important;
    border-radius:6px!important;
    font-size:8px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
#sbp-app .das-quick-menu button:hover{background:#f3f7fc!important;color:#2f80ed!important;}
#sbp-app .das-quick-menu button .material-icons{font-size:15px!important;}

#sbp-app .das-add-record-overlay{
    position:fixed!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(22,31,42,.42)!important;
    z-index:100010!important;
}
#sbp-app .das-add-record-modal{
    width:min(570px,calc(100vw - 32px))!important;
    max-height:min(650px,calc(100vh - 36px))!important;
    overflow:auto!important;
    background:#fff!important;
    border:1px solid #e0e6ed!important;
    border-radius:12px!important;
    box-shadow:0 22px 65px rgba(18,29,43,.22)!important;
    padding:0!important;
}
#sbp-app .das-add-record-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:13px 14px!important;
    border-bottom:1px solid #edf0f4!important;
}
#sbp-app .das-add-record-head > div{display:flex!important;align-items:center!important;gap:8px!important;}
#sbp-app .das-add-record-head > div > .material-icons{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#edf5ff;color:#2f80ed;font-size:16px!important;}
#sbp-app .das-add-record-head strong{display:block!important;font-size:11px!important;color:#27313d!important;}
#sbp-app .das-add-record-head small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#8a949f!important;}
#sbp-app .das-add-record-head > button{width:25px!important;height:25px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f2f4f6!important;color:#68737e!important;font-size:17px!important;line-height:25px!important;cursor:pointer!important;}
#sbp-app .das-add-record-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:12px!important;}
#sbp-app .das-record-tile{
    width:100%!important;
    min-height:92px!important;
    margin:0!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    border:1px solid #e4e9ef!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#34404c!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease!important;
}
#sbp-app .das-record-tile:hover{transform:translateY(-1px);border-color:#cbdcf1!important;background:#f8fbff!important;box-shadow:0 5px 16px rgba(31,53,77,.08)!important;}
#sbp-app .das-record-tile .material-icons{font-size:19px!important;color:#2f80ed!important;margin-bottom:3px!important;}
#sbp-app .das-record-tile b{font-size:9px!important;line-height:1.2!important;}
#sbp-app .das-record-tile small{font-size:6.5px!important;color:#8a949f!important;line-height:1.2!important;}

@media(max-width:700px){
    #sbp-app .das-head-actions{gap:4px!important;}
    #sbp-app .das-head-action-btn{min-height:30px!important;padding:5px 7px!important;font-size:7px!important;gap:3px!important;}
    #sbp-app .das-head-action-btn .material-icons{font-size:13px!important;}
    #sbp-app .das-date-button{min-width:92px!important;padding:6px 6px!important;font-size:7px!important;}
    #sbp-app .das-add-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;padding:9px!important;}
    #sbp-app .das-record-tile{min-height:80px!important;padding:8px!important;}
    #sbp-app .das-record-tile b{font-size:8px!important;}
}

/* =========================================================
   STEP 7 — COMPACT ADD RECORD DROPDOWN
   The old centered modal/backdrop is intentionally disabled.
========================================================= */
#sbp-app .das-add-record-overlay{
    position:fixed!important;
    inset:0!important;
    display:none!important;
    padding:0!important;
    background:transparent!important;
    pointer-events:none!important;
    z-index:100010!important;
}
#sbp-app .das-add-record-overlay.is-open{
    display:block!important;
}
#sbp-app .das-add-record-modal{
    position:fixed!important;
    left:8px;
    top:8px;
    width:220px!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    overflow:auto!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #dfe5eb!important;
    border-radius:9px!important;
    box-shadow:0 12px 30px rgba(25,39,55,.16)!important;
    pointer-events:auto!important;
}
#sbp-app .das-add-record-head{
    min-height:38px!important;
    padding:7px 8px!important;
}
#sbp-app .das-add-record-head > div{gap:6px!important;}
#sbp-app .das-add-record-head > div > .material-icons{
    width:23px!important;height:23px!important;
    border-radius:6px!important;font-size:14px!important;
}
#sbp-app .das-add-record-head strong{font-size:9px!important;}
#sbp-app .das-add-record-head small{font-size:6px!important;}
#sbp-app .das-add-record-head > button{
    width:21px!important;height:21px!important;line-height:21px!important;
    font-size:15px!important;
}
#sbp-app .das-add-record-list{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    padding:4px!important;
}
#sbp-app .das-record-item{
    width:100%!important;
    min-height:32px!important;
    margin:0!important;
    padding:6px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    border:0!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#4c5864!important;
    text-align:left!important;
    font-size:8px!important;
    font-weight:800!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
#sbp-app .das-record-item:hover,
#sbp-app .das-record-item:focus-visible{
    background:#f3f7fc!important;
    color:#2f80ed!important;
    outline:none!important;
}
#sbp-app .das-record-item .material-icons{
    width:18px!important;
    flex:0 0 18px!important;
    font-size:15px!important;
    color:#7b8792!important;
}
#sbp-app .das-record-item:hover .material-icons,
#sbp-app .das-record-item:focus-visible .material-icons{color:#2f80ed!important;}

@media(max-width:700px){
    #sbp-app .das-add-record-modal{width:205px!important;}
    #sbp-app .das-record-item{min-height:30px!important;font-size:7.5px!important;}
}

/* =========================================================
   MOBILE MANAGER NAVIGATION — OVERLAY MODE
   The 54px icon rail stays in place; expanding it overlays
   the dashboard instead of pushing the content sideways.
========================================================= */
@media(max-width:700px){
    body.sbp-manager-page #side-nav.manager-sidebar{
        width:54px!important;
        max-width:54px!important;
        transition:width .16s ease,box-shadow .16s ease!important;
    }
    body.sbp-manager-page #side-nav .manager-brand{justify-content:center!important;padding-left:7px!important;padding-right:7px!important;}
    body.sbp-manager-page #side-nav .manager-brand > div:last-child,
    body.sbp-manager-page #side-nav .manager-nav-label > span,
    body.sbp-manager-page #side-nav .manager-sidebar-footer,
    body.sbp-manager-page #side-nav .manager-nav-item > span:not(.material-icons){display:none!important;}
    body.sbp-manager-page #side-nav .manager-nav-label{justify-content:center!important;padding-left:5px!important;padding-right:5px!important;}
    body.sbp-manager-page #side-nav .manager-sidebar-toggle{width:23px!important;min-width:23px!important;}
    body.sbp-manager-page #side-nav .manager-nav-item{justify-content:center!important;gap:0!important;padding-left:5px!important;padding-right:5px!important;}
    body.sbp-manager-page #side-nav .manager-chevron{display:none!important;}
    body.sbp-manager-page #side-nav .manager-submenu{display:none!important;}
    body.sbp-manager-page #sbp-app{width:calc(100% - 54px)!important;margin-left:54px!important;}
    body.sbp-manager-page.sbp-manager-mobile-sidebar-open #side-nav.manager-sidebar,
    body.sbp-manager-mobile-sidebar-open #side-nav.manager-sidebar{
        width:min(226px,82vw)!important;
        max-width:min(226px,82vw)!important;
        box-shadow:10px 0 35px rgba(20,35,50,.22)!important;
    }
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-brand > div:last-child,
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-nav-label > span,
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-sidebar-footer,
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-nav-item > span:not(.material-icons){display:block!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-brand{justify-content:flex-start!important;padding-left:14px!important;padding-right:14px!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-nav-label{justify-content:space-between!important;padding-left:14px!important;padding-right:14px!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-nav-item{justify-content:flex-start!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-chevron{display:block!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-submenu{display:none!important;}
    body.sbp-manager-mobile-sidebar-open #side-nav .manager-submenu.open{display:block!important;}
    body.sbp-manager-mobile-sidebar-open #sbp-app{width:calc(100% - 54px)!important;margin-left:54px!important;}
}

/* Collapsed navigation uses the existing manager header as the content top bar. */
body.sbp-manager-page #ar-header-bar{display:none!important;position:fixed!important;top:0!important;right:0!important;left:var(--ard-manager-sidebar)!important;height:54px!important;padding:0 14px!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;color:#27313d!important;border-bottom:1px solid #e6ebf0!important;box-shadow:0 2px 8px rgba(26,39,54,.035)!important;z-index:99990!important;box-sizing:border-box!important;text-align:left!important;}
body.sbp-manager-page #ar-header-bar #topBarLeft{height:100%!important;display:flex!important;align-items:center!important;gap:7px!important;}
body.sbp-manager-page #ar-header-bar .top-title-wrap{display:flex!important;flex-direction:column!important;justify-content:center!important;}
body.sbp-manager-page #ar-header-bar #topBarTitle{margin:0!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;color:#27313d!important;}
body.sbp-manager-page #ar-header-bar #topBarSubTitle{margin:2px 0 0!important;font-size:6.5px!important;line-height:1.1!important;color:#8a949f!important;font-weight:700!important;}
body.sbp-manager-page #ar-header-bar #topBarBack{width:25px!important;height:25px!important;border-radius:6px!important;background:#f1f4f7!important;color:#64707c!important;display:none!important;align-items:center!important;justify-content:center!important;}
body.sbp-manager-page #ar-header-bar #topBarBack .material-icons{font-size:15px!important;}
body.sbp-manager-page #ar-header-bar #hamburger-menu{display:none!important;}
body.sbp-manager-page.sbp-manager-sidebar-collapsed #ar-header-bar{display:flex!important;left:54px!important;}
body.sbp-manager-page.sbp-manager-sidebar-collapsed #sbp-app{margin-top:54px!important;}
@media(max-width:700px){
 body.sbp-manager-page #ar-header-bar{left:54px!important;right:0!important;height:52px!important;}
 body.sbp-manager-page:not(.sbp-manager-mobile-sidebar-open) #ar-header-bar{display:flex!important;}
 body.sbp-manager-page:not(.sbp-manager-mobile-sidebar-open) #sbp-app{margin-top:52px!important;}
 body.sbp-manager-page.sbp-manager-mobile-sidebar-open #ar-header-bar{display:none!important;}
 body.sbp-manager-page.sbp-manager-mobile-sidebar-open #sbp-app{margin-top:0!important;}
}

/* Dashboard cards 5/6 use the same typography/color scale as the other summary cards. */
#sbp-app .profit-card strong,#sbp-app .received-card strong{font-size:14px!important;line-height:1.1!important;color:#202a34!important;font-weight:800!important;}
#sbp-app .profit-card .das-profit-caption{font-size:6.5px!important;color:#a0a8b1!important;display:flex!important;align-items:center!important;gap:5px!important;}
#sbp-app .profit-card .das-profit-refresh{width:26px!important;height:26px!important;min-width:26px!important;margin:0!important;padding:0!important;background:#fff!important;color:#697581!important;border:1px solid #dfe5eb!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;}
#sbp-app .profit-card .das-profit-refresh .material-icons{font-size:16px!important;}
#sbp-app .received-card .das-card-label{color:#79838e!important;}
@media(max-width:700px){#sbp-app .profit-card strong,#sbp-app .received-card strong{font-size:11px!important;}#sbp-app .profit-card .das-profit-caption{font-size:5.5px!important;}.profit-card .das-profit-refresh{width:24px!important;height:24px!important;min-width:24px!important;}}

/* Direct manager-to-store shortcut */
#side-nav .manager-online-store-link{margin-top:8px!important;background:#edf8f2!important;color:#198754!important;border:1px solid #d9efe1!important;}
#side-nav .manager-online-store-link .material-icons{color:#198754!important;}
#side-nav .manager-online-store-link:hover{background:#e2f5e9!important;color:#147a4c!important;}

/* Step 11.1 — summary values are identical across all six cards. */
#sbp-app .das-summary-card strong,#sbp-app .profit-card strong,#sbp-app .received-card strong{font-size:14px!important;line-height:1.1!important;letter-spacing:-.15px!important;margin-top:8px!important;color:#202a34!important;font-weight:800!important;}
#sbp-app .profit-card .das-profit-caption{margin-top:3px!important;line-height:1.1!important;}
@media(max-width:700px){#sbp-app .das-summary-card strong,#sbp-app .profit-card strong,#sbp-app .received-card strong{font-size:11px!important;line-height:1.1!important;margin-top:8px!important;letter-spacing:-.1px!important;}#sbp-app .profit-card .das-profit-caption{margin-top:3px!important;}}