/* MACAV Match Setup @version 0.14.2 */
/* MACAV brand theme: steel blue #5374A1 and grey #A5A5A5 from the logo, on the logo's off-white.
   Tally colours (red on air, green editing) are kept for live status. Dark mode via data-theme="dark". */
@font-face{font-family:"Roboto Condensed";font-weight:500;src:url(fonts/roboto-condensed-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Roboto Condensed";font-weight:500;src:url(fonts/roboto-condensed-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Roboto Condensed";font-weight:700;src:url(fonts/roboto-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Roboto Condensed";font-weight:700;src:url(fonts/roboto-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
:root{
  --brand-blue:#5374A1; --brand-grey:#A5A5A5;
  --bg:#F7F7F7; --panel:#FFFFFF; --panel2:#EEF1F5; --field:#FFFFFF;
  --line:#E2E5EA; --line2:#CDD3DB; --line3:#A5A5A5; --text:#2C3440; --dim:#737B86;
  --blue:#5374A1; --blue-hover:#46658F; --blue-soft:#5374A114; --blue-ring:#5374A133;
  --pgm:#D64045; --pgm-hover:#C3343A; --pvw:#2E9E5B; --amber:#D98E04;
  --btn:#FFFFFF; --btn-line:#CDD3DB; --btn-hover:#F2F4F7; --btn-line-hover:#A5A5A5; --btn-active:#E8EBEF; --btn-hi:#ffffff00;
  --err-text:#B9333A; --ok-text:#23824A; --warn-text:#8F5D00;
  --err-bg:#D640450D; --err-line:#D6404566; --warn-bg:#D98E0412; --warn-line:#D98E0466; --warn-strong:#FBEBC8;
  --hover:#5374A10A; --sel-bg:#E3EAF4; --chip-bg:#E8EBEF; --chk1:#EDEFF2; --chk2:#F8F9FA; --scroll:#C9CED6;
  --shadow-s:#0000001A; --shadow-l:#0000002E; --backdrop:#1C222B80;
  --onair-bg:#FDEDED; --onair-line:#F0B9BB; --onair-text:#8A2A2E;
  --head:"Roboto Condensed","Arial Narrow",sans-serif;
  --r:3px;
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif; font-size:13px; line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
[data-theme=dark]{
  --bg:#1A1E25; --panel:#222831; --panel2:#2A313B; --field:#171B21;
  --line:#313844; --line2:#3E4652; --line3:#59626F; --text:#E8ECF1; --dim:#98A1AC;
  --blue:#7C9CCB; --blue-hover:#90AEDB; --blue-soft:#7C9CCB1F; --blue-ring:#7C9CCB40;
  --pgm:#E5484D; --pgm-hover:#EE5A5F; --pvw:#30A46C;
  --btn:#2C333E; --btn-line:#3E4652; --btn-hover:#353D49; --btn-line-hover:#59626F; --btn-active:#272D36; --btn-hi:#ffffff0d;
  --err-text:#FF9A9E; --ok-text:#7FD8A8; --warn-text:#FFC766;
  --err-bg:#E5484D14; --err-line:#E5484D55; --warn-bg:#F5A52412; --warn-line:#F5A5244D; --warn-strong:#4A3D1C;
  --hover:#FFFFFF07; --sel-bg:#2B3647; --chip-bg:#2C333E; --chk1:#1D222A; --chk2:#232932; --scroll:#3A424E;
  --shadow-s:#00000066; --shadow-l:#000000B3; --backdrop:#0B0F17B3;
  --onair-bg:#2A1418; --onair-line:#5C2A30; --onair-text:#E3B9BC;
}
.logo-dark{display:none}
[data-theme=dark] .logo-light{display:none}
[data-theme=dark] .logo-dark{display:inline}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:var(--bg)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}

header.top{display:flex;align-items:center;gap:8px;padding:0 16px;height:66px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;margin-right:12px}
.brand img{height:28px}
.brand .word{font-weight:700;font-size:16px;letter-spacing:.02em}
.brand small{font-size:12px;color:var(--dim);padding-left:10px;border-left:1px solid var(--line2)}
nav{display:flex;gap:2px;background:var(--field);padding:3px;border-radius:4px;border:1px solid var(--line)}
nav a{color:var(--dim);text-decoration:none;font-weight:600;padding:6px 14px;border-radius:3px}
nav a:hover{color:var(--text)}
nav a.on{color:var(--text);background:var(--panel2);box-shadow:0 1px 2px var(--shadow-s)}
.spacer{flex:1}
main{padding:16px}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.panel h2{margin:0 0 14px;font-size:14px;font-weight:600}
.panel>.row:first-child{margin-bottom:14px}
.panel>.row:first-child h2{margin:0}
.panel h3,.bd h3{margin:18px 0 8px;font-size:12px;font-weight:600;color:var(--dim)}
.split{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start}

input,select,textarea{background:var(--field);color:var(--text);border:1px solid var(--line2);border-radius:3px;padding:7px 10px;font:inherit;width:100%;transition:border-color .12s}
input:hover,select:hover,textarea:hover{border-color:var(--line3)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring)}
select option{background:#fff;color:#000}
input[type=color]{padding:2px;height:32px;width:40px;flex:none;cursor:pointer}
input[type=file]{background:none;border:none;padding:4px 0;color:var(--dim);box-shadow:none}
input[type=file]::file-selector-button{font:inherit;font-weight:600;color:var(--text);margin-right:10px;padding:6px 12px;border-radius:3px;cursor:pointer;background:var(--panel2);border:1px solid var(--line2)}
label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px}
.grid{display:grid;gap:12px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.row{display:flex;gap:8px;align-items:center}

button{font:inherit;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;padding:7px 14px;border-radius:3px;
  background:var(--btn);border:1px solid var(--btn-line);box-shadow:inset 0 1px 0 var(--btn-hi);transition:background .12s,border-color .12s}
button:hover{background:var(--btn-hover);border-color:var(--btn-line-hover)}
button:active{background:var(--btn-active)}
button.primary{background:var(--blue);border-color:var(--blue);color:#fff}
button.primary:hover{background:var(--blue-hover)}
button.danger{color:var(--err-text)}
button.danger:hover{border-color:var(--err-line)}
button.live{background:var(--pgm);border-color:var(--pgm);color:#fff;font-weight:700;letter-spacing:.03em;padding:7px 18px}
button.live:hover{background:var(--pgm-hover)}
button:disabled{opacity:.4;cursor:default;pointer-events:none}

.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line3);flex:none}
.lamp.pgm{background:var(--pgm)}.lamp.pvw{background:var(--pvw)}.lamp.amb{background:var(--amber)}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);padding:3px 10px;border-radius:2px;background:var(--field);border:1px solid var(--line)}
.pill.ok{color:var(--ok-text)}.pill.bad{color:var(--err-text)}.pill.warn{color:var(--warn-text)}
.muted{color:var(--dim)}.small{font-size:12px}
.hoops{display:inline-block;width:14px;height:18px;flex:none;border-radius:3px;box-shadow:0 0 0 1px #0007;background:repeating-linear-gradient(180deg,var(--c1) 0 4px,var(--c2) 4px 8px)}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px}

.list{max-height:calc(100vh - 190px);overflow:auto;margin:12px -16px -16px;border-top:1px solid var(--line)}
.list .it{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer}
.list .it:hover{background:var(--hover)}
.list .it.on{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}
table{width:100%;border-collapse:collapse}
td,th{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:12px;color:var(--dim);font-weight:600}

.asset{background:var(--field);border:1px solid var(--line);border-radius:var(--r);padding:10px}
.asset .thumb{height:110px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--chk1) 0 25%,var(--chk2) 0 50%) 0 0/14px 14px;border-radius:4px;margin-bottom:10px;overflow:hidden}
.asset .thumb img{max-height:100%;max-width:100%}
.bug{display:flex;align-items:stretch;height:40px;width:max-content;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0007}
.bug .c{width:48px;background:#fff;display:flex;align-items:center;justify-content:center}
.bug .c img{max-height:34px;max-width:42px}
.bug .n{display:flex;align-items:center;padding:0 14px;font-weight:700;font-size:19px}
.bug .s{display:flex;align-items:center;padding:0 12px;background:#f2f2f2;color:#222;font-weight:600;font-size:19px}

.tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:14px;background:var(--field);padding:3px;border-radius:4px;border:1px solid var(--line);width:max-content;max-width:100%}
.tabs button{background:none;border-color:transparent;box-shadow:none;color:var(--dim);padding:5px 12px}
.tabs button:hover{color:var(--text);background:none}
.tabs button.on{background:var(--panel2);color:var(--text);box-shadow:0 1px 2px var(--shadow-s)}

.toast{position:fixed;right:16px;bottom:16px;max-width:460px;background:var(--panel2);border:1px solid var(--line2);border-left:3px solid var(--pvw);border-radius:var(--r);padding:12px 16px;box-shadow:0 10px 30px var(--shadow-l);z-index:50}
.toast.err{border-left-color:var(--pgm)}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line2);border-radius:4px;box-shadow:0 24px 60px var(--shadow-l);padding:20px;min-width:380px}
dialog h3{margin:0 0 14px;font-size:16px;font-weight:600}
dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(2px)}

