/* v4.3.331: additions inside the approved layout, without changing grid geometry. */
#dispatchApp.swl327 .swl331-repairs{display:flex;flex-direction:column;gap:3px;align-self:center;margin:auto;flex-shrink:0}
#dispatchApp.swl327 .swl331-repairs button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:61px!important;min-width:61px!important;height:20px!important;min-height:20px!important;padding:2px 6px!important;border:1px solid #38738c;border-radius:6px;background:#0a2b3a;color:#c8e6f2;font:550 10px/1 system-ui!important}
#dispatchApp.swl327 .swl331-repairs button span{font:550 10px/1 system-ui!important;letter-spacing:0;text-transform:none}
#dispatchApp.swl327 .swl331-repairs svg{width:12px!important;height:12px!important;min-width:12px!important;flex:none!important;fill:none;stroke:#7edccf;stroke-width:1.7}
#dispatchApp.swl327 .swl331-repairs button:active{background:#22556a}
#dispatchApp.swl327 .swl331-repairs button:disabled{opacity:.55}
#dispatchApp.swl327 .swl330-last{max-width:43%}
#dispatchApp.swl327 .swl331-tg-controls{position:absolute;bottom:0;left:0;right:0;height:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));z-index:5;background:#021c2bf2;border-top:1px solid #28688466;border-radius:0 0 8px 8px;overflow:hidden}
#dispatchApp.swl327 .swl331-tg-controls>button,#dispatchApp.swl327 .swl331-colour{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent;color:#bdd9e7;cursor:pointer}
#dispatchApp.swl327 .swl331-tg-controls .swl331-priority{color:#f0c16e;font:600 13px/1 system-ui;letter-spacing:-1px}
#dispatchApp.swl327 .swl331-tg-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
#dispatchApp.swl327 .swl331-colour{color:#89d9cd}
#dispatchApp.swl327 .swl331-colour input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
#dispatchApp.swl327 .swl331-colour:focus-within{outline:2px solid #dfadff;outline-offset:-3px}
#dispatchApp.swl327 .swl331-tg-controls .phone-speaker[aria-pressed=true]{background:#712137!important;color:#ffb7c8}
#dispatchApp.swl327 .swl331-tg-controls .phone-speaker[aria-pressed=true]::after{left:calc(50% - 9px)!important;top:50%!important;right:auto!important;bottom:auto!important;width:18px}
#dispatchApp.swl327 .phone-tg-spectrum{bottom:33px!important;height:12px!important;left:auto!important;right:4px!important;width:35%!important;z-index:2}
#dispatchApp.swl327 .phone-tg-spectrum i{background-size:100% 15px!important}
#dispatchApp.swl327 .phone-select{padding-bottom:49px!important}
#dispatchApp.swl327 .phone324-last-time{position:absolute;left:6px;bottom:34px;margin:0;font-variant-numeric:tabular-nums}
@media(max-width:360px){#dispatchApp.swl327 .swl330-last strong{font-size:11px}#dispatchApp.swl327 .swl-health-title{gap:4px}#dispatchApp.swl327 .swl330-monitor-heading>strong{font-size:18px}}
@media(max-height:700px){
 #dispatchApp.swl327 .swl331-tg-controls{height:24px}
 #dispatchApp.swl327 .swl331-tg-controls svg{width:14px;height:14px}
 #dispatchApp.swl327 .swl331-tg-controls .swl331-priority{font-size:11px}
 #dispatchApp.swl327 .phone-tg-spectrum{bottom:25px!important;height:7px!important}
 #dispatchApp.swl327 .phone-select{padding:12px 5px 31px!important;gap:0}
 #dispatchApp.swl327 .phone-card.is-tx .phone-select{padding-bottom:31px!important}
 #dispatchApp.swl327 .phone-number{font-size:19px!important}
 #dispatchApp.swl327 .phone324-last-time{bottom:25px;margin:0;font-size:8px}
 #dispatchApp.swl327 .phone325-flag{width:15px;height:11px;flex-basis:15px}
 #dispatchApp.swl327 .phone325-call-text b{font-size:9px!important}
}
@media(orientation:landscape) and (max-height:500px){#dispatchApp.swl327 .swl331-repairs{flex-direction:row;gap:5px}}
@media(min-height:701px) and (max-height:800px){
 #dispatchApp.swl327 .phone-select{padding-top:14px!important;gap:2px}
 #dispatchApp.swl327 .phone-number{font-size:28px!important}
 #dispatchApp.swl327 .phone325-flag{width:22px;height:16px;flex-basis:22px}
 #dispatchApp.swl327 .phone325-call-suffix{display:none}
}