*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#0c5fa8 0,#09213c 34%,#050a13 100%);color:#f5f7fb;font-family:Arial,Helvetica,sans-serif}button,input,select{font-size:18px;padding:11px 13px;border-radius:10px;border:1px solid #3f5570}button{background:linear-gradient(180deg,#1593ff,#0753a7);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08) inset}button:hover{filter:brightness(1.06);box-shadow:0 0 10px rgba(79,175,255,.35),0 5px 0 rgba(0,0,0,.28)}button:active,button.active{transform:translateY(3px);box-shadow:0 0 24px rgba(255,238,120,.85),0 2px 0 rgba(0,0,0,.3);filter:brightness(1.25)}button.clicked{animation:btnFlash .28s linear 1}@keyframes btnFlash{0%,100%{box-shadow:0 5px 0 rgba(0,0,0,.28)}50%{box-shadow:0 0 26px 8px rgba(255,255,125,.95)}}button[disabled]{opacity:.45;filter:grayscale(.5);cursor:not-allowed}.card{max-width:520px;margin:8vh auto;background:linear-gradient(145deg,rgba(16,42,72,.96),rgba(5,13,27,.96));padding:34px;border-radius:22px;border:1px solid rgba(124,190,255,.35);box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 40px rgba(24,142,255,.20)}.brand{font-size:34px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.brand span{color:#86d3ff}.card h1{margin:8px 0 22px}.card input{display:block;width:100%;margin:13px 0;background:#07111f;color:#fff}.hidden{display:none!important}.muted{opacity:.72}header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:rgba(9,30,54,.92);border-bottom:1px solid #27577e}.devices{display:flex;gap:14px;align-items:end;padding:16px 24px;background:rgba(8,22,39,.96);flex-wrap:wrap}.devices select{display:block;min-width:260px;background:#07111f;color:#fff}.split{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 150px)}nav{background:rgba(7,20,37,.96);border-right:1px solid #254461;padding:16px;overflow:auto}#logList button{display:block;width:100%;margin:8px 0;text-align:left;background:linear-gradient(180deg,#1d4a78,#123253)}#logList button.selected{outline:3px solid #6dc7ff}#logList button.complete{background:linear-gradient(180deg,#188a43,#0c4f2a)}.hour-list a,.hour-tree a{display:block;color:#d7f0ff;text-decoration:none;padding:8px 10px;margin:5px 0;border-radius:8px;background:#102b48}.hour-list a:hover,.hour-tree a:hover{background:#1b568a}.empty{font-size:26px;color:#b9c9db;padding:50px}.log{padding:20px 26px}.log h2{font-size:30px}.hour-tree{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0 18px}.hour-tree strong{margin-right:8px}.hour-tree a{display:inline-block}.hour-block{margin:18px 0 28px}.hour-block h3{font-size:25px;margin:14px 0;padding:10px 14px;background:#12375d;border-left:6px solid #75cfff;border-radius:8px}.row{display:grid;grid-template-columns:105px 1fr 90px 90px 130px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #203a58;background:rgba(255,255,255,.018)}.time{color:#9fd7ff;font-weight:900}.meta{color:#b9c9db;font-size:15px}.cat{color:#e4efff}.vt{background:linear-gradient(145deg,#142b48,#0e213a);border:1px solid #2f6dad;border-radius:14px;margin:12px 0;padding:16px;box-shadow:0 0 18px rgba(49,133,211,.12)}.vt.recorded{border-color:#42ff8b;background:linear-gradient(145deg,#123f2a,#0e2b20)}.status-pill{display:inline-block;margin-left:10px;padding:4px 9px;border-radius:999px;background:#6d7480;color:#fff;font-weight:900}.vt.recorded .status-pill{background:#13a64d}.vt button{font-size:20px;background:linear-gradient(180deg,#21b95b,#0b7e35)}dialog{width:min(980px,96vw);background:#0b1829;color:#fff;border:2px solid #5195d8;border-radius:18px;box-shadow:0 0 90px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(0,0,0,.72)}canvas{width:100%;background:#02070d;border-radius:10px;border:1px solid #244a71}.transport{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.meterRow{display:grid;grid-template-columns:72px 1fr 90px 1fr;gap:10px;align-items:center;margin:8px 0 14px}meter{height:22px;min-width:150px}audio{width:100%}.flash-window{animation:cdFlash .95s linear 0s 4}@keyframes cdFlash{0%,100%{box-shadow:0 0 90px rgba(0,0,0,.7)}50%{box-shadow:0 0 130px 36px rgba(255,255,80,.95);background:#123b7a}}#recInfo{font-size:17px;line-height:1.45;white-space:pre-line;background:#07111f;border:1px solid #244a71;border-radius:10px;padding:10px;margin:8px 0 12px}.countdown{font-size:44px;font-weight:1000;text-align:center;color:#ffe66d;text-shadow:0 0 18px #ffae00;margin:8px 0}.timerRow{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:18px;font-weight:1000;color:#e7f6ff;background:#07111f;border:1px solid #244a71;border-radius:10px;padding:9px 12px;margin:8px 0 10px}.meterGrid{grid-template-columns:92px 1fr 92px 1fr}.meterName{font-weight:1000;color:#dcefff}.ledMeter{display:grid;grid-template-columns:24px 1fr;gap:4px 8px;align-items:center;background:#050b12;border:1px solid #294f74;border-radius:9px;padding:7px 8px;box-shadow:inset 0 0 18px rgba(0,0,0,.7),0 0 15px rgba(60,160,255,.13);min-width:220px}.ledMeter .chan{font-size:11px;font-weight:1000;color:#9fd7ff;text-align:right}.ledMeter .ledRow{display:grid;grid-template-columns:repeat(32,1fr);gap:3px}.ledMeter .seg{height:12px;border-radius:2px;background:#11202d;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 5px rgba(0,0,0,.9)}.ledMeter .seg.on{background:#29dd62;box-shadow:0 0 8px rgba(41,221,98,.62)}.ledMeter .seg.warn.on{background:#ffe45f;box-shadow:0 0 8px rgba(255,228,95,.7)}.ledMeter .seg.hot.on{background:#ff4d3f;box-shadow:0 0 10px rgba(255,77,63,.8)}.ledMeter .seg.peak{outline:1px solid #fff;filter:brightness(1.35)}#recMsg,#loginMsg,#deviceMsg,#aircheckMsg{font-weight:800;color:#cfefff}.headerBtns{display:flex;gap:10px;align-items:center}.aircheckDialog{width:min(1120px,96vw)}.aircheckTransport{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.aircheckList{display:grid;gap:10px;margin-top:14px;max-height:55vh;overflow:auto}.aircheckRow{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:linear-gradient(145deg,#0d2847,#071827);border:1px solid #2c6a9c;border-radius:14px;padding:12px;box-shadow:0 0 18px rgba(49,133,211,.12)}.aircheckRow strong{color:#e9f7ff}.aircheckRow .small{color:#9fc7e7;font-size:13px}.aircheckRow.playing{border-color:#ffe66d;box-shadow:0 0 24px rgba(255,230,109,.35)}#airMeter{margin:10px 0 12px;min-height:48px}.recContext{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;align-items:stretch}.recPanel{background:#07111f;border:1px solid #244a71;border-radius:12px;padding:12px}.recLeft{font-size:18px}.recRight{text-align:right;font-size:18px;font-weight:900}.stationLine{font-size:22px;line-height:1.15;color:#eaffff;text-shadow:0 0 8px rgba(125,211,255,.35)}.ctxLine{margin:0 0 8px}.ctxHead{margin-top:12px;font-weight:1000;color:#ffe66d}.ctxHead span{font-size:14px;color:#cfefff}.nextSongs{margin:8px 0 0 24px;padding:0}.nextSongs li{padding:3px 0;font-weight:800}.recordLed{width:24px;height:24px;border-radius:50%;align-self:center;background:#230303;border:2px solid #5c1111;box-shadow:inset 0 0 10px #000,0 0 4px rgba(255,0,0,.18)}.recordLed.on{background:#ff1010;border-color:#ff8080;box-shadow:0 0 18px 7px rgba(255,0,0,.82),inset 0 0 8px #fff}.transport #recBtn.active{background:linear-gradient(180deg,#ff3030,#a60000);box-shadow:0 0 28px rgba(255,40,40,.95),0 2px 0 rgba(0,0,0,.3);filter:brightness(1.2)}.transport #playBtn.active{background:linear-gradient(180deg,#38a8ff,#004fb0);box-shadow:0 0 28px rgba(52,154,255,.95),0 2px 0 rgba(0,0,0,.3);filter:brightness(1.2)}#stopBtn.stopFlash{animation:stopYellowFlash .62s linear 1}@keyframes stopYellowFlash{0%,100%{box-shadow:0 5px 0 rgba(0,0,0,.28)}30%,70%{background:linear-gradient(180deg,#ffe75b,#ffb000);color:#08111f;box-shadow:0 0 30px 10px rgba(255,230,60,.95)}}@media(max-width:760px){.recContext{grid-template-columns:1fr}.recRight{text-align:left}}
/* Compact no-scroll record modal.  All talent context, meters and transport controls must fit without vertical scrolling. */
#recDialog{width:min(1260px,98vw);max-width:1260px;max-height:96vh;overflow:hidden;padding:14px 18px 12px}
#recDialog h2{font-size:22px;margin:0 0 8px;line-height:1.1}
#recInfo{font-size:14px;line-height:1.22;white-space:normal;padding:7px;margin:4px 0 7px}
.recContext{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;gap:10px;align-items:stretch}
.recPanel{padding:8px 10px;border-radius:10px;min-width:0}.recLeft{font-size:14px}.recRight{text-align:right!important;font-size:14px;font-weight:900}.stationLine{font-size:19px;line-height:1.05}.ctxLine{margin:0 0 4px}.ctxHead{margin-top:5px}.ctxHead span{font-size:11px}.nextSongs{display:grid;grid-template-columns:1fr;gap:1px;margin:4px 0 0 20px}.nextSongs li{padding:1px 0;font-weight:800;line-height:1.1}.countdown{font-size:24px;margin:2px 0 4px}.timerRow{font-size:14px;padding:6px 8px;margin:4px 0 6px}.meterRow{margin:4px 0 6px}.meterGrid{grid-template-columns:64px 1fr 76px 1fr;gap:6px}.meterName{font-size:13px}.ledMeter{min-width:160px;padding:5px 6px}.ledMeter .seg{height:9px}.ledMeter .chan{font-size:10px}#wave{height:92px!important;max-height:92px}.transport{display:grid;grid-template-columns:34px repeat(6,minmax(92px,1fr));gap:7px;align-items:center;margin:8px 0 5px}.transport button{font-size:14px!important;padding:8px 9px!important;border-radius:9px;min-height:38px}.recordLed{width:28px;height:28px;display:inline-block;justify-self:center;background:#310303;border:2px solid #7d1515;box-shadow:inset 0 0 10px #000,0 0 8px rgba(255,0,0,.25)}.recordLed.on,#recDialog.isRecording .recordLed{background:#ff1717;border-color:#ffd0d0;box-shadow:0 0 20px 7px rgba(255,0,0,.95),inset 0 0 8px #fff}.recordLed:after{content:'';display:block;width:8px;height:8px;border-radius:50%;margin:8px auto;background:rgba(255,255,255,.18)}#recDialog.isRecording #recBtn,#recBtn.liveRecord,#recBtn.active{background:linear-gradient(180deg,#ff3c3c,#a00000)!important;color:#fff!important;box-shadow:0 0 30px 8px rgba(255,35,35,.95),0 2px 0 rgba(0,0,0,.35)!important;filter:brightness(1.18)!important}#recDialog.isPlaying #playBtn,#playBtn.livePlay,#playBtn.active{background:linear-gradient(180deg,#40b7ff,#0052b8)!important;color:#fff!important;box-shadow:0 0 30px 8px rgba(52,160,255,.95),0 2px 0 rgba(0,0,0,.35)!important;filter:brightness(1.18)!important}#stopBtn.stopFlash,#stopBtn.liveStop{animation:stopYellowFlash .62s linear 1;background:linear-gradient(180deg,#ffe75b,#ffb000)!important;color:#08111f!important;box-shadow:0 0 30px 10px rgba(255,230,60,.95)!important}#recMsg{font-size:13px;margin:4px 0 0;line-height:1.15}@media(max-height:760px){#recDialog{padding:10px 14px}#recDialog h2{font-size:19px}.stationLine{font-size:16px}.recLeft,.recRight,#recInfo{font-size:13px}.countdown{font-size:20px}#wave{height:70px!important;max-height:70px}.transport button{font-size:13px!important;padding:6px 7px!important;min-height:34px}.ledMeter .seg{height:7px}.timerRow{font-size:13px}}
@media(max-width:820px){#recDialog{overflow:auto}.recContext{grid-template-columns:1fr!important}.recRight{text-align:left!important}.transport{grid-template-columns:34px repeat(3,1fr)}}

/* === COMS DIRECT RECORD MODAL FINAL REDESIGN: fixed two-column, LED-only, no modal scrollbar === */
html:has(#recDialog[open]),body:has(#recDialog[open]){overflow:hidden!important;}
#recDialog[open]{
  position:fixed!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important;
  width:min(1180px,96vw)!important; max-width:1180px!important;
  max-height:94dvh!important; height:auto!important; overflow:hidden!important;
  padding:12px 14px 10px!important; margin:0!important; border:1px solid rgba(126,205,255,.46)!important;
  border-radius:18px!important; color:#eef9ff!important;
  background:linear-gradient(145deg,rgba(4,13,28,.98),rgba(10,35,61,.98) 52%,rgba(3,10,20,.98))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.06) inset,0 0 34px rgba(54,171,255,.2)!important;
  font-size:clamp(12px,1.55vh,15px)!important;
}
#recDialog::backdrop{background:rgba(0,7,15,.76)!important;backdrop-filter:blur(5px)!important;}
#recDialog *{box-sizing:border-box!important;}
#recDialog #recTitle{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
#recDialog #wave, #wave{display:none!important;width:0!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
#recDialog #recInfo{margin:0 0 8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:1.18!important;}
#recDialog .recContext,#recDialog .recPanel{display:contents!important;}
#recDialog .recInfoTable{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;padding:0!important;}
#recDialog .recInfoTable tr{height:auto!important;}
#recDialog .recInfoTable td{vertical-align:top!important;}
#recDialog .recInfoLeft{width:68%!important;padding:10px 12px!important;border:1px solid rgba(83,174,255,.36)!important;border-radius:14px 0 0 14px!important;background:linear-gradient(180deg,rgba(8,24,45,.96),rgba(5,16,31,.96))!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important;}
#recDialog .recInfoRight{width:32%!important;min-width:270px!important;padding:10px 13px!important;border:1px solid rgba(255,230,109,.38)!important;border-left:0!important;border-radius:0 14px 14px 0!important;background:linear-gradient(180deg,rgba(31,29,9,.95),rgba(10,17,26,.95))!important;text-align:right!important;white-space:normal!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important;}
#recDialog .songLine{font-size:clamp(13px,1.65vh,16px)!important;font-weight:850!important;color:#f2fbff!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#recDialog .songLine .label{color:#84d3ff!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-weight:1000!important;font-size:.88em!important;}
#recDialog .nextLine{color:#fff!important;}
#recDialog .introInline{display:inline-block!important;margin-left:8px!important;color:#ffe66d!important;font-weight:1000!important;}
#recDialog .nextHead{margin:7px 0 3px!important;color:#ffe66d!important;font-size:clamp(12px,1.45vh,14px)!important;font-weight:1000!important;letter-spacing:.01em!important;}
#recDialog .nextHead span{color:#b6dfff!important;font-size:.82em!important;font-weight:800!important;}
#recDialog .nextSongs{margin:0 0 0 19px!important;padding:0!important;display:block!important;}
#recDialog .nextSongs li{margin:0!important;padding:1px 0!important;line-height:1.12!important;font-size:clamp(12px,1.45vh,14px)!important;font-weight:800!important;color:#e7f8ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#recDialog .stationBrand{font-size:clamp(18px,2.25vh,25px)!important;line-height:1.0!important;font-weight:1000!important;color:#ffffff!important;text-shadow:0 0 14px rgba(78,190,255,.72)!important;letter-spacing:.01em!important;}
#recDialog .stationSlogan{font-size:clamp(13px,1.75vh,18px)!important;line-height:1.05!important;font-weight:950!important;color:#ffe66d!important;margin-top:3px!important;}
#recDialog .talentLine{font-size:clamp(12px,1.55vh,15px)!important;margin-top:8px!important;color:#e8f8ff!important;font-weight:800!important;}
#recDialog .talentLine span{color:#84d3ff!important;text-transform:uppercase!important;font-size:.86em!important;letter-spacing:.05em!important;}
#recDialog .logWhen{font-size:clamp(12px,1.55vh,15px)!important;margin-top:2px!important;color:#fff!important;font-weight:900!important;}
#recDialog #introCountdown{font-size:clamp(14px,2.0vh,20px)!important;line-height:1!important;margin:0 0 6px!important;padding:0!important;min-height:0!important;color:#ffe66d!important;text-align:center!important;text-shadow:0 0 10px rgba(255,230,109,.35)!important;}
#recDialog .timerRow{display:flex!important;justify-content:center!important;gap:24px!important;margin:0 0 7px!important;padding:5px 8px!important;border-radius:12px!important;background:rgba(2,10,20,.66)!important;border:1px solid rgba(103,181,255,.25)!important;font-size:clamp(12px,1.48vh,14px)!important;font-weight:900!important;line-height:1.1!important;}
#recDialog .meterRow,#recDialog .meterGrid{display:grid!important;grid-template-columns:58px minmax(200px,1fr) 70px minmax(200px,1fr)!important;gap:8px!important;align-items:center!important;margin:0 0 8px!important;padding:0!important;}
#recDialog .meterName{font-size:clamp(11px,1.35vh,13px)!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#a9dcff!important;font-weight:1000!important;}
#recDialog .ledMeter{min-height:36px!important;height:clamp(32px,5.1vh,42px)!important;min-width:0!important;padding:5px 7px!important;border-radius:12px!important;background:#030914!important;border:1px solid rgba(92,168,242,.32)!important;box-shadow:inset 0 0 16px rgba(0,0,0,.76)!important;}
#recDialog .ledMeter .chan{font-size:9px!important;line-height:1!important;color:#95cfff!important;font-weight:900!important;}
#recDialog .ledMeter .seg{height:clamp(5px,.9vh,8px)!important;border-radius:999px!important;}
#recDialog .transport{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:7px!important;margin:4px 0 5px!important;padding:0!important;}
#recDialog .transport button{font-size:clamp(12px,1.45vh,14px)!important;line-height:1!important;min-height:34px!important;padding:8px 12px!important;border-radius:11px!important;font-weight:1000!important;white-space:nowrap!important;}
#recDialog #redoBtn{max-width:136px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#recDialog .recordLed{flex:0 0 auto!important;width:30px!important;height:30px!important;border-radius:50%!important;display:inline-block!important;background:radial-gradient(circle at 35% 32%,#5a1010,#190303 63%,#050000)!important;border:2px solid #822020!important;box-shadow:inset 0 0 12px #000,0 0 8px rgba(255,0,0,.22)!important;}
#recDialog .recordLed.on,#recDialog.isRecording .recordLed{background:radial-gradient(circle at 35% 32%,#fff,#ff4b4b 18%,#e40000 53%,#650000)!important;border-color:#ffd2d2!important;box-shadow:0 0 24px 8px rgba(255,20,20,.98),inset 0 0 7px rgba(255,255,255,.85)!important;}
#recDialog #recBtn.liveRecord,#recDialog #recBtn.active,#recDialog.isRecording #recBtn{background:linear-gradient(180deg,#ff5b5b,#d00000 55%,#750000)!important;color:#fff!important;border-color:#ffc6c6!important;box-shadow:0 0 28px 8px rgba(255,28,28,.92),0 3px 0 rgba(0,0,0,.45)!important;text-shadow:0 1px 0 rgba(0,0,0,.45)!important;filter:brightness(1.12)!important;}
#recDialog #playBtn.livePlay,#recDialog #playBtn.active,#recDialog.isPlaying #playBtn{background:linear-gradient(180deg,#61c8ff,#0877ff 55%,#003f9e)!important;color:#fff!important;border-color:#bfe7ff!important;box-shadow:0 0 28px 8px rgba(38,159,255,.9),0 3px 0 rgba(0,0,0,.45)!important;text-shadow:0 1px 0 rgba(0,0,0,.45)!important;filter:brightness(1.12)!important;}
#recDialog #stopBtn.liveStop,#recDialog #stopBtn.stopFlash{background:linear-gradient(180deg,#fff280,#ffc500 55%,#d08300)!important;color:#111!important;border-color:#fff8bd!important;box-shadow:0 0 30px 9px rgba(255,220,35,.95),0 3px 0 rgba(0,0,0,.45)!important;animation:stopYellowFlash .64s linear 1!important;}
#recDialog #recMsg{text-align:center!important;margin:2px 0 0!important;min-height:17px!important;font-size:clamp(12px,1.45vh,14px)!important;line-height:1.12!important;color:#d8edff!important;font-weight:800!important;}
@media(max-height:760px){
  #recDialog[open]{padding:9px 12px 8px!important;width:min(1120px,97vw)!important;font-size:12px!important;}
  #recDialog .recInfoLeft,#recDialog .recInfoRight{padding:8px 10px!important;}
  #recDialog .stationBrand{font-size:18px!important}.stationSlogan{font-size:13px!important}
  #recDialog #introCountdown{font-size:15px!important;margin-bottom:4px!important;}
  #recDialog .timerRow{padding:4px 7px!important;margin-bottom:5px!important;}
  #recDialog .meterRow,#recDialog .meterGrid{margin-bottom:5px!important;gap:6px!important;}
  #recDialog .ledMeter{height:31px!important;min-height:31px!important;padding:4px 6px!important;}
  #recDialog .transport{gap:5px!important;margin-top:2px!important;}
  #recDialog .transport button{min-height:30px!important;padding:6px 9px!important;font-size:12px!important;}
  #recDialog .recordLed{width:26px!important;height:26px!important;}
}
@media(max-width:900px){
  #recDialog[open]{width:98vw!important;}
  #recDialog .recInfoLeft{width:66%!important}.recInfoRight{width:34%!important;min-width:220px!important;}
  #recDialog .songLine,#recDialog .nextSongs li{font-size:12px!important;}
  #recDialog .transport button{padding-left:8px!important;padding-right:8px!important;}
}