/* Sportmaten Design System v1 */
:root{--navy:#012545;--green:#5e9063;--orange:#f58b0e;--border:#dce5df;--page:#f6f8f5;--muted:#64766a;--radius-button:6px;--radius-card:10px;color:var(--navy);background:var(--page)}
body{background:var(--page);color:var(--navy)}.wrap{max-width:1050px}.top{background:var(--navy)}h1,h2{color:var(--navy)}.btn,.topline button{border-radius:var(--radius-button)}.btn{background:var(--green)}.btn.secondary{background:#e8f0eb;color:var(--navy)}.btn:focus-visible,.menu-trigger:focus-visible,.menu-item:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
input,select{border:1px solid #b8c8bd;border-radius:4px;background:#fff;color:var(--navy)}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}
.panel,.list,.record-list,.home-tile{border:1px solid var(--border);border-radius:var(--radius-card)}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tile{min-height:130px;padding:16px;gap:9px}.home-tile .tile-icon{background:transparent!important;border-radius:0;width:32px;height:32px;color:var(--green);display:flex;align-items:center;justify-content:center}.tile-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.home-tile:disabled .tile-icon{color:#84988a}.home-tile strong{font-size:16px}.home-tile small{font-size:12px}.person,.record-row{padding:12px 14px}.sub{border-color:var(--border);border-radius:var(--radius-card)}.pill,.overview-payment .payment-status{border-radius:6px}.overview-payment .payment-status.is-paid{background:#e5f1e7;color:#377447}.overview-payment .payment-status.is-open{background:#fff0d8;color:#99600d}
.sm-header-actions{display:flex;align-items:center;gap:8px}.menu-trigger{display:none;border:1px solid #ffffff66;background:#ffffff12;color:#fff;border-radius:6px;padding:9px 11px;align-items:center;gap:8px;font:inherit;cursor:pointer}.menu-trigger:not(.hidden){display:inline-flex}.menu-trigger svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.sm-menu{background:var(--navy);border-top:1px solid #ffffff33;padding:9px max(16px,calc((100vw - 1050px)/2));display:flex;flex-wrap:wrap;gap:6px}.sm-menu.hidden{display:none}.menu-item{border:1px solid #ffffff33;border-radius:6px;background:#ffffff0e;color:white;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;cursor:pointer}.menu-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.menu-item:hover,.menu-item[aria-current=page]{background:#ffffff25;border-color:#ffffff77}
@media(max-width:540px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tile{min-height:126px;padding:13px}.home-tile:last-child{grid-column:1/-1}.sm-menu{flex-direction:column;padding:10px 16px}.menu-item{width:100%}.menu-trigger .menu-text{display:none}.brand-copy b{font-size:16px}}