/* Red N Rollin data entry (online): additions to the local entry site's entry.css. Desktop looks exactly like the
   local site; on a phone (narrow screen) the same tables fold into compact rows. */
.sync #device{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.views button[disabled]{opacity:.35;cursor:default}
.onlynote{font-size:12px;font-style:italic}
.obanner{position:fixed;left:50%;bottom:44px;transform:translateX(-50%);z-index:20;max-width:min(680px,94vw);background:#FFF8E6;
  border:1px solid #E3C27A;color:#5a3d00;border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px rgba(0,0,0,.18);font-size:13.5px}
.obanner button{margin-left:8px}

@media (max-width:760px){
  html:has(body[data-view="prices"]),html:has(body[data-view="used"]){height:auto}
  body[data-view="prices"],body[data-view="used"]{height:auto;overflow:auto;display:block;-webkit-text-size-adjust:100%}
  .top{position:sticky;top:0;z-index:10;gap:8px;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top))}
  .vmlist button[disabled]{display:none}
  .views > button,#viewMenuBtn{font-size:17px;padding:4px 10px}
  .views .vmlist button{font-size:18px;padding:10px 12px}
  .sync{gap:5px}
  #prices.view,#used.view{display:block;min-height:0}
  #prices .toolbar,#used .toolbar{position:sticky;top:44px;z-index:9}
  .toolbar{gap:6px}
  .toolbar select,.toolbar input[type=search]{flex:1 1 46%;min-width:0;font-size:16px;padding:7px 8px}
  .toolbar input[type=search]{flex-basis:100%;order:-1}
  .toolbar input[type=date]{font-size:15px}
  .toolbar button{font-size:15px;padding:6px 10px}
  .toolbar .toggle{font-size:13.5px}
  #pCount,#uCount{flex-basis:100%;font-size:12.5px}
  .onlynote{display:none}
  #prices .pwrap,#used .pwrap{overflow:visible;padding:0 6px 70px}
  .ptab{font-size:14px;margin-top:6px}
  .ptab thead{display:none}
  .ptab tr.pmake td,.utab tr.umodel td{position:static;display:block;padding:6px 10px}
  .ptab td{border:0;padding:1px 0;white-space:normal}
  .ptab input{font-size:16px}
  /* Prices: Item, Model, Year, Price now, Priced, New price, Price date, Result, buttons */
  .ptab tr.prow{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"pm pm" "pi yr" "now when" "pin pin" "dt res" "act act";
    gap:3px 10px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--card)}
  .ptab tr.prow td{background:transparent!important}
  .ptab tr.k-same,.ptab tr.k-price{background:#F1F8F1}
  .ptab tr.k-off{background:#F7F0F0}
  .ptab tr.prow:focus-within{background:#E3EAF5}
  .ptab tr.prow td:nth-child(1){grid-area:pi;font-size:12.5px}
  .ptab tr.prow td:nth-child(1)::before{content:"#"}
  .ptab tr.prow td:nth-child(2){grid-area:pm;min-width:0;font-size:15px}
  .ptab tr.prow td:nth-child(3){grid-area:yr;text-align:right;color:var(--muted);font-size:12.5px}
  .ptab tr.prow td:nth-child(4){grid-area:now;text-align:left}
  .ptab tr.prow td:nth-child(4)::before{content:"Now ";color:var(--muted);font-size:12px}
  .ptab tr.prow td:nth-child(5){grid-area:when;text-align:right;font-size:13px}
  .ptab tr.prow td:nth-child(6){grid-area:pin;display:flex;align-items:center}
  .ptab tr.prow td:nth-child(6) input{flex:1;width:auto;padding:8px 10px;min-height:42px}
  .ptab tr.prow td:nth-child(7){grid-area:dt}
  .ptab tr.prow td:nth-child(7) input{font-size:15px;padding:5px 6px;width:100%}
  .ptab tr.prow td:nth-child(8){grid-area:res;text-align:right;align-self:center}
  .ptab tr.prow td:nth-child(9){grid-area:act;display:flex;gap:6px}
  .ptab tr.prow td:nth-child(9) button{flex:1;margin:0;font-size:15px;padding:8px 6px;min-height:40px}
  /* Used values: Model year, Prices, Value kept, note, Model, Captured, notes */
  .utab tr.urow{display:grid;grid-template-columns:1fr auto;grid-template-areas:"uy um" "pin pin" "un mod" "date date" "note note";
    gap:3px 10px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--card)}
  .utab tr.urow td{background:transparent!important}
  .utab tr.urow.k-have{background:#F1F8F1}
  .utab tr.urow:focus-within{background:#E3EAF5}
  .utab tr.urow td:nth-child(1){grid-area:uy;width:auto}
  .utab tr.urow td:nth-child(2){grid-area:pin}
  .utab tr.urow td:nth-child(2) input{width:100%;padding:8px 10px;min-height:42px}
  .utab tr.urow td:nth-child(3){grid-area:um;text-align:right}
  .utab tr.urow td:nth-child(4){grid-area:un;font-size:12.5px}
  .utab tr.urow td:nth-child(5){grid-area:mod;text-align:right}
  .utab tr.urow td:nth-child(6){grid-area:date;font-size:12px;color:var(--muted)}
  .utab tr.urow td:nth-child(7){grid-area:note}
  .utab tr.urow td:empty{display:none}
  .utab tr.umodel .ugot{float:none;display:block;margin:2px 0 0}
  #prices .cellinfo,#used .cellinfo{position:fixed;left:0;right:0;bottom:0;z-index:9;white-space:normal;font-size:12px;line-height:1.3;padding:5px 10px;padding-bottom:max(5px,env(safe-area-inset-bottom));max-height:calc(2.6em + 10px);overflow:auto}
  .obanner{bottom:64px}
}
.utab tr.umore td{padding:10px;text-align:center;color:var(--muted);font-size:12.5px;background:var(--soft)}
.sync button:disabled{opacity:.4;cursor:default}
.unn{color:#1d5fbf;font-weight:500}