/* THE SCORECARD RIBBON (Kody, Oct 6 — layout A, take three). Tabs across the
   top — Event · Cards · Card · Grid · Covers · Print — each one a strip of
   labelled groups that fill the width. The card sits underneath at full
   width under a title bar. scorecard-studio.js only moves the maker's own
   controls into this frame. */
.rb{margin:0 0 12px}
.rb-tabs{display:flex;gap:3px;align-items:flex-end;padding:0 8px;position:relative;z-index:1}
.rb-tab{border:1px solid transparent;border-bottom:0;background:#E3E8EF;color:#5B6B7B;font:700 13.5px/1.2 inherit;font-family:inherit;padding:9px 16px;border-radius:10px 10px 0 0;cursor:pointer}
.rb-tab:hover{background:#EEF1F5;color:#0A3D7A}
.rb-tab.on{background:#fff;color:#0A3D7A;border-color:#D9DFE7;position:relative;top:1px}
.rb-strip{display:none;background:#fff;border:1px solid #D9DFE7;border-radius:0 12px 12px 12px;padding:6px 6px 8px}
.rb-strip.on{display:flex;flex-wrap:wrap;align-items:stretch}
.rb-grp{display:flex;flex-direction:column;gap:7px;padding:8px 16px;border-right:1px solid #EEF1F5;min-width:0;box-sizing:border-box;flex:none}
.rb-grp.grow{flex:1 1 0}
.rb-grp.full{flex:1 1 100%;border-right:0;border-top:1px solid #EEF1F5;margin-top:4px;padding-top:12px}
.rb-grp:last-child{border-right:0}
.rb-col{display:flex;flex-direction:column;border-right:1px solid #EEF1F5;flex:none}
.rb-col .rb-grp{border-right:0;border-bottom:1px solid #EEF1F5;width:auto}
.rb-col .rb-grp:last-child{border-bottom:0}
.rb-gl{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6B7B;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-glsub{font-weight:400;text-transform:none;letter-spacing:0;font-size:11.5px}
.rb-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rb-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;gap:12px}
.rb-fields label{margin:0 0 3px;font-size:12px;font-weight:700;color:#5B6B7B}
.rb-fields input{width:100%}
.rb-lbl{font-size:12px;font-weight:700;color:#5B6B7B;margin:0;display:block}
.rb-lrow{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:center}
.rb-lrow2{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.rb-txt{font-size:13.5px}
.rb-hint{font-size:12px;color:#5B6B7B;line-height:1.4;margin:0;max-width:440px}
.sc-muted{font-size:12.5px;color:#5B6B7B}
.sc-link{background:none;border:0;padding:0;color:#0A3D7A;font-weight:700;font-family:inherit;font-size:12.5px;cursor:pointer;width:auto;height:auto}
.sc-link:hover{text-decoration:underline}
.sc-dot{color:#9AA5B1;font-size:12.5px}
/* The maker's own controls, as they land in the strip. */
.rb-grp .dsField{display:block;margin:0;font-size:12px;font-weight:700;color:#5B6B7B}
.rb-grp .dsField select,.rb-grp .dsField input{display:block;width:100%;min-width:0;margin-top:3px}
.rb-grp .dsField .fontPick{display:block;width:100%;margin-top:3px;height:34px}
.rb-grp .dsCk{margin:0;font-size:13.5px;display:flex;align-items:center;gap:8px}
.rb-grp .dsCk input{margin:0}
.rb-grp .dsBtns{display:flex;gap:8px;margin:0}
.rb-grp .dsBtn{height:32px;margin:0}
.rb-grp .btn{width:auto;min-width:0;height:36px;margin:0;padding:0 18px;font-size:13.5px}
.rb-grp .btn.ghost{background:#fff;border:1.5px solid #0A3D7A;color:#0A3D7A}
.rb-grp .btn.ghost.quiet{border-color:#CBD3DD;color:#5B6B7B}
.rb-grp #styleWrap{margin:0}
.rb-grp #tsDaySel{margin:6px 0 0 !important;width:100% !important}
.rb-grp .dsLogos{padding:8px 10px;margin:0}
.rb-grp #wmPickWrap{margin:0 0 0 24px;gap:6px}
.rb-grp #wmPickWrap select{width:auto;min-width:0;max-width:230px;height:32px}
.sc-pdesc{font-weight:400;margin:5px 0 0 !important}
/* Cards tab: players on this card */
.sc-pc{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.sc-pcl{flex:none}
.sc-pcr{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}
.rb-grp .pcHead{margin:0 0 4px;grid-template-columns:220px 80px 34px}
.rb-grp .pcRow{grid-template-columns:220px 80px auto;margin-bottom:5px}
.rb-grp .pcAdd{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.rb-grp .pcAdd select{width:230px;min-width:0}
/* Cards tab: all the cards, grouped by tee time */
.sc-lh{display:flex;align-items:center;gap:10px}
.sc-lh input[type=search]{width:260px;height:32px;margin:0;padding:0 10px;font-size:13px;border-radius:8px}
.sc-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc-chip{height:28px;border:1.5px solid #CBD3DD;border-radius:999px;padding:0 12px;background:#fff;font:700 12.5px inherit;font-family:inherit;color:#5B6B7B;cursor:pointer;width:auto;margin:0}
.sc-chip small{font-weight:400;margin-left:3px;opacity:.85}
.sc-chip.on{background:#0A3D7A;border-color:#0A3D7A;color:#fff}
.sc-list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.sc-g{border:1px solid #EEF1F5;border-radius:10px;overflow:hidden;flex:none}
.sc-gh{display:flex;align-items:center;gap:8px;background:#F7F9FB;padding:0 12px;height:36px;font-size:12.5px;cursor:pointer;white-space:nowrap;overflow:hidden}
.sc-gh b{color:#0A3D7A;font-size:13px}
.sc-gh .car{color:#0A3D7A;width:10px}
.sc-gh .sc-muted{overflow:hidden;text-overflow:ellipsis;min-width:0}
.sc-gh .gt{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#5B6B7B;font-weight:700;cursor:pointer;flex:none}
.sc-gh input,.sc-r input{width:auto;height:auto;margin:0}
.sc-r{display:grid;grid-template-columns:20px 34px minmax(0,240px) minmax(0,1fr) 90px;gap:10px;align-items:center;padding:0 12px;height:34px;border-top:1px solid #EEF1F5;font-size:13px;cursor:pointer}
.sc-g:not(.open) .sc-r{display:none}
.sc-g > .sc-r:first-child{border-top:0}
.sc-r:hover{background:#F7F9FB}
.sc-r.on{background:#FFF4D6}
.sc-r .n{color:#5B6B7B;font-size:12px;font-weight:700}
.sc-r b{color:#0A3D7A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-r .p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-r .h{color:#5B6B7B;font-size:12.5px;text-align:right}
.sc-r mark{background:#FFE58A;color:inherit;border-radius:2px}
.sc-empty{padding:14px;color:#5B6B7B;font-size:13px;text-align:center;border:1px dashed #D9DFE7;border-radius:10px}
.sc-lf{display:flex;align-items:center;gap:8px}
/* Card tab: what's on the card */
.sc-on{border-collapse:collapse;width:100%;font-size:13.5px}
.sc-on th{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#5B6B7B;text-align:left;padding:2px 8px 6px;border-bottom:1px solid #D9DFE7;white-space:nowrap}
.sc-on td{padding:3px 8px;height:34px;border-bottom:1px solid #EEF1F5;vertical-align:middle}
.sc-on th.c-ck,.sc-on td:first-child{width:40px}
.sc-on .c-sz{width:100px}.sc-on .c-b{width:50px}.sc-on .c-col{width:56px}.sc-on .c-al{width:62px}
.sc-on .c-name label{cursor:pointer;display:block;line-height:1.2;margin:0;font-weight:400;font-size:13.5px;color:#14212e}
.sc-on .c-name small{display:block;font-size:11.5px;color:#5B6B7B;line-height:1.2}
.sc-on tr.off .c-name label{color:#9AA5B1}
.sc-on tr.off td:nth-child(n+3) > *{opacity:.35;pointer-events:none}
.sc-on tr.sub td{height:30px;background:#FAFBFC}
.sc-on input[type=checkbox]{width:auto;height:auto;margin:0;display:block}
.sc-on select{width:86px !important;height:30px !important;font-size:12.5px;padding:0 6px;margin:0}
.sc-on .zBold{width:32px;height:30px !important;margin:0;font-size:14px}
.sc-on .swatchBtn{width:34px;height:26px !important;margin:0;vertical-align:middle}
.sc-on .alignPick{width:36px;height:30px !important;margin:0}
.sc-subs{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:0 !important;font-size:12.5px;color:#14212e}
.sc-subs label{font-weight:400;display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap;cursor:pointer}
.sc-subs input{width:auto;height:auto;margin:0}
.sc-sw{display:inline-flex;align-items:center}
.sc-sw .swatchBtn{width:34px;height:26px !important;margin:0}
.sc-pair{display:inline-flex;gap:6px;align-items:center}
.sc-pair .zBold{width:32px;height:30px !important;margin:0;font-size:14px}
/* Scores + Bottom tables */
.sc-on .c-set{width:300px}
.sc-on tr.na .c-name label{color:#5B6B7B}
.sc-on tr.na .c-name small{color:#9AA5B1}
.sc-on tr.sub.off td > *{opacity:.4;pointer-events:none}
.sc-on #wmPickWrap select{width:auto !important;max-width:200px;height:30px !important}
.sc-on #wmPickWrap{gap:6px;flex-wrap:nowrap}
.sc-on #wmNone{font-size:11.5px;white-space:normal}
.sc-on #sumRows{font-size:13px;padding:0 10px}
.sc-inl{display:flex;align-items:center;gap:6px;margin:0;font-weight:400;font-size:13px;cursor:pointer;white-space:nowrap}
.sc-inl input{width:auto;height:auto;margin:0}
.sc-on .sc-tear{margin:0;font-size:13px;flex-wrap:nowrap;white-space:nowrap}
/* Grid tab */
.sc-note{font-size:12.5px;color:#5B6B7B;background:#F7F9FB;border:1px solid #E3E8EF;border-radius:8px;padding:8px 10px;line-height:1.4}
.sc-opt{font-weight:400 !important;display:grid;grid-template-columns:16px minmax(0,1fr);gap:1px 8px;align-items:start;font-size:13.5px;cursor:pointer;margin:0}
.sc-opt small{grid-column:2;font-size:11.5px;color:#5B6B7B}
.sc-opt.dim{color:#9AA5B1}.sc-opt.dim small{color:#B3BCC7}
.sc-gsize{border-top:1px solid #EEF1F5;padding-top:10px;margin-top:2px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* Covers tab */
.rb-grp .optGrid{padding:0;margin:0}
.rb-grp .optCols select{width:76px}
.rb-grp .optCols .zBold{width:30px}
.rb-grp .optCols .swatchBtn{width:32px}
.rb-grp .optCols .alignPick{width:34px}
.rb-grp .optCols .oc{padding-right:12px}
.rb-grp .cvGridFront .optCols{grid-template-columns:150px 90px 44px 46px 46px 0 !important}
.rb-grp .cvGridBack .optCols{grid-template-columns:215px 90px 44px 46px 46px 0 !important}
.rb-grp .optCols .ocX{padding:0;overflow:hidden}
.rb-grp.coversOff .optTable,.rb-grp.coversOff .rb-row{opacity:.45;pointer-events:none}
/* Print tab */
.sc-pbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px}
.sc-pbtns .btn{width:100% !important}
.sc-tear{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;margin:0 0 0 24px}
.sc-tear input{width:76px !important;height:30px;padding:2px 6px;margin:0}
/* The stage: title bar, the card's own tool bar, the card. */
.sc-stage{background:#DCE1E8;border-radius:14px;padding:12px 14px 14px;min-width:0;position:relative}
.sc-bar{background:#fff;border-radius:10px;display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;min-height:44px}
.sc-sq{width:38px;height:38px;border-radius:9px;border:0;background:#0A3D7A;color:#fff;padding:0;margin:0;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center}
.sc-sq:hover{background:#0D4C96}
.sc-sq:disabled{background:#E3E8EF;color:#9AA5B1;cursor:default}
.sc-count{position:relative;flex:none;min-width:58px;height:38px;margin:0;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#5B6B7B;letter-spacing:.3px;border-radius:8px;cursor:pointer}
.sc-count:hover{background:#F2F5F8;color:#0A3D7A}
.sc-count select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.sc-bar .sc-title{margin-left:6px}
.sc-arrow{width:32px;height:32px;border:1.5px solid #CBD3DD;border-radius:50%;background:#fff;color:#0A3D7A;font-size:17px;font-weight:700;line-height:1;padding:0;margin:0;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center}
.sc-arrow:disabled{color:#C3CBD5;cursor:default}
.sc-title{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:0 1 auto;max-width:440px;line-height:1.15}
.sc-title b{font-size:17px;color:#0A3D7A;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-title small{font-size:12.5px;color:#5B6B7B;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-jump{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;border:1.5px solid #CBD3DD;border-radius:999px;padding:0 12px;font-size:13px;font-weight:700;color:#0A3D7A;flex:none;margin:0;cursor:pointer}
.sc-jump:after{content:"⌄";color:#5B6B7B;font-weight:400;margin-top:-4px}
.sc-jump select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.sc-views{display:inline-flex;border:1.5px solid #0A3D7A;border-radius:999px;overflow:hidden;background:#fff;flex:none}
.sc-views button{border:0;background:none;padding:7px 14px;font-size:12.5px;font-weight:700;color:#0A3D7A;font-family:inherit;cursor:pointer;width:auto;height:auto;margin:0;line-height:1}
.sc-views button.on{background:#0A3D7A;color:#fff}
.sc-bar .sc-print{width:auto !important;min-width:0 !important;max-width:none;height:36px;margin:0;padding:0 18px;font-size:13.5px;flex:none}
.sc-more{position:relative;flex:none}
.sc-dots{width:36px;height:36px;border:1.5px solid #0A3D7A;border-radius:50%;background:#fff;color:#0A3D7A;font-weight:800;font-size:15px;padding:0;margin:0;cursor:pointer;line-height:1}
.sc-menu{position:absolute;right:0;top:42px;z-index:30;background:#fff;border:1px solid #D9DFE7;border-radius:12px;box-shadow:0 12px 32px rgba(10,30,60,.18);padding:8px;width:220px;display:flex;flex-direction:column;gap:2px}
.sc-menu[hidden]{display:none}
.sc-menu > button{background:none;border:0;text-align:left;padding:8px 10px;border-radius:8px;font:600 13.5px inherit;font-family:inherit;color:#0A3D7A;cursor:pointer;width:auto;height:auto;margin:0}
.sc-menu > button:hover{background:#F2F5F8}
.sc-menu > button.red{color:#B42318}
.sc-menu > button:disabled{color:#B3BCC7;cursor:default;background:none}
.sc-mh{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6B7B;padding:8px 10px 4px;border-top:1px solid #EEF1F5;margin-top:4px}
.sc-zoom{display:flex;border:1.5px solid #CBD3DD;border-radius:999px;overflow:hidden;margin:0 10px 4px}
.sc-zoom button{flex:1;border:0;background:#fff;padding:6px 0;font:700 12.5px inherit;font-family:inherit;color:#0A3D7A;cursor:pointer;width:auto;height:auto;margin:0}
.sc-zoom button.on{background:#0A3D7A;color:#fff}
.sc-bar.is-sheet .sc-sq,.sc-bar.is-sheet .sc-count,.sc-bar.is-sheet .sc-print{display:none}
.sc-toast{position:absolute;right:20px;top:62px;z-index:20;background:#0A3D7A;color:#fff;font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:8px;box-shadow:0 6px 18px rgba(10,30,60,.2);display:none;max-width:360px}
.sc-toast.on{display:block}
.sc-stage #zoneBar,.sc-stage #coverBar{background:#fff;border-radius:10px;padding:4px 10px;margin-bottom:8px;min-height:40px}
.sc-stage #cardMiniWrap,.sc-stage #coverMiniWrap{background:transparent !important;padding:0 !important}
.sc-stage #sheetWrap{margin-top:0 !important}
.sc-view{position:relative}
.sc-off{position:absolute !important;left:0;top:0;width:100%;height:0 !important;overflow:hidden !important;visibility:hidden;pointer-events:none}
.sc-stage .dsSave{margin-top:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sc-stage .dsSave .btn{width:auto;min-width:0;margin:0;height:38px;padding:0 18px}
.sc-sheetHint{font-size:12.5px;color:#5B6B7B;margin:0 0 8px}
@media (max-width:1100px){
  .sc-r{grid-template-columns:20px 30px minmax(0,1fr) 80px}
  .sc-r .p{display:none}
}
@media (max-width:900px){
  .rb-tabs{overflow-x:auto;scrollbar-width:none}
  .rb-tab{white-space:nowrap;padding:9px 12px}
  .rb-grp,.rb-grp.grow,.rb-col{flex:1 1 100%;width:100% !important;border-right:0;border-bottom:1px solid #EEF1F5;overflow-x:auto}
  .rb-fields{grid-template-columns:1fr}
  .rb-lrow{grid-template-columns:1fr;gap:3px}
  .rb-grp .dsCk{white-space:normal}
  .rb-grp .pcHead{grid-template-columns:minmax(0,1fr) 70px 34px}
  .rb-grp .pcRow{grid-template-columns:minmax(0,1fr) 70px auto}
  .sc-pcl{flex:1 1 100%}
  .rb-grp .pcAdd select{width:100%}
  .sc-lh{flex-wrap:wrap}.sc-lh input[type=search]{width:100%;order:5}
  .rb-hint{max-width:none}
  .sc-bar{flex-wrap:wrap}
  .sc-bar .sc-title{flex:1 1 100%;order:5;margin-left:0}
}
@media print{
  .rb,.sc-bar,.sc-toast,#zoneBar,#coverBar,.sc-stage .dsSave{display:none !important}
  .sc-stage{background:none;padding:0}
  .sc-off{position:static !important;height:auto !important;overflow:visible !important;visibility:visible}
  #cardMiniWrap,#coverMiniWrap{display:none !important}
  /* Only the cards come out of the printer: no page title, buttons or notes. */
  body.pt-shell .pt-head,body.pt-shell .pt-tabs{display:none !important}
  .sc-view > *{display:none !important}
  .sc-view > #sheetWrap{display:block !important}
  .sc-stage{border-radius:0;margin:0}
}