.drop{outline:2px dashed var(--blue);outline-offset:-4px}
.dropbox{display:flex;align-items:center;gap:14px;padding:22px;border:2px dashed var(--line2);border-radius:var(--r);background:var(--field);margin-bottom:6px}
.dropbox.drop{border-color:var(--blue);outline:none}
.comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:12px}
.comp{background:var(--field);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.comp .thumb{height:96px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--chk1) 0 25%,var(--chk2) 0 50%) 0 0/14px 14px;border-radius:4px;overflow:hidden;text-align:center;padding:6px}
.comp .thumb img{max-width:100%;max-height:100%}
/* colour picker popover */
.cpop{position:fixed;z-index:60;width:300px;background:var(--panel2);border:1px solid var(--line2);border-radius:4px;box-shadow:0 18px 40px var(--shadow-l);padding:14px}
.cp-hd{font-weight:600;margin-bottom:10px}
.cp-row{display:flex;gap:8px;align-items:center}
.cp-big{width:40px;height:34px;border-radius:3px;box-shadow:inset 0 0 0 1px #0006;flex:none}
.cp-hex{font-family:Consolas,monospace;text-transform:uppercase;width:96px}
.cp-native{width:34px!important;height:34px}
.cp-eye{padding:6px 10px;font-size:12px}
.cp-lbl{font-size:12px;color:var(--dim);margin:12px 0 6px}
.cp-sw{display:flex;flex-wrap:wrap;gap:6px;min-height:26px;align-items:center}
.cp-sw button{width:26px;height:26px;padding:0;border-radius:3px;border:none;box-shadow:inset 0 0 0 1px #0007,0 0 0 1px #ffffff1a}
.cp-sw button:hover{transform:scale(1.12)}
.cp-ft{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.swbtn{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px}
.swbtn i{width:24px;height:24px;border-radius:4px;box-shadow:inset 0 0 0 1px #0007;display:block}
.swbtn span{font-family:Consolas,monospace;font-size:12px}
/* image picker */
.ipick{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:2px}
.ipick .ii{background:var(--field);border:1px solid var(--line);border-radius:6px;padding:6px;cursor:pointer;text-align:center;font-size:11px;color:var(--dim)}
.ipick .ii:hover{border-color:var(--blue);color:var(--text)}
.ipick .ii.cur{border-color:var(--pvw);box-shadow:inset 0 0 0 1px var(--pvw)}
.ipick .ii .im{height:80px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--chk1) 0 25%,var(--chk2) 0 50%) 0 0/12px 12px;border-radius:4px;margin-bottom:5px}
.ipick .ii img{max-width:100%;max-height:100%}
.ipick .ii .fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* brand typography */
.panel h2,dialog h3,.bar .lbl,.side h4,.panel h3,.bd h3,.teamcard .hd .nm{font-family:var(--head);letter-spacing:.01em}
.panel h2{font-size:17px;font-weight:700;color:var(--text)}
.panel h3,.bd h3,.side h4{font-size:14px;font-weight:500;color:var(--dim)}
dialog h3{font-size:19px;font-weight:700}
.bar .lbl{font-size:21px;font-weight:700}
.teamcard .hd .nm{font-size:21px;font-weight:700}
.brand img.logo{height:54px;width:auto}
.brand small{font-family:var(--head);font-size:14px;font-weight:500;color:var(--brand-blue)}
[data-theme=dark] .brand small{color:var(--blue)}
nav a{font-family:var(--head);font-size:15px;font-weight:500}
nav a.on{color:var(--blue)}
.tabs button.on,.ttabs button.on{color:var(--blue)}
.ttabs button{font-family:var(--head);font-size:15px;font-weight:500}
button{box-shadow:0 1px 1px var(--shadow-s)}
button.primary{box-shadow:none}

/* graphics library */
.btnlike{display:inline-flex;align-items:center;font-weight:600;color:var(--text);cursor:pointer;padding:7px 14px;border-radius:3px;background:var(--btn);border:1px solid var(--btn-line);box-shadow:0 1px 1px var(--shadow-s);margin:0}
.btnlike:hover{background:var(--btn-hover);border-color:var(--btn-line-hover)}
.gfx{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.gfx .gi{background:var(--field);border:1px solid var(--line);border-radius:var(--r);padding:8px;min-width:0}
.gfx .thumb{height:100px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--chk1) 0 25%,var(--chk2) 0 50%) 0 0/12px 12px;border-radius:2px;margin-bottom:6px}
.gfx .thumb img{max-width:100%;max-height:100%}
.gfx .fn{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.gfx .pill{padding:1px 6px;font-size:11px}
.gfx .gi button{padding:4px 10px;font-size:12px}
.gfx.pick{max-height:60vh;overflow:auto}
.gfx.pick .gi{cursor:pointer}.gfx.pick .gi:hover{border-color:var(--blue)}
table.sug td{vertical-align:middle}
table.sug tr.nomatch td{background:var(--warn-bg)}
.ci-prev{height:150px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--chk1) 0 25%,var(--chk2) 0 50%) 0 0/14px 14px;border-radius:3px}
.ci-prev img{max-height:140px;max-width:100%}
table.sug tr.unsure td{background:var(--blue-soft)}
dialog.wide{width:min(920px,92vw)}

