/* SCORECARD: CARD / MY ROUNDS / PROGRESS, resume banner, per hole stats in the score sheet, SAVE ROUND, saved round card, progress chart. */
.seg.sc-view{grid-template-columns:repeat(3,1fr)}
.seg.sc-view button{font-size:14px;letter-spacing:.06em}
.resume{border-radius:14px;padding:12px;margin:0 0 12px;border:1px solid rgba(231,194,122,.6);background:linear-gradient(135deg,rgba(0,103,71,.5),rgba(8,18,13,.85))}
.resume b{display:block;font-size:20px;letter-spacing:.02em;margin-bottom:10px}
.sc tr.resume-row td{background:rgba(231,194,122,.18)}
.sc td.s button{position:relative}
.sc td.s .sdot{position:absolute;right:6px;bottom:5px;width:6px;height:6px;border-radius:50%;background:#3fbf86}
#scSave{margin-top:14px}
#scSave:disabled{opacity:.4}
#scSaveHint{margin-top:8px}

/* score sheet stats */
.pad-stats{display:grid;gap:8px;margin-bottom:12px}
.ps-note{margin:0;font-size:12px;color:var(--muted);text-align:center}
.ps-row{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:8px}
.ps-row small{letter-spacing:.08em}
.stp{display:grid;grid-template-columns:44px 1fr 44px;gap:6px}
.stp button{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.stp button svg{width:18px;height:18px}
.stp b{height:40px;border-radius:10px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}
.stp b em{font:500 13px/1 var(--f-body);font-style:normal;color:var(--muted)}
.chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.chips button{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:700 15px/1 var(--f-num);letter-spacing:.06em;cursor:pointer}
.chips button.on{background:var(--masters);border-color:#3fbf86}
.chips.wide{margin-bottom:10px}
.sheet .pad button{height:52px}

/* save sheet */
.guest-note{background:rgba(231,194,122,.14);border:1px solid rgba(231,194,122,.45);border-radius:10px;padding:8px 10px;color:#f3dfb0!important;text-align:left!important}
.sv-sum{display:flex;align-items:baseline;gap:10px;margin:4px 2px 12px}
.sv-sum span{flex:1;color:var(--muted);font-size:14px}
.sv-sum b{font:800 34px/1 var(--f-num)}
.sv-sum em{font:700 14px/1 var(--f-num);font-style:normal;letter-spacing:.08em;color:#9fe0bf}

/* MY ROUNDS */
.rd-filter{margin-bottom:10px}
.rd-list{display:grid;gap:8px}
.rd-row{display:grid;grid-template-columns:56px 1fr auto auto auto;align-items:center;gap:10px;width:100%;border-radius:14px;padding:10px 12px;color:#fff;text-align:left;cursor:pointer;border:1px solid var(--glass-line)}
.rd-date b{display:block;font-size:18px;line-height:1}
.rd-date small{margin-top:3px}
.rd-what b{display:block;font-size:17px;line-height:1.1}
.rd-what small{margin-top:3px;letter-spacing:.02em}
.rd-type{font:700 13px/1 var(--f-num);background:rgba(255,255,255,.12);border-radius:6px;padding:5px 7px}
.rd-score{font-size:28px}
.rd-empty{text-align:center;color:var(--muted)}
#scRounds .back{border:0;background:transparent;color:#fff;font:700 20px/1 var(--f-num);letter-spacing:.06em;padding:4px 0 12px;cursor:pointer}
.rd-head h2{margin:6px 0 2px;font:800 30px/1 var(--f-num);text-transform:uppercase}
.rd-when{margin:0;color:var(--muted)}
.rd-big{display:flex;align-items:center;gap:10px;margin-top:10px}
.rd-big b{font-size:44px;line-height:1}
.rd-card td.fw{font:700 13px/1 var(--f-num);letter-spacing:.04em}
.rd-card td{font-size:17px}
.rd-card .ed{width:100%;max-width:46px;height:34px;border-radius:8px;border:1px solid var(--glass-line);background:rgba(0,0,0,.35);color:#fff;text-align:center;font:600 16px/1 var(--f-num);padding:0 2px;color-scheme:dark}
.rd-card select.ed{max-width:58px;font-size:12px}
.rd-actions{margin-top:14px}

/* PROGRESS */
.pg-type{grid-template-columns:1fr 1fr;margin-bottom:12px}
.pg-chart{padding:14px 10px}
.rd-chart{width:100%;height:auto;display:block}
.rd-chart .ax{fill:rgba(255,255,255,.65);font:600 11px var(--f-body)}
.pg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pg-tile{background:var(--glass);border:1px solid var(--glass-line);border-radius:14px;padding:12px}
.pg-tile b{display:block;margin:6px 0 2px;font-size:32px;line-height:1}
.pg-tile b em{font:500 14px/1.2 var(--f-body);font-style:normal;color:var(--muted)}
.pg-tile .from{letter-spacing:.02em;color:#9fe0bf}
.resume{position:sticky;top:calc(8px + var(--safe-t));z-index:4;box-shadow:0 10px 26px rgba(0,0,0,.45)}

/* handicaps: column headers, tee row, missing ratings, stroke dots, GROSS / NET switch, MY HANDICAP, ratings sheet */
.sc thead th.p{padding:4px 2px}
.sc .ph{border:0;background:transparent;color:#fff;font:700 13px/1.1 var(--f-num);letter-spacing:.06em;cursor:pointer;padding:2px 0;width:100%}
.sc .ph .hx{display:block;margin-top:2px;font:600 10px/1.1 var(--f-num);letter-spacing:.04em;color:rgba(255,255,255,.85)}
.sc .ph .hx.ch{color:#ffe08a}
.sc td.s .kd{position:absolute;left:6px;top:5px;display:flex;gap:2px}
.sc td.s .kd b{width:5px;height:5px;border-radius:50%;background:#ffe08a;display:block}
.tee-row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;margin:0 0 10px}
.tee-row small{letter-spacing:.1em}
.tee-row .chips button{height:34px}
.hc-missing{border-radius:12px;padding:10px 12px;margin:0 0 12px;border:1px solid rgba(231,194,122,.55)}
.hc-missing b{display:block;font:600 14px/1.3 var(--f-body);color:#f3dfb0}
.hc-missing span{display:block;font-size:13px;color:var(--muted);margin:4px 0 8px}
.gn{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:3px;border-radius:9px;background:rgba(255,255,255,.06)}
.gn button{height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.7);font:700 13px/1 var(--f-num);letter-spacing:.08em;cursor:pointer}
.gn button.on{background:var(--masters);color:#fff}
.gn button:disabled{opacity:.35;cursor:not-allowed}
.sg-note{margin:6px 0 0;font-size:12px;color:#f3dfb0}
.htag{display:inline-block;font:700 11px/1 var(--f-num);font-style:normal;letter-spacing:.08em;padding:4px 7px;border-radius:5px;vertical-align:middle}
.htag.off{background:#1f9d62;color:#fff}
.htag.self{background:rgba(255,255,255,.16);color:#fff}
.htag.card{background:rgba(231,194,122,.25);color:#f3dfb0}
.htag.none{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.2)}
.hcard{border-radius:14px;padding:14px;margin-bottom:12px;background:rgba(0,103,71,.25);border:1px solid rgba(255,255,255,.14);text-align:center}
.hcard b{display:block;font-size:48px;line-height:1;margin:6px 0 8px}
.hcard .hupd{display:block;margin-top:6px;font-size:12px;color:#9fe0bf}
.hcard .hsrc{margin:8px 0 0;font-size:13px;color:var(--muted)}
.hnote{font-size:12px!important}
.hh{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:4px 0 10px}
.hh label{display:block;text-align:center}
.hh small{margin-bottom:3px}
.hh input{width:100%;height:40px;border-radius:8px;border:1px solid var(--glass-line);background:rgba(0,0,0,.3);color:#fff;text-align:center;font:700 16px/1 var(--f-num);padding:0;color-scheme:dark}
.rt-state{font-size:12px!important}
.mt-hcp{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.25);display:grid;gap:5px}
.mt-hcp .hrow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:14px}
.mt-hcp .hrow b{font:700 16px/1 var(--f-num)}
.mt-hcp .gets{font:700 14px/1 var(--f-num);color:#ffe08a;letter-spacing:.04em}
.mt-hcp .mnote{font-size:12px;color:var(--muted)}
.hc-card{display:flex;align-items:center;gap:12px}
.hc-card .hcv{font:800 34px/1 var(--f-num)}
.hc-card .grow{flex:1}
.net-switch{margin:0 0 10px}