/* Public shortcode UI. Scope to accounting only, preserving invoice print output. */
@media screen {
.abas-front{--abas-text:#21353d;--abas-muted:#75878e;--abas-line:#e2e9eb;--abas-card:#fff;--abas-shadow:0 6px 22px rgba(26,77,84,.055);--abas-primary:#56c1be;--abas-primary-dark:#279f9e;max-width:1500px;margin:24px auto;padding:20px;background:#f4f7f8;border-radius:18px;color:#21353d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
.abas-front *,.abas-front *::before,.abas-front *::after{box-sizing:border-box}
.abas-front :is(.abas-front-top,.abas-front-nav,.abas-panel,.abas-chart-panel,.abas-quick-action,.abas-stat,.abas-invoice-card){background:#fff;border:1px solid #e2e9eb;box-shadow:var(--abas-shadow);border-radius:13px;color:#21353d}
.abas-front .abas-front-top{padding:18px 22px}.abas-front .abas-front-nav{gap:5px;padding:9px;max-width:100%;-webkit-overflow-scrolling:touch}
.abas-front .abas-front-nav a{color:#5d747c;border-radius:9px}.abas-front .abas-front-nav a:is(:hover,.active){background:#e5f7f5;color:#1e9594}
.abas-front :is(.abas-page-title h1,.abas-brand-name,.abas-stat-value,.abas-panel-head h3){color:#20363e;letter-spacing:-.03em}
.abas-front :is(.abas-page-title p,.abas-brand-sub,.abas-stat-label){color:#75878e}
.abas-front .abas-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}
.abas-front .abas-stat{padding:18px;min-height:115px}.abas-front .abas-stat:nth-child(4n + 1){background:#e4f7f5}.abas-front .abas-stat:nth-child(4n + 2){background:#eaf2ff}.abas-front .abas-stat:nth-child(4n + 3){background:#fcecf2}.abas-front .abas-stat:nth-child(4n + 4){background:#f0f8f3}
.abas-front :is(.abas-btn,.abas-icon-btn){border-radius:9px}.abas-front .abas-btn.primary{background:#56c1be;color:#fff;border-color:#56c1be}.abas-front .abas-btn.primary:hover{background:#279f9e}
.abas-front .abas-table-wrap,.abas-front .abas-checkout-items{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.abas-front .abas-table th{background:#f6f9fa;color:#647981}.abas-front .abas-table td{border-color:#ecf0f1}
.abas-front :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;border-radius:8px;border-color:#dbe5e7;color:#263c44;background:#fff}
.abas-front :is(a,button,input,select,textarea):focus-visible{outline:2px solid #3bbab6;outline-offset:2px}
@media(max-width:760px){.abas-front{padding:12px;margin:10px auto}.abas-front :is(.abas-front-top,.abas-page-title){flex-wrap:wrap}.abas-front .abas-top-actions{width:100%;flex-wrap:wrap}.abas-front .abas-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abas-front :is(input,select,textarea){font-size:16px;min-height:44px}}
@media(max-width:480px){.abas-front .abas-stat-grid,.abas-front .abas-two-panels{grid-template-columns:minmax(0,1fr)}.abas-front .abas-page-title h1{font-size:23px}.abas-front .abas-top-actions>*{flex:1}}
}
