:root{--black:#111214;--gold:#c6a56a;--cream:#f5f1e9;--muted:#6d7176}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Arial;background:#f3f3f1;color:#18191b}header{background:#111;color:#fff;padding:15px max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}header img{width:165px;max-height:66px;object-fit:contain}nav{display:flex;gap:17px;flex-wrap:wrap}nav a{color:#e7d1a4;text-decoration:none;font-size:14px}main{max-width:1160px;margin:30px auto;padding:0 20px}.hero{background:#181b1e;color:white;padding:34px;border-radius:10px}.hero h1{margin:0 0 10px;font-size:clamp(26px,4vw,42px)}h1,h2,h3{line-height:1.2}h2{font-size:22px}.muted,small{color:var(--muted)}.hero .muted{color:#ccc}.panel{background:white;border:1px solid #dededb;border-radius:10px;padding:23px;margin:20px 0;box-shadow:0 3px 10px #00000008}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;font-size:13px;font-weight:650;margin:8px 0 4px}input,select,textarea{width:100%;font:inherit;padding:11px;border:1px solid #bfc1c1;border-radius:6px;background:white;color:#222}textarea{min-height:84px}button,.btn{display:inline-block;background:#17191c;color:white;border:0;border-radius:6px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}button.secondary,.btn.secondary{background:#ece8df;color:#222}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.equipment{border:1px solid #d8d2c6;border-left:4px solid var(--gold);padding:15px;border-radius:6px;margin:15px 0;background:#fcfbf9}.note{padding:13px;background:#f6f0e4;border-radius:6px}.error{color:#a32626}.success{color:#176b45}.hide{display:none!important}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:10px;border-bottom:1px solid #e2e2e2;text-align:left;vertical-align:top}th{background:#f6f5f2}tr:hover td{background:#fbfaf7}.pill{display:inline-block;background:#e9e3d6;border-radius:100px;padding:4px 9px;font-size:12px}footer{text-align:center;color:#777;font-size:13px;padding:35px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:5px}#message{font-weight:650}.kpis{display:flex;flex-wrap:wrap;gap:12px}.kpi{background:white;border:1px solid #ddd;border-radius:8px;padding:14px;min-width:140px;flex:1}.kpi strong{font-size:25px;display:block}button.link{padding:0;background:none;color:#825c21;text-decoration:underline;font-size:14px}@media(max-width:720px){.grid,.three{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}main{margin:16px auto}.panel{padding:16px}}

/* Printable work order: only the work order sheet prints from the staff desk */
.printonly{display:none}
@media print{
  body>*:not(main),main>*:not(#workorder){display:none!important}
  #workorder{display:block;color:#000;font-size:12pt}
  #workorder table{width:100%;border-collapse:collapse}
  #workorder th,#workorder td{border:1px solid #999;padding:4px 6px;text-align:left;vertical-align:top}
  #workorder th{width:28%}
}

/* My Repairs customer portal and staff estimate panels */
.portalbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.portalbar .actions{margin:0}
.repair{background:white;padding:20px}.repairhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.repairhead h3{margin:0}
.box{border:1px solid #e4e0d6;border-radius:6px;padding:12px 15px;margin:12px 0;background:#fff}.box h3{margin:0 0 8px;font-size:17px}
.est-ready{border-color:var(--gold);background:#fffaf0}.est-approved{border-color:#9cc9b0}.est-declined{border-color:#d9a3a3}
table.money{font-size:15px}table.money th{background:none;font-weight:500;width:60%}table.money td{text-align:right}
details{margin:8px 0}summary{cursor:pointer;color:#825c21}
.panel.inset{box-shadow:none;background:#fcfbf9}
#msg{font-weight:650;margin:12px 0}