/* Light workspace surfaces. Geometry lives in workspace.css. */
[data-theme="light"] body { --bg: #f7faf8; --heading: #15202a; }
[data-theme="light"] body .topbar { --panel-border: #dce7e2; --line-strong: #bdcec7; background: #f8fbfa; border-bottom: 1px solid #dce7e2; box-shadow: none; }
[data-theme="light"] body .topbar .search input { background: #ffffff; border-color: #cbdcd4; }
[data-theme="light"] body .topbar .search input:focus { border-color: #25856a; }
[data-theme="light"] body .topbar .search::before { opacity: .8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23304f48' stroke-width='1.5'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cline x1='10.5' y1='10.5' x2='14' y2='14'/%3E%3C/svg%3E"); }
[data-theme="light"] .app { --bg-2: #f1f6f4; --panel-border: #dce5e1; --line-strong: #bdcec7; --grid-line: #e5ece8; }
[data-theme="light"] .view { background: #f7faf8; }
[data-theme="light"] .sidebar { --nav-bg: #eaf3ef; --nav-text: #304f48; --nav-muted: #526d65; --nav-hover: #dfede7; --nav-line: #d4e3db; --c-teal: #3c7466; --c-blue: #496c83; --c-amber: #826b45; }
[data-theme="light"] .nav-item:hover { color: #173f34; }
[data-theme="light"] .sidebar .nav-item.active,
[data-theme="light"] .sidebar .nav-item.active:hover { background: #cce8dc; color: #173f34; border-left-color: #25856a; }
[data-theme="light"] a.stat:hover { background: #eaf5ef; }
[data-theme="light"] a.card:hover { background: #f5faf7; border-color: #90b7a6; }
[data-theme="light"] table.table tbody tr:hover,
[data-theme="light"] table.table tbody tr:focus-within { background: #e8f3ed; }
[data-theme="light"] .avatar.M { background: #e0edf3; }
[data-theme="light"] .avatar.F { background: #f4e5ec; }
[data-theme="light"] .avatar.U { background: #e6ece8; }
[data-theme="light"] .avatar span { color: #2e4944; }
[data-theme="light"] svg.chart [stroke="#70d3bb"] { stroke: #29856f; }
[data-theme="light"] svg.chart [fill="#70d3bb"] { fill: #389e82; }