/* GAME CLUB · calmer, legible working surfaces across owner and manager views. */
:root {
  --bg:#f7f6f3;
  --card:#fff;
  --ink:#192326;
  --muted:#656f72;
  --line:#e7e7e3;
  --accent:#826b4b;
  --shadow:0 8px 30px rgba(22,27,26,.035);
}
body{background:var(--bg);color:var(--ink)}
.top,.manager-mode .top{background:rgba(251,250,247,.95);border-bottom:1px solid #e8e8e2}
.nav button{color:#555f61}
.nav button.on{color:#253132;background:#fff;box-shadow:0 4px 15px rgba(24,30,28,.055)}
.wrap{padding-top:34px}
.head h1{color:#182326;letter-spacing:-.045em}
.head p{color:#647074;font-size:14px;line-height:1.65}
.eyebrow{color:#917754}
.card,.kpi{border-color:#e7e8e3;box-shadow:var(--shadow)}
.cardhead h3{color:#202a2b}
.cardhead span,.hint,.kpi small{font-size:12px;line-height:1.55;color:#647074}
.kpi strong{color:#202b2a;font-variant-numeric:tabular-nums}
.row{background:#fff;border-color:#e9eae6}
.row .main b{font-size:14px;line-height:1.55}
.row .main span,.row .main small{font-size:12px;line-height:1.55}
.btn,.nav button,.primary{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn:focus-visible,.nav button:focus-visible,.primary:focus-visible{outline:3px solid #a28b65;outline-offset:2px}
.btn:disabled,.primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
.tag,.role{font-size:12px}
.pmsnote{line-height:1.7}
.pay-brief-item small,.deposit-brief,.pay-brief-balance{font-size:12px}
.deposit-brief-main b{font-size:14px}
.payment-brief-stack .pmsnote{margin:0 16px 12px;font-size:12px}
.aiv2decision p,.aidata,.aiv4note{line-height:1.7}
.brandpanel{background:#111b1b}
.brandpanel p{color:#c0c7c4}
.biglogo{border-radius:21px;box-shadow:0 18px 58px rgba(0,0,0,.2)}
.aideepsection{background:#f8f7f3;border:1px solid #e8e5dd;border-radius:18px;padding:20px}
.aideephead{display:flex;justify-content:space-between;align-items:start;gap:14px}
.aideephead small{color:#727d7b;font-size:12px}
.aideephead h4{font-size:17px;line-height:1.55;margin:7px 0 0;color:#1f2c2b}
.aideeppriority{background:#202b2a;color:#f9f7f3;border-radius:12px;padding:15px 17px;line-height:1.7;font-size:14px}
.aideeppriority b{display:block;color:#d7c19d;font-size:11px;letter-spacing:.08em;margin-bottom:4px}
.aideepfindings{display:grid;gap:9px}
.aideepfinding{background:#fff;border:1px solid #e9e8e4;border-radius:13px;padding:15px 16px}
.aideepfinding small{font-size:12px;color:#8b704a}
.aideepfinding h5{font-size:15px;margin:6px 0 10px;color:#1c292a}
.aideepfinding p{font-size:13px;line-height:1.7;margin:5px 0;color:#465456}
.aideepfinding p b{display:inline-block;min-width:46px;color:#202b2a}
.aideepmissing{margin-top:14px;padding:14px;border-radius:12px;background:#f1f2f0;color:#556162;font-size:12px;line-height:1.7}
.aideepmissing b,.aideepmissing span{display:block}
.aideepmissing b{color:#283433;margin-bottom:4px}
.aideepfoot{color:#677372;font-size:12px;line-height:1.7}
.aideepwaiting,.aideepwarning{padding:15px;border-radius:12px;background:#fff9ef;color:#6b5636;font-size:13px;line-height:1.6}
.aideepwarning{border:1px solid #e9d9b9}
@media(max-width:760px){
  .wrap{padding-top:20px}
  .head p{font-size:13px}
  .btn,.primary{min-height:42px}
  .modal .btn,.modal .primary{min-height:44px}
  .kpi small,.hint,.cardhead span,.role,.tag{font-size:11px}
  .row .main b{font-size:13px}
  .row .main span{font-size:11px}
  .pay-brief{flex-wrap:wrap}
  .pay-brief-balance{flex-basis:100%}
  .manager-mode #content.manager-v52-page:not([data-manager-screen="calendar"]) .btn{min-height:40px;font-size:12px}
  .aideepsection{padding:14px}
  .aideephead{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.btn,.nav button,.primary{transition:none}}

.owner-inspection-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.owner-inspection-controls label{font-size:12px;color:#647074;font-weight:700;margin-right:4px}
.owner-inspection-controls .btn{height:38px;min-width:38px;font-size:14px}
.owner-inspection-controls input[type="date"]{height:38px;width:156px;max-width:100%;padding:0 10px;border:1px solid #e7e8e3;border-radius:11px;background:#fff;color:#202a2b;font-size:12px;font-family:inherit}
.owner-inspection-controls input[type="date"]:focus-visible{outline:3px solid #a28b65;outline-offset:2px}
.owner-inspection-today{margin-left:auto;font-size:11px!important}
@media(max-width:560px){.owner-inspection-controls label{width:100%}.owner-inspection-controls input[type="date"]{flex:1;width:auto;min-width:125px}.owner-inspection-controls .btn{height:42px}.owner-inspection-today{margin-left:0}}
