/* Property Viewer review – the remaining fixes' look (owner 2026-11-01; kg-viewer-polish.js says what each does) */
/* #5 a button this view can't use: greyed, still showing its tooltip */
#presets .kgoff, #dash .kgoff { opacity:.38 !important; cursor:not-allowed !important; filter:grayscale(1); }
/* #5 one top bar on one row: a full bar (the side panel open, a smaller screen) gets tighter instead of wrapping the view picker */
@media (min-width:761px) {
  /* (still too full – a small screen with the panel open – it scrolls sideways rather than cutting the view picker off) */
  body.kgbar #dash { flex-wrap:nowrap !important; container-type:inline-size; overflow:auto hidden !important; scrollbar-width:none; }
  body.kgbar #dash::-webkit-scrollbar { display:none; }
  /* (Share has no icon of its own – its arrow, and the offer's short word, show only while the words are hidden) */
  #dash .kgoffer .kgs, #dash .kgbb .kgx { display:none; }
  @container (max-width:1100px) {
    #dash .who { font-size:0 !important; } #dash .who select { font-size:13px !important; margin-left:0; }
    #dash .kgbb { padding:6px 8px !important; } #dash .kgoffer { padding:7px 12px !important; }
    #presets { gap:4px !important; }
    #presets > button:not(.tgtstep) { padding-left:9px !important; padding-right:9px !important; }
  }
  @container (max-width:1040px) {
    #dash > #kglinebtn b { display:none; }
    #dash .kgbb { padding:6px 7px !important; }
    #presets > #pclear, #presets > #pcenter, #presets > #pview, #dash > #kglinebtn { font-size:0 !important; gap:0 !important; }
    #presets > #pclear > span, #presets > #pcenter > span, #presets > #pview > span, #dash > #kglinebtn > .ic { font-size:15px !important; }
  }
  @container (max-width:900px) {
    #dash .kgbb .kgl, #dash .kgoffer .kgl { display:none; } #dash .kgoffer .kgs, #dash .kgbb .kgx { display:inline; }
    #dash .kgbb { font-size:15px !important; min-width:34px; }
  }
  @container (max-width:800px) {
    #presets > #tgt, #presets > #tgtpub { font-size:0 !important; gap:0 !important; } #presets > #tgt > .ic, #presets > #tgtpub > .ic { font-size:15px !important; margin:0 !important; }
    #presets { gap:3px !important; } #dash .kgb { gap:4px !important; } #dash .who select { padding:3px 4px !important; } #dash .kgbb { padding:6px 5px !important; min-width:30px; }
  }
}
/* #10 the line bar behind "Line ▸" (2D, computer) – open, it is the bar as before */
#dash .kglinebtn { white-space:nowrap; flex:none; display:inline-flex; align-items:center; gap:5px; }
#dash .kglinebtn b { color:var(--gold, #fac11c); font-weight:700; }
#dash .kglinebtn[aria-expanded="true"] { border-color:var(--gold, #fac11c) !important; }
@media (max-width:760px) { #dash .kglinebtn { display:none; } }
@media (min-width:761px) {
  body.kglinefold:not(.v3d):not(.v1d):not(.vgeol):not(.split):not(.kglineopen):not(.touring) #linebar { display:none !important; }
}
/* #10 the barcode picture names itself */
#linebar .lmini { line-height:1; }
#linebar .lmini::after { content:"all lines"; display:block; font:600 9.5px/1.1 system-ui, sans-serif; color:#33404b; text-align:center; padding-top:1px; letter-spacing:.02em; }
/* #11 the colour-grid switch, bottom middle of the 2D map */
#kggrid { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:440; display:flex; align-items:center; gap:2px;
  background:rgba(23,34,44,.92); border:1px solid #3b4a58; border-radius:999px; padding:3px; box-shadow:0 4px 14px rgba(0,0,0,.35); font:600 12.5px system-ui, sans-serif; }
#kggrid[hidden], #kggrid button[hidden] { display:none; }
#kggrid .kgg-l { color:#a9b3bd; padding:0 8px 0 10px; font-size:11px; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
#kggrid button { border:0; background:none; color:#e9edf0; border-radius:999px; padding:6px 12px; font:inherit; cursor:pointer; white-space:nowrap; }
#kggrid button:hover { background:rgba(255,255,255,.1); }
#kggrid button[aria-pressed="true"] { background:#e0a91f; color:#17222c; }
#kggrid button:focus-visible { outline:2px solid #e0a91f; outline-offset:1px; }
@media (max-width:760px) { #kggrid { bottom:auto; top:8px; font-size:12px; } #kggrid .kgg-l { display:none; } #kggrid button { padding:7px 10px; min-height:32px; } }
/* #17 phones: the 3D scale bar clear of the move pad (✥, bottom left of the 3D frame) */
@media (max-width:760px) { body.v3d .kg3t .sc { margin-left:52px; } }