/* ---- shared with desktop ---- */
/* team panels: team colours as accents, not floods */
.teamcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.teamcard .hd{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:72px;background:var(--panel)!important;color:var(--text)!important;border-bottom:1px solid var(--line);border-top:4px solid var(--tc,var(--line3))}
.teamcard .hd img{height:44px;width:44px;object-fit:contain}
.teamcard .hd .side-l{font-size:11px;color:var(--dim);font-weight:600}
.teamcard .hd .nm{font-size:18px;font-weight:600;line-height:1.2}
.teamcard .hd .small{color:var(--dim)}
.teamcard .bd{padding:4px 16px 16px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:2px;background:var(--panel2);border:1px solid var(--line2);border-radius:2px;padding:2px 4px 2px 10px;font-size:12px}
.chip button{padding:0 6px;font-size:11px;background:none;border:none;box-shadow:none;color:var(--dim)}
.astat{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;font-size:12px;padding:7px 0;border-bottom:1px solid var(--line)}
.astat:last-child{border-bottom:none}
.astat b{text-transform:capitalize;font-weight:600}
.astat .p{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}
.astat .pill{padding:1px 8px}
.astat button{padding:4px 10px;font-size:12px}

.lineup td{padding:2px 3px;border:none}
.lineup input,.lineup select{padding:5px 8px}
.lineup td:first-child{font-size:12px;font-weight:600;color:var(--dim);text-align:center;cursor:pointer;border-radius:4px}
.lineup td:first-child:hover{color:var(--text);background:var(--panel2)}
.lineup tr.subhd td{font-size:12px;font-weight:600;color:var(--dim);text-align:left;padding:14px 4px 6px;cursor:default;background:none}
.lineup tr.chg td:first-child{color:var(--amber);box-shadow:inset 2px 0 0 var(--amber)}
.lineup tr.sel td:first-child{background:var(--blue);color:#fff;box-shadow:none}
.lineup tr.sel select,.lineup tr.sel input{border-color:var(--blue)}

.diff td{font-size:12px;padding:6px}
.diff td:first-child{color:var(--dim);white-space:nowrap}
.diff .from{color:var(--err-text);text-decoration:line-through;text-decoration-color:var(--err-line)}
.diff .to{color:var(--ok-text)}
.msg{padding:7px 12px;margin:4px 0;font-size:12px;border-radius:3px;border:1px solid}
.msg.err{background:var(--err-bg);border-color:var(--err-line);color:var(--err-text)}
.msg.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-text)}
dialog.wide{width:min(920px,92vw)}


