.bt-app{
  --yellow:#FFC107; --yellow-soft:#FFF4CC; --dark:#201E25; --dark2:#34313B;
  --red:#d93025; --red-soft:#FCE8E6; --green:#188038; --green-soft:#E6F4EA;
  --ink:#201E25; --muted:#5F5B66; --line:#DCD9E0; --bg:#F6F5F7; --card:#fff;
  --radius:10px; --focus:0 0 0 3px #1a73e8;
}
.bt-app *{box-sizing:border-box}
.bt-app{-webkit-text-size-adjust:100%}
.bt-app{margin:0;font-family:Montserrat,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45}
.bt-app a{color:#1a5fb4}
.bt-app :focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}
.bt-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bt-app .wrap{max-width:1100px;margin:0 auto;padding:0 14px}
.bt-app header.site{background:var(--dark);color:#fff;border-bottom:5px solid var(--yellow)}
.bt-app .hdr{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 0}
.bt-app .brand{display:flex;align-items:center;gap:10px}
.bt-app .logo{width:40px;height:40px;border-radius:8px;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.02em;flex:none}
.bt-app .brand b{display:block;font-size:16px;letter-spacing:.01em}
.bt-app .brand span{display:block;font-size:12.5px;color:#CFCBD6}
.bt-app .division label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#CFCBD6;margin-bottom:3px}
.bt-app .division select{font:inherit;font-size:14px;background:#fff;color:var(--dark);border:2px solid var(--yellow);border-radius:8px;padding:7px 10px;min-width:240px;max-width:100%}
.bt-app .bid-title{padding:4px 0 16px}
.bt-app .bid-title h1{margin:0;font-size:22px;line-height:1.2}
.bt-app .bid-title h1 em{font-style:normal;color:var(--yellow)}
.bt-app .bid-title p{margin:4px 0 0;color:#CFCBD6;font-size:13px}
.bt-app .status{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.bt-app .stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;border-left:6px solid var(--yellow)}
.bt-app .stat h2{margin:0 0 2px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.bt-app .stat .big{font-size:24px;font-weight:800;line-height:1.15}
.bt-app .stat .big small{font-size:14px;font-weight:600;color:var(--muted)}
.bt-app .stat .sub{font-size:13px;color:var(--muted);margin-top:2px}
.bt-app .bar{height:10px;background:#EEECF1;border-radius:6px;overflow:hidden;margin-top:8px}
.bt-app .bar i{display:block;height:100%;background:var(--green);border-radius:6px;transition:width .4s}
.bt-app .stat.signing{border-left-color:var(--dark)}
.bt-app .stat.upd{border-left-color:var(--green)}
.bt-app .tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;border-bottom:2px solid var(--dark);margin-top:6px;padding-bottom:0;-webkit-overflow-scrolling:touch}
.bt-app .tabs button{font:inherit;font-size:14px;font-weight:700;white-space:nowrap;border:2px solid var(--line);border-bottom:0;background:#fff;color:var(--dark);padding:10px 14px;border-radius:9px 9px 0 0;cursor:pointer;min-height:44px}
.bt-app .tabs button[aria-selected="true"]{background:var(--yellow);border-color:var(--dark)}
.bt-app .tabs button.cmte{background:var(--dark2);color:#fff;border-color:var(--dark2)}
.bt-app .tabs button.cmte[aria-selected="true"]{background:var(--dark);color:var(--yellow);border-color:var(--dark)}
.bt-app .tabs button.cmte small{display:block;font-size:10.5px;font-weight:600;opacity:.85}
.bt-app .panel{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:16px 14px 20px}
.bt-app [hidden]{display:none !important}
.bt-app .panel[hidden]{display:none}
.bt-app .panel h2{font-size:18px;margin:0 0 4px}
.bt-app .panel h3{font-size:15px;margin:18px 0 8px}
.bt-app .lead{margin:0 0 12px;color:var(--muted);font-size:13.5px}
.bt-app .note{background:var(--yellow-soft);border:1px solid #F2D27A;border-radius:8px;padding:9px 12px;font-size:13px;margin:12px 0}
.bt-app .note.dark{background:#F1EFF4;border-color:var(--line)}
.bt-app .filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px}
.bt-app .filters .f{display:flex;flex-direction:column;gap:3px}
.bt-app .filters .f.wide{grid-column:1 / -1}
.bt-app .filters label{font-size:12px;font-weight:700;color:var(--muted)}
.bt-app input[type=search], .bt-app input[type=text], .bt-app select{font:inherit;font-size:15px;border:1.5px solid #B9B4C0;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);min-height:44px;width:100%}
.bt-app .chk{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;min-height:44px;cursor:pointer}
.bt-app .chk input{width:20px;height:20px;accent-color:var(--dark)}
.bt-app .count{font-size:13px;color:var(--muted);margin:6px 0 10px}
.bt-app .btn-reset{font:inherit;font-size:13px;background:none;border:0;color:#1a5fb4;text-decoration:underline;cursor:pointer;padding:4px}
.bt-app .cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bt-app .gcard{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:grid;grid-template-columns:96px 1fr;gap:4px 10px;align-items:center;background:#fff}
.bt-app .gtop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.bt-app .gcard.picked{background:var(--green-soft);border-color:#B7DFC3}
.bt-app .gcard.bopen{background:#FFF8F7;border-color:#F3C2BE}
.bt-app .gnum{font-size:22px;font-weight:800;letter-spacing:-.01em;grid-row:1 / 3;grid-column:1}
.bt-app .gtop, .bt-app .gpick{grid-column:2}
.bt-app .gnum small{display:block;font-size:10.5px;white-space:nowrap;font-weight:600;color:var(--muted);letter-spacing:0}
.bt-app .gdays{font-size:13px;color:var(--muted);white-space:nowrap}
.bt-app .gdays b{color:var(--ink)}
.bt-app .gpick{font-size:15px;font-weight:700}
.bt-app .br{color:var(--red);font-weight:700}
.bt-app .picked-name{color:var(--green);font-weight:700}
.bt-app .picked-name.br,.bt-app .vrslot .br{color:var(--red);font-weight:700}
.bt-app .vrslot small .picked-name{color:var(--green)}
.bt-app .open-txt{color:var(--muted);font-weight:500;font-style:italic}
.bt-app .chip{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px;border:1.5px solid;white-space:nowrap}
.bt-app .chip.open{border-color:#C9A100;color:#6B5400;background:#FFF4CC}
.bt-app .chip.pk{border-color:var(--green);color:var(--green);background:#fff}
.bt-app .chip.bro{border-color:var(--red);color:var(--red);background:#fff}
.bt-app .chip.dk{border-color:var(--dark);color:#fff;background:var(--dark)}
.bt-app .chip.vac{border-color:#1a5fb4;color:#1a5fb4;background:#fff}
.bt-app .flash{animation:flash 1.6s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 4px var(--yellow)}100%{box-shadow:0 0 0 0 transparent}}
.bt-app table{border-collapse:collapse;width:100%;font-size:14px}
.bt-app th, .bt-app td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.bt-app thead th{background:var(--dark);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}
.bt-app tbody tr:nth-child(even) td{background:#FAFAFB}
.bt-app tr.picked td{background:var(--green-soft)!important}
.bt-app tr.bopen td{background:#FFF8F7!important}
.bt-app td.g{font-weight:800;font-size:15px}
.bt-app .gtable{display:none}
.bt-app .chips{display:flex;flex-wrap:wrap;gap:6px}
.bt-app .vrslot{border:1.5px solid var(--dark);border-radius:8px;padding:5px 10px;font-weight:800;background:#fff;font-size:14px}
.bt-app .vrslot small{display:block;font-weight:500;font-size:11px;color:var(--muted)}
.bt-app .avail{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.bt-app .avail li{border:1px solid var(--line);border-left:5px solid var(--yellow);border-radius:8px;padding:8px 10px;background:#fff;font-size:13.5px}
.bt-app .avail li.new{border-left-color:var(--green);background:var(--green-soft)}
.bt-app .avail .wk{font-weight:800}
.bt-app .half{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--dark);color:var(--yellow);font-weight:800;font-size:12px;margin:0 2px}
.bt-app .scroll{overflow:auto;max-height:75vh;border:1px solid var(--line);border-radius:8px;-webkit-overflow-scrolling:touch}
.bt-app .vrt{min-width:640px;font-size:13px}
.bt-app .vrt th:first-child, .bt-app .vrt td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 var(--line)}
.bt-app .vrt thead th:first-child{background:var(--dark)}
.bt-app .vrt td.slot{text-align:center;color:#9a96a0}
.bt-app .vrt td.av{min-width:170px}
.bt-app .mini{display:inline-block;font-size:11.5px;font-weight:700;border-radius:5px;padding:2px 6px;margin:1px 2px 1px 0;background:var(--yellow-soft);border:1px solid #F2D27A;white-space:nowrap}
.bt-app .mini.new{background:var(--green-soft);border-color:#9ED3AE}
.bt-app .seg{display:inline-flex;border:1.5px solid var(--dark);border-radius:8px;overflow:hidden}
.bt-app .seg button{font:inherit;font-size:13px;font-weight:700;border:0;background:#fff;padding:8px 12px;cursor:pointer;min-height:40px}
.bt-app .seg button[aria-pressed="true"]{background:var(--dark);color:var(--yellow)}
.bt-app .times{margin:0;padding-left:18px;font-size:13.5px}
.bt-app .sg{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;background:#fff}
.bt-app .sg summary{list-style:none;cursor:pointer;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;min-height:48px}
.bt-app .sg summary::-webkit-details-marker{display:none}
.bt-app .sg summary b{font-size:15px}
.bt-app .sg summary .sub{font-size:12.5px;color:var(--muted);grid-column:1}
.bt-app .sg.current{border:2px solid var(--dark);background:var(--yellow-soft)}
.bt-app .sg.done{opacity:.8}
.bt-app .sg ol{margin:0;padding:0 12px 12px 40px;font-size:14px}
.bt-app .sg ol li{padding:3px 0}
.bt-app .cmte-wrap{display:grid;gap:14px}
.bt-app .lockbar{background:var(--dark);color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bt-app .lockbar b{color:var(--yellow)}
.bt-app .box{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#fff}
.bt-app .box h3{margin:0 0 8px}
.bt-app .queue{list-style:none;margin:0;padding:0;font-size:14px}
.bt-app .queue li{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:7px;border:1px solid transparent}
.bt-app .queue li .sen{font-size:12px;color:var(--muted);font-weight:700}
.bt-app .queue li.next{background:var(--yellow-soft);border:2px solid var(--dark);box-shadow:inset 6px 0 0 var(--yellow);font-weight:800}
.bt-app .queue li.signed{color:var(--muted)}
.bt-app .queue li.signed .nm{text-decoration:line-through;text-decoration-color:#aaa}
.bt-app .nowsign{background:var(--yellow-soft);border:2px solid var(--dark);border-radius:9px;padding:10px 12px;margin-bottom:12px}
.bt-app .nowsign .nm{font-size:20px;font-weight:800}
.bt-app .nowsign .meta{font-size:13px;color:var(--muted)}
.bt-app .lb{width:100%;font-size:15px;border:1.5px solid #B9B4C0;border-radius:8px;padding:4px;min-height:170px;margin-top:6px}
.bt-app .lb option{padding:7px 6px;border-radius:5px}
.bt-app .formrow{margin-bottom:10px}
.bt-app .formrow > label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:3px}
.bt-app .summary{font-size:13.5px;background:#F1EFF4;border-radius:8px;padding:8px 10px;margin:8px 0;min-height:38px}
.bt-app .btn{font:inherit;font-weight:800;font-size:16px;border-radius:9px;padding:12px 18px;min-height:48px;cursor:pointer;border:2px solid var(--dark)}
.bt-app .btn.primary{background:var(--yellow);color:var(--dark);width:100%}
.bt-app .btn.primary:disabled{background:#EEE;color:#999;border-color:#ccc;cursor:not-allowed}
.bt-app .btn.small{font-size:13px;padding:6px 12px;min-height:36px;background:#fff}
.bt-app .log{list-style:none;margin:0;padding:0;font-size:13.5px;max-height:360px;overflow:auto}
.bt-app .log li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.bt-app .log time{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}
.bt-app .log li.undone .txt{text-decoration:line-through;color:var(--muted)}
.bt-app .log .tag{font-size:11px;color:var(--muted)}
.bt-app .toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%) translateY(120%);background:var(--dark);color:#fff;padding:10px 16px;border-radius:9px;font-size:14px;font-weight:600;border-left:5px solid var(--green);transition:transform .25s;z-index:20;max-width:92vw}
.bt-app .toast.show{transform:translateX(-50%) translateY(0)}
.bt-app .coming{margin:18px 0 26px;border:2px dashed #B9B4C0;border-radius:var(--radius);padding:12px 14px;background:#fff}
.bt-app .coming h2{margin:0 0 6px;font-size:15px}
.bt-app .coming ul{margin:0;padding-left:18px;font-size:13.5px}
.bt-app .coming li{margin:2px 0}
.bt-app footer{font-size:12px;color:var(--muted);text-align:center;padding:0 0 30px}
.bt-app .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin:4px 0 8px}
@media (min-width:760px){.bt-app{font-size:15px}
.bt-app .status{grid-template-columns:1.2fr 1.2fr 1fr}
.bt-app .status.av4{grid-template-columns:1.3fr 1.3fr 1fr 1fr}
.bt-app .filters{grid-template-columns:1.3fr 1fr 1fr auto;align-items:end}
.bt-app .filters .f.wide{grid-column:auto}
.bt-app .cards{display:none}
.bt-app .gtable{display:table}
.bt-app .panel{padding:20px 22px 24px}
.bt-app .bid-title h1{font-size:26px}
.bt-app .cmte-wrap{grid-template-columns:300px 1fr}
.bt-app .cmte-wrap .logbox{grid-column:1 / -1}
.bt-app .avail{grid-template-columns:1fr 1fr}
.bt-app .vr-top{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}

}
@media (prefers-reduced-motion:reduce){.bt-app *{animation:none!important;transition:none!important}
}
.bt-app .qhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.bt-app .qhead h3{margin:0}
.bt-app .qsel{width:auto;min-height:36px;font-size:13px;padding:5px 8px}
.bt-app .queue li .qb{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bt-app .btn.tiny{font-size:11.5px;font-weight:700;padding:3px 8px;min-height:30px;border-width:1.5px;border-radius:7px;background:#fff;color:var(--dark);border-color:#B9B4C0;white-space:nowrap}
.bt-app .btn.tiny:hover{border-color:var(--dark)}
.bt-app .btn.danger-o{color:var(--red);border-color:var(--red)}
.bt-app .btn.danger-o:hover{background:var(--red-soft)}
.bt-app .sg ol li .btn.tiny{margin-left:4px;vertical-align:middle}
.bt-app .swline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bt-app .swlbl{font-weight:700;font-size:14.5px}
.bt-app .switch{position:relative;width:56px;height:32px;border-radius:999px;border:2px solid var(--dark);background:#E3E0E7;cursor:pointer;flex:none;padding:0}
.bt-app .switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--dark);transition:left .2s}
.bt-app .switch[aria-checked="true"]{background:var(--red)}
.bt-app .switch[aria-checked="true"] .knob{left:27px}
.bt-app .switch:disabled{opacity:.4;cursor:not-allowed}
.bt-app .swstate{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:2px}
.bt-app .swhint{font-size:12px;color:var(--muted);margin-top:2px}
.bt-app .swrow{background:#F7F6F9;border:1px solid var(--line);border-radius:9px;padding:10px 12px}
.bt-app .log li.ev-rb{background:var(--red-soft);border-left:4px solid var(--red);padding-left:8px}
.bt-app .log li.ev-br{background:#F1EFF4;border-left:4px solid var(--dark);padding-left:8px}
.bt-app .lt{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--dark);color:#fff;border-radius:4px;padding:1px 6px;margin-right:6px}
.bt-app .lt.rb{background:var(--red)}
.bt-app.modal-open{overflow:hidden}
.bt-app .modal-bg{position:fixed;inset:0;background:rgba(32,30,37,.62);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}
.bt-app .modal-bg[hidden]{display:none}
.bt-app .modal{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:14px 14px 0 0;padding:18px 16px 16px;border-top:6px solid var(--yellow);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.bt-app .modal h2{margin:0 0 10px;font-size:18px;line-height:1.25}
.bt-app .modal p{margin:0 0 10px;font-size:14px}
.bt-app .modal .warn{background:var(--red-soft);border:1.5px solid #F3B4AE;border-radius:8px;padding:10px 12px;color:#5c1410}
.bt-app .mlist{margin:0 0 10px;padding-left:18px;font-size:13.5px}
.bt-app .mdet{font-size:13px;margin:0 0 10px}
.bt-app .mdet summary{cursor:pointer;font-weight:700;color:#1a5fb4;min-height:32px;display:flex;align-items:center}
.bt-app .mdet ol{max-height:150px;overflow:auto;margin:4px 0 0;padding-left:22px}
.bt-app .mnote{font-size:12.5px!important;color:var(--muted)}
.bt-app .mack{border-top:1px solid var(--line);padding-top:4px}
.bt-app .mack[hidden]{display:none}
.bt-app .mbtns{display:flex;gap:10px;margin-top:10px}
.bt-app .mbtns .btn{flex:1}
.bt-app .btn.sec{background:#fff;color:var(--dark)}
.bt-app .btn.danger{background:var(--red);border-color:#a3221a;color:#fff}
.bt-app .btn.danger:disabled{background:#f1b9b4;border-color:#f1b9b4;color:#fff;cursor:not-allowed}
.bt-app .btn.primary-y{background:var(--yellow);color:var(--dark)}
@media (max-width:759px){.bt-app .log li{grid-template-columns:auto 1fr}
.bt-app .log li > :last-child{grid-column:2;justify-self:start}
}
@media (min-width:760px){.bt-app .modal-bg{align-items:center;padding:20px}
.bt-app .modal{border-radius:14px;padding:22px 24px 20px}
}


.bt-app{background:var(--bg);color:var(--ink);font-family:Montserrat,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.45;max-width:1100px;margin:0 auto;padding:0 0 20px;position:relative}
.bt-app .wrap{padding:0}
.bt-app .disclaimer{background:#FFF4CC;border:2px solid #C9A100;border-radius:9px;padding:10px 12px;font-size:13.5px;margin:12px 0}
.bt-app .disclaimer b{display:block;margin-bottom:2px}
.bt-app .err{background:var(--red-soft);border:1.5px solid #F3B4AE;border-radius:8px;padding:9px 12px;color:#5c1410;font-size:14px;margin:8px 0}
.bt-app .loading{padding:30px;text-align:center;color:var(--muted)}
.bt-app header.site{border-radius:10px 10px 0 0;padding:0 14px}
.bt-app .cmte-hide{display:none}
.bt-app .nodata{color:var(--muted);font-style:italic}
.bt-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bt-app .modal-bg{position:fixed}
.bt-app .toast{position:fixed}
/* ---- Vacation Relief bid (v0.3.0) ---- */
.bt-app .vwk{margin:0 0 16px}
.bt-app .vwk h3{margin:14px 0 8px;font-size:15px;background:var(--dark);color:#fff;border-radius:8px;padding:7px 12px}
.bt-app .vwk h3 small{color:var(--yellow);font-weight:600;margin-left:6px}
.bt-app .vlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bt-app .vitem{display:grid;grid-template-columns:1fr;gap:3px 12px;border:1px solid var(--line);border-left:6px solid var(--yellow);border-radius:9px;padding:9px 12px;background:#fff}
.bt-app .vitem.taken{background:var(--green-soft);border-color:#B7DFC3;border-left-color:var(--green)}
.bt-app .vitem.own{background:#F1EFF4;border-left-color:#9a96a0}
.bt-app .vwork{font-size:15px}
.bt-app .vsub{color:var(--muted);font-size:12.5px;font-weight:500}
.bt-app .vdays{font-size:13px;color:var(--muted)}
.bt-app .vorder{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bt-app .vorder li{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}
.bt-app .vorder li.next{background:var(--yellow-soft);border:2px solid var(--dark)}
.bt-app .vorder li.done{opacity:.85}
.bt-app .vno{font-weight:800;font-size:17px}
.bt-app .vsheet table{margin:0 0 4px}
.bt-app .vsh td, .bt-app .vsh th{padding:6px 10px}
.bt-app .vsh tr.vacation td{background:#F1EFF4!important;color:var(--muted)}
.bt-app .vsh tr.picked td{background:var(--green-soft)!important}
.bt-app .vsheet{overflow:auto;max-height:75vh}
@media (min-width:760px){
.bt-app .vitem{grid-template-columns:minmax(260px,2fr) 1.1fr 1.4fr;align-items:center}
.bt-app .vlist{gap:6px}
}
/* VR signing groups (signing order tab): list inside a group card */
.sg .vorder{list-style:none;margin:10px 0 0;padding:0}
.sg .vorder li{background:#fff}
.sg .vorder li .nm{min-width:0;flex:1}

/* Part-Time/Temp: Temporary Full-Time names show in blue on the Full-Time sheet */
.temp-name{color:#0b57d0;font-weight:600}.temp-tag{color:#0b57d0;font-weight:400}
.ptt-work .tk{opacity:.55}.ptt-work .tk b{text-decoration:line-through}
.ptt-detail{font-size:12px;color:#555;white-space:pre-line}
.gatebar{background:#fff8e5;border-left:4px solid #dba617;padding:8px 12px;margin:10px 0;border-radius:4px}
.ptt-kind{display:inline-block;font-size:11px;padding:1px 7px;border-radius:9px;background:#eef2f7;margin-right:4px}

.vrslot small.replaced{text-decoration:line-through;opacity:.7}
.vr-replaces{display:block;font-size:.8em;color:#1a4fa0}

/* ---- bid selector (all bid types) + Annual Vacation board ---- */
.bt-selector{margin:0 0 12px;max-width:100%}
.bt-selector label{display:block;font-weight:600;font-size:14px}
.bt-selector select{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px;padding:8px;font-size:15px}
.bt-committee-note{background:#fff8e5;border-left:4px solid #dba617;padding:6px 10px;margin:0 0 12px;font-size:14px}
.av-mark{display:inline-block;min-width:1.4em;text-align:center;font-weight:700;color:#7a4b00;background:#fff1cc;border-radius:4px;padding:0 4px;margin-left:4px}
.av-legend{display:block;margin-top:6px;font-size:13px}
.av-per{margin:16px 0 4px;font-size:16px;border-bottom:2px solid #c8d1dc;padding-bottom:2px}
.av-weeks{list-style:none;margin:0;padding:0}
.av-week{border-bottom:1px solid #e3e7ec;padding:8px 0}
.av-week.full .av-free{color:#b3261e}
.av-wk{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.av-wip{color:#5b6572;font-size:12px}
.av-free{margin-left:auto;font-size:13px;font-weight:600;color:#0a6b3a}
.av-seats{margin:4px 0 0 20px;padding:0;font-size:14px;columns:2 180px}
.av-seats li.empty{color:#8a94a0}
.av-open{font-style:italic}
.av-ent{display:block;color:#5b6572;font-weight:400;font-size:12px}
.av-picks{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.av-pgrp{margin:6px 0}
.av-cb{display:inline-flex;align-items:center;gap:4px;margin:3px 10px 3px 0;font-size:14px;min-height:32px}
.av-cb.dis{color:#8a94a0}
fieldset.av-pick{border:1px solid #c8d1dc;border-radius:6px;margin:8px 0;padding:6px 10px;max-height:340px;overflow:auto}

/* v0.5.4 */
.bt-app .vrslot.picked{background:var(--green-soft);border-color:#B7DFC3}
.bt-app .vrslot.picked small{color:var(--green);font-weight:700}
.bt-app .gcard.vrg .gnum{color:var(--dark)}
.bt-app li.gsep{list-style:none;font-weight:800;font-size:13px;color:var(--muted);padding:6px 2px 0;text-transform:uppercase;letter-spacing:.03em}
.bt-app tr.gsep th{background:var(--dark);color:#fff;text-align:left;font-size:12.5px}
.bt-app tr.vrg.picked td{background:var(--green-soft)}
.bt-app .avt{min-width:560px}
.bt-app .avt td{vertical-align:top}
.bt-app .avt td.wk{background:#fff;white-space:nowrap}
.bt-app .avt tr.open-row td:not(.wk){background:var(--green-soft)}
.bt-app .avt small{color:var(--muted)}
.bt-app .vrslot .temp-name,.bt-app .vrslot.picked .temp-name{color:#0b57d0}
.bt-app .chip.temp-back{background:#e8f0fe;color:#0b57d0}
/* v0.5.9: close-this-bid prompt */
.bt-app .close-prompt{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0;padding:14px 16px;border:1px solid #2e7d32;border-left:6px solid #2e7d32;border-radius:10px;background:#eef7ee}
.bt-app .close-prompt[data-case="no_work"]{border-color:#b26a00;background:#fff6e5}
.bt-app .close-prompt[hidden]{display:none}
.bt-app .close-prompt .cp-text{display:flex;flex-direction:column;gap:3px;flex:1 1 320px}
.bt-app .close-prompt .cp-note{font-size:13px;opacity:.8}
.bt-app .close-prompt .cp-err{color:#b3261e;font-weight:600}
.bt-app .close-prompt .cp-btns{display:flex;gap:8px}

/* v0.6.0 master page */
.bt-master{margin:0 0 12px}
.bt-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.bt-tab{display:inline-block;padding:9px 14px;border:1px solid #c8d1dc;border-radius:6px;background:#f5f7fa;color:#1d2a3a;text-decoration:none;font-size:15px;font-weight:600;line-height:1.2}
.bt-tab.is-on{background:#1d4f91;border-color:#1d4f91;color:#fff}
.bt-divs .bt-tab{font-size:14px;padding:6px 12px;font-weight:500}
.bt-nobids{padding:12px;background:#f5f7fa;border-radius:6px}
@media (max-width:600px){.bt-tabs{gap:4px}.bt-tab{flex:1 1 45%;text-align:center}}

/* v0.6.2 */
/* C: sticky header rows. Scroll containers get a max height so the header row stays visible while the body scrolls (both directions); tables that fit simply do not scroll. */
.bt-app thead th{position:sticky;top:0;z-index:3}
.bt-app .vrt thead th:first-child,.bt-app .vsheet thead th:first-child{background:var(--dark);color:#fff;z-index:4}
.bt-app .vrt th:first-child,.bt-app .vrt td:first-child{z-index:2}
.bt-app .vsheet table{border-collapse:separate;border-spacing:0}
/* B: Week by week table stacks on phones: no sideways scrolling, one bubble per line. */
@media (max-width:640px){
 .bt-app .vrt.vrwk{min-width:0}
 .bt-app .vrt.vrwk thead{display:none}
 .bt-app .vrt.vrwk,.bt-app .vrt.vrwk tbody,.bt-app .vrt.vrwk tr,.bt-app .vrt.vrwk td{display:block;width:100%;box-sizing:border-box}
 .bt-app .vrt.vrwk tr{border-bottom:2px solid var(--line);padding:6px 0}
 .bt-app .vrt.vrwk td,.bt-app .vrt.vrwk td:first-child{position:static;box-shadow:none;border:0;padding:3px 10px;background:transparent}
 .bt-app .vrt.vrwk td[data-l]:before{content:attr(data-l);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
 .bt-app .vrt.vrwk td.av .mini{display:block;white-space:normal;margin:4px 0}
 .bt-app .scroll:has(.vrwk){overflow-x:hidden;max-height:none}
}
/* D: Annual Vacation Members tab */
.bt-app .av-mem li.av-done{background:#E3F4E8;border-color:#7FC796}
.bt-app .av-mem li.av-done .av-ent{color:#2f6b3f}
@media (max-width:600px){
 .bt-app .av-mem li{grid-template-columns:40px 1fr}
 .bt-app .av-mem li .av-picks{grid-column:1 / -1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}
 .bt-app .av-mem li .av-picks .chip{display:block}
}
/* E: Annual Vacation Weeks tab bar view */
.bt-app .avb-tools{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:8px 0}
.bt-app .avb-tools .seg button{font:inherit;font-size:13px;font-weight:700;padding:6px 12px;border:0;background:#fff;color:var(--dark);cursor:pointer;min-height:36px}
.bt-app .avb-tools .seg button.on{background:var(--dark);color:#fff}
.bt-app .avb-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--muted)}
.bt-app .avb-legend .lg{display:inline-block;width:14px;height:10px;border-radius:2px;vertical-align:middle;margin-right:4px}
.bt-app .av-bars{list-style:none;margin:0;padding:0}
.bt-app .avb-row{display:grid;grid-template-columns:170px minmax(0,1fr) 190px;gap:4px 12px;align-items:center;padding:7px 0;border-bottom:1px solid #e3e7ec}
.bt-app .avb-bar{display:flex;gap:2px;height:20px;padding:2px;border:1px solid #c8d1dc;border-radius:5px;background:#fff;min-width:0}
.bt-app .avb-bar .avs{flex:1 1 0;min-width:2px;border-radius:2px;background:#EEECF1}
.bt-app .avb-txt{font-size:13px;font-weight:600}
.bt-app .avb-who{grid-column:1 / -1;font-size:13px}
.bt-app .avb-who summary{cursor:pointer;color:var(--muted);font-size:12px}
.bt-app .l-green .avs.on,.bt-app .lg.l-green{background:#2e9e57}
.bt-app .l-amber .avs.on,.bt-app .lg.l-amber{background:#f0a21b}
.bt-app .l-red .avs.on,.bt-app .lg.l-red{background:#d93025}
.bt-app .l-full .avs.on,.bt-app .lg.l-full{background:#4a4a55}
.bt-app .l-full .avb-txt{color:#4a4a55}
.bt-app .l-red .avb-txt{color:#b3261e}
@media (max-width:640px){
 .bt-app .avb-row{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0;background:#fff}
 .bt-app .avb-bar{width:100%;box-sizing:border-box;margin:6px 0;height:24px}
 .bt-app .avb-txt{display:block}
}

/* v0.6.2: Annual Vacation committee entry layout (week entry is the wide column) and period colours shared by the Weeks tab and the week checkboxes */
.bt-app .av-cmte{grid-template-columns:1fr}
@media (min-width:760px){
 .bt-app .av-cmte{grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);align-items:start}
 .bt-app .av-cmte > .box:first-child{grid-column:1;grid-row:1 / span 3}
 .bt-app .av-cmte > .box:nth-child(2){grid-column:2;grid-row:1}
 .bt-app .av-cmte > .box:nth-child(3){grid-column:2;grid-row:2}
 .bt-app .av-cmte > .box:nth-child(4){grid-column:2;grid-row:3}
}
.bt-app .av-cmte fieldset.av-pick{max-height:none}
.bt-app .av-p-winter{--pc:#2b6cb0;--pb:#E3F0FB}
.bt-app .av-p-spring{--pc:#2e7d32;--pb:#E6F4EA}
.bt-app .av-p-summer{--pc:#c98a00;--pb:#FFF4D6}
.bt-app .av-p-fall{--pc:#c0561b;--pb:#FBE9DC}
.bt-app .av-p-christmas{--pc:#c62839;--pb:#FDE7EA}
.bt-app h3.av-per[class*="av-p-"]{border-bottom:3px solid var(--pc);background:var(--pb);padding:4px 8px;border-radius:6px 6px 0 0}
.bt-app .av-pgrp[class*="av-p-"]{border-left:6px solid var(--pc);background:var(--pb);border-radius:6px;padding:6px 10px;margin:8px 0}
.bt-app .avb-row[class*="av-p-"]{border-left:6px solid var(--pc);padding-left:8px}

/* v0.6.3: the period label in the committee week list is its own line above that period's checkboxes */
.bt-app .av-pgrp .av-pgh{display:block;width:100%;margin:0 0 4px;font-size:14px;font-weight:800;color:var(--pc)}

/* v0.6.4: advance picks */
.bt-app .av-adv fieldset.av-pick{max-height:320px;overflow:auto}
.bt-app .av-adv-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.bt-app .av-adv-list li{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff}
.bt-app .av-adv-list li.used{opacity:.65}
.bt-app .av-adv-h{margin:12px 0 0;font-size:14px}
.bt-app .av-adv-note{margin:8px 0;padding:8px 10px;border:1px solid #F2D27A;border-left:6px solid #E0A800;border-radius:8px;background:#FFF8E1;font-size:13.5px}
.bt-app .av-adv-note .err{margin:6px 0}
.bt-app .chip.av-full{background:#FDE7EA;color:#b3261e;border-color:#b3261e}
.bt-app .av-adv .nowsign:empty{display:none}

/* v0.6.5: union rep flag (committee only) */
.bt-app .rep-chk{display:flex;align-items:center;gap:6px;margin:8px 0 6px;font-weight:600}
.bt-app .rep-badge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:#E8E0F5;color:#4a2c82;border:1px solid #b9a6e0;border-radius:5px;padding:0 5px;margin:0 3px;vertical-align:middle}
.bt-app li.rep-sum{list-style:none;font-size:13px;padding:4px 0;color:#4a2c82}

.bt-app .chip.nowc{background:#FFC107;color:#201E25;font-weight:800}
.bt-app .chip.nextc{background:#201E25;color:#fff}
.bt-app .av-now-row{background:#FFF8E1;box-shadow:inset 4px 0 0 #FFC107}
.bt-app .av-ooo{margin:6px 0 4px;padding:8px 10px;border:1px solid #F2B8B5;border-left:6px solid #d93025;border-radius:8px;background:#FCE8E6;font-size:13px}
.bt-app .av-nowtag{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7a5b00;margin-bottom:2px}