*{margin:0;box-sizing:border-box;font-family:'Assistant','Helvetica Neue',Arial,sans-serif}
html,body{height:100%}
body{background:#f7f8f9;color:#121212;display:flex;flex-direction:column;overflow:hidden}

/* ---------- top bar ---------- */
.bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0d0d0d;flex-shrink:0}
.logo{height:34px;width:auto}
.iconbtn{background:none;border:1px solid #3c3c3e;border-radius:8px;color:#e8e8e8;font-size:16px;padding:6px 11px;cursor:pointer;flex-shrink:0}
.iconbtn:hover{background:#1c1c1e}
.drawerbtn{margin-left:auto}
.drawerbtn b{color:#ff8a7e;font-size:13px}
.tabs{display:flex;background:#1c1c1e;border-radius:999px;padding:3px;flex-shrink:0}
.tabs div{padding:6px 14px;border-radius:999px;font-size:12.5px;color:#a8a8aa;cursor:pointer;white-space:nowrap}
.tabs .on{background:#9e2020;color:#fff;font-weight:700}
.search{background:#1c1c1e;border:1px solid #3c3c3e;border-radius:8px;padding:7px 12px;color:#e8e8e8;font-size:13px;width:210px;outline:none;min-width:0}
.search::placeholder{color:#77777a}
.search:focus{border-color:#9e2020}

/* ---------- kpi strip ---------- */
.kpistrip{display:flex;gap:8px;padding:8px 12px 0;flex-shrink:0;overflow-x:auto;scrollbar-width:none}
.kpistrip::-webkit-scrollbar{display:none}
.kpi{display:flex;align-items:baseline;gap:7px;background:#fff;border:1px solid #e3e6e9;border-radius:9px;padding:7px 13px;white-space:nowrap;flex-shrink:0}
.kpi .n{font-size:17px;font-weight:800}
.kpi .n small{font-size:11.5px;font-weight:700}
.kpi .l{font-size:10px;color:#8a929a;letter-spacing:1px}
.kpi.red{border-color:#e5c9c9;background:#fdf7f7;cursor:pointer}
.kpi.red .n,.kpi.red .l{color:#9e2020}
.kpi.red .l{text-decoration:underline}

/* ---------- stage / views ---------- */
.stage{flex:1;position:relative;min-height:0;padding:8px 12px 12px}
.view{display:flex;gap:0;height:100%;position:relative}
.view[hidden]{display:none}
.panelview{flex-direction:column;overflow:auto;gap:12px}

/* ---------- collapsible nav ---------- */
.side{position:absolute;top:8px;right:12px;bottom:12px;width:220px;background:#0d0d0d;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;z-index:30;transform:translateX(115%);transition:transform .18s ease;box-shadow:-4px 0 24px rgba(0,0,0,.25)}
.side.open{transform:none}
.scrim{position:absolute;inset:0;background:rgba(10,10,12,.35);z-index:25;opacity:0;pointer-events:none;transition:opacity .18s}
.scrim.show{opacity:1;pointer-events:auto}
.navitem{padding:11px 14px;border-radius:8px;font-size:13.5px;color:#a8a8aa;display:flex;gap:11px;align-items:center;cursor:pointer;text-decoration:none}
.navitem:hover{background:#1c1c1e;color:#e8e8e8}
.navitem.on{background:#9e2020;color:#fff;font-weight:700}
.navitem .ext{margin-left:auto;font-size:11px;color:#6f6f72}
.navitem .ic{width:17px;text-align:center}
.crew{margin-top:auto;padding:14px 6px 4px;border-top:1px solid #222;font-size:12px;color:#8a8a8c;line-height:1.5}
.crew b{color:#ececec;display:block;font-size:12.5px;margin-bottom:2px}
.crewmoves{display:block;color:#ff8a7e;font-weight:700;margin-top:3px}

/* ---------- map (maximized) ---------- */
.mapcard{flex:1;background:#fdfefe;border:1px solid #cfd6dc;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(20,30,40,.06);min-width:0}
.mapscroll{position:absolute;inset:0;overflow:auto;background-image:linear-gradient(rgba(100,125,150,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(100,125,150,.10) 1px,transparent 1px);background-size:24px 24px}
#plan{display:block}
.zoomctrl{position:absolute;right:10px;bottom:10px;z-index:6;display:flex;gap:6px}
.zoomctrl button{width:34px;height:34px;border-radius:8px;border:1px solid #cfd6dc;background:rgba(253,254,254,.94);color:#3a4046;font-size:17px;cursor:pointer;box-shadow:0 2px 6px rgba(20,30,40,.10)}
.zoomctrl button:hover{border-color:#9e2020;color:#9e2020}
.wall{stroke:#7d8b99;stroke-width:2.5;stroke-linecap:square}
.slot{fill:#fff;stroke:#a6b2bd;stroke-width:1}
.slot.light{fill:#eef1f3}
.slot.dark{fill:#c6cdd3;stroke:#9aa5b0}
.slot.accent{fill:rgba(158,32,32,.14);stroke:#b05050}
.slot.hit{cursor:pointer}
.slot.dim{opacity:.25}
.slot.hl{stroke:#9e2020;stroke-width:2;fill:#fdf3f3}
.snum{fill:#8d9aa7;font-family:'SF Mono',Menlo,monospace;font-weight:500;pointer-events:none;
  paint-order:stroke;stroke:#eef1f3;stroke-width:5px;stroke-linejoin:round}
.zonebox{fill:#fff;stroke:#c9d1d8}
.zonebox.light{fill:#eef1f4;stroke:#d5dbe0}
.zonebox.dark{fill:#c2c9cf;stroke:#a8b1b9}
.zonebox.accent{fill:rgba(158,32,32,.15);stroke:#b05050}
.zlabel{font-size:10.5px;fill:#93a0ac;letter-spacing:1.6px;font-weight:600;pointer-events:none}
.zlabel.dark{fill:#4a545d}
.zlabel.accent{fill:#9e2020;font-weight:700}
.piano{cursor:pointer}
.piano .pbody{fill:#2b2f33}
.piano .pk{fill:#8f979e}
/* ownership: client/consignment stay black; BLP-owned render silver
   (status colors below override the body while a status is active) */
.piano.own-blp .pbody{fill:#9aa3ac}
.piano.own-blp .pk{fill:#454b51}
.piano.new .pbody{fill:#ff2d9e}
.piano.sale .pbody{fill:#2e7d4f}
.piano.sale .pk{fill:#1c1c1c}          /* for-sale: bench shows ownership — black = client/consigned */
.piano.sale.own-blp .pk{fill:#9aa3ac}  /* gray bench = BLP owned */
.piano.sched .pbody{fill:#7c3aed}
.piano.tune .pbody{fill:#3a6ea5}
.piano.coming .pbody{fill:#f4c20d}   /* not yet at the store — bench stays ownership-colored */
.piano.rented .pbody{fill:#e8871e}   /* out on rental — orange; bench stays ownership-colored */
.rentzone{fill:#fdf5ec;stroke:#e8b47e;stroke-width:2;stroke-dasharray:10 6}
.renttitle{fill:#c26a10;font-weight:800;letter-spacing:2px}
.rentname{fill:#7a4708;font-weight:600;pointer-events:none}
.piano.move .pbody{fill:#c03636}
.piano.move{filter:drop-shadow(0 0 5px rgba(192,54,54,.65))}
.piano.dim{opacity:.15}
.mediabadge{paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round;pointer-events:none}
.micon{pointer-events:none}
.micon rect,.micon path,.micon circle{fill:#d31a1a;stroke:#fff;stroke-width:0.9;paint-order:stroke}
.micon .mlens{fill:#fff;stroke:none}
.mediabox{border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;margin:4px 0;padding:2px 0}
.myes{color:#2e7d4f}.mno{color:#c03636}.mna{color:#9aa2ab;font-weight:600}
.msec{font-size:13px;letter-spacing:1px;color:#121212;margin:16px 0 4px}
.msec .pc{color:#9e2020;margin-left:4px}
.mrow{cursor:pointer}
/* media report: 4 independently collapsible sub-sections */
.mdsec{border:1px solid #e8eaec;border-radius:9px;margin-bottom:8px;overflow:hidden}
.mdsec.open{border-color:#d6dade}
.mdsecbtn{display:flex;align-items:center;gap:8px;width:100%;border:none;background:#fafbfc;padding:9px 12px;cursor:pointer;font:inherit;text-align:left}
.mdsecbtn:hover{background:#f2f4f5}
.mdsecbtn .chev{margin-left:0}
.mdsecbtn .pc{margin-left:auto}
.mdsecbtn .mdsecprint{margin:0 0 0 10px;flex-shrink:0}
.mdsecbody{padding:8px 12px 12px;border-top:1px solid #f0f2f4}
.mrow:hover td{background:#fdf3f3}
.phnum{fill:#fff;font-family:'Assistant','Helvetica Neue',Arial,sans-serif;font-weight:800;
  paint-order:stroke;stroke:#1a1d20;stroke-width:2.6px;stroke-linejoin:round;pointer-events:none}
.phrow{display:flex;align-items:center;gap:8px}
.rowflex{display:flex;align-items:center;justify-content:space-between;gap:8px}
.qchip{background:#f0eafd;color:#5b3fb0;border:1px solid #d9ccf5;border-radius:5px;
  padding:2px 7px;font-size:11px;font-weight:800;white-space:nowrap}
.holdzone{fill:#fbf7f4;stroke:#e0cfc4;stroke-width:2;stroke-dasharray:10 6}
.holdtitle{fill:#9e2020;font-weight:800;font-size:30px;letter-spacing:2px}
.holdsub{fill:#8a929a;font-size:18px;font-style:italic}
.holdcell{fill:#fff;stroke:#d9c3b6;stroke-width:1.2;cursor:pointer}
.holdcell:hover{stroke:#9e2020;stroke-width:2}
.holdcell.hl{stroke:#9e2020;stroke-width:2.5;fill:#fdf3f3}
.holdcell.dim{opacity:.3}
.holdname{fill:#2b2f33;font-size:15px;font-weight:700;pointer-events:none}
.holdloc{fill:#9e2020;font-size:13px;font-weight:600;pointer-events:none}
.phsel{flex:1;border:1px solid #d9dde1;border-radius:6px;padding:5px 6px;font-size:12px;
  color:#121212;background:#fff;max-width:170px}
.phmsg{font-size:11.5px;margin:3px 0;min-height:14px;color:#6b7480}
.phmsg.ok{color:#2e7d4f;font-weight:700}
.phmsg.err{color:#c03636;font-weight:700}
.mvmsg.ok{color:#2e7d4f;font-weight:700}
.mvmsg.err{color:#c03636;font-weight:700}
.pricetag{fill:#2e7d4f;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:2.4px;stroke-linejoin:round;pointer-events:none}
.pricecard{color:#2e7d4f}
.piano.hl .pbody{fill:#9e2020}

/* concurrent tasks on the piano card */
.taskbox{border-top:1px solid #eef1f4;margin-top:6px;padding-top:6px}
.taskhead{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#8a929a;font-weight:800}
.taskmsg{font-weight:600;text-transform:none;letter-spacing:0;color:#c03636;margin-left:6px;font-size:11px}
.taskrow{padding:5px 0 3px;border-bottom:1px dashed #eef1f4}
.taskrow:last-child{border-bottom:0}
.taskrow .tname{font-size:12px;font-weight:700;color:#2b2f33;line-height:1.35}
.taskrow .twin{font-weight:500;color:#9aa2ab;font-size:10.5px;margin-left:5px}
.taskrow .tdue{background:#c03636;color:#fff;border-radius:4px;font-size:9.5px;font-weight:800;padding:1px 6px;margin-left:6px;vertical-align:1px}
.taskrow.overdue .tname{color:#9e2020}
.taskrow.tdim{opacity:.55}
.tpills{display:inline-flex;gap:5px;margin-top:3px}
.tpill{border:1px solid #d9dde1;background:#fff;color:#6b7480;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700;cursor:pointer}
.tpill:hover{border-color:#9e2020}
.tpill.on{background:#e8f4ec;border-color:#2e7d4f;color:#2e7d4f}
.tpill.padd{border-style:dashed;color:#9e2020}
.tpart{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 2px 10px;font-size:12px}
.tpart.partadd input{flex:1;border:1px solid #d9dde1;border-radius:6px;padding:4px 8px;font-size:11.5px;font-family:inherit}
.gotoline{font-size:11px;color:#8a6d1d;background:#fdf6e6;border-radius:5px;padding:3px 8px;margin:4px 0 2px}

/* mandatory sign-in gate */
#authgate{position:fixed;inset:0;background:#0d0d0d;z-index:200;display:grid;place-items:center}
#authgate .agcard{background:#fff;border-radius:14px;padding:36px 34px;max-width:400px;width:92%;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
#authgate img{max-width:210px}
#authgate h2{font-size:14px;letter-spacing:.24em;color:#4a4a4a;margin:2px 0}
#authgate p{color:#6b7480;font-size:13.5px;line-height:1.55;margin:0}

/* legend popover */
.lgbtn{position:absolute;left:10px;bottom:10px;z-index:6;background:rgba(253,254,254,.92);border:1px solid #cfd6dc;border-radius:7px;padding:5px 11px;font-size:11.5px;color:#556;cursor:pointer}
.lgpanel{position:absolute;left:10px;bottom:44px;z-index:6;background:#fff;border:1px solid #dfe3e7;border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px rgba(20,30,40,.15);font-size:12px}
.shape-row{display:flex;gap:14px;align-items:center;color:#3a4046;flex-wrap:wrap}
.legend{display:flex;gap:12px;font-size:11.5px;color:#555;align-items:center;margin-top:8px;flex-wrap:wrap}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:-1px}
.phaselegend{max-width:520px}
.phaselegend b{color:#121212}

/* hover / tap card */
.pop{position:absolute;background:#fff;border:1px solid #dfe3e7;border-top:4px solid #9e2020;border-radius:10px;width:246px;padding:14px;box-shadow:0 12px 30px rgba(20,30,40,.18);z-index:10;cursor:pointer;max-height:calc(100% - 16px);overflow:auto}
.pop .tag{display:inline-block;background:#f0f2f4;color:#555;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:3px 8px;border-radius:4px;margin-bottom:6px}
.pop .tag.move{background:#fbeaea;color:#9e2020}
.pop .tag.new{background:#fce8f3;color:#c2187a}
.pop .tag.sale{background:#e8f4ec;color:#2e7d4f}
.pop .tag.sched{background:#f0eafd;color:#5b3fb0}
.pop .tag.tune{background:#e8eef6;color:#3a6ea5}
.pop .tag.coming{background:#fdf3cf;color:#8a6a00}
.tunebtn{width:100%;margin-top:8px;background:#fff;color:#3a6ea5;border:1.5px solid #3a6ea5;border-radius:7px;padding:8px;font-weight:700;font-size:12.5px;cursor:pointer}
.photobtn{width:100%;margin-top:8px;background:#fff;color:#2e7d4f;border:1.5px solid #2e7d4f;border-radius:7px;padding:8px;font-weight:700;font-size:12.5px;cursor:pointer}
.photobtn:hover{background:#e8f4ec}
.photomsg{font-size:12px;margin-top:5px;min-height:14px;color:#6b7480}
.photomsg.ok{color:#2e7d4f;font-weight:700}
.photomsg.err{color:#c03636;font-weight:700}
.tunebtn:hover{background:#e8eef6}
.tunebox{margin-top:7px}
.tunenotes{width:100%;border:1px solid #d9dde1;border-radius:7px;padding:7px 9px;font-size:12.5px;resize:vertical;outline:none;font-family:inherit}
.tunenotes:focus{border-color:#3a6ea5}
.tunego{width:100%;margin-top:6px;background:#3a6ea5;color:#fff;border:none;border-radius:7px;padding:8px;font-weight:700;font-size:12.5px;cursor:pointer}
.tunemsg{font-size:12px;color:#3a6ea5;font-weight:600;margin-top:5px;min-height:14px}
.row.tunerow b{color:#3a6ea5}
.pop h3{font-size:15px}
.pop .row{font-size:12.5px;margin:4px 0;color:#3a4046}
.pop .row b{color:#121212}
.pop .btn{display:block;text-align:center;margin-top:9px;background:#9e2020;color:#fff;border-radius:7px;padding:9px;font-weight:700;font-size:12.5px;text-decoration:none}
.pop .x{position:absolute;top:7px;right:11px;color:#9aa2ab;cursor:pointer;font-size:15px}
.movebox{display:flex;gap:6px;margin-top:9px}
.mvin{flex:1;border:1px solid #d9dde1;border-radius:7px;padding:7px 10px;font-size:13px;min-width:0;outline:none}
.mvin:focus{border-color:#9e2020}
.mvgo{background:#fff;color:#9e2020;border:1.5px solid #9e2020;border-radius:7px;padding:7px 13px;font-weight:700;font-size:12.5px;cursor:pointer}
.mvgo:hover{background:#9e2020;color:#fff}
.mvmsg{font-size:11.5px;color:#8a929a;margin-top:5px;min-height:14px}

/* ---------- moves drawer ---------- */
.feed{width:270px;background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(20,30,40,.05);overflow:auto;flex-shrink:0;margin-left:12px}
.view.nofeed .feed{display:none}
.feed h2{font-size:12.5px;letter-spacing:2px;color:#9e2020;font-weight:800;display:flex}
.feed h2 .x{margin-left:auto;cursor:pointer;color:#9aa2ab;font-weight:400}
.feed .src{font-size:11px;color:#9aa2ab;font-style:italic;margin:3px 0 8px}
.mv{padding:10px 0;border-bottom:1px solid #f0f2f4}
.mv b{font-size:13px;display:block}
.mv span{color:#8a929a;font-size:11.5px}
.mv.done b{text-decoration:line-through;color:#9aa2ab}
.mv .ck{color:#2e7d4f;font-weight:700}
.empty{color:#9aa2ab;font-size:12.5px;font-style:italic;padding:10px 0}

/* ---------- report / board ---------- */
.panel{background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(20,30,40,.05)}
.ph{font-size:14px;letter-spacing:1.5px}
.ph .pc{color:#9e2020;margin-left:6px}
.pd{font-size:12.5px;color:#8a929a;margin:6px 0 12px;max-width:720px}
.tscroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th{text-align:left;font-size:10.5px;letter-spacing:1.2px;color:#8a929a;border-bottom:2px solid #eceef0;padding:6px 10px 6px 0}
td{border-bottom:1px solid #f0f2f4;padding:7px 10px 7px 0}
td .locraw{color:#9e2020;font-weight:600}
td a{color:#9e2020}
/* calendar view */
.calpanel{display:flex;flex-direction:column;height:100%;min-height:0}
.calext{margin-left:auto;font-size:11.5px;letter-spacing:.5px;color:#9e2020;font-weight:600}
.ph{display:flex;align-items:center}
.todaybar{display:flex;gap:10px;margin:12px 0;overflow-x:auto;flex-shrink:0;scrollbar-width:none}
.todaybar::-webkit-scrollbar{display:none}
.tmv{background:#fdf7f7;border:1px solid #e5c9c9;border-left:4px solid #9e2020;border-radius:9px;padding:9px 14px;white-space:nowrap;flex-shrink:0}
.tmv b{display:block;font-size:13px;color:#121212}
.tmv span{font-size:11.5px;color:#9e2020;font-weight:700}
.tmv.done{opacity:.55}
.tmv.done b{text-decoration:line-through}
.tmv.none{border-left-color:#b7c2cc;border-color:#e3e6e9;background:#fff;color:#8a929a;font-style:italic;font-size:12.5px}
.calframe{flex:1;min-height:0;border:1px solid #cfd6dc;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(20,30,40,.06)}
.calframe iframe{width:100%;height:100%;border:0}

/* ---------- tuning request + add-piano modals ---------- */
#tunemodal,#addmodal,.blpmodal{position:fixed;inset:0;background:rgba(18,24,30,.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
#tunemodal[hidden],#addmodal[hidden],.blpmodal[hidden]{display:none}
.mskip{color:#8a929a;font-style:italic}
.mopts{display:inline-flex;align-items:center;gap:5px}
.mopts .mno{color:#9e2020;font-weight:800;font-style:normal}
.mskipbtn{border-color:#aab3bb;color:#5a626a}
.mskipbtn:hover{background:#5a626a;border-color:#5a626a;color:#fff}
.prbtns{display:flex;gap:8px;margin-top:14px}
.prbtns .tmgo{margin-top:0;flex:1.4}
.prskip{flex:1;border:1px solid #cfd6dc;background:#f7f8f9;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer}
.prskip:hover{border-color:#9e2020;color:#9e2020}
.trkrow{display:flex;align-items:flex-start;gap:8px}
.trkchips{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.trk{border:1px solid #cfd6dc;background:#fff;color:#5a626a;border-radius:999px;font-size:10px;font-weight:700;padding:2px 8px;cursor:pointer}
.trk:hover{border-color:#9e2020;color:#9e2020}
.trk.on{background:#9e2020;border-color:#9e2020;color:#fff}
.reqmenu{display:flex;flex-direction:column;border:1px solid #cfd6dc;border-radius:8px;overflow:hidden;margin-top:2px}
.reqmenu[hidden]{display:none}
.reqmenu button{border:none;background:#fff;text-align:left;padding:7px 12px;font-size:12px;font-weight:600;color:#2b2f33;cursor:pointer;border-bottom:1px solid #f0f2f4}
.reqmenu button:last-child{border-bottom:none}
.reqmenu button:hover{background:#fdf3f3;color:#9e2020}
.topreq{position:relative;flex-shrink:0}
.topreq .iconbtn{font-size:12.5px;white-space:nowrap}
.reqmenu.topmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;background:#fff;min-width:190px;box-shadow:0 10px 30px rgba(10,16,22,.25)}
.trk.dn.on{background:#2e7d4f;border-color:#2e7d4f}
.amwhen{display:flex;flex-direction:column;gap:5px;font-size:12px}
.amopt{display:flex;gap:7px;align-items:flex-start;font-weight:600;color:#2b2f33;text-transform:none;letter-spacing:0}
.amwho{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;background:#fff}
.rreports{width:100%;margin:4px 0;border:1px solid #cfd6dc;background:#f7f8f9;color:#3a4046;border-radius:7px;font-size:11.5px;font-weight:700;padding:6px;cursor:pointer;text-align:center}
.rreports:hover{border-color:#9e2020;color:#9e2020}
.histbtns{margin:4px 0 2px}
.histbtns .tagbtn{font-size:10.5px;padding:5px 3px}
.creports{color:#3a6ea5}
.creports:hover{border-color:#3a6ea5;color:#3a6ea5}
.crtog{display:inline-flex;gap:6px;align-items:center;font-size:10.5px;color:#5a626a;font-weight:600;margin:1px 0 3px;cursor:pointer}
.crmsg{font-size:10.5px;margin-left:6px}
.snzbtns{display:flex;gap:4px}
.snz{border:1px solid #cfd6dc;background:#fff;color:#5a626a;border-radius:6px;font-size:10px;font-weight:700;padding:2px 6px;cursor:pointer}
.snz:hover{border-color:#9e2020;color:#9e2020}
.snzcur{color:#3a6ea5}
.waitnote{background:#fdf7ec;border-left:3px solid #e8b47e;padding:4px 8px;border-radius:4px;margin:3px 0}
.wncb{color:#7a4708;font-size:11px;margin-left:4px}
.snzlbl{font-size:10.5px;color:#8a929a;font-weight:700;letter-spacing:.5px}
.wsnooze{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;background:#fff}
.predit{border:1px solid #cfd6dc;background:#fff;color:#2e7d4f;border-radius:6px;font-size:10.5px;font-weight:700;padding:2px 8px;cursor:pointer;white-space:nowrap}
.predit:hover{background:#2e7d4f;border-color:#2e7d4f;color:#fff}
.addplus{fill:#aab3bb;font-weight:700;cursor:pointer}
.addplus:hover{fill:#9e2020}
.tmcard input{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;box-sizing:border-box;background:#fff}
.adgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.adgrid select{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;background:#fff}
.adgo{width:100%;margin-top:14px;background:#9e2020;color:#fff;border:none;border-radius:9px;padding:10px;font-size:13px;font-weight:800;letter-spacing:.4px;cursor:pointer}
.adgo:hover{background:#7f1717}
.adgo:disabled{opacity:.6;cursor:default}
.tmcard{position:relative;background:#fff;border-radius:14px;box-shadow:0 18px 60px rgba(10,16,22,.35);padding:20px 22px;width:min(420px,94vw);max-height:92vh;overflow:auto}
.tmcard .x{position:absolute;top:10px;right:14px;cursor:pointer;color:#8a929a;font-size:15px}
.tmcard h3{margin:0 0 10px;font-size:16px}
.tmpiano{background:#f7f8f9;border:1px solid #e3e6e9;border-radius:9px;padding:9px 12px;margin-bottom:12px}
.tmpiano b{display:block;font-size:13.5px}
.tmpiano span{font-size:11.5px;color:#5a626a}
.tmcard label{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a929a;margin:10px 0 4px}
.tmcard label small{font-weight:600;text-transform:none;letter-spacing:0}
.tmtech{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;background:#fff}
.tmcard textarea{width:100%;border:1px solid #cfd6dc;border-radius:8px;padding:7px 9px;font:inherit;font-size:12.5px;resize:vertical;box-sizing:border-box}
.tmgo{width:100%;margin-top:14px;background:#9e2020;color:#fff;border:none;border-radius:9px;padding:10px;font-size:13px;font-weight:800;letter-spacing:.4px;cursor:pointer}
.tmgo:hover{background:#7f1717}
.svbtns{display:flex;gap:8px}
.svbtns .tmgo{flex:1}
.svgoasap{background:#c26a10}
.svgoasap:hover{background:#a3590c}
.tmgo:disabled{opacity:.6;cursor:default}
.tmmsg{font-size:12px;margin-top:8px;min-height:16px}
.tmmsg.ok{color:#2e7d4f;font-weight:700}
.tmmsg.err{color:#9e2020;font-weight:700}
.tunesched{color:#3a6ea5}

/* ---------- media mark-done buttons on the data card ---------- */
.mmark{border:1px solid #d31a1a;background:#fff;color:#d31a1a;border-radius:6px;font-size:10.5px;font-weight:700;padding:2px 7px;cursor:pointer;letter-spacing:.2px}
.mmark:hover{background:#d31a1a;color:#fff}
.mmark:disabled{opacity:.55;cursor:default}
.mdmsg{font-size:11px;min-height:0;margin-top:2px}
.mdmsg.ok{color:#2e7d4f;font-weight:700}
.mdmsg.err{color:#9e2020;font-weight:700}

/* ---------- tag printing ---------- */
.tagbtns{display:flex;gap:8px;margin:8px 0 2px}
.tagbtns:empty{display:none}
.tagbtn{flex:1;text-align:center;border:1px solid #cfd6dc;background:#f7f8f9;color:#121212;border-radius:8px;font-size:11.5px;font-weight:700;padding:6px 4px;cursor:pointer;text-decoration:none}
.tagbtn:hover{border-color:#9e2020;color:#9e2020}

/* ---------- sign-in box (sidebar) ---------- */
.authbox{margin:14px 16px 6px;padding:12px 14px;background:#f7f8f9;border:1px solid #e3e6e9;border-radius:10px;font-size:12px}
.authbox b{display:block;font-size:10px;letter-spacing:1.5px;color:#8a929a;margin-bottom:6px}
.authhint{color:#5a626a;font-size:11px;margin-bottom:8px;line-height:1.35}
.authname{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;margin-bottom:6px}
.authpic{width:22px;height:22px;border-radius:50%}
.authout{border:none;background:none;color:#9e2020;font-size:11px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}

/* ---------- reports accordion ---------- */
.rpt{border:1px solid #e3e6e9;border-radius:11px;margin-bottom:10px;background:#fff;overflow:hidden}
.rpt.open{border-color:#c9ced4;box-shadow:0 2px 8px rgba(20,30,40,.06)}
.rptbtn{display:flex;align-items:center;gap:10px;width:100%;border:none;background:#fff;padding:13px 16px;cursor:pointer;font:inherit;text-align:left}
.rptbtn:hover{background:#f7f8f9}
.ric{font-size:16px}
.rtitle{font-weight:800;font-size:12.5px;letter-spacing:1.5px;color:#121212}
.rpt .pc.zero{background:#eef4ef;color:#2e7d4f}
.chev{margin-left:auto;color:#8a929a}
.rptbody{padding:2px 16px 14px;border-top:1px solid #f0f2f4}
.rpthead{display:flex;align-items:flex-start;gap:12px}
.rpthead .pd{flex:1;margin:10px 0}
.printbtn{flex-shrink:0;margin-top:8px;border:1px solid #cfd6dc;background:#f7f8f9;border-radius:8px;font-size:11.5px;font-weight:700;padding:6px 12px;cursor:pointer}
.printbtn:hover{border-color:#9e2020;color:#9e2020}
.mrow{cursor:pointer}
/* media report: 4 independently collapsible sub-sections */
.mdsec{border:1px solid #e8eaec;border-radius:9px;margin-bottom:8px;overflow:hidden}
.mdsec.open{border-color:#d6dade}
.mdsecbtn{display:flex;align-items:center;gap:8px;width:100%;border:none;background:#fafbfc;padding:9px 12px;cursor:pointer;font:inherit;text-align:left}
.mdsecbtn:hover{background:#f2f4f5}
.mdsecbtn .chev{margin-left:0}
.mdsecbtn .pc{margin-left:auto}
.mdsecbtn .mdsecprint{margin:0 0 0 10px;flex-shrink:0}
.mdsecbody{padding:8px 12px 12px;border-top:1px solid #f0f2f4}

.mrow:hover td{background:#faf7f7}

.boardday{margin:14px 0 4px;font-weight:800;font-size:12px;letter-spacing:1.5px;color:#3a4046;border-bottom:2px solid #eceef0;padding-bottom:4px}
.boardday.today{color:#9e2020}
.bev{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f6f7f8;font-size:13px}
.bev .t{font-family:Menlo,monospace;font-size:11.5px;color:#8a929a;width:46px;flex-shrink:0;padding-top:1px}
.bev.done{color:#9aa2ab;text-decoration:line-through}
.bev .ck{color:#2e7d4f;text-decoration:none;margin-left:6px}

/* ---------- mobile ---------- */
@media (max-width:760px){
  .bar{flex-wrap:wrap;padding:8px 10px;gap:8px}
  .logo{height:26px}
  .search{order:5;flex:1 1 100%;width:auto}
  .tabs div{padding:6px 10px;font-size:11.5px}
  .stage{padding:6px 8px 8px}
  .feed{position:absolute;top:0;right:0;bottom:0;margin:0;z-index:20;width:min(300px,86vw);border-radius:12px 0 0 12px;box-shadow:-8px 0 30px rgba(20,30,40,.25)}
  .kpi{padding:6px 10px}
  .kpi .n{font-size:15px}
  .pop{width:min(240px,80vw)}
}

/* client-reports opt in/out row */
.crask{margin:6px 0 2px;font-size:11.5px;color:#5a636b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.crbtn{font:inherit;font-size:11px;padding:2px 10px;border:1px solid #c9d0d6;border-radius:10px;background:#fff;cursor:pointer}
.crbtn:hover{border-color:#9e2020;color:#9e2020}
.croff{font-size:11px;color:#8a939b;cursor:pointer;text-decoration:underline dotted}
.croff:hover{color:#9e2020}

.miscsum{margin:2px 0 0;font-size:11.5px;color:#5a636b;font-style:italic}
.miscedit{border:none;background:none;cursor:pointer;font-size:11px;color:#9e2020}

.agpin{margin-top:14px;border:none;background:none;cursor:pointer;font-size:12px;color:#8a939b;text-decoration:underline dotted}
.agpin:hover{color:#9e2020}

.agpinrow{margin-top:16px;display:flex;gap:6px;justify-content:center}
.agpinrow input{padding:7px 10px;border:1px solid #c9d0d6;border-radius:8px;font:inherit;font-size:13px;width:170px}
.agpinrow button{padding:7px 14px;border:1px solid #9e2020;border-radius:8px;background:#9e2020;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.agpinmsg{margin-top:8px;font-size:12px;color:#9e2020;min-height:15px}

.agver{margin-top:10px;font-size:10px;color:#c2c9cf}

/* Private Financing pianos — lime green wherever they render on the map */
.piano.financed .pbody{fill:#32cd32}   /* bench stays ownership-colored, not lime */
.piano.larsonfam .pbody{fill:#5bb8e8}   /* bench stays ownership-colored, not sky-blue */
.finbadge{fill:#0a5c0a;font-weight:900;paint-order:stroke;stroke:#fff;stroke-width:2.2px;stroke-linejoin:round}

/* front door / parking lot — coming-soon pianos, staged outside the building */
.csnzone{fill:#eef4f8;stroke:#5b8ba8;stroke-width:1.5;stroke-dasharray:5 3}
.csntitle{fill:#2f5f78;font-weight:700;letter-spacing:0.5px}
.csnname{fill:#2f3a40}

/* out-for-service zone, next to coming-soon in the parking lot area */
.ofszone{fill:#f7f0e8;stroke:#b8875a;stroke-width:1.5;stroke-dasharray:5 3}
.ofstitle{fill:#7a4d1f;font-weight:700;letter-spacing:0.5px}
.ofsname{fill:#3a2f24}

/* cabinetry: card chips, map unit boxes, unit modal, coming-soon queue badge */
.cabchip{display:inline-flex;align-items:center;background:#f2f4f5;border:1px solid #cfd6dc;border-radius:9px;padding:1px 8px;font-size:11px;font-weight:700;margin:1px 2px}
.cabdel{font-style:normal;color:#9e2020;margin-left:6px;cursor:pointer;font-size:10px}
.cabadd{border:1px dashed #9aa3ac;border-radius:9px;background:none;padding:1px 9px;font:inherit;font-size:11px;color:#5a636b;cursor:pointer}
.cabadd:hover{border-color:#9e2020;color:#9e2020}
.cabunitbox{fill:#dde4e9;stroke:#7c8794;stroke-width:1.4;cursor:pointer}
.cabunitbox:hover{fill:#cfd9e0}
.cabunitnum{fill:#3c454d;font-weight:800;cursor:pointer}
.cabcntc{fill:#9e2020;cursor:pointer}
.cabcnt2{fill:#fff;font-weight:800;cursor:pointer}
.cabjunkbox{fill:#efe9df;stroke:#b8a888;stroke-width:1.2}
.cabjunktxt{fill:#9a8a6a;font-weight:700;letter-spacing:1px}
.cabtbl{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}
.cabtbl th{font-size:10px;letter-spacing:1px;color:#8a929a;text-align:left;padding:4px 8px;border-bottom:1px solid #eef1f3;white-space:nowrap}
.cabtbl td{padding:4px 8px;border-bottom:1px solid #eef1f3}
.cabp{display:block;color:#1c5f9e;cursor:pointer;padding:1px 0}
.cabp small{color:#8a929a}
.cabempty{color:#c2c9cf}
.cabnote{font-size:11.5px;color:#8a929a;margin:10px 0 0}

/* digital whiteboard replica (cabinetry unit popup) */
.wbboard{background:#fbfbf9;border:7px solid #e8e6e1;border-radius:12px;padding:10px 14px;box-shadow:inset 0 1px 4px rgba(0,0,0,.06)}
.wbhead{display:flex;align-items:center;border-bottom:2px solid #444;padding-bottom:5px;margin-bottom:2px}
.wbnum{font-weight:800;font-size:15px;border-right:2px solid #444;padding-right:10px;margin-right:10px}
.wbside{flex:1;text-align:center;font-size:11px;letter-spacing:2.5px;font-weight:700}
.wbrow{display:flex;border-bottom:1.5px solid #b9b6af;min-height:40px;position:relative}
.wbrow:last-child{border-bottom:none}
.wbshname{position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:7.5px;letter-spacing:1.5px;color:#a09c94}
.wbcell{flex:1;text-align:center;padding:13px 4px 5px;font-family:'Bradley Hand','Comic Sans MS',cursive;font-size:13px;color:#1c1c1c}
.wbcell + .wbcell{border-left:1.5px solid #b9b6af}
.wbcell .cabp{display:block;color:#1c1c1c;cursor:pointer;padding:1px 0}
.wbcell .cabp:hover{color:#9e2020}
.wbcell .cabp small{color:#8a929a;font-family:Helvetica,Arial,sans-serif;font-size:9px}
.wbassign{color:#b8c2ca;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:10.5px}
.wbassign:hover{color:#9e2020}
#cabroommodal .card, .blpmodal .card{max-width:560px}