.top-door-pin{display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-width:160px}
.top-pin-block{width:54px;padding:5px;border:1px solid #68707e;border-radius:4px;background:transparent;color:inherit;font-size:12px}
.top-pin-show{padding:5px 7px;border:1px solid #68707e;border-radius:4px;background:transparent;color:inherit;font-size:11px;cursor:pointer}
.top-pin-value{display:block;width:100%;min-height:1em;font-family:monospace;font-size:13px;overflow-wrap:anywhere}
#top-pin-login{max-width:330px;border:1px solid #68707e;border-radius:10px;padding:20px;background:#181d27;color:white}
#top-pin-login::backdrop{background:rgba(0,0,0,.65)}
#top-pin-login input{box-sizing:border-box;width:100%;margin:6px 0;padding:8px}
.top-pin-login-error{font-size:12px}
@media print{.top-door-pin,#top-pin-login{display:none!important}}

/* GD keeps wide detail tables scrollable without widening the document. */
.gd-pin-dashboard #tenantedContainer{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gd-pin-dashboard .appt-table-wrap{max-width:100%;min-width:0}
.gd-pin-dashboard .unit-row>*,.gd-pin-dashboard .top-door-pin{min-width:0}
.gd-pin-dashboard .top-pin-block{flex-shrink:0}
@media(max-width:1200px){
  .gd-pin-dashboard .col-headers{display:none}
  .gd-pin-dashboard .unit-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .gd-pin-dashboard .unit-row>*{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
  .gd-pin-dashboard .unit-row>*::before{content:attr(data-label);font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;min-width:72px;flex-shrink:0}
  .gd-pin-dashboard .unit-row .top-door-pin{flex:1;max-width:160px}
  .gd-pin-dashboard .cell-unit::before{content:'UNIT'}
  .gd-pin-dashboard .cell-type::before{content:'TYPE'}
  .gd-pin-dashboard .cell-facing::before{content:'FACING'}
  .gd-pin-dashboard .cell-tx::before{content:'TX'}
  .gd-pin-dashboard .cell-price::before{content:'PRICE'}
  .gd-pin-dashboard .cell-vacant::before{content:'VACANT'}
  .gd-pin-dashboard .cell-photos::before{content:'PHOTOS'}
  .gd-pin-dashboard .cell-remarks::before{content:'REMARKS'}
}