/* GeraBoi UI Core v2.5 — shared mobile-first components */
:root{--gb-radius-sm:10px;--gb-radius:14px;--gb-radius-lg:20px;--gb-touch:44px;--gb-surface:#fff;--gb-surface-soft:#f7f8f6;--gb-border:#e4e8e3;--gb-text:#173236;--gb-muted:#6d7978;--gb-primary:#143236;--gb-primary-soft:#e8efed;--gb-shadow:0 8px 28px rgba(20,50,54,.08)}
.gb-page{width:min(100%,1440px);margin-inline:auto;padding:12px}
.gb-page-header{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}.gb-page-header h1,.gb-page-header h2{margin:0;color:var(--gb-text);font-size:clamp(1.35rem,4vw,2rem);font-weight:750;letter-spacing:-.025em}.gb-page-header p{margin:3px 0 0;color:var(--gb-muted);font-size:.9rem}
.gb-page-actions{display:flex;gap:8px;flex-wrap:wrap}.gb-page-actions .btn{min-height:var(--gb-touch);display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px}
.dashboard-content,.gb-surface{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);box-shadow:var(--gb-shadow);padding:14px}
.breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}
.gb-empty{padding:34px 16px;text-align:center;border:1px dashed var(--gb-border);border-radius:var(--gb-radius-lg);background:var(--gb-surface-soft)}
.gb-empty svg{width:30px;height:30px;color:var(--gb-muted)}
@media(min-width:768px){.gb-page{padding:18px 22px}.gb-page-header{flex-direction:row;align-items:center;justify-content:space-between}.dashboard-content,.gb-surface{padding:20px}}