/* AMI VISION 2.9.480: Global SaaS Foundation
   Non-destructive shared design tokens and app-shell presentation.
   Specific Cashbook/Payout/Bricks workflows are intentionally untouched. */
body.ami-saas480 {
 --saas-primary:#2563eb;--saas-primary-soft:#eff6ff;--saas-ink:#172b4d;
 --saas-muted:#64748b;--saas-line:#dce6f2;--saas-surface:#ffffff;
 --saas-canvas:#f4f7fc;--saas-success:#059669;--saas-danger:#dc3545;
 --saas-radius:12px;--saas-shadow:0 3px 14px rgba(27,55,93,.045);
 background:var(--saas-canvas);
}
body.ami-saas480 #app{background:var(--saas-canvas)}
body.ami-saas480 #app .main{background:var(--saas-canvas);min-width:0}
body.ami-saas480 #app .topbar{background:rgba(255,255,255,.98);border-bottom:1px solid var(--saas-line);box-shadow:0 1px 7px rgba(15,23,42,.025)}
body.ami-saas480 #app .sidebar{border-right:1px solid var(--saas-line)}
body.ami-saas480 #app .content{min-width:0}
/* Shared native controls: exclude checkboxes/radios and specialized overlay contents. */
body.ami-saas480 #content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
body.ami-saas480 #content select,
body.ami-saas480 #content textarea{border-color:var(--saas-line);border-radius:9px;max-width:100%;box-shadow:none;transition:border-color .16s,box-shadow .16s}
body.ami-saas480 #content input:focus-visible,
body.ami-saas480 #content select:focus-visible,
body.ami-saas480 #content textarea:focus-visible{outline:2px solid rgba(37,99,235,.22);outline-offset:1px;border-color:#6f9cf3}
body.ami-saas480 #content :is(.card,.panel,.form-card){border-radius:var(--saas-radius);box-shadow:var(--saas-shadow)}
body.ami-saas480 #content .btn{transition:background-color .15s,border-color .15s,box-shadow .15s;box-shadow:none}
body.ami-saas480 #content .btn:focus-visible,
body.ami-saas480 #content button:focus-visible{outline:2px solid #93b4fc;outline-offset:2px}
body.ami-saas480 #content .btn:hover{transform:none;filter:brightness(.985)}
body.ami-saas480 #content .table-wrap{max-width:100%}
body.ami-saas480 #content .table td{border-bottom-color:#e8eef6}
body.ami-saas480 #content .table tbody tr:hover td{background:#f6f9ff}
body.ami-saas480 #content .badge{letter-spacing:.01em}
/* Utility classes available to all future module migrations. */
body.ami-saas480 .saas480-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
body.ami-saas480 .saas480-page-title{font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:750;color:var(--saas-ink);margin:0}
body.ami-saas480 .saas480-page-caption{font-size:12px;color:var(--saas-muted)}
body.ami-saas480 .saas480-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ami-saas480 .saas480-surface{background:#fff;border:1px solid var(--saas-line);border-radius:12px;box-shadow:var(--saas-shadow)}
body.ami-saas480 .saas480-btn{min-height:36px;padding:7px 12px;border-radius:9px;border:1px solid var(--saas-line);background:#fff;color:var(--saas-ink);font-weight:650;cursor:pointer}
body.ami-saas480 .saas480-btn-primary{background:var(--saas-primary);border-color:var(--saas-primary);color:white}
@media(max-width:760px){
 body.ami-saas480 #app .content{max-width:100%;overflow-x:clip}
 body.ami-saas480 .saas480-page-head{gap:8px}
 body.ami-saas480 .saas480-page-title{font-size:18px}
 body.ami-saas480 .saas480-toolbar{gap:6px}
}
@media(prefers-reduced-motion:reduce){body.ami-saas480 #content .btn,body.ami-saas480 #content input,body.ami-saas480 #content select{transition:none}}
@media print{body.ami-saas480 #app{background:#fff}body.ami-saas480 #content :is(.card,.panel,.form-card){box-shadow:none}}