
:root{--green:#2ca01c;--teal:#00a6a6;--orange:#ff6d1f;--ink:#26292c;--muted:#6e7479;--line:#d8dde1;--canvas:#f4f5f7;--nav:#f1f2f3}
*{box-sizing:border-box}
body.qa-application-page{margin:0!important;background:var(--canvas)!important;overflow:hidden!important}
body.qa-application-page .wp-site-blocks>header,body.qa-application-page .wp-site-blocks>footer,body.qa-application-page .site-header,body.qa-application-page .site-footer,body.qa-application-page #masthead,body.qa-application-page #colophon,body.qa-application-page .entry-header,body.qa-application-page .wp-block-post-title{display:none!important}
body.qa-application-page .wp-site-blocks,body.qa-application-page main,body.qa-application-page article,body.qa-application-page .entry-content,body.qa-application-page .wp-block-post-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.qa-app{position:fixed;inset:var(--wp-admin--admin-bar--height,0) 0 0;z-index:99990;background:var(--canvas);overflow:auto;padding:47px 0 0 150px;font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.qa-global-header{position:fixed;z-index:99995;top:var(--wp-admin--admin-bar--height,0);left:0;right:0;height:47px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 11px;gap:12px}
.qa-header-brand{width:128px;display:flex;align-items:center}.qa-header-brand span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-weight:900;margin-right:4px}.qa-header-brand b{font-size:12px}.qa-header-brand small{font-size:10px;color:#666;margin-left:3px}
.qa-hamburger{border:0;background:none;font-size:15px}.qa-header-company .qa-company-switch{display:flex;align-items:center}.qa-header-company .qa-company-switch span{display:none}.qa-header-company select{border:0;background:transparent;font-weight:600;width:245px;padding:7px}
.qa-global-search{height:30px;max-width:560px;flex:1;border:1px solid #bfc5ca;border-radius:3px;display:flex;align-items:center;padding:0 8px;color:#777}.qa-global-search input{border:0!important;background:transparent!important;outline:0!important;width:100%!important;margin:0!important;padding:0 6px!important;box-shadow:none!important}
.qa-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.qa-header-actions a{color:#333;text-decoration:none;font-size:10px}.qa-header-actions i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#167ccc;color:#fff;font-style:normal;font-weight:700}
.qa-sidebar{position:fixed;z-index:99994;top:calc(var(--wp-admin--admin-bar--height,0) + 47px);bottom:0;left:0;width:150px;background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:9px 0}
.qa-new-button{display:flex;align-items:center;gap:8px;margin:0 10px 10px;padding:8px 12px;border-radius:18px;background:#202124;color:#fff!important;text-decoration:none;font-weight:700}.qa-new-button span{font-size:17px}
.qa-menu-label{font-size:8px;color:#777;padding:5px 14px}.qa-sidebar nav{display:flex;flex-direction:column}.qa-sidebar nav a,.qa-sidebar-footer a{display:grid;grid-template-columns:16px 1fr 10px;align-items:center;color:#333;text-decoration:none;padding:7px 12px;border-left:3px solid transparent;font-size:10px}.qa-sidebar nav a i{font-style:normal;color:#888}.qa-sidebar nav a.active,.qa-sidebar nav a:hover{background:#e8eaec;border-left-color:var(--green)}
.qa-sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:7px}.qa-sidebar-footer a{grid-template-columns:16px 1fr}
.qa-main{padding:10px 18px 36px;max-width:1480px;margin:auto}
.qa-company-heading{height:48px;display:flex;align-items:center;justify-content:space-between}.qa-company-identity{display:flex;align-items:center;gap:9px}.qa-company-logo{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#aeb5ba;color:#fff;font-weight:700}.qa-company-heading h1{font-size:14px;margin:0}.qa-company-heading p{font-size:9px;color:#777;margin:2px 0 0}.qa-heading-actions{display:flex;align-items:center;gap:9px}.qa-heading-actions a{color:#167ccc;text-decoration:none;font-size:9px}.qa-heading-actions>span{display:block;width:22px;height:1px;background:#ccc}.qa-heading-actions small{font-size:8px;color:#777}.qa-toggle{width:31px;height:16px;border:0;border-radius:10px;background:#777;padding:2px}.qa-toggle i{display:block;width:12px;height:12px;border-radius:50%;background:#fff}
.qa-overview-tabs{height:33px;border-bottom:1px solid var(--line);display:flex;gap:22px;margin-bottom:10px}.qa-overview-tabs a{padding:8px 2px;font-size:9px}.qa-overview-tabs a.active{border-bottom:3px solid var(--green)}
.qa-qbo-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qa-qbo-card{background:#fff;border:1px solid var(--line);padding:11px;min-height:190px}.qa-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.qa-card-title h2{font-size:9px;margin:0}.qa-card-title span,.qa-card-title a{font-size:8px;color:#777;text-decoration:none}.qa-qbo-card>a{font-size:8px;color:#167ccc;text-decoration:none}
.qa-invoice-top,.qa-invoice-bottom{display:grid;grid-template-columns:1fr 1fr}.qa-invoice-top strong,.qa-invoice-bottom strong,.qa-invoice-top small,.qa-invoice-bottom small{display:block}.qa-invoice-top strong{font-size:12px}.qa-invoice-bottom strong{font-size:10px}.qa-invoice-top small,.qa-invoice-bottom small{font-size:7px;color:#777}.qa-bar{height:8px;background:#dfe3e6;margin:8px 0}.qa-bar i{display:block;height:100%;background:var(--orange)}.qa-dual-bar{height:8px;display:flex;margin:8px 0}.qa-dual-bar .paid{background:#8bd400}.qa-dual-bar .deposited{background:var(--green)}
.qa-card-value,.qa-cash-total{display:block;font-size:21px;font-weight:400}.qa-qbo-card>small{font-size:7px;color:#777}.qa-expense-chart{height:116px;display:flex;align-items:center;gap:13px}.qa-ring{width:91px;height:91px;border-radius:50%;background:conic-gradient(var(--teal) 0 50%,#4fc2c2 50% 75%,#a5dddd 75% 91%,#e1eded 91%);display:grid;place-items:center;position:relative}.qa-ring:before{content:"";position:absolute;width:52px;height:52px;border-radius:50%;background:#fff}.qa-ring b{position:relative;z-index:1;font-size:10px}.qa-expense-chart ul{padding:0;margin:0;list-style:none;font-size:8px;line-height:18px}.qa-expense-chart li i{display:inline-block;width:7px;height:7px;background:var(--teal);margin-right:5px}.qa-expense-chart li:nth-child(2) i{background:#55c2c2}.qa-expense-chart li:nth-child(3) i{background:#b5e1e1}
.qa-bank-account{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eee}.qa-bank-account b,.qa-bank-account small{display:block}.qa-bank-account b{font-size:9px}.qa-bank-account small{font-size:7px;color:#777}.qa-bank-account strong{font-size:9px}.qa-empty-bank{height:100px;display:flex;flex-direction:column;justify-content:center}.qa-empty-bank b{font-size:10px}.qa-empty-bank small{font-size:8px;color:#777}.qa-bank-links{display:flex;justify-content:space-between;margin-top:9px}.qa-bank-links a{font-size:8px;color:#167ccc;text-decoration:none}
.qa-profit-bars{margin-top:14px}.qa-profit-bars div{display:grid;grid-template-columns:44px 1fr 55px;align-items:center;gap:5px;margin:9px 0}.qa-profit-bars label{font-size:7px}.qa-profit-bars span{height:9px;background:#eee}.qa-profit-bars i{display:block;height:100%}.qa-profit-bars .green{background:var(--green)}.qa-profit-bars .teal{background:var(--teal)}.qa-profit-bars b{text-align:right;font-size:8px}
.qa-sales-graph{height:91px;margin-top:11px;border-bottom:1px solid #bbb;background:repeating-linear-gradient(to bottom,#fff 0,#fff 22px,#edf0f2 23px)}.qa-sales-graph svg{width:100%;height:100%}.qa-sales-graph polyline{fill:none;stroke:var(--green);stroke-width:2}
.qa-action-card a{display:grid;grid-template-columns:28px 1fr;align-items:center;border-bottom:1px solid #eee;padding:8px 0;text-decoration:none}.qa-action-card b{font-size:15px;color:#111}.qa-action-card span{font-size:8px;color:#555}
.qa-cash-card{grid-column:span 3;min-height:223px}.qa-column-chart{height:142px;display:flex;align-items:end;gap:12px;padding:10px 8px 0;border-bottom:1px solid #aaa;background:repeating-linear-gradient(to bottom,#fff 0,#fff 32px,#edf0f2 33px)}.qa-column-chart>div{flex:1;text-align:center}.qa-column-chart span{height:116px;display:flex;align-items:end;justify-content:center}.qa-column-chart i{display:block;width:14px;background:var(--teal)}.qa-column-chart small{font-size:7px;color:#777}
.qa-recent-card{margin-top:10px;min-height:0}.qa-table{overflow:auto}.qa-table table{width:100%;border-collapse:collapse}.qa-table th{background:#f7f8f9;text-align:left;font-size:8px;color:#666;padding:7px}.qa-table td{font-size:8px;padding:8px 7px;border-bottom:1px solid #eceff1}.qa-table td small{display:block;color:#777}.qa-table .num{text-align:right}
.qa-alert{background:#edf8eb;border-left:3px solid var(--green);padding:8px;margin-bottom:8px}
.qa-panel,.qa-kpi,.qa-bank-card,.qa-import-card,.qa-check{background:#fff;border:1px solid var(--line);padding:12px}.qa-panel input,.qa-panel select{display:block;width:100%;padding:7px;margin:4px 0 10px;border:1px solid #bbb}.qa-panel label{display:block;font-size:9px;font-weight:600}.qa-grid2,.qa-list-layout,.qa-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa-kpis,.qa-bank-cards,.qa-import-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qa-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qa-pay-form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qa-btn{display:inline-block;background:var(--green);color:#fff!important;border:1px solid #1d7f16;border-radius:3px;padding:7px 10px;text-decoration:none;font-weight:700}
@media(max-width:1000px){.qa-qbo-dashboard{grid-template-columns:1fr 1fr}.qa-cash-card{grid-column:span 2}.qa-global-search{display:none}}
@media(max-width:700px){.qa-app{padding-left:0}.qa-sidebar{transform:translateX(-100%)}.qa-header-company select{width:140px}.qa-qbo-dashboard{grid-template-columns:1fr}.qa-cash-card{grid-column:auto}.qa-grid2,.qa-list-layout,.qa-kpis,.qa-bank-cards,.qa-import-grid,.qa-check-grid{grid-template-columns:1fr}.qa-pay-form{grid-template-columns:1fr}}


/* ==========================================================
   Quantum Accounts v2.5.0 — stable desktop UI refinements
   Presentation only. No data or page mutations.
   ========================================================== */

.qa-main{
    width:calc(100vw - 150px)!important;
    max-width:none!important;
    margin:0!important;
    padding:12px 24px 40px!important;
}

.qa-company-heading,
.qa-overview-tabs,
.qa-qbo-dashboard,
.qa-recent-card{
    width:100%!important;
    max-width:none!important;
}

.qa-header-company select{
    width:260px!important;
    min-width:260px!important;
    border:1px solid #c6ccd1!important;
    border-radius:3px!important;
    outline:none!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#202124!important;
}

.qa-header-company select:focus{
    border-color:#6aa3d5!important;
    box-shadow:0 0 0 1px #6aa3d5!important;
}

.qa-global-search{
    max-width:720px!important;
}

.qa-qbo-dashboard{
    grid-template-columns:repeat(3,minmax(270px,1fr))!important;
    gap:14px!important;
}

.qa-qbo-card{
    min-height:224px!important;
    padding:15px!important;
    border-radius:2px!important;
}

.qa-card-title{
    margin-bottom:10px!important;
}

.qa-card-title h2{
    font-size:11px!important;
}

.qa-card-title span,
.qa-card-title a{
    font-size:9px!important;
}

.qa-card-value,
.qa-cash-total{
    font-size:25px!important;
}

.qa-invoice-top strong{
    font-size:14px!important;
}

.qa-invoice-bottom strong{
    font-size:12px!important;
}

.qa-bar,
.qa-dual-bar{
    height:10px!important;
}

.qa-expense-chart{
    height:132px!important;
}

.qa-ring{
    width:108px!important;
    height:108px!important;
}

.qa-ring:before{
    width:62px!important;
    height:62px!important;
}

.qa-expense-chart ul{
    font-size:9px!important;
    line-height:22px!important;
}

.qa-bank-account{
    padding:10px 0!important;
}

.qa-profit-bars{
    margin-top:18px!important;
}

.qa-profit-bars div{
    grid-template-columns:52px 1fr 68px!important;
    margin:12px 0!important;
}

.qa-profit-bars span{
    height:11px!important;
}

.qa-sales-graph{
    height:118px!important;
}

.qa-action-card a{
    padding:11px 0!important;
}

.qa-action-card b{
    font-size:18px!important;
}

.qa-action-card span{
    font-size:9px!important;
}

.qa-cash-card{
    grid-column:1 / -1!important;
    min-height:270px!important;
}

.qa-column-chart{
    height:180px!important;
    gap:18px!important;
    padding:14px 14px 0!important;
}

.qa-column-chart span{
    height:150px!important;
}

.qa-column-chart i{
    width:18px!important;
}

.qa-column-chart small{
    font-size:8px!important;
}

.qa-recent-card{
    margin-top:14px!important;
}

.qa-table th{
    font-size:9px!important;
    padding:9px!important;
}

.qa-table td{
    font-size:9px!important;
    padding:10px 9px!important;
}

.qa-company-heading h1{
    font-size:15px!important;
}

.qa-company-heading p{
    font-size:10px!important;
}

.qa-overview-tabs a{
    font-size:10px!important;
}

@media(max-width:1180px){
    .qa-qbo-dashboard{
        grid-template-columns:repeat(2,minmax(260px,1fr))!important;
    }
    .qa-cash-card{
        grid-column:1 / -1!important;
    }
}

@media(max-width:760px){
    .qa-main{
        width:100vw!important;
        padding:10px 12px 30px!important;
    }
    .qa-qbo-dashboard{
        grid-template-columns:1fr!important;
    }
    .qa-cash-card{
        grid-column:auto!important;
    }
    .qa-header-company select{
        width:150px!important;
        min-width:150px!important;
    }
}
