/* 1.2.104 🎨 Radio Designs + 🔔 Tone (site/rdz.js). Colours: green #2C542F, gold #DEAA14, dark #183318. Light and dark through the app's tokens; RTL through logical properties. */
.rdz{--g:#2C542F;--gold:#DEAA14;--dk:#183318;display:flex;flex-direction:column;gap:12px}
.rdz .card{margin:0;padding:12px}
.rdz .card.rdz-glist,.rdz .card.rdz-rows,.rdz .card.rdz-cmp{padding:6px 8px}
.rdz-ct{font-size:13px;margin:0 0 8px;text-transform:none}
.rdz-pad{padding:6px 2px;margin:0}
.rdz-sub{opacity:.85}
.rdz-big{font-size:22px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.rdz-center{display:flex;justify-content:center}
.rdz button{font:inherit;color:inherit}
/* who's talking */
.rdz-talk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;font-size:14px;background:hsl(var(--secondary));margin:8px 0}
.rdz-talk.live{background:var(--c,#2C542F);color:#fff}
.rdz-talk.me{background:#b91c1c;color:#fff}
.rdz-talk.tone{background:var(--gold);color:var(--dk)}
.rdz-talk.idle{color:hsl(var(--muted-foreground))}
.rdz-tm{font-variant-numeric:tabular-nums;font-weight:800;margin-inline-start:auto}
.rdz-talk .rd-dot{background:#fff}
/* talk button */
.rdz-ptt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff!important;background:radial-gradient(circle at 35% 30%,#3f7a44,var(--g));box-shadow:0 0 0 6px rgba(222,170,20,.25),0 8px 22px rgba(24,51,24,.45);font-weight:800;letter-spacing:.04em}
.rdz-ptt.round{width:min(52vw,200px);height:min(52vw,200px);border-radius:50%;margin:10px auto}
.rdz-ptt.round.sm{width:86px;height:86px;margin:0;flex:none}
.rdz-ptt.round.xl{width:min(70vw,250px);height:min(70vw,250px)}
.rdz-ptt.sm .rdz-pl{font-size:9px}
.rdz-ptt .rdz-pic{font-size:30px;line-height:1}.rdz-ptt.sm .rdz-pic{font-size:22px}
.rdz-ptt .rdz-pl{font-size:12px;text-align:center;padding:0 6px}
.rdz-ptt.tx{background:radial-gradient(circle at 35% 30%,#f87171,#b91c1c);box-shadow:0 0 0 8px rgba(220,38,38,.2);transform:scale(.97)}
.rdz-ptt.busy{background:radial-gradient(circle at 35% 30%,#fbbf24,#b45309)}
.rdz-ptt.listen{background:radial-gradient(circle at 35% 30%,#94a3b8,#475569);box-shadow:none}
/* tone */
.rdz-tone,.rdz-toneall{border:2px solid var(--gold);background:transparent;border-radius:12px;padding:7px 12px;font-weight:800;cursor:pointer;white-space:nowrap}
.rdz-tone{color:inherit}
.rdz-tone.sent{background:var(--gold);color:var(--dk)!important}
.rdz-tone.wide,.rdz-toneall.wide{display:block;width:100%;padding:12px;font-size:16px}
.rdz-tone.mini,.rdz-toneall.mini{padding:5px 9px;font-size:13px}
.rdz-toneall{background:#b91c1c;border-color:#b91c1c;color:#fff!important}
.rdz-tone.huge,.rdz-toneall.huge,.rdz-bb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;font-size:17px;border-radius:16px;white-space:normal;text-align:center}
.rdz-bb{border:1px solid hsl(var(--border));background:hsl(var(--card));font-weight:800;cursor:pointer}
.rdz-bb:disabled{opacity:.45}
.rdz-sound{align-self:center;margin-top:4px}
/* group rows / chips */
.rdz-cdot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.rdz-gn{font-weight:700}
.rdz-gsel{display:flex;align-items:center;gap:8px;background:none;border:none;padding:10px 4px;text-align:start;cursor:pointer;min-width:0}
.rdz-grow,.rdz-row,.rdz-crow{display:flex;align-items:center;gap:6px;border-top:1px solid hsl(var(--border))}
.rdz-grow:first-of-type,.rdz-row:first-child,.rdz-crow:first-of-type{border-top:none}
.rdz-grow.on,.rdz-row.on,.rdz-crow.on{background:color-mix(in srgb,var(--c,#2C542F) 14%,transparent);border-radius:10px}
.rdz-row .rd-dot,.rdz-grow .rd-dot,.rdz-chip .rd-dot,.rdz-tab .rd-dot{background:#ef4444}
.rdz-mute{background:none;border:none;font-size:18px;padding:6px;cursor:pointer;flex:none}
.rdz-rtxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rdz-rtxt .rdz-talk,.rdz-cl .rdz-talk,.rdz-tsel .rdz-talk{margin:2px 0 0;padding:3px 8px;font-size:12px}
.rdz-last{display:block}
.rdz-rname{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
/* handset */
.rdz-hs,.rdz-big1{border-top:6px solid var(--c,#2C542F)}
.rdz-hs-top{display:flex;align-items:center;gap:8px}
.rdz-hs-name{text-align:center;min-width:0}
.rdz-arrow{width:44px;height:44px;border-radius:12px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));font-size:18px;cursor:pointer;flex:none}
.rdz-arrow.big{width:58px;height:58px;font-size:24px}
[dir=rtl] .rdz-arrow{transform:scaleX(-1)}
/* compact */
.rdz-hear{display:flex;align-items:center;padding:0 4px}.rdz-hear input{width:20px;height:20px;accent-color:#2C542F}
.rdz-cl{display:block;flex-basis:100%}
.rdz-crow .rdz-gsel{flex-wrap:wrap}
.rdz-dock{position:sticky;bottom:calc(10px + var(--sab,0px));z-index:5;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:18px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 6px 24px rgba(0,0,0,.25)}
.rdz-dock .rdz-talk{margin:0;padding:6px 8px;font-size:13px}
.rdz-to{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:var(--c,#2C542F);color:#fff;font-size:13px;max-width:46%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rdz-to b{overflow:hidden;text-overflow:ellipsis}
/* tiles */
.rdz-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rdz-tile{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-top:5px solid var(--c,#2C542F);min-width:0}
.rdz-tile.on{outline:3px solid var(--gold);outline-offset:-1px}
.rdz-tile.toned{background:color-mix(in srgb,#DEAA14 22%,hsl(var(--card)))}
.rdz-tsel{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:none;border:none;padding:0;text-align:start;cursor:pointer;min-width:0}
.rdz-tn{font-weight:800;overflow-wrap:anywhere}
.rdz-tile .rdz-tone{width:100%}
.rdz-focus{padding:4px 10px}.rdz-focus .rdz-talk{margin:6px 0}
/* split */
.rdz-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.rdz-chip,.rdz-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:2px solid var(--c,#2C542F);background:hsl(var(--card));cursor:pointer;font-weight:700}
.rdz-chip.on,.rdz-tab.on{background:var(--c,#2C542F);color:#fff!important}
.rdz-chip.toned{box-shadow:0 0 0 3px var(--gold)}
.rdz-split{border-top:6px solid var(--c,#2C542F);display:flex;flex-direction:column;gap:6px}
.rdz-split .rdz-to{align-self:flex-start;max-width:100%}
.rdz-steps{display:flex;flex-direction:column;gap:8px}
.rdz-step{display:flex;align-items:center;gap:10px}.rdz-step .rdz-tone{flex:1}
.rdz-n{width:28px;height:28px;border-radius:50%;background:var(--dk);color:var(--gold);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.rdz-step .rdz-ptt.round{width:150px;height:150px;margin:4px auto}
.rdz-call{display:flex;align-items:center;gap:8px;padding:8px 2px;border-top:1px solid hsl(var(--border));width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:start;cursor:pointer}
.rdz-call:first-of-type{border-top:none}
.rdz-units{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rdz-unit{padding:3px 9px;border-radius:999px;background:#2C542F;color:#fff;font-weight:700;font-size:13px}
/* console */
.rdz-console{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.rdz-strip{flex:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;background:#183318;color:#f1f5f9;border:2px solid transparent}
html.light .rdz-strip{background:#183318}
.rdz-strip.on{border-color:var(--gold)}
.rdz-strip.toned{box-shadow:inset 0 0 0 3px var(--gold)}
.rdz-led{width:14px;height:14px;border-radius:50%;background:#334155;box-shadow:inset 0 0 2px #000}
.rdz-strip.live .rdz-led{background:#22c55e;box-shadow:0 0 10px #22c55e}
.rdz-ssel{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;color:#fff!important;text-align:center}
.rdz-sic{font-size:22px}.rdz-sn{font-weight:800;font-size:12px;line-height:1.2;overflow-wrap:break-word;hyphens:auto;max-width:96px}
.rdz-sw{min-height:16px;color:var(--gold);font-weight:700;text-align:center}
.rdz-strip .rdz-tm{margin:0;min-height:18px;color:#fff}
.rdz-strip .rdz-mute{color:#fff}
.rdz-strip .rdz-tone{color:#fff;width:100%}
.rdz-strip .rdz-tone.sent{color:var(--dk)!important}
/* tabs */
.rdz-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.rdz-tab{border-radius:12px 12px 0 0;border-bottom-width:0}
.rdz-tabbody{border-top:6px solid var(--c,#2C542F)}
.rdz-trow{display:flex;align-items:center;gap:10px;justify-content:space-between}
.rdz-trow .rdz-tone{flex:1}
.rdz-clip{display:flex;align-items:center;gap:10px;width:100%;padding:9px 4px;background:none;border:none;border-top:1px solid hsl(var(--border));text-align:start;cursor:pointer}
.rdz-clip:first-of-type{border-top:none}
.rdz-clip.new b{color:#2C542F} html:not(.light) .rdz-clip.new b{color:#86efac}
.rdz-play{width:30px;height:30px;border-radius:50%;background:#2C542F;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}
/* big buttons */
.rdz-bgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* active call */
.rdz-acall{border-inline-start:6px solid var(--gold)}
.rdz-actitle{font-size:17px;font-weight:700;margin:4px 0}
/* admin designer */
.rdz-admin .rdz-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:10px 0}
.rdz-gcard{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;text-align:start;color:inherit;font:inherit}
.rdz-gcard img{width:100%;aspect-ratio:390/700;object-fit:cover;object-position:top;border-radius:8px;background:#183318}
.rdz-gl{font-weight:700;font-size:12px;line-height:1.25}
.rdz-gb{font-size:10px;padding:1px 6px;border-radius:999px;background:#183318;color:#DEAA14;align-self:flex-start}
.rdz-gb.all{background:#2C542F;color:#fff}
.rdz-sec{font-weight:800;margin:14px 0 6px}
.rdz-arow{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid hsl(var(--border))}
.rdz-sel{max-width:58%;min-width:0}
.rdz-res{display:flex;flex-direction:column;gap:4px;margin:6px 0}
.rdz-hit{text-align:start;padding:8px 10px;border-radius:10px;border:1px dashed hsl(var(--border));background:hsl(var(--secondary));cursor:pointer;color:inherit;font:inherit}
.rdz-x{flex:none}
.rdz-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rdz-saved{background:#2C542F!important;color:#fff!important}
.rdz-big-prev{text-align:center}.rdz-big-prev img{max-width:100%;max-height:70vh;border-radius:12px}
@media (min-width:700px){.rdz-tiles{grid-template-columns:repeat(3,1fr)}.rdz-bgrid{grid-template-columns:repeat(4,1fr)}}