/* ClubOps dark design system. Presentation only; all legacy layout/action selectors remain. */:root{color-scheme:dark;--background:#0d0f15;--surface-1:#181b24;--surface-2:#20232e;--surface-3:#2a2e3b;--border:#303441;--border-strong:#474d60;--text-primary:#f3f4f8;--text-secondary:#b1b5c6;--text-muted:#888fa4;--accent:#b7f443;--accent-hover:#c9ff65;--accent-soft:#252f1d;--success:#b7f443;--success-soft:#222e1d;--warning:#edbd70;--warning-soft:#322a20;--danger:#f28a9d;--danger-soft:#34212b;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow:0 10px 30px #00000018;--ink:var(--text-primary);--muted:var(--text-secondary);--purple:var(--accent);--line:var(--border);--paper:var(--surface-1);--green:var(--accent);font-family:'Golos Text',system-ui,sans-serif;color:var(--text-primary);background:var(--background)}html.clubops-dark body{background:var(--background);color:var(--text-primary);line-height:1.5}html.clubops-dark ::selection{background:var(--accent);color:var(--background)}html.clubops-dark button,html.clubops-dark a,html.clubops-dark input,html.clubops-dark select,html.clubops-dark textarea{outline-offset:4px}html.clubops-dark button:focus-visible,html.clubops-dark a:focus-visible,html.clubops-dark input:focus-visible,html.clubops-dark select:focus-visible,html.clubops-dark textarea:focus-visible{outline:2px solid var(--accent)}html.clubops-dark button{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:40px;transition:background .15s,border-color .15s,transform .15s}html.clubops-dark button:hover{background:var(--surface-3);border-color:var(--border-strong)}html.clubops-dark button:active{transform:translateY(1px)}html.clubops-dark button.primary,html.clubops-dark .primary{background:var(--accent);border-color:var(--accent);color:var(--background);font-weight:650}html.clubops-dark button.primary:hover,html.clubops-dark .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}html.clubops-dark button:disabled{opacity:.45;cursor:not-allowed;transform:none}html.clubops-dark button.danger,html.clubops-dark .danger-action{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}html.clubops-dark a{color:var(--accent);text-decoration:none}html.clubops-dark a:hover{text-decoration:underline}html.clubops-dark input,html.clubops-dark select,html.clubops-dark textarea{background:var(--background);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;min-height:44px;box-shadow:none}html.clubops-dark input::placeholder,html.clubops-dark textarea::placeholder{color:var(--text-muted)}html.clubops-dark input:focus,html.clubops-dark select:focus,html.clubops-dark textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b7f44310}html.clubops-dark input[type=checkbox],html.clubops-dark input[type=radio]{accent-color:var(--accent);min-height:0;width:19px;height:19px;flex-shrink:0;cursor:pointer}html.clubops-dark input[type=file]{background:var(--surface-2);padding:10px}html.clubops-dark input::file-selector-button{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);padding:8px 12px;margin-right:12px}html.clubops-dark select option{background:var(--surface-2);color:var(--text-primary)}html.clubops-dark label{color:var(--text-secondary);font-size:13px}html.clubops-dark h1,html.clubops-dark h2,html.clubops-dark h3,html.clubops-dark h4,html.clubops-dark strong{color:var(--text-primary)}html.clubops-dark h1{font-weight:750;font-size:32px;letter-spacing:-1px}html.clubops-dark h2{font-weight:650}html.clubops-dark p{line-height:1.6}html.clubops-dark .sub,html.clubops-dark .muted,html.clubops-dark .eyebrow,html.clubops-dark .label,html.clubops-dark .nav-label,html.clubops-dark small,html.clubops-dark .footnote{color:var(--text-secondary)}html.clubops-dark .eyebrow{letter-spacing:2px;font-size:10px}html.clubops-dark .label{font-weight:500}html.clubops-dark .layout{background:var(--background)}html.clubops-dark .sidebar{background:linear-gradient(145deg,#161821,#10121a);border-color:var(--border);width:240px;padding:28px 16px 16px}html.clubops-dark .main{min-width:0}html.clubops-dark .brand{padding:2px 10px;display:flex;gap:10px;align-items:center;letter-spacing:-1px;font-size:27px}html.clubops-dark .brand>i{display:none}html.clubops-dark .clubops-mark{width:44px;height:44px;object-fit:contain;flex-shrink:0}html.clubops-dark .clubops-wordmark{font-weight:800;letter-spacing:-1.3px;white-space:nowrap;color:var(--text-primary)!important}html.clubops-dark .clubops-wordmark>span{color:var(--accent)!important}html.clubops-dark .club-switch{background:linear-gradient(135deg,var(--surface-2),var(--surface-1));border:1px solid var(--border);border-radius:var(--radius-md);padding:15px 13px;margin:30px 0 22px;line-height:1.7}html.clubops-dark .club-switch strong{font-size:13px}html.clubops-dark .nav{gap:5px}html.clubops-dark .nav button{padding:12px 13px;background:transparent;color:var(--text-secondary);border:0;border-radius:12px;min-height:45px;font-size:13px}html.clubops-dark .nav button:hover{background:var(--surface-2);color:var(--text-primary)}html.clubops-dark .nav button.active{background:var(--accent);color:var(--background);box-shadow:none}html.clubops-dark .nav button.active .nav-icon{color:var(--background)}html.clubops-dark .nav button .nav-icon{color:inherit}html.clubops-dark .nav button b,html.clubops-dark .chat-unread{background:var(--accent);color:var(--background)}html.clubops-dark .nav button.active .chat-unread{background:var(--background);color:var(--accent)}html.clubops-dark .sidebar-bottom{background:transparent;border-color:var(--border)}html.clubops-dark .sidebar-bottom .user{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}html.clubops-dark .sidebar-bottom .user button{background:transparent;color:var(--text-secondary)}html.clubops-dark .avatar{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-strong)}html.clubops-dark .topbar{background:#101219ed;border-color:var(--border);min-height:74px;backdrop-filter:blur(16px)}html.clubops-dark .topbar button{background:var(--surface-1)}html.clubops-dark .crumb,html.clubops-dark .crumb strong{color:var(--text-secondary)}html.clubops-dark .live,html.clubops-dark .live .dot{color:var(--accent)}html.clubops-dark .dot{background:var(--accent)}html.clubops-dark .content{max-width:1600px;padding:28px 32px 40px}html.clubops-dark .page-heading{margin-bottom:24px}html.clubops-dark .footnote{border-color:var(--border);font-size:10px}html.clubops-dark .panel,html.clubops-dark .stat,html.clubops-dark .metric-card,html.clubops-dark .card,html.clubops-dark .operational-task,html.clubops-dark .notification-row,html.clubops-dark .zone-map-card,html.clubops-dark .personal-cards>section,html.clubops-dark .salary-card,html.clubops-dark .shift-card,html.clubops-dark .scan-job,html.clubops-dark .report-card{background:linear-gradient(135deg,#1b1e28,var(--surface-1));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}html.clubops-dark .panel-head{background:transparent;border-color:var(--border);padding:20px 22px}html.clubops-dark .panel-body{padding:22px}html.clubops-dark .panel-head h2{font-size:18px}html.clubops-dark .row,html.clubops-dark .activity-line,html.clubops-dark .notification-row{border-color:var(--border)}html.clubops-dark .row:hover{background:#ffffff03}html.clubops-dark .stats{gap:18px}html.clubops-dark .stat{padding:22px;min-height:138px}html.clubops-dark .stat .value{font-size:34px;font-weight:750;letter-spacing:-1px;line-height:1.2;margin-top:14px;color:var(--text-primary)}html.clubops-dark .stat .sub{font-size:11px;margin-top:12px}html.clubops-dark .owner-hero{background:linear-gradient(105deg,var(--surface-1),#12151e);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;padding:30px;margin-bottom:22px;isolation:isolate}html.clubops-dark .owner-hero:after{content:'';position:absolute;right:2%;top:-110px;width:210px;height:350px;transform:rotate(37deg);border-radius:55px;background:linear-gradient(145deg,#b7f44322,#b7f44305 50%,#34384966 51%,#171a23);z-index:-1;border:1px solid #ffffff08;pointer-events:none}html.clubops-dark .owner-hero h2{font-size:38px;letter-spacing:-1.2px;font-weight:750}html.clubops-dark .owner-hero h2>span{color:var(--accent)}html.clubops-dark .owner-hero p{color:var(--text-secondary)}html.clubops-dark .owner-hero>button{background:var(--surface-2);color:var(--text-primary);z-index:1}html.clubops-dark .personal-hero,html.clubops-dark .shift-banner,html.clubops-dark .next-shift,html.clubops-dark .shift-facts{background:var(--surface-1);border-color:var(--border);color:var(--text-primary)}html.clubops-dark .personal-hero h2{color:var(--text-primary)}html.clubops-dark .next-shift strong{color:var(--accent)}html.clubops-dark .shift-banner .badge{background:var(--success-soft);color:var(--success)}html.clubops-dark .metric-large{color:var(--text-primary)}html.clubops-dark .progress{background:var(--surface-3)}html.clubops-dark .progress span{background:var(--accent)}html.clubops-dark table{background:var(--surface-1);color:var(--text-primary)}html.clubops-dark thead,html.clubops-dark th{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}html.clubops-dark th{font-size:10px;font-weight:600;letter-spacing:.8px}html.clubops-dark td{border-color:var(--border)}html.clubops-dark tbody tr:hover{background:var(--surface-2)}html.clubops-dark .table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;max-width:100%}html.clubops-dark thead th{position:sticky;top:0;z-index:1}html.clubops-dark td input,html.clubops-dark td select{max-width:100%}html.clubops-dark .badge,html.clubops-dark .tag{background:var(--surface-3);color:var(--text-secondary);border:1px solid transparent;border-radius:8px}html.clubops-dark .badge.ready,html.clubops-dark .badge.done,html.clubops-dark .badge.accepted,html.clubops-dark .badge.active,html.clubops-dark .badge.on_time,html.clubops-dark .tag.accepted{background:var(--success-soft);color:var(--success)}html.clubops-dark .badge.warn,html.clubops-dark .badge.pending,html.clubops-dark .badge.submitted,html.clubops-dark .badge.progress,html.clubops-dark .badge.issue,html.clubops-dark .tag.submitted{background:var(--warning-soft);color:var(--warning)}html.clubops-dark .badge.danger,html.clubops-dark .badge.returned,html.clubops-dark .badge.repair,html.clubops-dark .badge.incomplete,html.clubops-dark .tag.returned{background:var(--danger-soft);color:var(--danger)}html.clubops-dark .notice,html.clubops-dark .attention,html.clubops-dark .handover-callout{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md)}html.clubops-dark .notice.attention,html.clubops-dark .notice.warning{background:var(--warning-soft);border-color:#edbd7038;color:var(--warning)}html.clubops-dark .return-reason,html.clubops-dark .job-missing{color:var(--danger)}html.clubops-dark .notice.success{background:var(--success-soft);color:var(--success)}html.clubops-dark .empty{color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:28px;background:var(--surface-1)}html.clubops-dark dialog,html.clubops-dark #modal{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 90px #0008;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:24px}html.clubops-dark dialog::backdrop{background:#05070bbf;backdrop-filter:blur(5px)}html.clubops-dark .dialog-head{border-color:var(--border)}html.clubops-dark .dialog-head h2{font-size:24px}html.clubops-dark .dialog-head button{background:var(--surface-2);color:var(--text-secondary)}html.clubops-dark .dialog-actions{border-color:var(--border);gap:10px}html.clubops-dark .dialog-actions button{min-height:44px}html.clubops-dark .photo-strip img,html.clubops-dark .operation-photo{border:1px solid var(--border);border-radius:12px}html.clubops-dark .upload-box,html.clubops-dark .photo-upload,html.clubops-dark .photo-slot,html.clubops-dark .photo-capture-card{background:var(--surface-2);border-color:var(--border-strong)}html.clubops-dark #toast{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow)}html.clubops-dark .connection-banner,html.clubops-dark .offline-banner,html.clubops-dark body.connection-offline .connection-status{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}html.clubops-dark .calendar,html.clubops-dark .calendar-grid,html.clubops-dark .schedule-calendar{background:var(--background);border-color:var(--border)}html.clubops-dark .calendar-cell,html.clubops-dark .calendar-day,html.clubops-dark .day,html.clubops-dark .day-cell,html.clubops-dark .week-day,html.clubops-dark .schedule-day{background:var(--surface-1);border-color:var(--border)}html.clubops-dark .calendar-cell:hover,html.clubops-dark .calendar-day:hover,html.clubops-dark .day-cell:hover{border-color:var(--border-strong)}html.clubops-dark .calendar-cell.today,html.clubops-dark .calendar-day.today,html.clubops-dark .day-cell.today{border-color:var(--accent)}html.clubops-dark .calendar-head,html.clubops-dark .calendar-weekdays{color:var(--text-secondary)}html.clubops-dark .shift-chip,html.clubops-dark .schedule-slot,html.clubops-dark .shift-day{background:var(--success-soft);color:var(--success);border-color:#b7f44326}html.clubops-dark .shift-chip.night,html.clubops-dark .shift-night{background:var(--surface-3);color:var(--text-secondary)}html.clubops-dark .workspace-tabs,html.clubops-dark .calendar-actions,html.clubops-dark .segmented{background:transparent}html.clubops-dark .workspace-tabs button,html.clubops-dark .calendar-actions button,html.clubops-dark .segmented button{background:var(--surface-1);color:var(--text-secondary);border-color:var(--border)}html.clubops-dark .workspace-tabs button.active,html.clubops-dark .calendar-actions button.active,html.clubops-dark .segmented button.active{background:var(--accent-soft);color:var(--accent);border-color:#b7f44338}html.clubops-dark .checklist label,html.clubops-dark .check-row{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}html.clubops-dark .checklist label:has(input:checked){background:var(--success-soft);border-color:#b7f44326}html.clubops-dark .checklist input{accent-color:var(--accent)}html.clubops-dark .zone-map{gap:16px}html.clubops-dark .zone-map-card{padding:18px}html.clubops-dark .zone-map-card header{border-color:var(--border)}html.clubops-dark .zone-map-icon{background:var(--surface-3);color:var(--text-secondary)}html.clubops-dark .zone-map-count{color:var(--text-muted)}html.clubops-dark .zone-place,html.clubops-dark .station{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:none;border-radius:10px}html.clubops-dark .zone-place.ready,html.clubops-dark .station.ready{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}html.clubops-dark .zone-place-status{background:var(--text-muted)}html.clubops-dark .zone-place.ready .zone-place-status{background:var(--success)}html.clubops-dark .zone-place.issue,html.clubops-dark .station.issue{background:var(--warning-soft);border-color:#edbd7050;color:var(--warning)}html.clubops-dark .zone-place.repair,html.clubops-dark .station.repair{background:var(--danger-soft);border-color:#f28a9d50;color:var(--danger)}html.clubops-dark .zone-place:hover,html.clubops-dark .station:hover{background:var(--surface-3);border-color:var(--accent);transform:translateY(-2px)}html.clubops-dark .zone-place-icon{color:inherit;opacity:.7}html.clubops-dark .zone-map-legend i.ready{background:var(--success)}html.clubops-dark .zone-map-legend i.issue{background:var(--warning)}html.clubops-dark .zone-map-legend i.repair{background:var(--danger)}html.clubops-dark .operational-task{padding:20px;margin-bottom:14px}html.clubops-dark .operational-task p{color:var(--text-secondary)}html.clubops-dark .operational-task .return-reason{color:var(--danger)}html.clubops-dark .operational-task button{white-space:normal}html.clubops-dark .finance-grid,html.clubops-dark .financial-grid,html.clubops-dark .finance-block,html.clubops-dark .finance-summary,html.clubops-dark .reconciliation,html.clubops-dark .calculated-totals{background:var(--surface-2);border-color:var(--border)}html.clubops-dark .finance-grid strong,html.clubops-dark .financial-grid strong{color:var(--text-primary)}html.clubops-dark details{border-color:var(--border)}html.clubops-dark summary{color:var(--text-secondary)}html.clubops-dark hr{border:0;border-top:1px solid var(--border)}html.clubops-dark .club-chat{background:var(--surface-1);border-color:var(--border);box-shadow:var(--shadow)}html.clubops-dark .chat-top,html.clubops-dark .chat-composer{background:var(--surface-1);border-color:var(--border)}html.clubops-dark .chat-room-icon,html.clubops-dark .chat-avatar{background:var(--surface-3);color:var(--accent)}html.clubops-dark .chat-top>button{background:var(--surface-2);color:var(--text-secondary)}html.clubops-dark .chat-message{background:var(--surface-2);border-color:var(--border)}html.clubops-dark .chat-message.mine{background:#252e20;border-color:#3a4930}html.clubops-dark .chat-message.system{background:var(--background);border:1px solid var(--border)}html.clubops-dark .chat-message header small,html.clubops-dark .chat-message time,html.clubops-dark .chat-top small{color:var(--text-secondary)}html.clubops-dark .chat-message footer button,html.clubops-dark .chat-discuss{color:var(--text-secondary)!important}html.clubops-dark .chat-discuss{background:var(--surface-2);border-color:var(--border)!important}html.clubops-dark .chat-context{background:var(--surface-1);border-color:var(--border-strong)}html.clubops-dark .chat-context strong{color:var(--accent)}html.clubops-dark .chat-context span{color:var(--text-secondary)}html.clubops-dark .chat-quote{background:#ffffff06;border-color:var(--accent);color:var(--text-secondary)}html.clubops-dark .chat-mentioned{background:var(--success-soft);color:var(--accent)}html.clubops-dark .chat-pinned{background:var(--accent-soft);border-color:#b7f44322}html.clubops-dark .chat-pinned small{color:var(--accent)}html.clubops-dark .chat-pinned button{color:var(--text-primary)}html.clubops-dark .chat-older,html.clubops-dark .chat-attach{background:var(--surface-3);color:var(--accent)}html.clubops-dark .chat-input-row textarea{background:var(--background);border-color:var(--border);color:var(--text-primary)}html.clubops-dark .chat-draft-item,html.clubops-dark .chat-file{background:var(--surface-2);color:var(--text-secondary)}html.clubops-dark .chat-mentions{background:var(--surface-2);border-color:var(--border-strong)}html.clubops-dark .chat-mentions button{background:var(--surface-2);color:var(--text-primary)}html.clubops-dark .chat-mentions button:hover{background:var(--surface-3)}html.clubops-dark .chat-empty h2{color:var(--text-primary)}html.clubops-dark .chat-empty>span{color:var(--accent)}html.clubops-dark .chat-empty,html.clubops-dark .chat-hint{color:var(--text-muted)}html.clubops-dark #chat-error{color:var(--danger)}html.clubops-dark .login{background:var(--background);border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 90px #0005}html.clubops-dark .login .brand{justify-content:center}html.clubops-dark .login input{background:var(--surface-1)}html.clubops-dark .login button.primary{color:var(--background)}html.clubops-dark .login .demo-access{background:var(--surface-1);border-color:var(--border)}html.clubops-dark .terminal-screen{background:radial-gradient(ellipse at 50% 0,#b7f44308,transparent 50%),var(--background);color:var(--text-primary)}html.clubops-dark .terminal-screen .brand{justify-content:center}html.clubops-dark .terminal-card,html.clubops-dark .terminal-info,html.clubops-dark .terminal-approval,html.clubops-dark .checkin-shell .panel{background:var(--surface-1);border-color:var(--border)}html.clubops-dark .terminal-qr,html.clubops-dark .qr-code,html.clubops-dark .qr-label,html.clubops-dark .qr-label svg,html.clubops-dark .qr-labels svg,html.clubops-dark .terminal-screen svg,html.clubops-dark .station-qr svg{background:#fff;color:#111;border-radius:12px}html.clubops-dark .qr-label{color:#111}html.clubops-dark .qr-label strong{color:#111}html.clubops-dark .terminal-qr svg{padding:12px}html.clubops-dark .terminal-screen h1{font-size:38px}html.clubops-dark .terminal-screen .sub{color:var(--text-secondary)}html.clubops-dark .camera-frame,html.clubops-dark .scanner-fullscreen{background:#0a0c11;color:var(--text-primary)}html.clubops-dark .scanner-frame,html.clubops-dark .scan-target{border-color:var(--accent)}html.clubops-dark .scanner-instruction{color:var(--text-secondary)}html.clubops-dark .photo-capture,html.clubops-dark .capture-screen{background:var(--background);color:var(--text-primary)}html.clubops-dark .phone-tabbar{background:#151820f5;border-color:var(--border);backdrop-filter:blur(20px)}html.clubops-dark .phone-tabbar button{background:transparent;color:var(--text-muted);border:0}html.clubops-dark .phone-tabbar button.selected{background:var(--accent-soft);color:var(--accent)}html.clubops-dark .phone-tabbar button[data-phone-tab=scanner]{background:transparent}html.clubops-dark .phone-tabbar button[data-phone-tab=scanner] svg{background:var(--accent);color:var(--background);border-color:var(--background);box-shadow:0 0 0 7px var(--background)}html.clubops-dark .phone-app-logo{color:var(--text-primary);display:flex;gap:7px;align-items:center}html.clubops-dark .phone-app-logo .clubops-mark{width:31px;height:31px;background:none}html.clubops-dark .phone-app-logo .clubops-wordmark{font-size:22px}html.clubops-dark .phone-shift-strip,html.clubops-dark .phone-profile,html.clubops-dark .more-grid button,html.clubops-dark .phone-signout{background:var(--surface-1);border-color:var(--border);color:var(--text-primary)}html.clubops-dark .phone-shift-strip.working{background:var(--success-soft)}html.clubops-dark .more-grid button span{background:var(--surface-3);color:var(--accent)}html.clubops-dark .drawer-backdrop{background:#05070bbf}html.clubops-dark .drawer-close{background:var(--surface-2);color:var(--text-primary)}@media(min-width:901px){html.clubops-dark .layout{grid-template-columns:240px minmax(0,1fr)}html.clubops-dark .main{grid-column:2}html.clubops-dark .personal-cards{gap:20px}html.clubops-dark .owner-hero h2{max-width:80%}}@media(max-width:1100px) and (min-width:761px){html.clubops-dark .stats{grid-template-columns:repeat(2,minmax(0,1fr))}html.clubops-dark .content{padding:24px}html.clubops-dark .owner-hero h2{font-size:32px}}@media(max-width:900px){html.clubops-dark .sidebar{width:260px}html.clubops-dark .content{padding:20px}html.clubops-dark .topbar{min-height:64px}html.clubops-dark .layout{display:block}html.clubops-dark .main{width:100%}html.clubops-dark .sidebar:not(.open){transform:translateX(-100%)}}@media(max-width:760px){:root{font-size:14px}html.clubops-dark .content{padding:18px 14px calc(115px + env(safe-area-inset-bottom))}html.clubops-dark .topbar{background:var(--surface-1);border-color:var(--border)}html.clubops-dark h1{font-size:27px}html.clubops-dark .owner-hero{padding:22px}html.clubops-dark .owner-hero h2{font-size:29px;max-width:100%}html.clubops-dark .owner-hero:after{opacity:.45}html.clubops-dark .stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}html.clubops-dark .stat{padding:16px;min-height:128px}html.clubops-dark .stat .value{font-size:26px}html.clubops-dark .stat .label{font-size:11px}html.clubops-dark .panel-head,html.clubops-dark .panel-body{padding:17px}html.clubops-dark .personal-cards{grid-template-columns:minmax(0,1fr)}html.clubops-dark button,html.clubops-dark input,html.clubops-dark select{min-height:44px}html.clubops-dark .phone-tabbar{padding-bottom:max(10px,env(safe-area-inset-bottom))}html.clubops-dark .phone-tabbar button{min-height:52px}html.clubops-dark .phone-tabbar button[data-phone-tab=scanner] svg{color:var(--background)}html.clubops-dark .club-chat{height:calc(100dvh - 188px - env(safe-area-inset-bottom))}html.clubops-dark .chat-input-row .primary{color:var(--background)}html.clubops-dark .chat-top{padding:13px 16px}html.clubops-dark .chat-top h2{font-size:16px}html.clubops-dark .chat-message{max-width:95%}html.clubops-dark .zone-map{gap:10px}html.clubops-dark .zone-map-card{padding:14px}html.clubops-dark dialog,html.clubops-dark #modal{padding:18px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);width:min(640px,calc(100vw - 20px))}html.clubops-dark .dialog-actions{flex-wrap:wrap}html.clubops-dark .dialog-actions button{flex:1 1 140px}html.clubops-dark .toolbar{flex-wrap:wrap;gap:12px}html.clubops-dark .toolbar>*{max-width:100%}html.clubops-dark .terminal-screen h1{font-size:28px}html.clubops-dark .login{margin:24px auto;width:calc(100% - 28px);padding:28px 22px}}@media(max-width:360px){html.clubops-dark .stats{grid-template-columns:minmax(0,1fr)}html.clubops-dark .chat-input-row{gap:5px}html.clubops-dark .chat-attach{width:32px}html.clubops-dark .chat-input-row .primary{font-size:11px;padding:10px 7px}html.clubops-dark .phone-tabbar button span{font-size:10px}html.clubops-dark .owner-hero h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html.clubops-dark *,html.clubops-dark *:before,html.clubops-dark *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{html.clubops-dark body{background:white;color:black}html.clubops-dark .qr-label,html.clubops-dark .qr-label strong{background:white;color:black}}/* Original supplied brand artwork, composed in the UI rather than repainted. */html.clubops-dark .brand .clubops-mark,html.clubops-dark .brand .clubops-wordmark,html.clubops-dark .phone-app-logo .clubops-mark,html.clubops-dark .phone-app-logo .clubops-wordmark{display:none}html.clubops-dark .brand:before,html.clubops-dark .phone-app-logo:before{content:'';display:block;width:200px;height:44px;background-image:url('/brand/logo.png');background-repeat:no-repeat;background-size:304px 102px;background-position:-52px -28px;flex-shrink:0}html.clubops-dark .phone-app-logo:before{width:149px;height:34px;background-size:228px 76px;background-position:-39px -21px}html.clubops-dark .login .brand{min-height:58px}html.clubops-dark .brand{min-height:46px}@media(min-width:901px){html.clubops-dark .layout{display:block}html.clubops-dark .main{margin-left:240px;width:auto}html.clubops-dark .owner-hero>div{flex:1;min-width:0}html.clubops-dark .owner-hero h2{max-width:none}html.clubops-dark .owner-dashboard #view{display:flex;flex-direction:column}html.clubops-dark .owner-dashboard #view>.owner-hero{order:-2}html.clubops-dark .owner-dashboard #view>.stats{order:-1}html.clubops-dark .phone-app-logo{display:none}html.clubops-dark .owner-dashboard .zone-map{grid-template-columns:repeat(3,minmax(0,1fr))}html.clubops-dark .owner-dashboard .zone-map-card{padding:14px}html.clubops-dark .owner-dashboard .zone-map-wide{grid-column:span 2}html.clubops-dark .owner-dashboard .zone-place-icon{display:none}html.clubops-dark .owner-dashboard .zone-place{min-height:36px;padding:7px}html.clubops-dark .owner-dashboard .zone-map-card header{margin-bottom:10px;padding-bottom:10px}}@media(max-width:900px){html.clubops-dark .main{margin-left:0}html.clubops-dark .phone-app-logo{display:flex}}
html.clubops-dark .nav{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html.clubops-dark .sidebar-bottom{flex-shrink:0}html.clubops-dark .brand:before,html.clubops-dark .phone-app-logo:before{mix-blend-mode:screen}html.clubops-dark .inbox-button svg{width:19px;height:19px}
html.clubops-dark dialog,html.clubops-dark #modal{width:min(760px,calc(100vw - 32px));max-width:760px}html.clubops-dark .phone-tabbar .chat-unread{background:var(--accent);color:var(--background)}html.clubops-dark .badge{font-weight:550}
@media(max-width:760px){html.clubops-dark dialog,html.clubops-dark #modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}
html.clubops-dark .terminal-brand{display:flex;justify-content:center;align-items:center;background:none;margin:0 auto 26px}html.clubops-dark .terminal-brand>*{display:none}html.clubops-dark .terminal-brand:before{content:'';display:block;width:240px;height:54px;background:url('/brand/logo.png') -62px -34px / 365px 122px no-repeat;mix-blend-mode:screen}html.clubops-dark .finance-results>div,html.clubops-dark .monthly-money-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}html.clubops-dark .finance-results strong{color:var(--text-primary)}html.clubops-dark .capture-dots .active{background:var(--accent)}html.clubops-dark .photo-shutter{background:var(--text-primary);border-color:var(--border-strong)}html.clubops-dark .photo-label{background:#0d0f15d9;color:var(--text-primary)}html.clubops-dark .report-camera-copy{color:var(--text-secondary)}
html.clubops-dark .empty:before{content:'○';display:block;font-size:28px;color:var(--text-muted);margin-bottom:10px}html.clubops-dark .empty.is-loading:before{content:'';width:22px;height:22px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;margin:0 auto 12px;animation:clubops-spin .9s linear infinite}@keyframes clubops-spin{to{transform:rotate(360deg)}}html.clubops-dark [aria-busy=true]{cursor:progress}html.clubops-dark .skeleton{background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));border-radius:var(--radius-sm)}
html.clubops-dark .monthly-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}html.clubops-dark .monthly-money-grid>div{padding:16px;font-size:12px;min-width:0}html.clubops-dark .monthly-money-grid strong{display:block;font-size:20px;margin-top:8px}html.clubops-dark .finance-results>div{padding:16px}html.clubops-dark .finance-results span{font-size:12px;color:var(--text-secondary)}html.clubops-dark .finance-results strong{font-size:22px;margin-top:8px}
@media(max-width:760px){html.clubops-dark .monthly-money-grid,html.clubops-dark .finance-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.clubops-dark .monthly-money-grid strong,html.clubops-dark .finance-results strong{font-size:18px}html.clubops-dark .monthly-money-grid>div{padding:13px}}
@media(max-width:360px){html.clubops-dark .monthly-money-grid,html.clubops-dark .finance-results{grid-template-columns:minmax(0,1fr)}}
html.clubops-dark .terminal-screen{padding:24px;gap:16px;min-height:100dvh}html.clubops-dark .terminal-brand{margin:0 auto 12px}html.clubops-dark .terminal-qr{width:clamp(260px,40dvh,380px);max-width:calc(100vw - 48px);padding:12px;background:#fff;border:1px solid #fff;box-shadow:none;border-radius:16px}html.clubops-dark .terminal-qr svg{display:block;width:100%;height:auto;padding:0}html.clubops-dark .terminal-security{max-width:500px}html.clubops-dark .terminal-heading p{color:var(--text-secondary)}
html.clubops-dark .terminal-qr{height:auto;min-height:0;aspect-ratio:1;display:grid;place-items:center}html.clubops-dark .terminal-qr svg{max-height:100%}
html.clubops-dark .login-error,html.clubops-dark #error{color:var(--danger)}html.clubops-dark .demo-accounts{background:var(--surface-1);border-color:var(--border);color:var(--text-secondary)}
/* Replacement artwork now has genuine alpha; no blend tricks or background panel. */
html.clubops-dark .brand:before{width:200px;height:48px;background-size:224px 75px;background-position:-14px -14px;mix-blend-mode:normal}html.clubops-dark .phone-app-logo:before{width:150px;height:36px;background-size:168px 56px;background-position:-10px -10px;mix-blend-mode:normal}html.clubops-dark .terminal-brand:before{width:240px;height:58px;background-size:269px 90px;background-position:-16px -17px;mix-blend-mode:normal}
html.clubops-dark .stat .value{font-size:clamp(22px,1.9vw,30px);font-variant-numeric:tabular-nums;line-height:1.25} @media(max-width:760px){html.clubops-dark .stat .value{font-size:clamp(20px,5.4vw,26px)}}
html.clubops-dark .stat .value{font-size:32px}html.clubops-dark .stat .value.money-amount{font-size:clamp(22px,1.9vw,30px)}@media(max-width:760px){html.clubops-dark .stat .value{font-size:26px}html.clubops-dark .stat .value.money-amount{font-size:clamp(18px,4.5vw,24px)}}@media(max-width:360px){html.clubops-dark .stat .value.money-amount{font-size:24px}}