/* Limpo Admin — premium design system over AdminLTE 3 / Bootstrap 4. Presentation only: every rule targets classes/structure AdminLTE, Bootstrap, DataTables, Select2 or this app's own views already render (plus the new .lp-kpi component, a pure Blade partial with no JS). Nothing here adds/removes functionality, IDs, data-* attributes, or any class a script depends on. */ :root { /* Brand — the exact tokens limpo.in itself uses (lp-style.css --g/--g-dk/ --g-lt), not an invented blue, so the admin panel and the public site read as one product. */ --lp-primary: #16a34a; --lp-primary-hover: #15803d; --lp-primary-soft: #f0fdf4; --lp-primary-text: #15803d; /* Surfaces */ --lp-bg: #f8fafc; --lp-surface: #ffffff; --lp-border: #e2e8f0; --lp-border-strong: #cbd5e1; /* Text */ --lp-text: #0f172a; --lp-text-2: #475569; --lp-text-muted: #64748b; /* Semantic — success intentionally shares the brand green (limpo.in doesn't use a second green for "success" vs brand either); info/ warning/danger/purple/slate stay distinct so KPI icons and statuses stay visually differentiated from each other. */ --lp-success: #16a34a; --lp-success-soft: #f0fdf4; --lp-success-text: #15803d; --lp-warning: #d97706; --lp-warning-soft: #fffbeb; --lp-warning-text: #b45309; --lp-danger: #dc2626; --lp-danger-soft: #fef2f2; --lp-danger-text: #b91c1c; --lp-info: #2563eb; --lp-info-soft: #eff6ff; --lp-info-text: #1d4ed8; --lp-purple: #7c3aed; --lp-purple-soft: #f5f3ff; --lp-purple-text: #6d28d9; --lp-slate: #475569; --lp-slate-soft: #f1f5f9; --lp-slate-text: #334155; /* Sidebar — light, matching limpo.in's own white nav rather than an invented dark chrome; a right border is the only separation from the content area, same language as the navbar's bottom border. */ --lp-sidebar-bg: #ffffff; --lp-sidebar-text: var(--lp-text-2); --lp-sidebar-text-hover: var(--lp-text); --lp-sidebar-active-bg: var(--lp-primary-soft); /* Shape / elevation */ --lp-radius-sm: 8px; --lp-radius: 10px; --lp-radius-lg: 14px; --lp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06); --lp-shadow: 0 4px 16px rgba(15, 23, 42, .07); --lp-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12); --lp-transition: 160ms cubic-bezier(.4,0,.2,1); } /* ── Base / typography ────────────────────────────────────────────────── */ body, .content-wrapper { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--lp-text); background: var(--lp-bg); font-size: 14px; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { color: var(--lp-text); font-weight: 600; } a { color: var(--lp-primary); } a:hover { color: var(--lp-primary-hover); } p { color: var(--lp-text-2); } .text-muted { color: var(--lp-text-muted) !important; } .content-header h1 { font-size: 26px; font-weight: 700; letter-spacing: -.015em; line-height: 1.25; color: var(--lp-text); } .card-title { font-size: 15.5px; font-weight: 600; color: var(--lp-text); letter-spacing: -.005em; } /* ── App shell: navbar + content-header read as one cohesive white band ── */ .wrapper { background: var(--lp-bg); } .main-header.navbar { background: var(--lp-surface) !important; border-bottom: 1px solid var(--lp-border); box-shadow: none !important; min-height: 64px; padding: 0 8px; } .main-header .nav-link { color: var(--lp-text-2) !important; padding: 10px 14px; font-weight: 500; transition: color var(--lp-transition); } .main-header .nav-link:hover { color: var(--lp-primary) !important; } .main-header .navbar-badge { font-size: 9px; } .user-menu .nav-link { display: flex; align-items: center; gap: 9px; } .user-menu .user-image { width: 30px; height: 30px; border: 1.5px solid var(--lp-border-strong); } .content-header { background: var(--lp-surface); border-bottom: 1px solid var(--lp-border); padding: 24px 0; } .content-header .container-fluid { padding: 0 28px; } .breadcrumb { background: transparent !important; padding: 0 !important; margin: 0 !important; font-size: 13px; } .breadcrumb-item a { color: var(--lp-text-muted); text-decoration: none; font-weight: 500; } .breadcrumb-item a:hover { color: var(--lp-primary); } .breadcrumb-item.active { color: var(--lp-text-2); font-weight: 600; } .breadcrumb-item + .breadcrumb-item::before { color: var(--lp-border-strong); content: '/'; } .content { padding: 24px 28px 32px; } /* ── Duplicate-header neutralizer ───────────────────────────────────── ~45 older views render their own
...
pair inside @section('content') instead of using @section('page-title')/@section('breadcrumbs') like every page fixed by hand this pass — producing this exact layout's generic header (just "Home", no page title) immediately followed by the page's own real one, doubly-inset inside the outer .content/.container-fluid padding. Rather than hand-edit every remaining file (~45, real risk of mistakes at that volume), :has() detects the duplicated pair and corrects both symptoms: hide the redundant outer header, and strip the outer wrapper's own padding so the page's real header/content reads as top-level instead of double-inset. Inert everywhere else — pages already using the standard sections have no nested .content-header for :has() to match, so these rules never apply to them. */ .content-wrapper > .content-header:has(+ .content .content-header) { display: none; } .content-wrapper > .content:has(> .container-fluid > .content-header) { padding: 0; } .content-wrapper > .content:has(> .container-fluid > .content-header) > .container-fluid { padding: 0; } .content-wrapper > .content:has(> .container-fluid > .content-header) > .container-fluid > .content > .container-fluid { padding: 0; } /* ── Sidebar — light, compact, grouped ───────────────────────────────── AdminLTE's dark-skin classes (sidebar-dark-primary etc.) stay on the