.tag{font-size:10px;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:1px;margin-left:6px}.tag.air{background:var(--pgm);color:#fff}
.msg.info{background:var(--blue-soft);border-color:var(--blue-ring);color:var(--text)}
/* match days */
.ready{padding:8px 12px;border-radius:3px;margin:0 0 10px;border:1px solid var(--line);background:var(--panel2)}
.ready.ok{border-color:#2E9E5B55;background:#2E9E5B12}.ready.warn{border-color:var(--warn-line);background:var(--warn-bg)}.ready.bad{border-color:var(--err-line);background:var(--err-bg)}.ready.info{border-color:var(--blue-ring);background:var(--blue-soft)}
.mdtabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0;border-bottom:1px solid var(--line)}
.mdtabs button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.mdtabs button.on .muted{color:#dde6f3}
.issues{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px}
.venuebox{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;padding:8px 12px;background:var(--panel2);border-radius:3px;font-size:12px}.venuebox b{width:100%}
.teamcard .hd img{height:40px;width:40px}
/* draws */
.drawrun{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:6px}
.dpot{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.dteam{display:flex;align-items:center;gap:8px;padding:7px 8px;background:var(--field);border:1px solid var(--line2);border-radius:3px;min-height:40px;min-width:0}
.dpot .dteam{cursor:pointer}.dpot .dteam:hover{border-color:var(--blue);background:var(--blue-soft)}
.dteam .cr{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:none}.dteam .cr img{max-width:26px;max-height:26px}.dteam .cr i{width:16px;height:16px;border-radius:2px;display:block}
.dteam .tn{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dteam.empty{color:var(--dim);justify-content:center;border-style:dashed}
.dteam.placed{background:var(--panel)}
.dties{display:grid;gap:6px}.dtie{display:grid;grid-template-columns:52px 1fr 20px 1fr;align-items:center;gap:6px}.dtie .tl{font-size:12px;color:var(--dim);font-weight:600}.dtie .v{text-align:center;color:var(--dim)}
.dgroups{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.dgroup{display:grid;gap:5px;align-content:start}.dgroup h4{margin:0;font-family:var(--head);color:var(--blue)}
/* history, tidy up, crew call */
table.hist td{vertical-align:top}
.dup{padding:10px;border:1px solid var(--line);border-radius:3px;margin-bottom:8px}.dupt{padding:3px 0}
.abgrid{max-height:62vh;overflow:auto}.abr{padding:4px 0;border-bottom:1px solid var(--line)}
table.cc td,table.cc th{font-size:12px;vertical-align:top}
/* phones (on-site crew) */
@media (max-width:900px){
  header.top{flex-wrap:wrap;height:auto;padding:8px 10px;gap:6px}nav{order:3;width:100%;overflow:auto}#rev,#who{display:none}
  main{padding:8px}.split,.grid.g2,.grid.g3,.grid.g4,.drawrun{grid-template-columns:1fr}
  .split>.panel:first-child .list{max-height:200px}.panel{padding:12px}
  input,select,textarea{font-size:16px}
}

nav{overflow-x:auto;flex-shrink:1;min-width:0}nav a{white-space:nowrap;padding:6px 11px}
.brand small{white-space:nowrap}

body[data-role=onsite] .md-details,body[data-role=onsite] .issues,body[data-role=onsite] .ready:not(.info),body[data-role=onsite] #mdName,body[data-role=onsite] #mdDate,body[data-role=onsite] [data-label],body[data-role=onsite] label[for],body[data-role=onsite] #mdCall{display:none}
body[data-role=onsite] [data-swap]{display:none}