/* Only the six requested institution sections. Screen styling only; no transaction or print changes. */
@media screen{
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="branches"]){--sc-ink:#3678bd;--sc-tint:#e1eeff;--sc-line:#c4dbf9;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v6M5 15v-4h14v4M3 15h4v6H3v-6ZM10 15h4v6h-4v-6ZM17 15h4v6h-4v-6ZM9 3h6v4H9V3'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="users"]){--sc-ink:#8052bc;--sc-tint:#eee1fc;--sc-line:#dac2f3;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM3 21v-2a6 6 0 0 1 12 0M19 13v8M15 17h8'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="sales"]){--sc-ink:#258566;--sc-tint:#ddf3e9;--sc-line:#bce4d4;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2V3ZM9 7h6M9 11h6M9 15h3'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="purchases"]){--sc-ink:#8a4fbf;--sc-tint:#eee0fa;--sc-line:#dcc3ee;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h3l3 12h10l2-8H7M12 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM20 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="inventory"]){--sc-ink:#5963bf;--sc-tint:#e5e7ff;--sc-line:#cdd1f7;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 9-4 9 4-9 4-9-4ZM3 7v10l9 4 9-4V7M12 11v10M7 5l9 4'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active[data-section="customers"]){--sc-ink:#20876f;--sc-tint:#dbf2e9;--sc-line:#b9e2d2;--sc-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM3 21v-2a6 6 0 0 1 12 0v2M18 4a4 4 0 0 1 0 8M21 21v-2a6 6 0 0 0-3-5'/%3E%3C/svg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView>.content{background:linear-gradient(135deg,var(--sc-tint),#f4f7fd 55%,#e8edfb)!important;padding:18px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage{--section-ink:var(--sc-ink)!important;--section-tint:var(--sc-tint)!important;min-width:0}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head{background:linear-gradient(115deg,color-mix(in srgb,var(--sc-tint) 75%,white),var(--sc-tint))!important;border:1px solid var(--sc-line)!important;border-right:5px solid var(--sc-ink)!important;padding:19px 23px!important;min-height:100px!important;margin-bottom:16px!important;box-shadow:0 6px 18px #28497d08!important;border-radius:17px!important;gap:16px;align-items:center}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child{position:relative;padding-right:63px;min-width:0}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--sc-ink);border-radius:14px;box-shadow:0 5px 12px color-mix(in srgb,var(--sc-ink) 22%,transparent)}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child:after{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:#fff;mask:var(--sc-symbol) center/contain no-repeat}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head .eyebrow{color:var(--sc-ink)!important;font-size:12px!important;margin:0 0 5px!important;font-weight:600}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head h2{font-size:24px!important;color:#243b5c!important;line-height:1.5!important;margin:0!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head .primary{background:var(--sc-ink)!important;color:#fff!important;border:1px solid var(--sc-ink)!important;padding:12px 18px!important;min-height:44px;box-shadow:0 5px 12px color-mix(in srgb,var(--sc-ink) 20%,transparent)!important;border-radius:11px!important;white-space:normal}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.panel{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--sc-tint) 25%,white))!important;border:1px solid var(--sc-line)!important;border-radius:17px!important;padding:18px!important;box-shadow:0 6px 22px #294e8008!important;min-width:0}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage .table-tools{background:var(--sc-tint)!important;border:1px solid var(--sc-line)!important;border-radius:12px!important;padding:11px!important;margin:0 0 15px!important;gap:9px!important;display:flex;align-items:center;flex-wrap:wrap}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage .table-tools input{background:#fff!important;border:1px solid var(--sc-line)!important;border-radius:9px!important;min-height:42px!important;flex:1 1 220px;min-width:0;color:#294666!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage .table-tools button{background:#fff!important;border:1px solid var(--sc-line)!important;color:var(--sc-ink)!important;border-radius:9px!important;min-height:40px!important;padding:9px 14px!important;font-size:12px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage #dataExcelBtn{background:#258566!important;border-color:#258566!important;color:white!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage #dataPdfBtn{background:#c4634a!important;border-color:#c4634a!important;color:white!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage .table-wrap{border:1px solid var(--sc-line);border-radius:12px;overflow-x:auto!important;max-width:100%}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage table{width:100%;border-collapse:separate;border-spacing:0}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage th{background:var(--sc-tint)!important;color:var(--sc-ink)!important;font-size:13px!important;padding:14px 15px!important;font-weight:700!important;border-bottom:1px solid var(--sc-line)!important;line-height:1.8}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage td{font-size:14px!important;line-height:1.8!important;padding:14px 15px!important;color:#2a405d!important;border-bottom:1px solid color-mix(in srgb,var(--sc-line) 65%,white)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage tbody tr{background:#fff!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage tbody tr:nth-child(even){background:color-mix(in srgb,var(--sc-tint) 28%,white)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage tbody tr:hover{background:color-mix(in srgb,var(--sc-tint) 65%,white)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage td button{background:var(--sc-tint)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-line)!important;border-radius:9px!important;min-height:36px!important;padding:7px 12px!important;font-weight:600!important;line-height:1.6!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.toolbar,[id$="Tools"]){gap:9px;flex-wrap:wrap}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.toolbar,[id$="Tools"]) button{border-radius:9px!important;padding:10px 14px!important;min-height:40px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.toolbar,[id$="Tools"]) button.primary{background:var(--sc-ink)!important;color:white!important;border-color:var(--sc-ink)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.toolbar,[id$="Tools"]) button.secondary{background:var(--sc-tint)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-line)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage .stat-card{background:linear-gradient(120deg,var(--sc-tint),color-mix(in srgb,var(--sc-tint) 35%,white))!important;border:1px solid var(--sc-line)!important;border-radius:14px!important;box-shadow:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.debt-pill,.badge.danger){background:#ffe4de!important;color:#a23e2a!important;border:1px solid #f4c5ba}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage :is(.ok-pill,.badge.success){background:#d8f1e6!important;color:#236c50!important;border:1px solid #bce2d0}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage #customerPageFilterFinal button{background:var(--sc-tint)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-line)!important;min-height:38px;border-radius:9px;padding:8px 12px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage #customerPageFilterFinal button.active{background:var(--sc-ink)!important;color:#fff!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .modal-card{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--sc-tint) 35%,white))!important;border:1px solid var(--sc-line)!important;border-radius:19px!important;box-shadow:0 24px 85px #172d5740!important;max-height:calc(100dvh - 28px)}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .modal-head{background:var(--sc-tint)!important;border-bottom:1px solid var(--sc-line)!important;border-radius:18px 18px 0 0;padding:17px 20px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal #modalTitle{color:var(--sc-ink)!important;font-size:19px!important;line-height:1.7!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal label{color:#314b6b!important;font-size:13px!important;line-height:1.8!important;gap:7px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(input,select,textarea){background:#fff!important;color:#29415e!important;border:1px solid var(--sc-line)!important;border-radius:9px!important;min-height:42px!important;padding:10px 12px!important;max-width:100%}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--sc-ink) 30%,white)!important;outline-offset:2px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(button.primary,#saveModal){background:var(--sc-ink)!important;color:#fff!important;border-color:var(--sc-ink)!important;border-radius:10px!important;min-height:42px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal button.secondary{background:var(--sc-tint)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-line)!important;border-radius:9px!important;min-height:40px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(.invoice-detail-head>div,.invoice-totals>div){background:var(--sc-tint)!important;border:1px solid var(--sc-line)!important;border-radius:11px!important;padding:12px!important;color:var(--sc-ink)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(.invoice-detail-head,.invoice-totals) small{color:var(--sc-ink)!important;font-size:11px!important;line-height:1.8}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal :is(.invoice-detail-head,.invoice-totals) strong{color:#263e5d!important;font-size:16px!important;line-height:1.8}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .invoice-items-table{overflow-x:auto;max-width:100%;border:1px solid var(--sc-line);border-radius:10px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal th{background:var(--sc-tint)!important;color:var(--sc-ink)!important;padding:12px!important;font-size:12px!important;white-space:nowrap}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal td{padding:12px!important;color:#2c415c!important;border-bottom:1px solid var(--sc-line)!important;line-height:1.8!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .notice{background:var(--sc-tint)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-line)!important;border-radius:10px!important;line-height:1.9!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .muted{color:#63768f!important;font-size:12px!important;line-height:1.9!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .statement-ref-link{color:var(--sc-ink)!important;background:var(--sc-tint)!important;border-radius:7px;padding:4px 8px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar{background:linear-gradient(110deg,#edf0ff,#fff 55%,var(--sc-tint))!important;border-color:var(--sc-line)!important;color:#294767!important;box-shadow:0 5px 18px #294e8009!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar .icon-btn{color:var(--sc-ink)!important;background:var(--sc-tint)!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .top-brand strong{color:#244468!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .top-brand small{color:#6b7f99!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .account-chip{color:#365779!important;background:#edf2fc!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .sidebar{background:linear-gradient(180deg,#eaf1ff,#f2edfc)!important;border:1px solid #cfdbf3!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item{padding:7px 10px!important;margin:2px 0!important;min-height:47px!important;color:#37577f!important;line-height:1.5!important;gap:10px!important;font-size:13px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item>span{background:var(--nav-color,#5276c9)!important;color:white!important;border-radius:9px!important;width:32px;height:32px;flex-shrink:0;box-shadow:0 3px 7px #304e8520}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item.active{background:var(--sc-tint)!important;border:1px solid var(--sc-line)!important;color:var(--sc-ink)!important;box-shadow:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item.active>span{background:var(--sc-ink)!important;color:#fff!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .subscription-card{background:linear-gradient(120deg,#e1defb,#dae9ff)!important;border-color:#cad7ee!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) :is(#dataPage,#modal) button:focus-visible{outline:3px solid color-mix(in srgb,var(--sc-ink) 45%,white)!important;outline-offset:3px}
@media(max-width:700px){
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView>.content{padding:11px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head{padding:15px!important;gap:12px;align-items:stretch;min-height:0!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head h2{font-size:21px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child{padding-right:52px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child:before{width:40px;height:40px;border-radius:11px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head>div:first-child:after{width:23px;height:23px;right:9px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.panel{padding:11px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #dataPage>.page-head #addRecordBtn{width:100%;min-height:43px}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal #modalTitle{font-size:17px!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal .form-2{grid-template-columns:1fr!important}
}
}

@media screen{
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #modal input:is([type="checkbox"],[type="radio"]){width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;flex:0 0 18px;accent-color:var(--sc-ink)}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) :is(#dataPage,#modal) button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) :is(#dataPage,#modal) button.danger{background:#b84d48!important;color:white!important;border-color:#b84d48!important}
}

@media screen{
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="dashboard"],[data-real-page="dashboard"],[data-commercial-page="dashboard"]){--nav-color:#4e72ca;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h7v7H3zM14%203h7v7h-7zM3%2014h7v7H3zM14%2014h7v7h-7z%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="branches"],[data-real-page="branches"],[data-commercial-page="branches"]){--nav-color:#3678bd;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v6M5%2015v-4h14v4M3%2015h4v6H3v-6ZM10%2015h4v6h-4v-6ZM17%2015h4v6h-4v-6ZM9%203h6v4H9V3%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="users"],[data-real-page="users"],[data-commercial-page="users"]){--nav-color:#8052bc;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%207a4%204%200%201%201-8%200%204%204%200%200%201%208%200ZM3%2021v-2a6%206%200%200%201%2012%200M19%2013v8M15%2017h8%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="pos"],[data-real-page="pos"],[data-commercial-page="pos"]){--nav-color:#b56d0a;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v11a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1ZM8%2021h8M12%2016v5M7%207h4M7%2011h7M17%207h.01%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="sales"],[data-real-page="sales"],[data-commercial-page="sales"]){--nav-color:#258566;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202V3ZM9%207h6M9%2011h6M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="purchases"],[data-real-page="purchases"],[data-commercial-page="purchases"]){--nav-color:#8a4fbf;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h3l3%2012h10l2-8H7M12%2020a1%201%200%201%201-2%200%201%201%200%200%201%202%200ZM20%2020a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="inventory"],[data-real-page="inventory"],[data-commercial-page="inventory"]){--nav-color:#5963bf;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204-9%204-9-4ZM3%207v10l9%204%209-4V7M12%2011v10M7%205l9%204%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="customers"],[data-real-page="customers"],[data-commercial-page="customers"]){--nav-color:#20876f;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%207a4%204%200%201%201-8%200%204%204%200%200%201%208%200ZM3%2021v-2a6%206%200%200%201%2012%200v2M18%204a4%204%200%200%201%200%208M21%2021v-2a6%206%200%200%200-3-5%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="suppliers"],[data-real-page="suppliers"],[data-commercial-page="suppliers"]){--nav-color:#c26445;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h11v13H3V5ZM14%2010h4l3%204v4h-7M7%2018a2%202%200%201%201-4%200%202%202%200%200%201%204%200ZM21%2018a2%202%200%201%201-4%200%202%202%200%200%201%204%200%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="cash"],[data-real-page="cash"],[data-commercial-page="cash"]){--nav-color:#bd7619;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v14H3V5ZM7%209h.01M17%2015h.01M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="expenses"],[data-real-page="expenses"],[data-commercial-page="expenses"]){--nav-color:#cb6755;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202V3ZM9%208h6M12%2011v5M9%2013l3%203%203-3%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="stock_moves"],[data-real-page="stock_moves"],[data-commercial-page="stock_moves"]){--nav-color:#2384a0;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h16M15%204l4%204-4%204M21%2016H5M9%2012l-4%204%204%204%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="warehouses"],[data-real-page="warehouses"],[data-commercial-page="warehouses"]){--nav-color:#6971c1;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%209%209-6%209%206v12H3V9ZM7%2021V11h10v10M7%2015h10M7%2018h10%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="shifts"],[data-real-page="shifts"],[data-commercial-page="shifts"]){--nav-color:#386bc5;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-3-6.7M21%203v5h-5M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="accounts"],[data-real-page="accounts"],[data-commercial-page="accounts"]){--nav-color:#7757ba;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5V3ZM8%207h8M8%2011h3M14%2011h2M8%2015h3M14%2015h2M8%2018h8%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="accounting_pro"],[data-real-page="accounting_pro"],[data-commercial-page="accounting_pro"]){--nav-color:#4767b7;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v16H4V4ZM4%2010h16M10%2010v10M14%2014h2M14%2017h2M7%2014v3M6%2015.5h2%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="statements"],[data-real-page="statements"],[data-commercial-page="statements"]){--nav-color:#258c9d;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l4%204v14H6V3ZM14%203v5h5M9%2012h7M9%2016h7%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="reports"],[data-real-page="reports"],[data-commercial-page="reports"]){--nav-color:#8474c4;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v18h17M8%2017v-5M13%2017V7M18%2017v-7%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="settings"],[data-real-page="settings"],[data-commercial-page="settings"]){--nav-color:#657390;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6l1%203%203%201%202%205-2%205-3%201-1%203H9l-1-3-3-1-2-5%202-5%203-1%201-3ZM16%2012a4%204%200%201%201-8%200%204%204%200%200%201%208%200%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="billing"],[data-real-page="billing"],[data-commercial-page="billing"]){--nav-color:#b47e22;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18v14H3V6ZM3%2010h18M7%2016h3M15%2016h2%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item:is([data-page="support"],[data-real-page="support"],[data-commercial-page="support"]){--nav-color:#278d91;--nav-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2013v-2a8%208%200%200%201%2016%200v2M4%2011H2v7h4v-7H4ZM20%2011h2v7h-4v-7h2ZM20%2018v2a1%201%200%200%201-1%201h-6%22%2F%3E%3C%2Fsvg%3E")}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item>span{font-size:0!important;display:grid;place-items:center;position:relative}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item>span>svg{display:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .nav-item>span:after{content:"";display:block;width:20px;height:20px;background:currentColor;mask:var(--nav-symbol) center/contain no-repeat}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #menuBtn{font-size:0!important;display:grid;place-items:center;position:relative}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #menuBtn>svg{display:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #menuBtn:before{content:"";width:20px;height:20px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #themeBtn{font-size:0!important;display:grid;place-items:center;position:relative}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #themeBtn>svg{display:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar #themeBtn:before{content:"";width:20px;height:20px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018V3ZM12%203a9%209%200%200%201%200%2018%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar :is(#notificationsBtn121,#notificationsBtnFinal,#commercialBell,#notificationsBtn){font-size:0!important;display:grid;place-items:center;position:relative}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar :is(#notificationsBtn121,#notificationsBtnFinal,#commercialBell,#notificationsBtn)>svg{display:none!important}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar :is(#notificationsBtn121,#notificationsBtnFinal,#commercialBell,#notificationsBtn):before{content:"";width:20px;height:20px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209a6%206%200%200%201%2012%200c0%208%203%208%203%209H3c0-1%203-1%203-9ZM10%2021h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
body:not(.pos-workspace):has(#appView #dataPage.active:is([data-section="branches"],[data-section="users"],[data-section="sales"],[data-section="purchases"],[data-section="inventory"],[data-section="customers"])) #appView .topbar .badge{font-size:10px!important}
}