:root{--bg:#05070d;--bg2:#08111e;--panel:rgba(8,15,27,.86);--panel2:rgba(13,24,42,.72);--line:rgba(148,163,184,.18);--line2:rgba(34,211,238,.28);--text:#e8f1ff;--muted:#8ea0b9;--cyan:#22d3ee;--blue:#60a5fa;--amber:#f59e0b;--green:#22c55e;--red:#f87171;--radius:20px;--shadow:0 24px 80px rgba(0,0,0,.38);--max:1440px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(34,211,238,.14),transparent 34%),radial-gradient(circle at -10% 35%,rgba(37,99,235,.12),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}a{color:var(--cyan);text-decoration:none}a:hover{color:#8beeff}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,3vw,42px);border-bottom:1px solid rgba(34,211,238,.15);background:rgba(5,7,13,.78);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(34,211,238,.45);border-radius:13px;background:linear-gradient(145deg,rgba(34,211,238,.22),rgba(37,99,235,.12));font-size:22px;font-weight:900;box-shadow:0 0 30px rgba(34,211,238,.13)}.brand strong{display:block;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em}.main-nav{display:flex;align-items:center;gap:5px}.main-nav>a,.nav-form button{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:0;border-radius:10px;background:transparent;color:#cbd5e1;font-size:13px;font-weight:750}.main-nav>a:hover,.nav-form button:hover{background:rgba(34,211,238,.09);color:#fff}.main-nav .nav-login,.main-nav .nav-admin{border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.08);color:#b9f7ff}.nav-form{margin:0}.nav-toggle{display:none;border:1px solid var(--line);border-radius:11px;padding:8px 11px;background:var(--panel2);color:var(--text)}.page-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(16px,3vw,42px);border-top:1px solid var(--line);color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;margin:0 5px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(34,197,94,.8)}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:44px;min-height:540px;padding:54px clamp(8px,3vw,48px)}.hero h1,.page-hero h1,.profile-hero h1,.auth-copy h1,.state-card h1{margin:.15em 0 .3em;font-size:clamp(42px,7vw,92px);line-height:.93;letter-spacing:-.055em}.hero h1 em{color:transparent;background:linear-gradient(90deg,var(--cyan),#93c5fd 48%,#fcd34d);background-clip:text;-webkit-background-clip:text;font-style:normal}.hero p,.page-hero p,.auth-copy p{max-width:760px;color:var(--muted);font-size:clamp(16px,2vw,20px)}.hero-actions,.form-actions,.inline-actions,.eqsl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:12px;font-weight:850;letter-spacing:.015em;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#001018;background:linear-gradient(135deg,#67e8f9,var(--cyan));box-shadow:0 12px 38px rgba(34,211,238,.18)}.btn-primary:hover{color:#001018;filter:brightness(1.08)}.btn-soft{border-color:var(--line);background:rgba(15,23,42,.72);color:var(--text)}.btn-soft:hover{border-color:rgba(34,211,238,.45);color:#fff}.btn-amber{border-color:rgba(245,158,11,.42);background:rgba(245,158,11,.12);color:#fcd34d}.btn-danger{border-color:rgba(248,113,113,.42);background:rgba(127,29,29,.26);color:#fecaca}.btn-block{width:100%}.radar-card{position:relative;display:grid;place-items:center;min-height:420px}.radar{position:relative;width:min(360px,74vw);aspect-ratio:1;border:1px solid rgba(34,211,238,.34);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 39px,rgba(34,211,238,.11) 40px 41px),linear-gradient(90deg,transparent 49.7%,rgba(34,211,238,.15) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(34,211,238,.15) 50%,transparent 50.3%),radial-gradient(circle at center,rgba(34,211,238,.08),rgba(2,6,23,.8));box-shadow:0 0 90px rgba(34,211,238,.13),inset 0 0 70px rgba(34,211,238,.06);overflow:hidden}.radar:after{content:"";position:absolute;inset:50% 0 0 50%;transform-origin:0 0;background:conic-gradient(from 270deg,rgba(34,211,238,.5),transparent 35deg);animation:sweep 4s linear infinite}.radar-label{position:absolute;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.2em}.radar-label strong{font-size:25px;color:var(--cyan)}@keyframes sweep{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.stat-grid article,.stat-grid>a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(2,6,23,.72));box-shadow:0 14px 40px rgba(0,0,0,.22);color:var(--text)}.stat-grid span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stat-grid strong{font-size:34px;line-height:1;color:#fff}.panel{margin-bottom:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(12,20,35,.88),rgba(3,7,15,.9));box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:2px 0 0;font-size:21px}.panel-head>a,.panel-head>span{font-size:12px}.content-grid{display:grid;gap:22px}.content-grid.two-thirds{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.spot-list,.event-mini-list{padding:8px}.spot-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:12px;border-radius:14px;color:var(--text)}.spot-row:hover{background:rgba(34,211,238,.06)}.spot-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(34,211,238,.2);border-radius:13px;background:rgba(34,211,238,.07);font-size:20px}.spot-row strong,.spot-row small{display:block}.spot-row small,.spot-row time{color:var(--muted);font-size:12px}.event-mini-list article{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:13px;border-radius:14px}.event-mini-list article+article{border-top:1px solid var(--line)}.event-mini-list time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;border:1px solid rgba(245,158,11,.28);border-radius:13px;background:rgba(245,158,11,.08);color:#fcd34d;font-size:10px}.event-mini-list time strong{font-size:25px;line-height:1}.event-mini-list h3{margin:0 0 4px}.event-mini-list p{margin:0;color:var(--muted);font-size:13px}.empty{padding:28px;color:var(--muted);text-align:center}.empty.large{min-height:180px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:18px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}td{font-size:13px}.page-hero{padding:30px 8px 36px}.page-hero.compact h1{font-size:clamp(38px,6vw,72px)}.page-hero.compact p{margin-bottom:0}.map-hero{display:flex;align-items:end;justify-content:space-between;gap:20px}.filter-bar{display:flex;gap:10px;margin-bottom:20px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.filter-bar input,.filter-bar select{flex:1}.operator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.operator-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(15,23,42,.82),rgba(3,7,15,.9));color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.22);transition:.2s}.operator-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.42);color:var(--text)}.operator-card h2{margin:2px 0;font-size:17px}.operator-card p{margin:0;color:var(--muted);font-size:13px}.operator-call{color:var(--cyan);font-weight:900;letter-spacing:.08em}.card-arrow{color:var(--muted);font-size:20px}.avatar,.profile-avatar{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(34,211,238,.25);border-radius:16px;background:linear-gradient(145deg,rgba(34,211,238,.15),rgba(37,99,235,.1));font-weight:900;color:#c8fbff}.avatar{width:58px;height:58px}.avatar.big{width:92px;height:92px}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:32px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 80% 0,rgba(34,211,238,.13),transparent 35%),linear-gradient(145deg,rgba(15,23,42,.9),rgba(2,6,23,.94));box-shadow:var(--shadow);margin-bottom:20px}.profile-avatar{width:150px;height:150px;border-radius:32px;font-size:46px}.profile-main h1{margin:.08em 0;font-size:clamp(45px,7vw,86px)}.profile-main h2{margin:0;color:#cbd5e1}.profile-main p{color:var(--muted)}.profile-actions{display:flex;flex-direction:column;gap:10px}.profile-actions form{margin:0}.profile-stats{margin-top:0}.profile-data{margin:0}.profile-data>div{padding:14px 20px;border-bottom:1px solid var(--line)}.profile-data dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.profile-data dd{margin:4px 0 0}.mini-map,.picker-map,.main-map{border:1px solid rgba(34,211,238,.22);background:#07111f;overflow:hidden}.mini-map{height:360px}.picker-map{height:300px;margin-top:16px;border-radius:16px}.main-map{height:min(72vh,820px);border-radius:22px;box-shadow:var(--shadow)}.map-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.map-toolbar label{font-weight:750}.map-toolbar span{margin-left:auto;color:var(--muted);font-size:12px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#07111f!important;color:var(--text)!important}.map-popup strong{color:var(--cyan);font-size:15px}.map-popup small{display:block;color:var(--muted)}.auth-shell{display:grid;grid-template-columns:1fr minmax(320px,470px);align-items:center;gap:60px;min-height:70vh;padding:30px clamp(4px,5vw,70px)}.auth-copy h1{font-size:clamp(48px,7vw,88px)}.auth-card,.form-panel{padding:22px}.auth-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.94));box-shadow:var(--shadow)}label{display:flex;flex-direction:column;gap:7px}label>span,.file-field>span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.035em}input,select,textarea{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:12px;padding:11px 12px;background:rgba(2,6,23,.64);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(34,211,238,.62);box-shadow:0 0 0 4px rgba(34,211,238,.09)}textarea{resize:vertical}.auth-card label+label{margin-top:14px}.auth-card .btn{margin-top:18px}.auth-foot{text-align:center;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.check-row{flex-direction:row;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;border:1px dashed var(--line);border-radius:14px}.check-row input{width:auto;margin-top:3px}.honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.form-actions{margin-top:18px}.profile-edit-head{display:flex;align-items:center;gap:20px;margin-bottom:20px}.file-field{flex:1}.password-box{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px}.password-box summary,.submit-collapsible>summary{cursor:pointer;font-weight:900;color:var(--cyan)}.submit-collapsible>form{margin-top:18px}.flash{margin:0 0 14px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-weight:750}.flash-success{border-color:rgba(34,197,94,.35);color:#bbf7d0;background:rgba(22,101,52,.17)}.flash-error{border-color:rgba(248,113,113,.36);color:#fecaca;background:rgba(127,29,29,.2)}.flash-warning{border-color:rgba(245,158,11,.35);color:#fde68a;background:rgba(120,53,15,.2)}.state-card{max-width:780px;margin:12vh auto;padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--panel);text-align:center;box-shadow:var(--shadow)}.state-icon{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 20px;border:1px solid rgba(34,211,238,.35);border-radius:28px;color:var(--cyan);font-size:32px;font-weight:900;background:rgba(34,211,238,.08)}.state-card h1{font-size:clamp(40px,6vw,70px)}.state-card p{color:var(--muted);font-size:17px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;margin-bottom:22px}.event-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.25)}.event-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.event-body{position:relative;padding:20px}.event-date{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border:1px solid rgba(245,158,11,.3);border-radius:12px;color:#fcd34d;background:rgba(245,158,11,.08)}.event-date strong{font-size:24px}.event-date span{font-size:11px}.event-body h2{margin:4px 0 8px}.event-body p{color:var(--muted)}.event-body small{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.badge-approved,.badge-confirmed,.badge-sent{border-color:rgba(34,197,94,.35);color:#86efac;background:rgba(34,197,94,.09)}.badge-pending,.badge-read,.badge-active{border-color:rgba(34,211,238,.35);color:#a5f3fc;background:rgba(34,211,238,.08)}.badge-rejected,.badge-failed,.badge-suspended,.badge-closed{border-color:rgba(248,113,113,.35);color:#fecaca;background:rgba(127,29,29,.18)}.badge-disabled,.badge-expired{color:var(--muted)}.link-danger{border:0;background:none;color:#fca5a5}.eqsl-tabs{display:flex;gap:8px;margin-bottom:14px}.eqsl-tabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--panel2);color:var(--text);font-weight:900}.eqsl-tabs button.active{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.12)}.eqsl-tabs span,.eqsl-tabs b{padding:2px 7px;border-radius:999px;background:rgba(148,163,184,.13);font-size:11px}.eqsl-tabs b{color:#fcd34d;background:rgba(245,158,11,.14)}.tab-panel{display:none}.tab-panel.active{display:block}.eqsl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.eqsl-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 55px rgba(0,0,0,.26)}.eqsl-card img{display:block;width:100%;aspect-ratio:1200/760;object-fit:cover;background:#020617}.eqsl-meta{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:13px}.eqsl-meta small{grid-column:1/-1;color:var(--muted)}.eqsl-actions{padding:0 13px 13px}.eqsl-actions form{margin:0}.modal{position:fixed;inset:0;display:none;z-index:2000}.modal[aria-hidden="false"]{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(920px,calc(100% - 24px));max-height:90vh;overflow:auto;margin:5vh auto;border:1px solid rgba(34,211,238,.3);border-radius:22px;background:#07101d;box-shadow:0 35px 110px rgba(0,0,0,.7)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head>button{border:0;background:none;color:var(--text);font-size:28px}.modal-body{padding:20px}.admin-nav{display:flex;gap:7px;overflow:auto;margin-bottom:16px;padding:9px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.admin-nav a{white-space:nowrap;padding:8px 11px;border-radius:9px;color:#cbd5e1;font-size:13px;font-weight:800}.admin-nav a:hover{background:rgba(34,211,238,.1);color:#fff}.admin-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-stats>a:hover{border-color:rgba(34,211,238,.4)}.inline-actions select,.inline-actions input{width:auto;min-width:120px}.inline-actions form{margin:0}@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.radar-card{min-height:360px}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two-thirds{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}.main-nav{position:absolute;top:72px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(5,7,13,.97);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-form button{width:100%;justify-content:flex-start}.nav-toggle{display:block}.profile-hero{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1;flex-direction:row}}@media(max-width:760px){.page-shell{width:min(100% - 20px,var(--max));padding-top:22px}.site-header{padding:12px}.brand strong{font-size:14px}.brand small{display:none}.hero{padding:34px 6px}.hero h1{font-size:48px}.radar-card{min-height:290px}.stat-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}.stat-grid strong{font-size:28px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-shell{grid-template-columns:1fr;padding:20px 4px}.auth-copy h1{font-size:48px}.profile-hero{grid-template-columns:1fr;text-align:center;padding:22px}.profile-avatar{margin:auto;width:120px;height:120px}.profile-actions{justify-content:center}.map-hero{align-items:flex-start;flex-direction:column}.main-map{height:68vh}.map-toolbar span{width:100%;margin-left:0}.filter-bar{flex-direction:column}.event-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.operator-grid{grid-template-columns:1fr}.eqsl-grid{grid-template-columns:1fr}.profile-edit-head{align-items:flex-start;flex-direction:column}.modal-panel{margin:12px auto}.inline-actions{align-items:stretch;flex-direction:column}.inline-actions select,.inline-actions input{width:100%}}
/* QRZCB 2.0 - Fullscreen Map Console */
body.qrzcb-map-console-page {
overflow-x: hidden;
}
body.qrzcb-map-console-page main,
body.qrzcb-map-console-page .site-main,
body.qrzcb-map-console-page .main-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.qrzcb-map-console {
position: relative;
width: 100%;
min-height: 680px;
background: #172033;
overflow: hidden;
}
.qrzcb-map-console__stage {
position: relative;
width: 100%;
height: calc(100vh - 82px);
min-height: 680px;
overflow: hidden;
}
#mainMap.qrzcb-map-console__map {
position: absolute !important;
inset: 0;
z-index: 1;
width: 100% !important;
height: 100% !important;
min-height: 680px;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.qrzcb-map-console__tools {
position: absolute;
z-index: 900;
top: 18px;
left: 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.qrzcb-console-tool {
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid rgba(15, 23, 42, .20);
border-radius: 5px;
background: rgba(255, 255, 255, .96);
color: #05070a;
box-shadow:
0 3px 12px rgba(0, 0, 0, .30);
cursor: pointer;
font-size: 25px;
line-height: 1;
transition:
transform .12s ease,
background .12s ease;
}
.qrzcb-console-tool:hover {
background: #fff;
transform: translateY(-1px);
}
.qrzcb-console-tool strong {
font-size: 29px;
line-height: 1;
}
.qrzcb-console-tool--layers {
margin-top: 10px;
font-size: 32px;
}
.qrzcb-map-console__panel {
position: absolute;
z-index: 950;
top: 18px;
right: 18px;
width: 274px;
max-height: calc(100% - 86px);
overflow: auto;
border: 1px solid rgba(0, 0, 0, .38);
border-radius: 4px;
background:
linear-gradient(
180deg,
rgba(249, 249, 247, .97),
rgba(226, 229, 226, .97)
);
color: #111827;
box-shadow:
0 8px 26px rgba(0, 0, 0, .42);
font-family:
Arial,
Helvetica,
sans-serif;
transform: translateX(calc(100% + 36px));
opacity: 0;
pointer-events: none;
transition:
transform .18s ease,
opacity .18s ease;
}
.qrzcb-map-console__panel.is-open {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
.qrzcb-console-panel__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 11px 12px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background: rgba(235, 237, 234, .98);
text-transform: uppercase;
}
.qrzcb-console-panel__close {
display: grid;
place-items: center;
width: 30px;
height: 30px;
padding: 0;
border: 0;
border-radius: 4px;
background: #111827;
color: #fff;
cursor: pointer;
font-size: 22px;
}
.qrzcb-console-section {
border-bottom: 1px solid rgba(0, 0, 0, .18);
}
.qrzcb-console-section__title {
width: 100%;
padding: 10px 12px;
border: 0;
background: rgba(241, 242, 239, .98);
color: #111827;
cursor: pointer;
font-size: 13px;
font-weight: 900;
text-align: left;
text-transform: uppercase;
}
.qrzcb-console-section__title:hover {
background: #fff;
}
.qrzcb-console-section__body {
display: flex;
flex-direction: column;
gap: 7px;
padding: 9px 14px 11px;
background: rgba(255, 255, 255, .72);
}
.qrzcb-console-section.is-closed
.qrzcb-console-section__body {
display: none;
}
.qrzcb-console-section label {
display: flex;
align-items: center;
gap: 8px;
color: #111827;
font-size: 13px;
cursor: pointer;
}
.qrzcb-console-section input {
width: 15px;
height: 15px;
accent-color: #166534;
}
.qrzcb-console-legend {
display: flex;
align-items: center;
gap: 9px;
}
.qrzcb-console-legend__home {
display: grid;
place-items: center;
width: 25px;
height: 25px;
border: 2px solid #111;
border-radius: 50%;
background: #fff;
color: #111;
font-weight: 900;
}
.qrzcb-console-legend__spot {
display: grid;
place-items: center;
width: 25px;
height: 25px;
border: 3px solid #f59e0b;
border-radius: 50%;
background: #172033;
color: #fff;
}
.qrzcb-map-console__status {
position: absolute;
z-index: 850;
right: 18px;
bottom: 18px;
left: 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 40px;
padding: 8px 14px;
border-radius: 5px;
background: rgba(18, 20, 22, .86);
color: #fff;
box-shadow:
0 5px 16px rgba(0, 0, 0, .32);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 13px;
font-weight: 700;
pointer-events: none;
}
/* QTH: casa e sigla sempre visibile */
.qrzcb-console-qth-icon {
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.qrzcb-console-qth {
position: relative;
width: 82px;
height: 67px;
filter:
drop-shadow(0 4px 4px rgba(0, 0, 0, .38));
transform-origin: 50% 94%;
transition: transform .13s ease;
}
.qrzcb-console-qth:hover {
transform: translateY(-2px) scale(1.06);
}
.qrzcb-console-qth__pin {
position: absolute;
top: 17px;
left: 21px;
display: block;
width: 40px;
height: 48px;
}
.qrzcb-console-qth__pin svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.qrzcb-console-qth__shape {
fill: #fff;
stroke: #111;
stroke-width: 2.6;
}
.qrzcb-console-qth__roof {
fill: none;
stroke: #111;
stroke-width: 3.1;
stroke-linecap: round;
stroke-linejoin: round;
}
.qrzcb-console-qth__house {
fill: #111;
}
.qrzcb-console-qth__door {
fill: none;
stroke: #fff;
stroke-width: 1.8;
}
/* Etichetta sopra il marker */
.qrzcb-console-label {
position: absolute;
z-index: 4;
top: 0;
left: 50%;
display: block;
min-width: max-content;
padding: 4px 6px;
border-radius: 4px;
background: rgba(25, 25, 27, .95);
color: #fff;
box-shadow:
0 3px 7px rgba(0, 0, 0, .38);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 11px;
font-weight: 900;
line-height: 1;
letter-spacing: .01em;
white-space: nowrap;
transform: translateX(-50%);
}
.qrzcb-console-label::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 5px solid rgba(25, 25, 27, .95);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
transform: translateX(-50%);
}
/* Spot: immagine profilo e sigla */
.qrzcb-console-spot-icon {
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.qrzcb-console-spot {
position: relative;
width: 86px;
height: 68px;
filter:
drop-shadow(0 5px 6px rgba(0, 0, 0, .46));
transform-origin: 50% 90%;
transition: transform .13s ease;
}
.qrzcb-console-spot:hover {
transform: translateY(-2px) scale(1.06);
}
.qrzcb-console-spot__avatar {
position: absolute;
z-index: 3;
top: 21px;
left: 23px;
display: grid;
place-items: center;
width: 40px;
height: 40px;
overflow: hidden;
border: 4px solid #f59e0b;
border-radius: 50%;
background:
linear-gradient(
145deg,
#172033,
#020617
);
color: #fff;
box-shadow:
0 0 0 2px #fff,
0 4px 11px rgba(0, 0, 0, .45);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 10px;
font-weight: 900;
}
.qrzcb-console-spot__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.qrzcb-console-spot__fallback {
display: grid;
place-items: center;
width: 100%;
height: 100%;
}
.qrzcb-console-label--spot {
border: 1px solid rgba(245, 158, 11, .90);
}
.qrzcb-console-spot__pulse {
position: absolute;
z-index: 1;
top: 17px;
left: 19px;
width: 48px;
height: 48px;
box-sizing: border-box;
border: 2px solid rgba(245, 158, 11, .72);
border-radius: 50%;
animation:
qrzcbConsoleSpotPulse
2s ease-out infinite;
}
@keyframes qrzcbConsoleSpotPulse {
0% {
opacity: .85;
transform: scale(.72);
}
75%,
100% {
opacity: 0;
transform: scale(1.52);
}
}
/* Cluster verdi come nella mappa di riferimento */
.qrzcb-console-cluster-icon {
background: transparent !important;
border: 0 !important;
}
.qrzcb-console-cluster {
display: grid;
place-items: center;
width: 38px;
height: 38px;
border: 3px solid rgba(255, 255, 255, .92);
border-radius: 50%;
background: rgba(101, 145, 21, .92);
color: #fff;
box-shadow:
0 4px 10px rgba(0, 0, 0, .38);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 13px;
font-weight: 900;
}
.qrzcb-console-cluster--spot {
background: rgba(217, 119, 6, .94);
}
/* Popup */
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-content-wrapper {
border-radius: 7px;
background: #fff;
color: #111827;
box-shadow:
0 10px 28px rgba(0, 0, 0, .35);
}
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-tip {
background: #fff;
}
.leaflet-popup.qrzcb-console-popup
.map-popup {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 180px;
}
.leaflet-popup.qrzcb-console-popup
.map-popup strong {
color: #111827;
font-size: 15px;
}
.leaflet-popup.qrzcb-console-popup
.map-popup small {
color: #374151;
}
.leaflet-popup.qrzcb-console-popup
.map-popup a {
margin-top: 5px;
color: #0563d8;
font-weight: 800;
text-decoration: none;
}
.leaflet-popup.qrzcb-console-popup
.map-popup a:hover {
text-decoration: underline;
}
/* Attribuzione Leaflet */
.qrzcb-map-console
.leaflet-control-attribution {
margin-bottom: 63px !important;
background: rgba(18, 20, 22, .76) !important;
color: #fff !important;
}
.qrzcb-map-console
.leaflet-control-attribution a {
color: #dbeafe !important;
}
/* Smartphone */
@media (max-width: 760px) {
.qrzcb-map-console {
min-height: 620px;
}
.qrzcb-map-console__stage {
height: calc(100vh - 64px);
min-height: 620px;
}
#mainMap.qrzcb-map-console__map {
min-height: 620px;
}
.qrzcb-map-console__tools {
top: 10px;
left: 10px;
gap: 6px;
}
.qrzcb-console-tool {
width: 42px;
height: 42px;
font-size: 21px;
}
.qrzcb-console-tool strong {
font-size: 26px;
}
.qrzcb-map-console__panel {
top: 10px;
right: 10px;
width: min(278px, calc(100vw - 72px));
max-height: calc(100% - 74px);
}
.qrzcb-map-console__status {
right: 8px;
bottom: 8px;
left: 8px;
min-height: 35px;
padding: 6px 9px;
font-size: 11px;
}
.qrzcb-map-console__status
#qrzcbConsoleUpdated {
display: none;
}
.qrzcb-console-qth {
transform: scale(.90);
}
.qrzcb-console-qth:hover {
transform:
translateY(-2px)
scale(.96);
}
.qrzcb-console-spot {
transform: scale(.90);
}
.qrzcb-console-spot:hover {
transform:
translateY(-2px)
scale(.96);
}
.qrzcb-map-console
.leaflet-control-attribution {
margin-bottom: 51px !important;
font-size: 9px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.qrzcb-console-spot__pulse {
animation: none;
opacity: .30;
}
.qrzcb-console-qth,
.qrzcb-console-spot {
transition: none;
}
}
/* QRZCB 2.0 - Readable dark map popup */
/*
* Contenitore popup Leaflet:
* sfondo nero profondo e testo pienamente leggibile.
*/
.qrzcb-map-console
.leaflet-popup-content-wrapper,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-content-wrapper {
border: 1px solid rgba(255, 255, 255, .14) !important;
border-radius: 12px !important;
background:
linear-gradient(
180deg,
rgba(17, 20, 25, .99),
rgba(5, 8, 13, .99)
) !important;
color: #ffffff !important;
box-shadow:
0 14px 38px rgba(0, 0, 0, .62),
0 0 0 1px rgba(0, 0, 0, .42) !important;
}
/*
* Freccia inferiore del popup dello stesso colore nero.
*/
.qrzcb-map-console
.leaflet-popup-tip,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-tip {
border: 0 !important;
background: #080b10 !important;
box-shadow:
3px 3px 7px rgba(0, 0, 0, .32) !important;
}
/*
* Margini e dimensioni del contenuto.
*/
.qrzcb-map-console
.leaflet-popup-content,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-content {
min-width: 220px;
margin: 17px 20px 16px !important;
color: #ffffff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
/*
* Struttura interna già usata dai popup QTH e spot.
*/
.qrzcb-map-console
.map-popup,
.leaflet-popup.qrzcb-console-popup
.map-popup {
display: flex !important;
flex-direction: column !important;
gap: 7px !important;
color: #ffffff !important;
}
/*
* SIGLA: bianca, grande e molto evidente.
*/
.qrzcb-map-console
.map-popup strong,
.leaflet-popup.qrzcb-console-popup
.map-popup strong {
display: block !important;
margin: 0 28px 3px 0 !important;
color: #ffffff !important;
font-size: 19px !important;
font-weight: 950 !important;
line-height: 1.15 !important;
letter-spacing: .025em !important;
text-shadow:
0 1px 2px rgba(0, 0, 0, .65) !important;
}
/*
* Nome, QTH, modo, frequenza e orari.
*/
.qrzcb-map-console
.map-popup small,
.leaflet-popup.qrzcb-console-popup
.map-popup small {
display: block !important;
color: #dce5ef !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
opacity: 1 !important;
}
/*
* Collegamento al profilo.
*/
.qrzcb-map-console
.map-popup a,
.leaflet-popup.qrzcb-console-popup
.map-popup a {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
margin-top: 5px !important;
color: #38bdf8 !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-decoration: none !important;
text-shadow:
0 0 10px rgba(56, 189, 248, .18) !important;
}
.qrzcb-map-console
.map-popup a:hover,
.leaflet-popup.qrzcb-console-popup
.map-popup a:hover {
color: #7dd3fc !important;
text-decoration: underline !important;
}
/*
* Pulsante X del popup.
*/
.qrzcb-map-console
.leaflet-popup-close-button,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-close-button {
top: 7px !important;
right: 8px !important;
display: grid !important;
place-items: center !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .08) !important;
color: #ffffff !important;
font-size: 23px !important;
font-weight: 400 !important;
line-height: 1 !important;
opacity: 1 !important;
text-decoration: none !important;
}
.qrzcb-map-console
.leaflet-popup-close-button:hover,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-close-button:hover {
background: rgba(255, 255, 255, .18) !important;
color: #ffffff !important;
}
/*
* Evita che vecchie regole generali della piattaforma
* rendano scuri i testi nel popup.
*/
.qrzcb-map-console
.leaflet-popup-content *,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-content * {
opacity: 1;
}
/*
* Smartphone.
*/
@media (max-width: 640px) {
.qrzcb-map-console
.leaflet-popup-content,
.leaflet-popup.qrzcb-console-popup
.leaflet-popup-content {
min-width: 190px;
margin: 15px 17px 14px !important;
}
.qrzcb-map-console
.map-popup strong,
.leaflet-popup.qrzcb-console-popup
.map-popup strong {
font-size: 17px !important;
}
.qrzcb-map-console
.map-popup small,
.leaflet-popup.qrzcb-console-popup
.map-popup small {
font-size: 13px !important;
}
.qrzcb-map-console
.map-popup a,
.leaflet-popup.qrzcb-console-popup
.map-popup a {
font-size: 14px !important;
}
}
/* QRZCB 2.0 - Definitive spot avatar rendering */
/*
* L'immagine dello spot viene caricata come background.
* In questo modo non può essere nascosta da regole generiche sugli img.
*/
.qrzcb-console-spot__avatar {
display: grid !important;
place-items: center !important;
overflow: hidden !important;
background-color: #101826 !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Disabilita eventuali vecchie immagini figlie rimaste in cache.
*/
.qrzcb-console-spot__avatar > img {
display: none !important;
}
/*
* Le iniziali vengono mostrate soltanto quando non esiste un avatar.
*/
.qrzcb-console-spot__fallback {
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
background:
linear-gradient(
145deg,
#172033,
#020617
) !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: 950 !important;
letter-spacing: .03em !important;
}
/*
* Bordo ben visibile dello spot.
*/
.qrzcb-console-spot__avatar {
border-color: #f59e0b !important;
box-shadow:
0 0 0 2px #ffffff,
0 5px 13px rgba(0, 0, 0, .52) !important;
}
/* QRZCB 2.0 - Free profile image spot marker */
/*
* Contenitore generale dello spot:
* più grande per mostrare l'immagine completa.
*/
.qrzcb-console-spot {
position: relative !important;
width: 92px !important;
height: 88px !important;
overflow: visible !important;
filter:
drop-shadow(
0 5px 6px rgba(0, 0, 0, .48)
) !important;
}
/*
* Immagine del profilo intera:
* nessun cerchio, nessun ritaglio, nessun bordo arancione.
*/
.qrzcb-console-spot__avatar {
position: absolute !important;
z-index: 3 !important;
top: 22px !important;
left: 16px !important;
display: block !important;
width: 60px !important;
height: 60px !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Elimina completamente il vecchio effetto circolare arancione.
*/
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
/*
* Alone blu morbido dietro l'immagine,
* simile al riferimento mostrato.
*/
.qrzcb-console-spot__pulse {
position: absolute !important;
z-index: 1 !important;
top: 25px !important;
left: 22px !important;
width: 48px !important;
height: 48px !important;
border: 0 !important;
border-radius: 50% !important;
background:
rgba(37, 99, 235, .62) !important;
box-shadow:
0 0 0 8px rgba(37, 99, 235, .17),
0 0 18px rgba(37, 99, 235, .50) !important;
animation:
qrzcbSpotBlueHalo
2.2s ease-in-out infinite !important;
pointer-events: none !important;
}
/*
* La sigla resta sopra l'immagine.
*/
.qrzcb-console-spot
.qrzcb-console-label--spot {
top: 0 !important;
left: 50% !important;
border: 0 !important;
background:
rgba(20, 20, 22, .96) !important;
color: #ffffff !important;
box-shadow:
0 3px 8px rgba(0, 0, 0, .46) !important;
transform:
translateX(-50%) !important;
}
/*
* Triangolino dell'etichetta.
*/
.qrzcb-console-spot
.qrzcb-console-label--spot::after {
border-top-color:
rgba(20, 20, 22, .96) !important;
}
/*
* Fallback con sigla soltanto quando manca davvero l'immagine.
*/
.qrzcb-console-spot__fallback {
display: grid !important;
place-items: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 8px !important;
background:
linear-gradient(
145deg,
#172033,
#020617
) !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 950 !important;
}
/*
* Eventuali vecchi tag IMG non vengono usati:
* l'immagine continua a essere caricata come background.
*/
.qrzcb-console-spot__avatar > img {
display: none !important;
}
@keyframes qrzcbSpotBlueHalo {
0%,
100% {
opacity: .72;
transform: scale(.92);
}
50% {
opacity: 1;
transform: scale(1.08);
}
}
/*
* Smartphone: dimensioni leggermente ridotte.
*/
@media (max-width: 640px) {
.qrzcb-console-spot {
width: 82px !important;
height: 79px !important;
}
.qrzcb-console-spot__avatar {
top: 21px !important;
left: 14px !important;
width: 54px !important;
height: 54px !important;
}
.qrzcb-console-spot__pulse {
top: 24px !important;
left: 20px !important;
width: 42px !important;
height: 42px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.qrzcb-console-spot__pulse {
animation: none !important;
}
}
/* QRZCB 2.0 - Transparent processed spot avatars */
/*
* Il contenitore non deve aggiungere alcuno sfondo
* all'immagine trasparente elaborata.
*/
.qrzcb-console-spot__avatar {
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
box-shadow: none !important;
}
/*
* Nessun pannello nero o bianco dietro il logo.
*/
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
/*
* Mantiene un'ombra leggera soltanto sul soggetto.
*/
.qrzcb-console-spot__avatar {
filter:
drop-shadow(
0 4px 4px rgba(0, 0, 0, .48)
) !important;
}
/*
* Alone blu separato e visibile dietro l'immagine.
*/
.qrzcb-console-spot__pulse {
background:
rgba(37, 99, 235, .52) !important;
box-shadow:
0 0 0 8px rgba(37, 99, 235, .15),
0 0 19px rgba(37, 99, 235, .48) !important;
}
/*
* Le iniziali restano disponibili soltanto quando
* l'utente non ha caricato un'immagine.
*/
.qrzcb-console-spot__fallback {
overflow: hidden !important;
border-radius: 8px !important;
}
/* QRZCB 2.0 - Dedicated profile minimap house V2 */
.qrzcb-profile-qth-icon {
overflow: visible !important;
border: 0 !important;
background: transparent !important;
}
.qrzcb-profile-qth-marker {
position: relative;
width: 76px;
height: 72px;
overflow: visible;
transform-origin: 50% 96%;
filter:
drop-shadow(
0 5px 5px rgba(0, 0, 0, .42)
);
transition:
transform .14s ease,
filter .14s ease;
}
.qrzcb-profile-qth-marker:hover {
transform:
translateY(-2px)
scale(1.06);
filter:
drop-shadow(
0 8px 7px rgba(0, 0, 0, .48)
);
}
.qrzcb-profile-qth-svg {
position: absolute;
z-index: 2;
top: 17px;
left: 14px;
display: block;
width: 48px;
height: 55px;
overflow: visible;
}
.qrzcb-profile-qth-pin {
fill: #ffffff;
stroke: #101114;
stroke-width: 2.7;
stroke-linejoin: round;
}
.qrzcb-profile-qth-roof {
fill: none;
stroke: #111318;
stroke-width: 3.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.qrzcb-profile-qth-home {
fill: #111318;
}
.qrzcb-profile-qth-door {
fill: none;
stroke: #ffffff;
stroke-width: 1.8;
}
.qrzcb-profile-qth-label {
position: absolute;
z-index: 4;
top: 0;
left: 50%;
display: block;
min-width: max-content;
padding: 4px 7px;
border-radius: 4px;
background: rgba(24, 24, 27, .96);
color: #ffffff;
box-shadow:
0 3px 8px rgba(0, 0, 0, .43);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 11px;
font-weight: 900;
line-height: 1;
letter-spacing: .015em;
white-space: nowrap;
transform: translateX(-50%);
}
.qrzcb-profile-qth-label::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top:
5px solid rgba(24, 24, 27, .96);
border-right:
4px solid transparent;
border-left:
4px solid transparent;
transform: translateX(-50%);
}
/*
* Dimensione più compatta nella scheda profilo.
*/
.mini-map .qrzcb-profile-qth-marker,
[data-single-map] .qrzcb-profile-qth-marker {
transform:
scale(.78);
}
.mini-map .qrzcb-profile-qth-marker:hover,
[data-single-map] .qrzcb-profile-qth-marker:hover {
transform:
translateY(-2px)
scale(.84);
}
@media (max-width: 640px) {
.mini-map .qrzcb-profile-qth-marker,
[data-single-map] .qrzcb-profile-qth-marker {
transform:
scale(.72);
}
}
/* QRZCB 2.0 - Circular profile spot marker */
/*
* Contenitore generale del marker spot.
* Dimensioni compatte, simili a WhatsApp e Telegram.
*/
.qrzcb-v4-spot-marker,
.qrzcb-console-spot {
position: relative !important;
width: 82px !important;
height: 84px !important;
overflow: visible !important;
border: 0 !important;
background: transparent !important;
filter:
drop-shadow(
0 5px 6px rgba(0, 0, 0, .42)
) !important;
transform-origin: 50% 88% !important;
transition:
transform .14s ease,
filter .14s ease !important;
}
.qrzcb-v4-spot-marker:hover,
.qrzcb-console-spot:hover {
transform:
translateY(-2px)
scale(1.06) !important;
filter:
drop-shadow(
0 8px 8px rgba(0, 0, 0, .48)
) !important;
}
/*
* Area contenente la foto profilo.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
position: absolute !important;
z-index: 4 !important;
top: 22px !important;
left: 13px !important;
display: block !important;
width: 56px !important;
height: 56px !important;
overflow: hidden !important;
border:
3px solid #ffffff !important;
border-radius:
50% !important;
background:
#101722 !important;
box-shadow:
0 0 0 2px rgba(11, 18, 29, .92),
0 5px 12px rgba(0, 0, 0, .48) !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Immagine ritagliata al centro come una foto profilo.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
}
/*
* Per le versioni che caricano l'immagine come sfondo CSS.
*/
.qrzcb-console-spot__avatar {
background-position:
center center !important;
background-repeat:
no-repeat !important;
background-size:
cover !important;
}
/*
* Elimina quadrati, aloni e decorazioni precedenti.
*/
.qrzcb-v4-spot-marker__media::before,
.qrzcb-v4-spot-marker__media::after,
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
.qrzcb-v4-spot-marker__glow,
.qrzcb-console-spot__pulse {
display: none !important;
opacity: 0 !important;
animation: none !important;
}
/*
* Etichetta della sigla sempre visibile sopra l'avatar.
*/
.qrzcb-v4-marker-label--spot,
.qrzcb-console-label--spot {
position: absolute !important;
z-index: 10 !important;
top: 0 !important;
left: 50% !important;
display: block !important;
min-width: max-content !important;
padding:
4px 7px !important;
border:
0 !important;
border-radius:
4px !important;
background:
rgba(22, 23, 27, .97) !important;
color:
#ffffff !important;
box-shadow:
0 3px 8px rgba(0, 0, 0, .45) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
font-weight:
900 !important;
line-height:
1 !important;
letter-spacing:
.015em !important;
white-space:
nowrap !important;
transform:
translateX(-50%) !important;
}
/*
* Triangolino sotto l'etichetta.
*/
.qrzcb-v4-marker-label--spot::after,
.qrzcb-console-label--spot::after {
content: "" !important;
position:
absolute !important;
top:
100% !important;
left:
50% !important;
display:
block !important;
border-top:
5px solid rgba(22, 23, 27, .97) !important;
border-right:
4px solid transparent !important;
border-left:
4px solid transparent !important;
transform:
translateX(-50%) !important;
}
/*
* Iniziali utilizzate soltanto se manca l'immagine.
*/
.qrzcb-v4-spot-marker__fallback,
.qrzcb-console-spot__fallback {
display:
grid !important;
place-items:
center !important;
width:
100% !important;
height:
100% !important;
border-radius:
50% !important;
background:
linear-gradient(
145deg,
#173451,
#080e18
) !important;
color:
#ffffff !important;
font-size:
11px !important;
font-weight:
950 !important;
letter-spacing:
.03em !important;
}
/*
* Smartphone: leggermente più piccolo.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker,
.qrzcb-console-spot {
width: 72px !important;
height: 74px !important;
}
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
top: 21px !important;
left: 11px !important;
width: 50px !important;
height: 50px !important;
}
.qrzcb-v4-marker-label--spot,
.qrzcb-console-label--spot {
padding:
3px 6px !important;
font-size:
10px !important;
}
}
/* BEGIN QRZCB 2.0 - Slightly smaller spot circle */
/*
* Riduzione leggera del cerchio immagine dello spot:
* da circa 56 px a 50 px.
*
* Il contenitore Leaflet e il punto geografico non cambiano,
* quindi marker, clic e popup restano perfettamente allineati.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
top: 24px !important;
left: 16px !important;
width: 50px !important;
height: 50px !important;
border-width: 2px !important;
border-radius: 50% !important;
box-shadow:
0 0 0 2px rgba(11, 18, 29, .92),
0 4px 10px rgba(0, 0, 0, .44) !important;
}
/*
* L'immagine continua a riempire il cerchio
* in stile WhatsApp/Telegram.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 50% !important;
}
/*
* Anche l'eventuale immagine caricata come background
* mantiene lo stesso ritaglio circolare.
*/
.qrzcb-console-spot__avatar {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
/*
* Evita che hover o vecchie regole allarghino il cerchio.
*/
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
width: 50px !important;
height: 50px !important;
}
/*
* Smartphone: cerchio da 44 px.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
top: 24px !important;
left: 14px !important;
width: 44px !important;
height: 44px !important;
}
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
}
}
/* END QRZCB 2.0 - Slightly smaller spot circle */
/* BEGIN QRZCB 2.0 - HD spot avatar */
/*
* Obiettivo:
* - mantenere il cerchio piccolo
* - rendere la foto più nitida e definita
* - evitare l'effetto leggermente sfocato
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 50px !important;
height: 50px !important;
overflow: hidden !important;
border-radius: 50% !important;
border: 2px solid #ffffff !important;
background: #101722 !important;
box-shadow:
0 0 0 2px rgba(10, 16, 24, .92),
0 4px 10px rgba(0, 0, 0, .34) !important;
filter: none !important;
backdrop-filter: none !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
will-change: transform !important;
contain: paint !important;
}
/*
* Immagine interna del profilo:
* resa più definita e pulita.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
filter:
contrast(1.05)
saturate(1.04)
brightness(1.01) !important;
image-rendering: auto !important;
image-rendering: -webkit-optimize-contrast !important;
-ms-interpolation-mode: bicubic !important;
transform: translateZ(0) scale(1.001) !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Se l'immagine viene caricata come background CSS
* mantiene la stessa qualità e lo stesso ritaglio.
*/
.qrzcb-console-spot__avatar {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
/*
* Niente pseudo-elementi o glow che possano sporcare
* il bordo del cerchio.
*/
.qrzcb-v4-spot-marker__media::before,
.qrzcb-v4-spot-marker__media::after,
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
.qrzcb-v4-spot-marker__glow,
.qrzcb-console-spot__pulse {
display: none !important;
opacity: 0 !important;
animation: none !important;
filter: none !important;
}
/*
* Hover: niente ingrandimenti che sfocano.
*/
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 50px !important;
height: 50px !important;
filter: none !important;
transform: translateZ(0) !important;
}
/*
* Mobile leggermente più compatto.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
}
}
/* END QRZCB 2.0 - HD spot avatar */
/* BEGIN QRZCB 2.0 - Ultra HD spot avatar */
/*
* Resa più definita del cerchio immagine spot.
* Non cambia il marker generale:
* migliora solo la qualità percepita della foto.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 50px !important;
height: 50px !important;
overflow: hidden !important;
border-radius: 50% !important;
border: 2px solid #ffffff !important;
background: #101722 !important;
box-shadow:
0 0 0 2px rgba(10, 16, 24, .94),
0 4px 10px rgba(0, 0, 0, .30) !important;
filter: none !important;
backdrop-filter: none !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
contain: paint !important;
}
/*
* Se l'immagine è un vero ![]()
, la definiamo di più
* con un leggero zoom interno e correzione immagine.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
display: block !important;
width: 112% !important;
height: 112% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
left: -6% !important;
top: -6% !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
filter:
contrast(1.10)
saturate(1.10)
brightness(1.03)
drop-shadow(0 0 0 rgba(0,0,0,0)) !important;
image-rendering: auto !important;
image-rendering: -webkit-optimize-contrast !important;
-ms-interpolation-mode: bicubic !important;
transform: translateZ(0) scale(1.01) !important;
transform-origin: center center !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Se il sistema usa background-image invece di ![]()
.
*/
.qrzcb-console-spot__avatar {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 112% 112% !important;
}
/*
* Evita effetti che sporcano il bordo o danno impressione di sfocato.
*/
.qrzcb-v4-spot-marker__media::before,
.qrzcb-v4-spot-marker__media::after,
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
.qrzcb-v4-spot-marker__glow,
.qrzcb-console-spot__pulse {
display: none !important;
opacity: 0 !important;
animation: none !important;
filter: none !important;
}
/*
* Hover neutro: niente allargamenti che fanno perdere definizione.
*/
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 50px !important;
height: 50px !important;
transform: translateZ(0) !important;
filter: none !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__image,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar img {
width: 112% !important;
height: 112% !important;
left: -6% !important;
top: -6% !important;
}
/*
* Mobile.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
}
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
width: 114% !important;
height: 114% !important;
left: -7% !important;
top: -7% !important;
}
.qrzcb-console-spot__avatar {
background-size: 114% 114% !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__image,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar img {
width: 114% !important;
height: 114% !important;
left: -7% !important;
top: -7% !important;
}
}
/* END QRZCB 2.0 - Ultra HD spot avatar */
/* BEGIN QRZCB 2.0 - QTH flat house marker */
/*
* Marker QTH senza goccia:
* tessera bianca arrotondata con casetta nera.
*/
.qrzcb-profile-qth-icon,
.qrzcb-v4-qth-icon,
.qrzcb-qth-icon,
.qrzcb-home-icon {
overflow: visible !important;
border: 0 !important;
background: transparent !important;
}
.qrzcb-profile-qth-marker,
.qrzcb-v4-qth-marker,
.qrzcb-qth-marker,
.qrzcb-home-marker {
position: relative !important;
width: 78px !important;
height: 68px !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
transform-origin: 50% 85% !important;
filter: drop-shadow(0 5px 7px rgba(0,0,0,.36)) !important;
transition: transform .14s ease, filter .14s ease !important;
}
.qrzcb-profile-qth-marker:hover,
.qrzcb-v4-qth-marker:hover,
.qrzcb-qth-marker:hover,
.qrzcb-home-marker:hover {
transform: translateY(-2px) scale(1.04) !important;
filter: drop-shadow(0 8px 9px rgba(0,0,0,.42)) !important;
}
/*
* Nasconde completamente la vecchia forma a goccia.
*/
.qrzcb-profile-qth-pin,
.qrzcb-v4-qth-pin,
.qrzcb-qth-pin,
.qrzcb-home-pin {
display: none !important;
opacity: 0 !important;
fill: transparent !important;
stroke: transparent !important;
}
/*
* La casetta diventa una piastrella arrotondata.
*/
.qrzcb-profile-qth-svg,
.qrzcb-v4-qth-svg,
.qrzcb-qth-svg,
.qrzcb-home-svg {
position: absolute !important;
z-index: 3 !important;
top: 20px !important;
left: 19px !important;
width: 40px !important;
height: 40px !important;
padding: 7px !important;
overflow: visible !important;
background: #ffffff !important;
border: 2px solid #12151b !important;
border-radius: 12px !important;
box-shadow:
0 0 0 1px rgba(255,255,255,.22),
0 4px 10px rgba(0,0,0,.20) !important;
}
/*
* Disegno della casetta.
*/
.qrzcb-profile-qth-roof,
.qrzcb-v4-qth-roof,
.qrzcb-qth-roof,
.qrzcb-home-roof {
fill: none !important;
stroke: #111318 !important;
stroke-width: 3.1 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.qrzcb-profile-qth-home,
.qrzcb-v4-qth-home,
.qrzcb-qth-home,
.qrzcb-home-shape {
fill: #111318 !important;
}
.qrzcb-profile-qth-door,
.qrzcb-v4-qth-door,
.qrzcb-qth-door,
.qrzcb-home-door {
fill: none !important;
stroke: #ffffff !important;
stroke-width: 1.9 !important;
}
/*
* Etichetta sigla sopra il marker.
*/
.qrzcb-profile-qth-label,
.qrzcb-v4-qth-label,
.qrzcb-qth-label,
.qrzcb-home-label {
position: absolute !important;
z-index: 5 !important;
top: 0 !important;
left: 50% !important;
display: block !important;
min-width: max-content !important;
padding: 4px 7px !important;
border-radius: 4px !important;
background: rgba(23, 24, 28, .97) !important;
color: #ffffff !important;
box-shadow: 0 3px 8px rgba(0,0,0,.42) !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .015em !important;
white-space: nowrap !important;
transform: translateX(-50%) !important;
}
.qrzcb-profile-qth-label::after,
.qrzcb-v4-qth-label::after,
.qrzcb-qth-label::after,
.qrzcb-home-label::after {
content: "" !important;
position: absolute !important;
top: 100% !important;
left: 50% !important;
border-top: 5px solid rgba(23,24,28,.97) !important;
border-right: 4px solid transparent !important;
border-left: 4px solid transparent !important;
transform: translateX(-50%) !important;
}
/*
* Mini-mappa profilo: leggermente più compatto.
*/
.mini-map .qrzcb-profile-qth-marker,
[data-single-map] .qrzcb-profile-qth-marker,
.mini-map .qrzcb-v4-qth-marker,
[data-single-map] .qrzcb-v4-qth-marker {
transform: scale(.90) !important;
}
.mini-map .qrzcb-profile-qth-marker:hover,
[data-single-map] .qrzcb-profile-qth-marker:hover,
.mini-map .qrzcb-v4-qth-marker:hover,
[data-single-map] .qrzcb-v4-qth-marker:hover {
transform: translateY(-2px) scale(.94) !important;
}
/*
* Mobile.
*/
@media (max-width: 680px) {
.qrzcb-profile-qth-marker,
.qrzcb-v4-qth-marker,
.qrzcb-qth-marker,
.qrzcb-home-marker {
width: 72px !important;
height: 62px !important;
}
.qrzcb-profile-qth-svg,
.qrzcb-v4-qth-svg,
.qrzcb-qth-svg,
.qrzcb-home-svg {
top: 19px !important;
left: 18px !important;
width: 36px !important;
height: 36px !important;
padding: 6px !important;
border-radius: 11px !important;
}
.qrzcb-profile-qth-label,
.qrzcb-v4-qth-label,
.qrzcb-qth-label,
.qrzcb-home-label {
font-size: 10px !important;
padding: 3px 6px !important;
}
}
/* END QRZCB 2.0 - QTH flat house marker */
/* BEGIN QRZCB 2.0 - real flat QTH house */
.qrzcb-flat-qth-icon {
overflow: visible !important;
border: 0 !important;
background: transparent !important;
}
.qrzcb-flat-qth-marker {
position: relative;
width: 78px;
height: 68px;
overflow: visible;
background: transparent;
transform-origin: 50% 88%;
filter:
drop-shadow(
0 5px 6px rgba(0, 0, 0, .38)
);
transition:
transform .14s ease,
filter .14s ease;
}
.qrzcb-flat-qth-marker:hover {
transform:
translateY(-2px)
scale(1.05);
filter:
drop-shadow(
0 8px 8px rgba(0, 0, 0, .44)
);
}
/*
* Tessera bianca semplice: nessuna punta e nessuna goccia.
*/
.qrzcb-flat-qth-badge {
position: absolute;
z-index: 3;
top: 22px;
left: 20px;
display: grid;
place-items: center;
width: 38px;
height: 38px;
box-sizing: border-box;
border: 2px solid #111318;
border-radius: 10px;
background: #ffffff;
box-shadow:
0 0 0 1px rgba(255, 255, 255, .30),
0 4px 10px rgba(0, 0, 0, .24);
}
.qrzcb-flat-qth-house {
display: block;
width: 27px;
height: 27px;
overflow: visible;
}
.qrzcb-flat-qth-roof {
fill: none;
stroke: #111318;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}
.qrzcb-flat-qth-body {
fill: #111318;
stroke: none;
}
.qrzcb-flat-qth-door {
fill: none;
stroke: #ffffff;
stroke-width: 1.8;
}
.qrzcb-flat-qth-window {
fill: #ffffff;
stroke: none;
}
/*
* Sigla sopra la casetta.
*/
.qrzcb-flat-qth-label {
position: absolute;
z-index: 5;
top: 0;
left: 50%;
display: block;
min-width: max-content;
padding: 4px 7px;
border-radius: 4px;
background:
rgba(22, 23, 27, .97);
color: #ffffff;
box-shadow:
0 3px 8px rgba(0, 0, 0, .43);
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 11px;
font-weight: 900;
line-height: 1;
letter-spacing: .015em;
white-space: nowrap;
transform:
translateX(-50%);
}
.qrzcb-flat-qth-label::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top:
5px solid rgba(22, 23, 27, .97);
border-right:
4px solid transparent;
border-left:
4px solid transparent;
transform:
translateX(-50%);
}
/*
* Mini-mappa del profilo.
*/
.mini-map .qrzcb-flat-qth-marker,
[data-single-map] .qrzcb-flat-qth-marker {
transform:
scale(.86);
}
.mini-map .qrzcb-flat-qth-marker:hover,
[data-single-map] .qrzcb-flat-qth-marker:hover {
transform:
translateY(-2px)
scale(.91);
}
@media (max-width: 680px) {
.qrzcb-flat-qth-marker {
width: 72px;
height: 62px;
}
.qrzcb-flat-qth-badge {
top: 20px;
left: 18px;
width: 36px;
height: 36px;
border-radius: 9px;
}
.qrzcb-flat-qth-house {
width: 25px;
height: 25px;
}
.qrzcb-flat-qth-label {
padding: 3px 6px;
font-size: 10px;
}
}
/* END QRZCB 2.0 - real flat QTH house */
/* BEGIN QRZCB 2.0 - Balanced spot circle with QTH */
/*
* Cerchio spot più proporzionato alla tessera QTH:
* 44 px su computer e 40 px su smartphone.
*
* Il contenitore Leaflet non viene modificato:
* coordinate, punto di ancoraggio e popup restano invariati.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
position: absolute !important;
z-index: 4 !important;
top: 26px !important;
left: 19px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
overflow: hidden !important;
border: 2px solid #ffffff !important;
border-radius: 50% !important;
background-color: #101722 !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
box-shadow:
0 0 0 1px rgba(10, 16, 24, .94),
0 4px 8px rgba(0, 0, 0, .36) !important;
filter: none !important;
backdrop-filter: none !important;
transform: translateZ(0) !important;
transform-origin: center center !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Immagine profilo sempre centrata e circolare.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
position: static !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
filter:
contrast(1.08)
saturate(1.07)
brightness(1.02) !important;
image-rendering: auto !important;
-ms-interpolation-mode: bicubic !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Elimina effetti precedenti che potrebbero aumentare
* visivamente la dimensione dello spot.
*/
.qrzcb-v4-spot-marker__glow,
.qrzcb-console-spot__pulse {
display: none !important;
opacity: 0 !important;
animation: none !important;
}
.qrzcb-v4-spot-marker__media::before,
.qrzcb-v4-spot-marker__media::after,
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
/*
* Il passaggio del mouse non deve ingrandire il cerchio.
*/
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
top: 26px !important;
left: 19px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
transform: translateZ(0) !important;
filter: none !important;
}
/*
* Smartphone: cerchio da 40 px.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
top: 25px !important;
left: 16px !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
border-width: 2px !important;
box-shadow:
0 0 0 1px rgba(10, 16, 24, .94),
0 3px 7px rgba(0, 0, 0, .34) !important;
}
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
top: 25px !important;
left: 16px !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
}
/* END QRZCB 2.0 - Balanced spot circle with QTH */
/* BEGIN QRZCB 2.0 - Enhanced spot image definition */
/*
* Obiettivo:
* - mantenere invariata la dimensione dello spot
* - aumentare nitidezza e definizione percepita
* - valorizzare meglio il soggetto dentro il cerchio
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
overflow: hidden !important;
border-radius: 50% !important;
border: 2px solid #ffffff !important;
background-color: #101722 !important;
background-position: center center !important;
background-repeat: no-repeat !important;
/*
* Leggero zoom interno per usare meglio la parte centrale
* e dare più presenza al soggetto.
*/
background-size: 118% 118% !important;
box-shadow:
0 0 0 1px rgba(10, 16, 24, .96),
0 4px 8px rgba(0, 0, 0, .34) !important;
filter: none !important;
backdrop-filter: none !important;
image-rendering: auto !important;
image-rendering: -webkit-optimize-contrast !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
contain: paint !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Se lo spot usa una vera immagine ![]()
,
* la rendiamo più definita con un leggero zoom e filtri leggeri.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
display: block !important;
width: 118% !important;
height: 118% !important;
min-width: 118% !important;
min-height: 118% !important;
max-width: none !important;
max-height: none !important;
position: relative !important;
left: -9% !important;
top: -9% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
/*
* Leggero miglioramento resa visiva.
*/
filter:
contrast(1.14)
saturate(1.13)
brightness(1.03) !important;
image-rendering: auto !important;
image-rendering: -webkit-optimize-contrast !important;
-ms-interpolation-mode: bicubic !important;
transform: translateZ(0) scale(1.01) !important;
transform-origin: center center !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Elimina eventuali effetti che possono sporcare il cerchio.
*/
.qrzcb-v4-spot-marker__media::before,
.qrzcb-v4-spot-marker__media::after,
.qrzcb-console-spot__avatar::before,
.qrzcb-console-spot__avatar::after {
display: none !important;
content: none !important;
}
.qrzcb-v4-spot-marker__glow,
.qrzcb-console-spot__pulse {
display: none !important;
opacity: 0 !important;
animation: none !important;
filter: none !important;
}
/*
* Hover neutro: niente ingrandimenti che riducono la nitidezza.
*/
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
background-size: 118% 118% !important;
filter: none !important;
transform: translateZ(0) !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__image,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar img {
width: 118% !important;
height: 118% !important;
left: -9% !important;
top: -9% !important;
filter:
contrast(1.14)
saturate(1.13)
brightness(1.03) !important;
}
/*
* Smartphone: stesso approccio ma su 40 px.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
background-size: 120% 120% !important;
}
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
width: 120% !important;
height: 120% !important;
min-width: 120% !important;
min-height: 120% !important;
left: -10% !important;
top: -10% !important;
filter:
contrast(1.15)
saturate(1.14)
brightness(1.03) !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
background-size: 120% 120% !important;
}
.qrzcb-v4-spot-marker:hover .qrzcb-v4-spot-marker__image,
.qrzcb-console-spot:hover .qrzcb-console-spot__avatar img {
width: 120% !important;
height: 120% !important;
left: -10% !important;
top: -10% !important;
}
}
/* END QRZCB 2.0 - Enhanced spot image definition */
/* BEGIN QRZCB 2.0 - Smaller balanced spot circle V2 */
/*
* Ulteriore riduzione del cerchio immagine spot:
*
* Desktop: 40 px
* Smartphone: 36 px
*
* L'immagine mantiene i filtri di definizione e lo zoom
* interno già configurati dalle modifiche precedenti.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
position: absolute !important;
z-index: 4 !important;
top: 28px !important;
left: 21px !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
overflow: hidden !important;
border: 2px solid #ffffff !important;
border-radius: 50% !important;
background-position: center center !important;
background-repeat: no-repeat !important;
box-shadow:
0 0 0 1px rgba(10, 16, 24, .96),
0 3px 7px rgba(0, 0, 0, .34) !important;
transform: translateZ(0) !important;
transform-origin: center center !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* L'immagine resta circolare, centrata e definita.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
object-fit: cover !important;
object-position: center center !important;
border-radius: 50% !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Hover senza variazioni di dimensione.
*/
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
top: 28px !important;
left: 21px !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
transform: translateZ(0) !important;
}
/*
* Smartphone: 36 px.
*/
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
top: 27px !important;
left: 18px !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
border-width: 2px !important;
box-shadow:
0 0 0 1px rgba(10, 16, 24, .96),
0 3px 6px rgba(0, 0, 0, .32) !important;
}
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
top: 27px !important;
left: 18px !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
}
/* END QRZCB 2.0 - Smaller balanced spot circle V2 */
/* BEGIN QRZCB 2.0 - True HD spot source */
/*
* La nitidezza ora proviene dalla miniatura 240 × 240 generata
* sul server. Non servono più zoom CSS eccessivi, che possono
* produrre sfocatura all'interno del cerchio da 40 px.
*/
.qrzcb-v4-spot-marker__image,
.qrzcb-console-spot__avatar img {
position: static !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
left: auto !important;
top: auto !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
/*
* Correzione minima: il dettaglio è già presente nel PNG HD.
*/
filter:
contrast(1.04)
saturate(1.05)
brightness(1.01) !important;
image-rendering: auto !important;
-ms-interpolation-mode: bicubic !important;
transform: none !important;
backface-visibility: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
/*
* Compatibilità con marker caricati tramite background-image.
*/
.qrzcb-console-spot__avatar {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
image-rendering: auto !important;
}
/*
* Il cerchio resta esattamente delle dimensioni approvate.
*/
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
@media (max-width: 680px) {
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot__avatar {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-spot-marker__media,
.qrzcb-console-spot:hover
.qrzcb-console-spot__avatar {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
}
/* END QRZCB 2.0 - True HD spot source */
/* BEGIN QRZCB 2.0 - Amber active spot callsign label */
/*
* L'etichetta dello spot viene distinta dal QTH:
*
* QTH = nero con testo bianco
* Spot = ambra con testo quasi nero
*
* Forma, dimensione e posizione restano invariate.
*/
.qrzcb-v4-marker-label--spot,
.qrzcb-console-label--spot {
border:
1px solid rgba(17, 24, 39, .88) !important;
background:
linear-gradient(
180deg,
#fbbf24 0%,
#f59e0b 100%
) !important;
color:
#111318 !important;
box-shadow:
0 3px 8px rgba(0, 0, 0, .42),
0 0 0 1px rgba(255, 255, 255, .20) inset !important;
text-shadow:
0 1px 0 rgba(255, 255, 255, .28) !important;
font-weight:
950 !important;
opacity:
1 !important;
}
/*
* Triangolino sotto l'etichetta dello stesso colore ambra.
*/
.qrzcb-v4-marker-label--spot::after,
.qrzcb-console-label--spot::after {
border-top-color:
#f59e0b !important;
border-right-color:
transparent !important;
border-left-color:
transparent !important;
}
/*
* Leggero effetto quando il puntatore passa sullo spot.
*/
.qrzcb-v4-spot-marker:hover
.qrzcb-v4-marker-label--spot,
.qrzcb-console-spot:hover
.qrzcb-console-label--spot {
background:
linear-gradient(
180deg,
#fcd34d 0%,
#f59e0b 100%
) !important;
color:
#080b10 !important;
box-shadow:
0 4px 10px rgba(0, 0, 0, .46),
0 0 10px rgba(245, 158, 11, .26) !important;
}
/*
* Su smartphone mantiene piena leggibilità.
*/
@media (max-width: 680px) {
.qrzcb-v4-marker-label--spot,
.qrzcb-console-label--spot {
padding:
3px 6px !important;
font-size:
10px !important;
}
}
/* END QRZCB 2.0 - Amber active spot callsign label */
/* BEGIN QRZCB 2.0 - permanent user deletion UI */
.qrzcb-delete-warning {
display: flex;
align-items: flex-start;
gap: 14px;
margin: 0 0 18px;
padding: 14px 16px;
border: 1px solid rgba(248,113,113,.34);
border-radius: 16px;
background: rgba(127,29,29,.16);
color: #fecaca;
}
.qrzcb-delete-warning strong {
white-space: nowrap;
color: #ffffff;
}
.qrzcb-delete-warning span {
color: #fbcaca;
font-size: 13px;
line-height: 1.5;
}
.qrzcb-user-manage-actions {
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
}
.qrzcb-user-manage-actions form {
margin: 0;
}
.qrzcb-delete-user-form {
display: flex;
align-items: center;
}
.qrzcb-delete-user-btn {
min-height: 40px;
padding: 9px 12px;
font-size: 12px;
white-space: nowrap;
}
@media (max-width: 760px) {
.qrzcb-delete-warning {
flex-direction: column;
}
.qrzcb-delete-warning strong {
white-space: normal;
}
.qrzcb-user-manage-actions {
flex-direction: column;
align-items: stretch;
}
.qrzcb-user-manage-actions form,
.qrzcb-delete-user-btn {
width: 100%;
}
}
/* END QRZCB 2.0 - permanent user deletion UI */
/* BEGIN QRZCLUSTERCB 2.0 - eQSL Studio */
.eqsl-studio-layout {
display: grid;
grid-template-columns:
minmax(360px, .82fr)
minmax(540px, 1.18fr);
gap: 22px;
align-items: start;
margin-bottom: 28px;
}
.eqsl-model-panel,
.eqsl-compose-panel {
overflow: visible;
}
.eqsl-studio-empty {
display: flex;
flex-direction: column;
gap: 6px;
margin: 18px;
padding: 18px;
border: 1px dashed rgba(34,211,238,.32);
border-radius: 16px;
background: rgba(34,211,238,.05);
color: var(--muted);
}
.eqsl-studio-empty strong {
color: #fff;
}
.eqsl-template-grid {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 16px;
}
.eqsl-template-card {
overflow: hidden;
border: 1px solid var(--line);
border-radius: 16px;
background: rgba(2,6,23,.65);
}
.eqsl-template-card.is-default {
border-color: rgba(34,197,94,.52);
box-shadow:
0 0 0 1px rgba(34,197,94,.12),
0 18px 45px rgba(0,0,0,.24);
}
.eqsl-template-card > img {
display: block;
width: 100%;
aspect-ratio: 1600 / 1013;
object-fit: cover;
background: #07101a;
}
.eqsl-template-card__body {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 12px;
}
.eqsl-template-card__body strong,
.eqsl-template-card__body small {
display: block;
}
.eqsl-template-card__body small {
margin-top: 3px;
color: var(--muted);
font-size: 11px;
}
.eqsl-template-card__actions {
display: flex;
gap: 7px;
flex-wrap: wrap;
padding: 0 12px 12px;
}
.eqsl-template-card__actions form {
margin: 0;
}
.eqsl-template-card__actions .btn {
min-height: 36px;
padding: 7px 10px;
font-size: 11px;
}
.eqsl-template-creator {
padding: 18px;
border-top: 1px solid var(--line);
}
.eqsl-template-creator h3 {
margin: 3px 0 4px;
}
.eqsl-template-creator p {
margin: 0 0 15px;
color: var(--muted);
font-size: 13px;
}
.eqsl-model-preview {
position: relative;
display: grid;
place-items: center;
overflow: hidden;
width: 100%;
aspect-ratio: 1600 / 1013;
margin: 0 0 16px;
border: 1px solid rgba(34,211,238,.25);
border-radius: 18px;
background:
radial-gradient(
circle at 75% 15%,
rgba(34,211,238,.18),
transparent 38%
),
#07101a;
}
.eqsl-model-preview > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.eqsl-model-preview > div {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 5px;
text-align: center;
color: var(--muted);
}
.eqsl-model-preview > div span {
color: var(--cyan);
font-size: 10px;
font-weight: 900;
letter-spacing: .14em;
}
.eqsl-model-preview > div strong {
color: #fff;
}
.eqsl-upload-status,
.eqsl-send-note {
color: var(--muted);
font-size: 12px;
}
.eqsl-preview-shell {
padding: 18px;
}
.eqsl-live-card {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 1600 / 1013;
border: 1px solid rgba(34,211,238,.30);
border-radius: 20px;
background:
radial-gradient(
circle at 80% 10%,
rgba(34,211,238,.15),
transparent 38%
),
#07101a;
box-shadow:
0 20px 60px rgba(0,0,0,.38);
}
.eqsl-live-card > img {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #07101a;
}
.eqsl-live-placeholder {
position: absolute;
inset: 0;
z-index: 2;
display: grid;
place-content: center;
gap: 4px;
padding: 20px;
text-align: center;
color: var(--muted);
}
.eqsl-live-placeholder strong {
color: #fff;
}
.eqsl-live-brand {
position: absolute;
z-index: 4;
top: 4%;
left: 3%;
padding: .55em .8em;
border: 1px solid rgba(94,234,212,.45);
border-radius: 10px;
background: rgba(2,6,23,.82);
color: #fff;
font-size: clamp(8px, 1vw, 14px);
font-weight: 900;
letter-spacing: .06em;
}
.eqsl-live-overlay {
position: absolute;
z-index: 3;
display: grid;
gap: 16px;
padding: clamp(15px, 2.3vw, 28px);
border: 1px solid rgba(148,163,184,.28);
border-radius: 18px;
background: rgba(2,6,23,.80);
backdrop-filter: blur(8px);
color: #fff;
}
.eqsl-live-card.overlay-bottom
.eqsl-live-overlay {
left: 3%;
right: 3%;
bottom: 4%;
grid-template-columns:
minmax(0, 1.15fr)
minmax(260px, .85fr);
}
.eqsl-live-card.overlay-top
.eqsl-live-overlay {
left: 3%;
right: 3%;
top: 15%;
grid-template-columns:
minmax(0, 1.15fr)
minmax(260px, .85fr);
}
.eqsl-live-card.overlay-left
.eqsl-live-overlay {
top: 4%;
bottom: 4%;
left: 3%;
width: 45%;
align-content: center;
}
.eqsl-live-card.overlay-right
.eqsl-live-overlay {
top: 4%;
right: 3%;
bottom: 4%;
width: 45%;
align-content: center;
}
.eqsl-live-primary {
min-width: 0;
}
.eqsl-live-primary small {
display: block;
color: #5eead4;
font-size: clamp(8px, .9vw, 13px);
font-weight: 900;
letter-spacing: .12em;
}
.eqsl-live-primary > strong {
display: block;
overflow: hidden;
color: #fff;
font-size: clamp(22px, 4.2vw, 58px);
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-live-primary > span {
display: block;
margin-top: .35em;
color: #fbbf24;
font-size: clamp(12px, 1.7vw, 25px);
font-weight: 900;
}
.eqsl-live-data {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 9px 15px;
margin: 0;
}
.eqsl-live-data dt {
color: #94a3b8;
font-size: clamp(7px, .7vw, 10px);
font-weight: 900;
letter-spacing: .08em;
}
.eqsl-live-data dd {
overflow: hidden;
margin: 1px 0 0;
color: #fff;
font-size: clamp(9px, 1vw, 14px);
font-weight: 800;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-live-message {
grid-column: 1 / -1;
overflow: hidden;
color: #fff;
font-size: clamp(10px, 1.25vw, 18px);
font-weight: 850;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-compose-panel > form {
padding: 0 18px 20px;
}
.eqsl-no-template {
margin: 0 18px 18px;
}
.eqsl-card img {
aspect-ratio: 1600 / 1013;
}
@media (max-width: 1120px) {
.eqsl-studio-layout {
grid-template-columns: 1fr;
}
.eqsl-model-panel,
.eqsl-compose-panel {
overflow: hidden;
}
}
@media (max-width: 680px) {
.eqsl-template-grid {
grid-template-columns: 1fr;
}
.eqsl-live-card.overlay-bottom
.eqsl-live-overlay,
.eqsl-live-card.overlay-top
.eqsl-live-overlay {
grid-template-columns: 1fr;
gap: 8px;
}
.eqsl-live-card.overlay-left
.eqsl-live-overlay,
.eqsl-live-card.overlay-right
.eqsl-live-overlay {
top: 3%;
right: 3%;
bottom: 3%;
left: 3%;
width: auto;
}
.eqsl-live-data {
gap: 5px 10px;
}
.eqsl-live-message {
display: none;
}
}
/* END QRZCLUSTERCB 2.0 - eQSL Studio */
/* BEGIN QRZCLUSTERCB 2.0 - eQSL premium data deck */
.eqsl-live-card {
aspect-ratio: 5 / 4 !important;
background: #030812 !important;
}
.eqsl-live-card > img {
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
width: 100% !important;
height: 70.3125% !important;
object-position: center center !important;
border-radius: 0 !important;
}
.eqsl-live-placeholder {
top: 0 !important;
right: 0 !important;
bottom: 29.6875% !important;
left: 0 !important;
}
.eqsl-live-placeholder[hidden],
.eqsl-model-preview [hidden],
.eqsl-live-card > img[hidden] {
display: none !important;
}
.eqsl-live-brand {
display: none !important;
}
.eqsl-live-overlay,
.eqsl-live-card.overlay-bottom .eqsl-live-overlay,
.eqsl-live-card.overlay-top .eqsl-live-overlay,
.eqsl-live-card.overlay-left .eqsl-live-overlay,
.eqsl-live-card.overlay-right .eqsl-live-overlay,
.eqsl-live-card.overlay-external .eqsl-live-overlay {
position: absolute !important;
top: 71.71875% !important;
right: 1.25% !important;
bottom: 5.9375% !important;
left: 1.25% !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
display: block !important;
padding: 0 !important;
overflow: hidden !important;
border: 1px solid rgba(94,234,212,.40) !important;
border-radius: clamp(7px, 1vw, 15px) !important;
background: rgba(2,8,18,.98) !important;
backdrop-filter: none !important;
color: #fff !important;
}
.eqsl-band-row {
display: grid;
min-width: 0;
box-sizing: border-box;
}
.eqsl-band-row-top {
grid-template-columns:
330fr 210fr 150fr 230fr 130fr 130fr 390fr;
height: 48.25%;
border-bottom: 1px solid rgba(148,163,184,.28);
}
.eqsl-band-row-bottom {
grid-template-columns:
330fr 230fr 450fr 550fr;
height: 51.75%;
}
.eqsl-band-cell {
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(1px, .12vw, 2px);
padding:
clamp(3px, .42vw, 7px)
clamp(5px, .62vw, 10px);
overflow: hidden;
border-right: 1px solid rgba(148,163,184,.27);
box-sizing: border-box;
}
.eqsl-band-row .eqsl-band-cell:last-child {
border-right: 0;
}
.eqsl-band-cell small {
display: block;
flex: none;
overflow: hidden;
color: #5eead4;
font-size: clamp(5px, .48vw, 9px);
font-weight: 950;
line-height: 1.05;
letter-spacing: .045em;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.eqsl-band-cell > strong {
display: block;
flex: none;
min-width: 0;
overflow: hidden;
color: #fff;
font-size: clamp(7px, .76vw, 14px);
font-weight: 900;
line-height: 1.12;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-band-recipient > strong,
.eqsl-band-sender > strong {
font-size: clamp(10px, 1.36vw, 25px);
line-height: 1.05;
}
.eqsl-band-cell > span {
display: block;
flex: none;
min-width: 0;
overflow: hidden;
color: #a8b8ca;
font-size: clamp(5px, .50vw, 9px);
font-weight: 750;
line-height: 1.05;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-band-recipient > span,
.eqsl-band-sender > span {
color: #5eead4;
}
.eqsl-band-system > strong {
font-size: clamp(7px, .82vw, 15px);
}
.eqsl-band-message > strong {
display: -webkit-box;
flex: none;
overflow: hidden;
font-size: clamp(6px, .66vw, 12px);
line-height: 1.18;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.eqsl-live-footer {
position: absolute;
z-index: 4;
right: 1.25%;
bottom: .78125%;
left: 1.25%;
height: 4.84375%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 0 clamp(7px, 1vw, 15px);
overflow: hidden;
border: 1px solid rgba(148,163,184,.34);
border-radius: clamp(6px, .75vw, 12px);
background: rgba(2,8,18,.98);
box-sizing: border-box;
}
.eqsl-live-footer span {
overflow: hidden;
color: #cbd5e1;
font-size: clamp(5px, .52vw, 9px);
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.eqsl-live-footer b {
flex: none;
padding: clamp(2px, .22vw, 4px) clamp(5px, .52vw, 9px);
border: 1px solid rgba(94,234,212,.40);
border-radius: 999px;
color: #5eead4;
font-size: clamp(5px, .50vw, 9px);
line-height: 1;
letter-spacing: .05em;
}
.eqsl-template-card > img,
.eqsl-model-preview {
aspect-ratio: 16 / 9 !important;
}
.eqsl-card img {
aspect-ratio: 5 / 4 !important;
object-fit: contain !important;
}
@media (max-width: 680px) {
.eqsl-band-cell {
gap: 1px;
padding: 2px 3px;
}
.eqsl-band-cell small {
letter-spacing: 0;
}
.eqsl-band-recipient > span,
.eqsl-band-sender > span,
.eqsl-band-system > span {
display: none;
}
.eqsl-band-row-top {
grid-template-columns:
310fr 205fr 145fr 220fr 125fr 125fr 370fr;
}
.eqsl-band-row-bottom {
grid-template-columns:
320fr 220fr 430fr 560fr;
}
.eqsl-live-footer span {
max-width: 76%;
}
}
/* END QRZCLUSTERCB 2.0 - eQSL premium data deck */
/* BEGIN QRZCB 2.0 - Premium map levels panel */
.qrzcb-levels-premium-host {
background: transparent !important;
}
.qrzcb-levels-premium {
width:
min(420px, calc(100vw - 28px))
!important;
height:
auto !important;
max-height:
calc(100vh - 104px)
!important;
padding:
0 !important;
border:
1px solid rgba(148, 163, 184, .24)
!important;
border-radius:
24px !important;
background:
linear-gradient(
180deg,
rgba(7, 17, 29, .985),
rgba(2, 10, 18, .985)
)
!important;
color:
#f8fafc !important;
box-shadow:
0 28px 80px rgba(0, 0, 0, .56),
0 0 0 1px rgba(255, 255, 255, .025) inset
!important;
overflow:
hidden !important;
backdrop-filter:
blur(18px) saturate(1.12)
!important;
-webkit-backdrop-filter:
blur(18px) saturate(1.12)
!important;
}
.qrzcb-levels-premium,
.qrzcb-levels-premium * {
box-sizing:
border-box;
}
.qrzcb-levels-premium__shell {
display:
flex;
flex-direction:
column;
width:
100%;
max-height:
inherit;
}
.qrzcb-levels-premium__header {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
16px;
min-height:
70px;
padding:
13px 16px 13px 18px;
border-bottom:
1px solid rgba(148, 163, 184, .20);
background:
linear-gradient(
180deg,
rgba(11, 24, 39, .98),
rgba(5, 15, 26, .98)
);
}
.qrzcb-levels-premium__heading {
display:
flex;
align-items:
center;
gap:
13px;
min-width:
0;
}
.qrzcb-levels-premium__heading strong {
color:
#ffffff;
font-size:
18px;
font-weight:
950;
line-height:
1;
letter-spacing:
.025em;
white-space:
nowrap;
}
.qrzcb-levels-premium__heading-icon {
display:
grid;
place-items:
center;
width:
44px;
height:
44px;
flex:
0 0 44px;
border:
1px solid rgba(132, 204, 22, .50);
border-radius:
15px;
background:
linear-gradient(
145deg,
rgba(77, 124, 15, .96),
rgba(37, 74, 7, .96)
);
color:
#ffffff;
box-shadow:
0 8px 24px rgba(77, 124, 15, .28);
}
.qrzcb-levels-premium__heading-icon svg {
width:
24px;
height:
24px;
fill:
none;
stroke:
currentColor;
stroke-width:
1.8;
stroke-linecap:
round;
stroke-linejoin:
round;
}
.qrzcb-levels-premium__close {
display:
grid !important;
place-items:
center !important;
width:
38px !important;
height:
38px !important;
min-width:
38px !important;
min-height:
38px !important;
padding:
0 !important;
border:
1px solid rgba(148, 163, 184, .14)
!important;
border-radius:
50% !important;
background:
rgba(148, 163, 184, .10)
!important;
color:
#cbd5e1 !important;
font-size:
0 !important;
line-height:
1 !important;
transition:
background .16s ease,
color .16s ease,
transform .16s ease
!important;
}
.qrzcb-levels-premium__close:hover {
background:
rgba(248, 113, 113, .16)
!important;
color:
#ffffff !important;
transform:
rotate(5deg);
}
.qrzcb-levels-premium__close svg {
width:
19px;
height:
19px;
fill:
none;
stroke:
currentColor;
stroke-width:
2;
stroke-linecap:
round;
}
.qrzcb-levels-premium__body {
min-height:
0;
padding:
15px 16px 16px;
overflow-y:
auto;
scrollbar-width:
thin;
scrollbar-color:
rgba(132, 204, 22, .52)
transparent;
}
.qrzcb-levels-premium__body::-webkit-scrollbar {
width:
7px;
}
.qrzcb-levels-premium__body::-webkit-scrollbar-track {
background:
transparent;
}
.qrzcb-levels-premium__body::-webkit-scrollbar-thumb {
border-radius:
999px;
background:
rgba(132, 204, 22, .48);
}
.qrzcb-levels-premium__section {
margin:
0;
padding:
0;
}
.qrzcb-levels-premium__section
+ .qrzcb-levels-premium__section {
margin-top:
13px;
padding-top:
13px;
border-top:
1px solid rgba(148, 163, 184, .19);
}
.qrzcb-levels-premium__section-head {
margin:
0 0 11px;
}
.qrzcb-levels-premium__section-head strong {
display:
block;
color:
#9ee52c;
font-size:
14px;
font-weight:
950;
line-height:
1.15;
letter-spacing:
.025em;
}
.qrzcb-levels-premium__section-head small {
display:
block;
margin-top:
4px;
color:
#aab7c7;
font-size:
11.5px;
line-height:
1.35;
}
.qrzcb-levels-premium__base-grid {
display:
grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
9px;
}
.qrzcb-levels-premium__base-card {
position:
relative;
display:
flex !important;
flex-direction:
column !important;
align-items:
center !important;
justify-content:
flex-start !important;
gap:
4px !important;
min-width:
0;
min-height:
128px;
padding:
11px 7px 10px !important;
border:
1px solid rgba(148, 163, 184, .24)
!important;
border-radius:
16px !important;
background:
linear-gradient(
180deg,
rgba(17, 29, 45, .88),
rgba(7, 16, 27, .92)
)
!important;
color:
#e5edf7 !important;
text-align:
center;
cursor:
pointer;
overflow:
hidden;
transition:
border-color .16s ease,
background .16s ease,
box-shadow .16s ease,
transform .16s ease;
}
.qrzcb-levels-premium__base-card:hover {
border-color:
rgba(132, 204, 22, .50)
!important;
transform:
translateY(-1px);
}
.qrzcb-levels-premium__base-card.is-active {
border-color:
#84cc16 !important;
background:
linear-gradient(
180deg,
rgba(51, 83, 15, .47),
rgba(18, 35, 12, .72)
)
!important;
box-shadow:
0 0 0 1px rgba(132, 204, 22, .14) inset,
0 10px 28px rgba(77, 124, 15, .18);
}
.qrzcb-levels-premium__base-card:focus-within {
outline:
2px solid rgba(163, 230, 53, .75);
outline-offset:
2px;
}
.qrzcb-levels-premium__radio {
position:
absolute !important;
width:
1px !important;
height:
1px !important;
margin:
0 !important;
padding:
0 !important;
opacity:
0 !important;
pointer-events:
none;
}
.qrzcb-levels-premium__base-icon {
display:
grid;
place-items:
center;
width:
60px;
height:
49px;
margin-bottom:
2px;
}
.qrzcb-levels-premium__base-icon svg {
display:
block;
width:
60px;
height:
46px;
}
.qrzcb-levels-premium__base-icon .sky {
fill:
transparent;
}
.qrzcb-levels-premium__base-icon .tree {
fill:
#22c55e;
}
.qrzcb-levels-premium__base-icon .trunk {
fill:
#7c4a24;
}
.qrzcb-levels-premium__base-icon .road {
fill:
#475569;
}
.qrzcb-levels-premium__base-icon .road-line {
fill:
none;
stroke:
#f8fafc;
stroke-width:
2;
stroke-linecap:
round;
}
.qrzcb-levels-premium__base-icon .mountain-back {
fill:
#64748b;
}
.qrzcb-levels-premium__base-icon .mountain-front {
fill:
#94a3b8;
}
.qrzcb-levels-premium__base-icon .snow {
fill:
#f8fafc;
}
.qrzcb-levels-premium__base-icon .grass {
fill:
none;
stroke:
#4ade80;
stroke-width:
3;
}
.qrzcb-levels-premium__base-icon .sat-body {
fill:
#e2e8f0;
stroke:
#64748b;
stroke-width:
1;
}
.qrzcb-levels-premium__base-icon .sat-panel {
fill:
#94a3b8;
stroke:
#e2e8f0;
stroke-width:
1;
}
.qrzcb-levels-premium__base-icon .sat-arm,
.qrzcb-levels-premium__base-icon .sat-signal {
fill:
none;
stroke:
#e2e8f0;
stroke-width:
1.7;
stroke-linecap:
round;
}
.qrzcb-levels-premium__base-icon .sat-orbit {
fill:
none;
stroke:
#a3e635;
stroke-width:
1.5;
}
.qrzcb-levels-premium__base-title {
display:
block;
max-width:
100%;
color:
#ffffff;
font-size:
12px;
font-weight:
900;
line-height:
1.15;
}
.qrzcb-levels-premium__base-description {
display:
block;
max-width:
100%;
color:
#8fa1b6;
font-size:
9.5px;
line-height:
1.2;
}
.qrzcb-levels-premium__radio-dot {
display:
block;
width:
17px;
height:
17px;
margin-top:
auto;
border:
2px solid #b6c3d3;
border-radius:
50%;
background:
transparent;
box-shadow:
0 0 0 3px transparent;
transition:
border-color .16s ease,
background .16s ease,
box-shadow .16s ease;
}
.qrzcb-levels-premium__base-card.is-active
.qrzcb-levels-premium__radio-dot {
border-color:
#ffffff;
background:
#84cc16;
box-shadow:
0 0 0 3px rgba(132, 204, 22, .18);
}
.qrzcb-levels-premium__switch-row {
display:
grid !important;
grid-template-columns:
48px minmax(0, 1fr) auto;
align-items:
center !important;
gap:
11px !important;
min-height:
65px;
margin:
0 !important;
padding:
9px 10px !important;
border:
1px solid rgba(148, 163, 184, .22)
!important;
border-radius:
15px !important;
background:
linear-gradient(
180deg,
rgba(17, 29, 45, .82),
rgba(7, 16, 27, .88)
)
!important;
color:
#ffffff !important;
cursor:
pointer;
}
.qrzcb-levels-premium__switch-row:hover {
border-color:
rgba(132, 204, 22, .40)
!important;
}
.qrzcb-levels-premium__switch-icon {
display:
grid;
place-items:
center;
width:
43px;
height:
43px;
border-radius:
14px;
color:
#ffffff;
}
.qrzcb-levels-premium__switch-row--qth
.qrzcb-levels-premium__switch-icon {
background:
linear-gradient(
145deg,
#4d7c0f,
#365314
);
box-shadow:
0 8px 22px rgba(77, 124, 15, .20);
}
.qrzcb-levels-premium__switch-row--spot
.qrzcb-levels-premium__switch-icon {
background:
linear-gradient(
145deg,
#7c3aed,
#4c1d95
);
box-shadow:
0 8px 22px rgba(124, 58, 237, .22);
}
.qrzcb-levels-premium__switch-icon svg {
width:
23px;
height:
23px;
fill:
none;
stroke:
currentColor;
stroke-width:
1.9;
stroke-linecap:
round;
stroke-linejoin:
round;
}
.qrzcb-levels-premium__switch-copy {
display:
block;
min-width:
0;
}
.qrzcb-levels-premium__switch-copy strong {
display:
block;
color:
#ffffff;
font-size:
13px;
font-weight:
900;
line-height:
1.2;
}
.qrzcb-levels-premium__switch-copy small {
display:
block;
margin-top:
3px;
color:
#a7b5c6;
font-size:
10.5px;
line-height:
1.25;
}
.qrzcb-levels-premium__switch-control {
position:
relative;
display:
block;
width:
52px;
height:
30px;
}
.qrzcb-levels-premium__switch-input {
position:
absolute !important;
width:
1px !important;
height:
1px !important;
margin:
0 !important;
padding:
0 !important;
opacity:
0 !important;
}
.qrzcb-levels-premium__switch-track {
position:
absolute;
inset:
0;
display:
block;
border:
1px solid rgba(148, 163, 184, .34);
border-radius:
999px;
background:
#273448;
transition:
background .16s ease,
border-color .16s ease,
box-shadow .16s ease;
}
.qrzcb-levels-premium__switch-knob {
position:
absolute;
top:
3px;
left:
3px;
display:
block;
width:
22px;
height:
22px;
border-radius:
50%;
background:
#ffffff;
box-shadow:
0 3px 9px rgba(0, 0, 0, .35);
transition:
transform .18s ease;
}
.qrzcb-levels-premium__switch-input:checked
+ .qrzcb-levels-premium__switch-track {
border-color:
#84cc16;
background:
linear-gradient(
90deg,
#65a30d,
#84cc16
);
box-shadow:
0 0 18px rgba(132, 204, 22, .18);
}
.qrzcb-levels-premium__switch-input:checked
+ .qrzcb-levels-premium__switch-track
.qrzcb-levels-premium__switch-knob {
transform:
translateX(22px);
}
.qrzcb-levels-premium__switch-row:focus-within {
outline:
2px solid rgba(163, 230, 53, .68);
outline-offset:
2px;
}
.qrzcb-levels-premium__legend {
overflow:
hidden;
border:
1px solid rgba(148, 163, 184, .22);
border-radius:
15px;
background:
linear-gradient(
180deg,
rgba(17, 29, 45, .72),
rgba(7, 16, 27, .78)
);
}
.qrzcb-levels-premium__legend-row {
display:
grid;
grid-template-columns:
43px minmax(0, 1fr);
align-items:
center;
gap:
10px;
min-height:
59px;
padding:
8px 11px;
}
.qrzcb-levels-premium__legend-row
+ .qrzcb-levels-premium__legend-row {
border-top:
1px solid rgba(148, 163, 184, .18);
}
.qrzcb-levels-premium__legend-row strong {
display:
block;
color:
#ffffff;
font-size:
12px;
font-weight:
900;
line-height:
1.2;
}
.qrzcb-levels-premium__legend-row small {
display:
block;
margin-top:
3px;
color:
#9dadbf;
font-size:
10px;
line-height:
1.25;
}
.qrzcb-levels-premium__legend-icon {
display:
grid;
place-items:
center;
width:
38px;
height:
38px;
border-radius:
50%;
}
.qrzcb-levels-premium__legend-icon--house {
border:
2px solid #e2e8f0;
color:
#ffffff;
}
.qrzcb-levels-premium__legend-icon--house svg {
width:
22px;
height:
22px;
fill:
none;
stroke:
currentColor;
stroke-width:
1.8;
stroke-linecap:
round;
stroke-linejoin:
round;
}
.qrzcb-levels-premium__legend-icon--spot {
background:
linear-gradient(
145deg,
#7c3aed,
#4c1d95
);
box-shadow:
0 7px 18px rgba(124, 58, 237, .22);
}
.qrzcb-levels-premium__legend-icon--spot i {
display:
block;
width:
8px;
height:
8px;
border-radius:
50%;
background:
#ffffff;
}
.qrzcb-levels-premium__advanced {
margin-top:
13px;
border:
1px solid rgba(148, 163, 184, .22);
border-radius:
14px;
background:
linear-gradient(
180deg,
rgba(17, 29, 45, .72),
rgba(7, 16, 27, .78)
);
}
.qrzcb-levels-premium__advanced summary {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
12px;
min-height:
46px;
padding:
9px 12px;
color:
#f8fafc;
cursor:
pointer;
list-style:
none;
font-size:
12px;
font-weight:
850;
}
.qrzcb-levels-premium__advanced summary::-webkit-details-marker {
display:
none;
}
.qrzcb-levels-premium__advanced summary > span {
display:
flex;
align-items:
center;
gap:
9px;
}
.qrzcb-levels-premium__advanced-icon,
.qrzcb-levels-premium__advanced-arrow {
display:
grid;
place-items:
center;
}
.qrzcb-levels-premium__advanced-icon svg {
width:
18px;
height:
18px;
fill:
none;
stroke:
currentColor;
stroke-width:
1.7;
stroke-linecap:
round;
stroke-linejoin:
round;
}
.qrzcb-levels-premium__advanced-arrow {
transition:
transform .16s ease;
}
.qrzcb-levels-premium__advanced-arrow svg {
width:
18px;
height:
18px;
fill:
none;
stroke:
currentColor;
stroke-width:
2;
stroke-linecap:
round;
stroke-linejoin:
round;
}
.qrzcb-levels-premium__advanced[open]
.qrzcb-levels-premium__advanced-arrow {
transform:
rotate(90deg);
}
.qrzcb-levels-premium__advanced-content {
padding:
0 12px 11px;
color:
#9dadbf;
font-size:
10.5px;
line-height:
1.35;
}
.qrzcb-levels-premium__advanced-content p {
margin:
5px 0 0;
}
@media (max-width: 700px) {
.qrzcb-levels-premium {
width:
calc(100vw - 20px)
!important;
max-height:
calc(100vh - 92px)
!important;
border-radius:
20px !important;
}
.qrzcb-levels-premium__header {
min-height:
62px;
padding:
10px 12px 10px 14px;
}
.qrzcb-levels-premium__heading-icon {
width:
39px;
height:
39px;
flex-basis:
39px;
border-radius:
13px;
}
.qrzcb-levels-premium__heading strong {
font-size:
16px;
}
.qrzcb-levels-premium__body {
padding:
13px;
}
.qrzcb-levels-premium__base-grid {
gap:
7px;
}
.qrzcb-levels-premium__base-card {
min-height:
116px;
padding:
9px 4px 8px !important;
}
.qrzcb-levels-premium__base-icon,
.qrzcb-levels-premium__base-icon svg {
width:
49px;
height:
40px;
}
.qrzcb-levels-premium__base-title {
font-size:
10.5px;
}
.qrzcb-levels-premium__base-description {
display:
none;
}
.qrzcb-levels-premium__switch-row {
grid-template-columns:
43px minmax(0, 1fr) auto;
min-height:
60px;
gap:
9px !important;
}
.qrzcb-levels-premium__switch-icon {
width:
39px;
height:
39px;
border-radius:
13px;
}
.qrzcb-levels-premium__switch-control {
width:
48px;
height:
28px;
}
.qrzcb-levels-premium__switch-knob {
width:
20px;
height:
20px;
}
.qrzcb-levels-premium__switch-input:checked
+ .qrzcb-levels-premium__switch-track
.qrzcb-levels-premium__switch-knob {
transform:
translateX(20px);
}
}
/* END QRZCB 2.0 - Premium map levels panel */
/* BEGIN QRZCB 2.0 - Smaller QTH home icon */
/*
* Dimensioni definitive della casetta QTH:
*
* Desktop: 75%
* Smartphone: 73%
*
* Viene ridotta esclusivamente la parte grafica
* della casetta. Il nominativo conserva dimensione
* e leggibilità, ma viene spostato più vicino
* alla casetta per eliminare lo spazio eccessivo.
*
* Rimangono invariati:
* - colore personalizzato scelto dall'amministratore
* - coordinate geografiche
* - punto di ancoraggio Leaflet
* - popup
* - marker circolari degli spot
*/
/* CASETTA */
.qrzcb-flat-qth-badge,
.qrzcb-qth-house-badge,
.qrzcb-home-qth-badge,
.qrzcb-qth-marker__badge,
.qrzcb-v4-qth-marker__badge,
.qrzcb-console-qth__badge {
scale:
.75 !important;
transform-origin:
50% 100% !important;
transition:
scale .16s ease,
box-shadow .16s ease
!important;
}
/*
* Anche durante il passaggio del mouse
* la casetta resta della stessa dimensione.
*/
.qrzcb-flat-qth-marker:hover
.qrzcb-flat-qth-badge,
.qrzcb-qth-house-marker:hover
.qrzcb-qth-house-badge,
.qrzcb-home-qth-marker:hover
.qrzcb-home-qth-badge,
.qrzcb-qth-marker:hover
.qrzcb-qth-marker__badge,
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-marker__badge,
.qrzcb-console-qth:hover
.qrzcb-console-qth__badge {
scale:
.75 !important;
}
/* ETICHETTA NOMINATIVO */
/*
* La riduzione con origine sul bordo inferiore
* crea più spazio sopra la casetta.
*
* Spostiamo quindi l'etichetta verso il basso,
* senza modificare dimensione, carattere o colore.
*/
.qrzcb-flat-qth-label,
.qrzcb-qth-label,
.qrzcb-home-label,
.qrzcb-v4-qth-label,
.qrzcb-console-qth__label {
top:
6px !important;
z-index:
7 !important;
}
/*
* Mantiene la nuova distanza anche in hover.
*/
.qrzcb-flat-qth-marker:hover
.qrzcb-flat-qth-label,
.qrzcb-qth-house-marker:hover
.qrzcb-qth-label,
.qrzcb-home-qth-marker:hover
.qrzcb-home-label,
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-label,
.qrzcb-console-qth:hover
.qrzcb-console-qth__label {
top:
6px !important;
}
/* SMARTPHONE */
@media (max-width: 680px) {
.qrzcb-flat-qth-badge,
.qrzcb-qth-house-badge,
.qrzcb-home-qth-badge,
.qrzcb-qth-marker__badge,
.qrzcb-v4-qth-marker__badge,
.qrzcb-console-qth__badge {
scale:
.73 !important;
}
.qrzcb-flat-qth-marker:hover
.qrzcb-flat-qth-badge,
.qrzcb-qth-house-marker:hover
.qrzcb-qth-house-badge,
.qrzcb-home-qth-marker:hover
.qrzcb-home-qth-badge,
.qrzcb-qth-marker:hover
.qrzcb-qth-marker__badge,
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-marker__badge,
.qrzcb-console-qth:hover
.qrzcb-console-qth__badge {
scale:
.73 !important;
}
.qrzcb-flat-qth-label,
.qrzcb-qth-label,
.qrzcb-home-label,
.qrzcb-v4-qth-label,
.qrzcb-console-qth__label {
top:
5px !important;
}
.qrzcb-flat-qth-marker:hover
.qrzcb-flat-qth-label,
.qrzcb-qth-house-marker:hover
.qrzcb-qth-label,
.qrzcb-home-qth-marker:hover
.qrzcb-home-label,
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-label,
.qrzcb-console-qth:hover
.qrzcb-console-qth__label {
top:
5px !important;
}
}
/* END QRZCB 2.0 - Smaller QTH home icon */
/* BEGIN QRZCLUSTERCB - Home slogan 27 MHz */
.hero h1 .qrzcb-home-27mhz {
display: block;
max-width: 920px;
margin-top: .18em;
font-size: clamp(25px, 3.15vw, 50px);
line-height: 1.04;
letter-spacing: -.028em;
}
@media (max-width: 760px) {
.hero h1 .qrzcb-home-27mhz {
margin-top: .22em;
font-size: clamp(22px, 7vw, 34px);
line-height: 1.08;
}
}
/* END QRZCLUSTERCB - Home slogan 27 MHz */
/* BEGIN QRZCB 2.0 - CB OM visual identity */
.qrzcb-registration-choice {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
max-width: 900px;
margin: 28px auto 0;
}
.qrzcb-registration-choice__card {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 230px;
padding: 26px;
border: 1px solid var(--line);
border-radius: 22px;
background: linear-gradient(155deg, rgba(15,23,42,.92), rgba(2,6,23,.96));
color: var(--text);
box-shadow: var(--shadow);
}
.qrzcb-registration-choice__card:hover {
transform: translateY(-3px);
color: #fff;
}
.qrzcb-registration-choice__card--cb:hover { border-color: rgba(245,158,11,.62); }
.qrzcb-registration-choice__card--om:hover { border-color: rgba(34,211,238,.62); }
.qrzcb-registration-choice__card strong { font-size: 26px; }
.qrzcb-registration-choice__card span { color: var(--muted); }
.qrzcb-registration-choice__card b { margin-top: auto; }
.qrzcb-operator-badge,
.qrzcb-map-type-badge {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 24px;
padding: 4px 9px;
border: 1px solid transparent;
border-radius: 999px;
font-size: 10px;
font-weight: 950;
line-height: 1;
letter-spacing: .065em;
text-transform: uppercase;
white-space: nowrap;
}
.qrzcb-operator-badge--cb,
.qrzcb-map-type-badge--cb {
border-color: rgba(245,158,11,.55);
background: rgba(245,158,11,.13);
color: #fcd34d;
}
.qrzcb-operator-badge--om,
.qrzcb-map-type-badge--om {
border-color: rgba(34,211,238,.55);
background: rgba(34,211,238,.12);
color: #a5f3fc;
}
.profile-main .qrzcb-operator-badge { margin-top: 7px; }
.operator-card .qrzcb-operator-badge { margin: 5px 0 2px; }
.qrzcb-v4-popup__identity {
display: flex;
align-items: center;
gap: 9px;
flex-wrap: wrap;
}
.qrzcb-v4-popup__identity strong { margin-right: 0 !important; }
/* CB: cornice ambra; OM: cornice ciano. Il riempimento QTH resta quello Admin. */
.qrzcb-operator-type--cb .qrzcb-v4-qth-marker__pin { stroke: #f59e0b !important; }
.qrzcb-operator-type--om .qrzcb-v4-qth-marker__pin { stroke: #22d3ee !important; }
.qrzcb-operator-type--cb .qrzcb-v4-spot-marker__media,
.qrzcb-operator-type--cb .qrzcb-flat-spot-media,
.qrzcb-operator-type--cb .qrzcb-spot-marker__media {
outline: 2px solid rgba(245,158,11,.94) !important;
outline-offset: 2px !important;
}
.qrzcb-operator-type--om .qrzcb-v4-spot-marker__media,
.qrzcb-operator-type--om .qrzcb-flat-spot-media,
.qrzcb-operator-type--om .qrzcb-spot-marker__media {
outline: 2px solid rgba(34,211,238,.96) !important;
outline-offset: 2px !important;
}
.qrzcb-operator-type--cb .qrzcb-flat-qth-badge,
.qrzcb-operator-type--cb .qrzcb-qth-house-badge,
.qrzcb-operator-type--cb .qrzcb-home-qth-badge {
outline: 2px solid rgba(245,158,11,.94) !important;
outline-offset: 2px !important;
}
.qrzcb-operator-type--om .qrzcb-flat-qth-badge,
.qrzcb-operator-type--om .qrzcb-qth-house-badge,
.qrzcb-operator-type--om .qrzcb-home-qth-badge {
outline: 2px solid rgba(34,211,238,.96) !important;
outline-offset: 2px !important;
}
.qrzcb-levels-premium__operator-rows {
display: grid;
gap: 8px;
}
.qrzcb-levels-premium__switch-row--cb .qrzcb-levels-premium__switch-icon {
background: linear-gradient(145deg, #d97706, #92400e);
box-shadow: 0 8px 22px rgba(217,119,6,.22);
}
.qrzcb-levels-premium__switch-row--om .qrzcb-levels-premium__switch-icon {
background: linear-gradient(145deg, #0891b2, #155e75);
box-shadow: 0 8px 22px rgba(8,145,178,.24);
}
.qrzcb-register-cb { border-color: rgba(245,158,11,.42); }
.qrzcb-register-om { border-color: rgba(34,211,238,.42); }
@media (max-width: 760px) {
.qrzcb-registration-choice { grid-template-columns: 1fr; }
.qrzcb-registration-choice__card { min-height: 190px; }
}
/* END QRZCB 2.0 - CB OM visual identity */
/* BEGIN QRZCB 2.0 - QTH perfect centering */
/*
* Il contenitore Leaflet misura 92 px.
*
* Centro esatto:
* 92 / 2 = 46 px.
*
* Etichetta, SVG, quadrato e casetta interna
* condividono lo stesso asse orizzontale.
*/
.qrzcb-v4-leaflet-icon--qth,
.qrzcb-v4-qth-marker {
overflow:
visible !important;
}
.qrzcb-v4-qth-marker {
position:
relative !important;
width:
92px !important;
height:
76px !important;
}
/* Etichetta centrata esattamente a 46 px. */
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth {
left:
46px !important;
right:
auto !important;
margin-right:
0 !important;
margin-left:
0 !important;
text-align:
center !important;
transform:
translateX(-50%) !important;
}
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth::after {
left:
50% !important;
right:
auto !important;
transform:
translateX(-50%) !important;
}
/*
* SVG largo 44 px:
* 24 px + 22 px = centro 46 px.
*/
.qrzcb-v4-qth-marker__svg {
position:
absolute !important;
top:
20px !important;
left:
24px !important;
width:
44px !important;
height:
54px !important;
margin:
0 !important;
transform:
none !important;
overflow:
visible !important;
}
/*
* La geometria della casa è costruita
* direttamente sull'asse SVG x=23.
*/
.qrzcb-v4-qth-marker__house-wrap {
transform:
translate(0, 0) !important;
transform-origin:
23px 30px !important;
}
/*
* Colore standard:
* fondo bianco e casa nera.
*
* Se l'Admin assegna un colore scuro,
* restano utilizzabili le variabili del
* contrasto automatico già installato.
*/
.qrzcb-v4-qth-marker__pin {
fill:
var(
--qrzcb-qth-bg,
#ffffff
) !important;
}
.qrzcb-v4-qth-marker__roof {
fill:
none !important;
stroke:
var(
--qrzcb-qth-ink,
#111827
) !important;
stroke-width:
3 !important;
stroke-linecap:
round !important;
stroke-linejoin:
round !important;
}
.qrzcb-v4-qth-marker__house {
fill:
var(
--qrzcb-qth-ink,
#111827
) !important;
}
.qrzcb-v4-qth-marker__door {
fill:
none !important;
stroke:
var(
--qrzcb-qth-detail,
#ffffff
) !important;
stroke-width:
1.8 !important;
stroke-linecap:
square !important;
}
/*
* Le cornici CB e OM restano controllate
* dalle regole già presenti:
*
* CB = ambra
* OM = ciano
*/
/* END QRZCB 2.0 - QTH perfect centering */
/* BEGIN QRZCB 2.0 - QTH compact icon attached label */
/*
* Ulteriore riduzione della sola icona QTH.
*
* Desktop: 78%
* Smartphone: 76%
*
* La trasformazione parte dal bordo inferiore.
* Il punto geografico Leaflet non viene spostato.
*
* L'etichetta viene abbassata in modo proporzionale
* per restare attaccata alla parte superiore
* del quadrato QTH.
*/
/* ICONA QTH DESKTOP */
.qrzcb-v4-qth-marker__svg {
transform:
scale(.78) !important;
transform-origin:
50% 100% !important;
transform-box:
border-box !important;
}
/* ETICHETTA DESKTOP */
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth {
left:
46px !important;
right:
auto !important;
top:
16px !important;
margin:
0 !important;
text-align:
center !important;
transform:
translateX(-50%) !important;
z-index:
9 !important;
}
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth::after {
left:
50% !important;
right:
auto !important;
transform:
translateX(-50%) !important;
}
/* STATO HOVER DESKTOP */
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-marker__svg {
transform:
scale(.78) !important;
}
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth {
top:
16px !important;
transform:
translateX(-50%) !important;
}
/* SMARTPHONE */
@media (max-width: 680px) {
.qrzcb-v4-qth-marker__svg {
transform:
scale(.76) !important;
transform-origin:
50% 100% !important;
}
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth {
top:
17px !important;
}
.qrzcb-v4-qth-marker:hover
.qrzcb-v4-qth-marker__svg {
transform:
scale(.76) !important;
}
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth {
top:
17px !important;
transform:
translateX(-50%) !important;
}
}
/*
* Restano invariati:
*
* - colore QTH scelto dall'Admin
* - casa interna nera o bianca per contrasto
* - cornice ambra CB
* - cornice ciano OM
* - layer CB e OM
* - popup
* - marker circolari degli spot
*/
/* END QRZCB 2.0 - QTH compact icon attached label */
/* BEGIN QRZCB 2.0 - dual radio identities */
.qrzcb-account-identity-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 0 0 18px;
padding: 13px 15px;
border: 1px solid rgba(34, 211, 238, .24);
border-radius: 15px;
background: rgba(34, 211, 238, .07);
}
.qrzcb-account-identity-head span,
.qrzcb-account-identity-head strong {
display: block;
}
.qrzcb-account-identity-head span {
color: var(--muted);
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.qrzcb-account-identity-head strong {
margin-top: 2px;
color: #fff;
font-size: 20px;
}
.qrzcb-identity-type,
.qrzcb-mini-type {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 999px;
font-weight: 950;
letter-spacing: .06em;
text-transform: uppercase;
}
.qrzcb-identity-type {
min-height: 30px;
padding: 5px 10px;
font-size: 11px;
}
.qrzcb-mini-type {
margin-left: 5px;
padding: 2px 6px;
font-size: 9px;
}
.qrzcb-identity-type--cb,
.qrzcb-mini-type--cb {
border-color: rgba(245, 158, 11, .45);
background: rgba(245, 158, 11, .11);
color: #fcd34d;
}
.qrzcb-identity-type--om,
.qrzcb-mini-type--om {
border-color: rgba(34, 211, 238, .45);
background: rgba(34, 211, 238, .10);
color: #a5f3fc;
}
.qrzcb-identities-panel {
overflow: visible;
}
.qrzcb-identities-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
gap: 16px;
padding: 16px;
}
.qrzcb-identity-card {
position: relative;
padding: 18px;
border: 1px solid var(--line);
border-radius: 19px;
background:
radial-gradient(circle at 100% 0, rgba(34, 211, 238, .08), transparent 37%),
linear-gradient(180deg, rgba(15, 23, 42, .83), rgba(2, 6, 23, .90));
}
.qrzcb-identity-card--cb {
border-top-color: rgba(245, 158, 11, .62);
}
.qrzcb-identity-card--om {
border-top-color: rgba(34, 211, 238, .62);
}
.qrzcb-identity-card--new {
border-style: dashed;
}
.qrzcb-identity-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 15px;
}
.qrzcb-identity-card__head h3 {
margin: 7px 0 0;
color: #fff;
font-size: 22px;
}
.qrzcb-identity-card__status {
display: flex;
justify-content: flex-end;
gap: 5px;
flex-wrap: wrap;
}
.qrzcb-identity-note {
margin: 0 0 16px;
color: var(--muted);
font-size: 12px;
line-height: 1.5;
}
.qrzcb-identity-picker {
height: 245px;
}
.qrzcb-identity-delete-form {
margin-top: 10px;
}
.qrzcb-public-identity-tabs {
display: flex;
align-items: stretch;
gap: 10px;
flex-wrap: wrap;
margin: 0 0 15px;
}
.qrzcb-public-identity-tab {
display: flex;
align-items: center;
gap: 9px;
min-height: 48px;
padding: 9px 14px;
border: 1px solid var(--line);
border-radius: 14px;
background: rgba(15, 23, 42, .72);
color: var(--text);
}
.qrzcb-public-identity-tab:hover {
color: #fff;
}
.qrzcb-public-identity-tab span {
display: grid;
place-items: center;
min-width: 28px;
height: 28px;
padding: 0 6px;
border-radius: 999px;
font-size: 10px;
font-weight: 950;
}
.qrzcb-public-identity-tab--cb span {
background: rgba(245, 158, 11, .16);
color: #fcd34d;
}
.qrzcb-public-identity-tab--om span {
background: rgba(34, 211, 238, .14);
color: #a5f3fc;
}
.qrzcb-public-identity-tab.is-active {
border-color: rgba(34, 211, 238, .55);
box-shadow: 0 0 0 3px rgba(34, 211, 238, .08);
}
.qrzcb-public-identity-tab strong {
font-size: 14px;
}
.qrzcb-admin-identities-panel {
border-color: rgba(168, 85, 247, .28);
}
.qrzcb-spot-identity-choice {
grid-column: 1 / -1;
}
.qrzcb-spot-identity-choice select {
border-color: rgba(34, 211, 238, .38);
}
.qrzcb-eqsl-identity-choice select {
border-color: rgba(34, 211, 238, .38);
}
@media (max-width: 760px) {
.qrzcb-identities-grid {
grid-template-columns: 1fr;
padding: 11px;
}
.qrzcb-identity-card {
padding: 14px;
}
.qrzcb-identity-card__head {
flex-direction: column;
}
.qrzcb-identity-card__status {
justify-content: flex-start;
}
.qrzcb-public-identity-tabs {
display: grid;
grid-template-columns: 1fr 1fr;
}
.qrzcb-public-identity-tab {
justify-content: center;
}
}
/* END QRZCB 2.0 - dual radio identities */
/* BEGIN QRZCB 2.0 - QTH smart merge visual */
.qrzcb-operator-type--dual .qrzcb-v4-qth-marker__pin--dual {
stroke: transparent !important;
}
.qrzcb-v4-qth-marker__dual-outline {
fill: none !important;
vector-effect: non-scaling-stroke;
pointer-events: none;
}
.qrzcb-v4-qth-marker__dual-outline--outer {
stroke: #22d3ee !important;
stroke-width: 2.2 !important;
}
.qrzcb-v4-qth-marker__dual-outline--inner {
stroke: #f59e0b !important;
stroke-width: 2.2 !important;
}
.qrzcb-v4-marker-label--dual {
top: -2px !important;
display: flex !important;
flex-direction: column;
align-items: center;
gap: 2px;
min-width: max-content;
padding: 4px 8px 5px !important;
line-height: 1 !important;
}
.qrzcb-v4-qth-marker:hover > .qrzcb-v4-marker-label--dual {
top: -2px !important;
}
.qrzcb-v4-marker-label__line {
display: block;
font: inherit;
line-height: 1;
white-space: nowrap;
}
.qrzcb-v4-marker-label__line--cb { color: #fcd34d; }
.qrzcb-v4-marker-label__line--om { color: #a5f3fc; }
.qrzcb-v4-popup--dual { min-width: 285px; }
.qrzcb-v4-popup__dual-title { color: #fff; font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.qrzcb-v4-popup__dual-row { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 5px 9px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(148,163,184,.18); }
.qrzcb-v4-popup__dual-row > span:last-of-type { grid-column: 1 / -1; }
.qrzcb-v4-popup__dual-row > a { grid-column: 1 / -1; }
@media (max-width: 680px) {
.qrzcb-v4-marker-label--dual,
.qrzcb-v4-qth-marker:hover > .qrzcb-v4-marker-label--dual {
top: -1px !important;
}
}
/* END QRZCB 2.0 - QTH smart merge visual */
/* BEGIN QRZCB 2.0 - Dual QTH label fully visible */
/*
* Correzione specifica del marker QTH combinato.
*
* La regola generica del QTH singolo assegna
* all'etichetta una posizione più bassa.
*
* Per l'etichetta CB + OM, che contiene due righe,
* usiamo una regola più specifica e la collochiamo
* interamente sopra la casetta.
*/
/*
* Nessun contenitore deve tagliare la parte
* dell'etichetta che esce verso l'alto.
*/
.qrzcb-v4-leaflet-icon--dual-qth,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker {
overflow:
visible !important;
}
/*
* Etichetta combinata:
*
* - centrata sull'asse del marker, x = 46 px;
* - entrambe le righe sopra la casetta;
* - z-index superiore all'SVG;
* - altezza automatica;
* - nessun taglio del nominativo OM.
*/
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual {
position:
absolute !important;
left:
46px !important;
right:
auto !important;
top:
-3px !important;
bottom:
auto !important;
display:
flex !important;
flex-direction:
column !important;
align-items:
center !important;
justify-content:
center !important;
gap:
1px !important;
width:
max-content !important;
min-width:
max-content !important;
max-width:
none !important;
height:
auto !important;
min-height:
31px !important;
margin:
0 !important;
padding:
4px 9px 5px !important;
overflow:
visible !important;
border-radius:
7px !important;
background:
rgba(17, 19, 24, .98) !important;
text-align:
center !important;
white-space:
nowrap !important;
line-height:
1 !important;
transform:
translateX(-50%) !important;
z-index:
50 !important;
pointer-events:
none !important;
isolation:
isolate;
}
/*
* Mantiene la stessa posizione quando il puntatore
* passa sopra il marker.
*/
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual {
top:
-3px !important;
transform:
translateX(-50%) !important;
}
/*
* Freccia dell'etichetta centrata sul quadrato.
*/
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-marker-label--dual::after,
.qrzcb-operator-type--dual
.qrzcb-v4-marker-label--dual::after {
left:
50% !important;
right:
auto !important;
top:
auto !important;
bottom:
-5px !important;
transform:
translateX(-50%) !important;
}
/*
* Entrambe le righe devono restare davanti
* all'icona e mantenere il proprio colore.
*/
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-marker-label--dual
.qrzcb-v4-marker-label__line,
.qrzcb-operator-type--dual
.qrzcb-v4-marker-label--dual
.qrzcb-v4-marker-label__line {
position:
relative !important;
z-index:
2 !important;
display:
block !important;
width:
auto !important;
max-width:
none !important;
overflow:
visible !important;
font:
inherit !important;
line-height:
1.05 !important;
white-space:
nowrap !important;
}
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-marker-label__line--cb,
.qrzcb-operator-type--dual
.qrzcb-v4-marker-label__line--cb {
color:
#fcd34d !important;
}
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-marker-label__line--om,
.qrzcb-operator-type--dual
.qrzcb-v4-marker-label__line--om {
color:
#a5f3fc !important;
}
/*
* La casetta rimane sotto l'etichetta.
*/
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__svg--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker__svg--dual {
position:
absolute !important;
z-index:
2 !important;
}
/*
* Regolazione smartphone.
*/
@media (max-width: 680px) {
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker:hover
> .qrzcb-v4-marker-label--qth.qrzcb-v4-marker-label--dual {
top:
-2px !important;
padding:
4px 8px 5px !important;
transform:
translateX(-50%) !important;
}
}
/*
* Rimangono invariati:
*
* - quadrato e casetta interna;
* - dimensione del marker;
* - coordinate geografiche;
* - bordo doppio ambra/ciano;
* - colore QTH scelto dall'Admin;
* - popup combinato;
* - filtri CB e OM;
* - marker degli spot.
*/
/* END QRZCB 2.0 - Dual QTH label fully visible */
/* BEGIN QRZCB 2.0 - QTH SVG admin color bridge */
/*
* Il riempimento del quadrato QTH usa il colore
* selezionato dall'Admin anche nel marker unificato.
*
* Il doppio bordo CB/OM rimane indipendente:
* - bordo esterno ciano;
* - bordo interno ambra.
*/
.qrzcb-v4-qth-marker__pin,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__pin--dual,
.qrzcb-operator-type--dual
.qrzcb-v4-qth-marker__pin--dual {
fill:
var(
--qrzcb-qth-bg,
#ffffff
) !important;
}
.qrzcb-v4-qth-marker__roof,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__roof {
stroke:
var(
--qrzcb-qth-ink,
#111827
) !important;
}
.qrzcb-v4-qth-marker__house,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__house {
fill:
var(
--qrzcb-qth-ink,
#111827
) !important;
}
.qrzcb-v4-qth-marker__door,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__door {
stroke:
var(
--qrzcb-qth-detail,
#ffffff
) !important;
}
.qrzcb-v4-qth-marker__window,
.qrzcb-v4-leaflet-icon--dual-qth
.qrzcb-v4-qth-marker__window {
fill:
var(
--qrzcb-qth-detail,
#ffffff
) !important;
}
/* END QRZCB 2.0 - QTH SVG admin color bridge */
/* BEGIN QRZCB 2.0 - Home operator filter */
.qrzcb-home-operator-stat {
position:
relative;
gap:
7px !important;
}
.qrzcb-home-operator-stat__head {
display:
flex;
align-items:
flex-start;
justify-content:
space-between;
gap:
10px;
}
.qrzcb-home-operator-filter {
display:
inline-flex;
align-items:
center;
gap:
3px;
flex:
0 0 auto;
padding:
3px;
border:
1px solid rgba(148, 163, 184, .22);
border-radius:
999px;
background:
rgba(2, 6, 23, .56);
}
.qrzcb-home-operator-filter button {
min-width:
38px;
min-height:
24px;
padding:
4px 8px;
border:
0;
border-radius:
999px;
background:
transparent;
color:
#94a3b8;
font-size:
9px;
font-weight:
950;
line-height:
1;
letter-spacing:
.045em;
text-transform:
uppercase;
transition:
background .15s ease,
color .15s ease,
box-shadow .15s ease;
}
.qrzcb-home-operator-filter button:hover {
background:
rgba(148, 163, 184, .13);
color:
#ffffff;
}
.qrzcb-home-operator-filter button.is-active {
background:
linear-gradient(
135deg,
#67e8f9,
#22d3ee
);
color:
#001018;
box-shadow:
0 5px 14px rgba(34, 211, 238, .20);
}
.qrzcb-home-operator-filter button:focus-visible {
outline:
2px solid #67e8f9;
outline-offset:
2px;
}
.qrzcb-home-operator-stat
> strong {
margin-top:
auto;
}
.qrzcb-home-operator-stat__foot {
display:
flex;
align-items:
flex-end;
justify-content:
space-between;
gap:
12px;
min-height:
28px;
}
.qrzcb-home-operator-stat__foot small {
max-width:
195px;
color:
var(--muted);
font-size:
9.5px;
line-height:
1.3;
}
.qrzcb-home-operator-stat__foot a {
flex:
0 0 auto;
color:
var(--cyan);
font-size:
10px;
font-weight:
850;
white-space:
nowrap;
}
@media (max-width: 760px) {
.qrzcb-home-operator-stat__head {
flex-direction:
column;
}
.qrzcb-home-operator-filter {
align-self:
flex-start;
}
.qrzcb-home-operator-stat__foot {
align-items:
flex-start;
flex-direction:
column;
gap:
5px;
}
}
/* END QRZCB 2.0 - Home operator filter */
/* BEGIN QRZCB 2.0 - Internal messaging */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.qrzcb-nav-messages{display:inline-flex!important;align-items:center!important;gap:6px!important}
.qrzcb-nav-message-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f59e0b;color:#111827;font-size:10px;font-weight:950;line-height:1}
.qrzcb-nav-message-badge[hidden]{display:none!important}
.qrzcb-msg-hero .hero-actions{margin-top:18px}
.qrzcb-msg-page-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;align-items:start}
.qrzcb-msg-inbox-panel,.qrzcb-msg-settings-card{margin:0}
.qrzcb-msg-panel-head{align-items:flex-end}
.qrzcb-msg-tabs{display:inline-flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(2,6,23,.58)}
.qrzcb-msg-tabs a{padding:6px 11px;border-radius:999px;color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap}
.qrzcb-msg-tabs a.is-active{background:rgba(34,211,238,.16);color:#cffafe;box-shadow:0 0 0 1px rgba(34,211,238,.30) inset}
.qrzcb-msg-conversation-list{padding:8px}
.qrzcb-msg-conversation{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border-radius:15px;color:var(--text);transition:.16s ease}
.qrzcb-msg-conversation+.qrzcb-msg-conversation{border-top:1px solid var(--line)}
.qrzcb-msg-conversation:hover{background:rgba(34,211,238,.07);color:var(--text)}
.qrzcb-msg-conversation.has-unread{background:linear-gradient(90deg,rgba(34,211,238,.10),transparent)}
.qrzcb-msg-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(34,211,238,.28);border-radius:15px;background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(37,99,235,.14));color:#d5fbff;font-size:14px;font-weight:950;letter-spacing:.04em}
.qrzcb-msg-conversation__copy{min-width:0}
.qrzcb-msg-conversation__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qrzcb-msg-conversation__top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}
.qrzcb-msg-conversation__top time{flex:0 0 auto;color:var(--muted);font-size:9px}
.qrzcb-msg-conversation__copy small{display:block;margin-top:2px;color:var(--cyan);font-size:10px;font-weight:800}
.qrzcb-msg-preview{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
.qrzcb-msg-unread-pill{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--cyan);color:#001018;font-size:11px;font-weight:950}
.qrzcb-msg-chevron{color:var(--muted);font-size:24px}
.qrzcb-msg-settings-column{display:grid;gap:16px}
.qrzcb-msg-preferences{display:grid;gap:9px;padding:15px}
.qrzcb-msg-radio-row{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.40)}
.qrzcb-msg-radio-row input{width:auto;margin-top:4px}
.qrzcb-msg-radio-row strong,.qrzcb-msg-radio-row small{display:block}
.qrzcb-msg-radio-row strong{color:#fff;font-size:12px}
.qrzcb-msg-radio-row small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}
.qrzcb-msg-blocked-list{padding:8px}
.qrzcb-msg-blocked-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}
.qrzcb-msg-blocked-list>div+div{border-top:1px solid var(--line)}
.qrzcb-msg-blocked-list strong,.qrzcb-msg-blocked-list small{display:block}
.qrzcb-msg-blocked-list strong{font-size:12px}.qrzcb-msg-blocked-list small{color:var(--muted);font-size:9px}
.qrzcb-msg-privacy-note{padding:14px 16px;border:1px solid rgba(245,158,11,.25);border-radius:16px;background:rgba(120,53,15,.12)}
.qrzcb-msg-privacy-note strong,.qrzcb-msg-privacy-note span{display:block}.qrzcb-msg-privacy-note strong{color:#fde68a;font-size:12px}.qrzcb-msg-privacy-note span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}
.qrzcb-msg-compose-card{max-width:850px;margin:0 auto}.qrzcb-msg-compose-form{display:grid;gap:15px;padding:20px}
.qrzcb-msg-chat-shell{display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;min-height:calc(100vh - 150px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(12,20,35,.96),rgba(2,6,23,.98));box-shadow:var(--shadow);overflow:hidden}
.qrzcb-msg-chat-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:rgba(5,12,22,.92)}
.qrzcb-msg-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;color:#fff;font-size:20px}.qrzcb-msg-back:hover{background:rgba(34,211,238,.08);color:#fff}
.qrzcb-msg-chat-head__copy{min-width:0}.qrzcb-msg-chat-head__copy strong,.qrzcb-msg-chat-head__copy small{display:block}.qrzcb-msg-chat-head__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.qrzcb-msg-chat-head__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cyan);font-size:10px}
.qrzcb-msg-chat-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.qrzcb-msg-chat-actions form{margin:0}.qrzcb-msg-chat-actions .btn{min-height:34px;padding:7px 10px;font-size:10px}
.qrzcb-msg-chat-notice{margin:0;border-radius:0}
.qrzcb-msg-thread{display:flex;flex-direction:column;gap:10px;min-height:0;padding:18px;overflow-y:auto;background:radial-gradient(circle at 15% 0,rgba(34,211,238,.06),transparent 30%),radial-gradient(circle at 95% 100%,rgba(37,99,235,.08),transparent 35%)}
.qrzcb-msg-thread-empty{margin:auto;color:var(--muted);text-align:center}
.qrzcb-msg-bubble{width:min(78%,760px);padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(15,23,42,.88);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.qrzcb-msg-bubble.is-mine{align-self:flex-end;border-bottom-right-radius:5px;border-color:rgba(34,211,238,.30);background:linear-gradient(145deg,rgba(8,80,96,.90),rgba(8,47,73,.92))}
.qrzcb-msg-bubble.is-theirs{align-self:flex-start;border-bottom-left-radius:5px}.qrzcb-msg-bubble.is-reported{border-color:rgba(248,113,113,.75);box-shadow:0 0 0 2px rgba(248,113,113,.12)}
.qrzcb-msg-bubble header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.qrzcb-msg-bubble header strong{color:#a5f3fc;font-size:10px}.qrzcb-msg-bubble header time{color:var(--muted);font-size:8.5px}
.qrzcb-msg-body{color:#f8fafc;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.qrzcb-msg-bubble footer{display:flex;justify-content:flex-end;min-height:15px;margin-top:5px;color:#cbd5e1;font-size:8.5px}
.qrzcb-msg-report-form{margin:0}.qrzcb-msg-report-form button{padding:0;border:0;background:none;color:#fca5a5;font-size:8.5px}
.qrzcb-msg-composer{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;border-top:1px solid var(--line);background:rgba(5,12,22,.96)}
.qrzcb-msg-identity-select span{font-size:9px}.qrzcb-msg-identity-select select{min-height:46px}.qrzcb-msg-textarea textarea{min-height:46px;max-height:150px;resize:vertical}.qrzcb-msg-composer .btn{min-height:46px}
.qrzcb-admin-msg-tabs{width:max-content;margin-bottom:14px}.qrzcb-admin-msg-thread{max-height:620px}.qrzcb-admin-report-copy{padding:16px}.qrzcb-admin-report-copy p{margin-top:0;color:#fff}.qrzcb-admin-report-copy dl{margin:0}.qrzcb-admin-report-copy dl>div{padding:9px 0;border-top:1px solid var(--line)}.qrzcb-admin-report-copy dt{color:var(--muted);font-size:9px;text-transform:uppercase}.qrzcb-admin-report-copy dd{margin:3px 0 0}
.badge-open{border-color:rgba(245,158,11,.35);color:#fde68a;background:rgba(120,53,15,.18)}.badge-resolved{border-color:rgba(34,197,94,.35);color:#86efac;background:rgba(34,197,94,.09)}.badge-dismissed{color:var(--muted)}
@media(max-width:980px){.qrzcb-msg-page-grid{grid-template-columns:1fr}.qrzcb-msg-chat-head{grid-template-columns:auto auto minmax(0,1fr)}.qrzcb-msg-chat-actions{grid-column:1/-1;justify-content:flex-start;padding-top:4px}.qrzcb-msg-chat-shell{min-height:calc(100vh - 120px)}}
@media(max-width:680px){.qrzcb-msg-panel-head{align-items:flex-start;flex-direction:column}.qrzcb-msg-conversation{grid-template-columns:44px minmax(0,1fr) auto;padding:11px 8px}.qrzcb-msg-avatar{width:42px;height:42px;border-radius:13px}.qrzcb-msg-conversation__top time{display:none}.qrzcb-msg-chat-shell{min-height:calc(100vh - 92px);border-radius:16px}.qrzcb-msg-chat-head{gap:8px;padding:9px}.qrzcb-msg-chat-head .qrzcb-msg-avatar{display:none}.qrzcb-msg-thread{padding:12px}.qrzcb-msg-bubble{width:90%}.qrzcb-msg-composer{grid-template-columns:1fr auto}.qrzcb-msg-identity-select{grid-column:1/-1}.qrzcb-msg-composer .btn{padding-inline:13px}.qrzcb-msg-chat-actions .btn{min-height:31px;padding:6px 8px}}
/* END QRZCB 2.0 - Internal messaging */
/* BEGIN QRZCB 3.1 - Admin broadcast messaging */
.qrzcb-msg-broadcast-action {
border:
1px solid rgba(250, 204, 21, .48) !important;
background:
linear-gradient(
135deg,
rgba(234, 179, 8, .19),
rgba(245, 158, 11, .12)
) !important;
color:
#fef3c7 !important;
box-shadow:
0 8px 24px rgba(120, 53, 15, .16);
}
.qrzcb-msg-broadcast-action:hover {
border-color:
rgba(250, 204, 21, .78) !important;
background:
linear-gradient(
135deg,
rgba(234, 179, 8, .28),
rgba(245, 158, 11, .19)
) !important;
color:
#ffffff !important;
}
.qrzcb-msg-admin-broadcast-note {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
16px;
max-width:
850px;
margin:
0 auto 16px;
padding:
13px 15px;
border:
1px solid rgba(250, 204, 21, .26);
border-radius:
16px;
background:
rgba(120, 53, 15, .10);
}
.qrzcb-msg-admin-broadcast-note strong,
.qrzcb-msg-admin-broadcast-note span {
display:
block;
}
.qrzcb-msg-admin-broadcast-note strong {
color:
#fef3c7;
font-size:
13px;
}
.qrzcb-msg-admin-broadcast-note span {
margin-top:
3px;
color:
var(--muted);
font-size:
10px;
}
.qrzcb-msg-broadcast-layout {
display:
grid;
grid-template-columns:
minmax(0, 1fr)
minmax(270px, .42fr);
gap:
18px;
align-items:
start;
}
.qrzcb-msg-broadcast-form {
display:
grid;
gap:
15px;
padding:
20px;
}
.qrzcb-msg-broadcast-form textarea {
min-height:
210px;
}
.qrzcb-msg-broadcast-confirm {
display:
grid;
grid-template-columns:
auto 1fr;
align-items:
flex-start;
gap:
10px;
padding:
12px;
border:
1px solid rgba(250, 204, 21, .25);
border-radius:
14px;
background:
rgba(120, 53, 15, .10);
}
.qrzcb-msg-broadcast-confirm input {
width:
auto;
margin-top:
4px;
}
.qrzcb-msg-broadcast-confirm strong,
.qrzcb-msg-broadcast-confirm small {
display:
block;
}
.qrzcb-msg-broadcast-confirm strong {
color:
#fef3c7;
font-size:
12px;
}
.qrzcb-msg-broadcast-confirm small {
margin-top:
3px;
color:
var(--muted);
font-size:
10px;
line-height:
1.4;
}
.qrzcb-msg-broadcast-summary {
display:
grid;
gap:
14px;
}
.qrzcb-msg-broadcast-count {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
15px;
padding:
17px;
border:
1px solid rgba(34, 211, 238, .24);
border-radius:
17px;
background:
rgba(8, 47, 73, .18);
}
.qrzcb-msg-broadcast-count span,
.qrzcb-msg-broadcast-count strong {
display:
block;
}
.qrzcb-msg-broadcast-count span {
color:
var(--muted);
font-size:
10px;
font-weight:
850;
text-transform:
uppercase;
letter-spacing:
.07em;
}
.qrzcb-msg-broadcast-count strong {
color:
#ffffff;
font-size:
33px;
line-height:
1;
}
.qrzcb-msg-broadcast-rules {
margin:
0;
padding:
16px 16px 16px 31px;
border:
1px solid var(--line);
border-radius:
17px;
background:
rgba(2, 6, 23, .45);
color:
var(--muted);
font-size:
10.5px;
line-height:
1.55;
}
.qrzcb-msg-broadcast-rules li
+ li {
margin-top:
7px;
}
@media (max-width: 900px) {
.qrzcb-msg-broadcast-layout {
grid-template-columns:
1fr;
}
}
@media (max-width: 620px) {
.qrzcb-msg-admin-broadcast-note {
align-items:
flex-start;
flex-direction:
column;
}
.qrzcb-msg-admin-broadcast-note .btn {
width:
100%;
}
}
/* END QRZCB 3.1 - Admin broadcast messaging */
/* BEGIN QRZCB 3.3 - Admin Telegram OTP security */
.qrzcb-telegram-otp-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);align-items:center;gap:28px;max-width:1060px;margin:34px auto}.qrzcb-telegram-otp-copy h1{margin:7px 0 12px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:.98}.qrzcb-telegram-otp-copy>p{max-width:620px;color:var(--muted);font-size:15px;line-height:1.65}.qrzcb-telegram-otp-destination{margin-top:22px;padding:15px 17px;border:1px solid rgba(56,189,248,.30);border-radius:17px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(15,23,42,.72))}.qrzcb-telegram-otp-destination span,.qrzcb-telegram-otp-destination strong,.qrzcb-telegram-otp-destination small{display:block}.qrzcb-telegram-otp-destination span{color:#7dd3fc;font-size:9px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.qrzcb-telegram-otp-destination strong{margin-top:4px;color:#fff;font-size:20px}.qrzcb-telegram-otp-destination small{margin-top:3px;color:var(--muted)}.qrzcb-telegram-otp-rules{margin:18px 0 0;padding-left:20px;color:#cbd5e1;font-size:12px;line-height:1.65}.qrzcb-telegram-otp-card{padding:24px;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(56,189,248,.11),transparent 37%),linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.97));box-shadow:0 26px 80px rgba(0,0,0,.38)}.qrzcb-telegram-otp-code input{min-height:72px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:34px;font-weight:950;letter-spacing:.32em;text-indent:.32em}.qrzcb-telegram-otp-meta{display:flex;justify-content:space-between;gap:14px;margin:12px 0 17px;color:var(--muted);font-size:10.5px}.qrzcb-telegram-otp-meta strong{color:#fff}.qrzcb-telegram-otp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.qrzcb-telegram-otp-actions form,.qrzcb-telegram-otp-actions .btn{width:100%;margin:0}.qrzcb-telegram-otp-help{margin:15px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:10.5px;line-height:1.5}.qrzcb-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.qrzcb-security-telegram-account{display:flex;align-items:center;gap:13px;margin:8px 0 16px;padding:13px;border:1px solid rgba(56,189,248,.24);border-radius:15px;background:rgba(14,165,233,.08)}.qrzcb-security-telegram-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:linear-gradient(145deg,#38bdf8,#0369a1);color:#fff;font-size:23px}.qrzcb-security-telegram-account strong,.qrzcb-security-telegram-account small{display:block}.qrzcb-security-telegram-account strong{color:#fff;font-size:16px}.qrzcb-security-telegram-account small{margin-top:3px;color:var(--muted)}.qrzcb-security-telegram-card>p,.qrzcb-security-recovery-card>p{color:var(--muted);line-height:1.55}.qrzcb-security-recovery-card code{display:block;margin:15px 0 11px;padding:12px;overflow-wrap:anywhere;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#020617;color:#a5f3fc}.qrzcb-security-recovery-card>small{display:block;color:var(--muted);line-height:1.45}.qrzcb-security-sessions td strong,.qrzcb-security-sessions td small{display:block}.qrzcb-security-sessions td small{margin-top:3px;color:#67e8f9;font-size:9px;font-weight:850}.qrzcb-security-sessions form{margin:0}.qrzcb-security-sessions .btn{min-height:33px;padding:6px 9px;font-size:9px}@media(max-width:820px){.qrzcb-telegram-otp-shell,.qrzcb-security-grid{grid-template-columns:1fr}.qrzcb-telegram-otp-shell{margin:20px auto}}@media(max-width:560px){.qrzcb-telegram-otp-card{padding:18px;border-radius:19px}.qrzcb-telegram-otp-code input{min-height:64px;font-size:29px;letter-spacing:.24em;text-indent:.24em}.qrzcb-telegram-otp-meta{flex-direction:column}.qrzcb-telegram-otp-actions{grid-template-columns:1fr}}
/* END QRZCB 3.3 - Admin Telegram OTP security */
/* BEGIN QRZCB 3.4 - Admin archive and pagination */
.qrzcb-admin-archive-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(15,23,42,.72)}
.qrzcb-admin-archive-tabs a{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:11px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.qrzcb-admin-archive-tabs a:hover{background:rgba(148,163,184,.12);color:#fff}
.qrzcb-admin-archive-tabs a.is-active{background:linear-gradient(135deg,#67e8f9,#22d3ee);color:#001018;box-shadow:0 8px 20px rgba(34,211,238,.2)}
.qrzcb-admin-archive-filter{margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.9))}
.qrzcb-admin-archive-filter form{display:grid;grid-template-columns:minmax(250px,1.8fr) repeat(5,minmax(125px,.7fr));gap:12px;align-items:end;margin:0}
.qrzcb-admin-archive-filter label{margin:0}.qrzcb-admin-archive-filter label>span{display:block;margin-bottom:6px}
.qrzcb-admin-archive-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap;margin-top:2px}
.qrzcb-admin-archive-panel .panel-head{align-items:flex-end}.qrzcb-admin-archive-panel .panel-head small{display:block;margin-top:4px;color:var(--muted)}
.qrzcb-admin-archive-table{min-width:1080px!important}.qrzcb-admin-archive-table td{vertical-align:top}.qrzcb-admin-archive-table td strong,.qrzcb-admin-archive-table td small{display:block}.qrzcb-admin-archive-table td small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3}
.qrzcb-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.55)}
.qrzcb-admin-pagination a{font-size:11px;font-weight:900}.qrzcb-admin-pagination span{color:var(--muted);font-size:11px}.qrzcb-admin-pagination .is-disabled{opacity:.4;pointer-events:none}
@media(max-width:1100px){.qrzcb-admin-archive-filter form{grid-template-columns:repeat(3,minmax(0,1fr))}.qrzcb-admin-archive-search{grid-column:span 2}}
@media(max-width:700px){.qrzcb-admin-archive-filter form{grid-template-columns:1fr}.qrzcb-admin-archive-search{grid-column:auto}.qrzcb-admin-archive-actions{justify-content:stretch}.qrzcb-admin-archive-actions .btn{flex:1}.qrzcb-admin-pagination{align-items:stretch;flex-direction:column;text-align:center}.qrzcb-admin-pagination a{display:block;padding:8px}}
/* END QRZCB 3.4 - Admin archive and pagination */
/* BEGIN QRZCB 3.5 - identity avatars */
.qrzcb-identity-avatar-form {
display: grid;
grid-template-columns: 88px minmax(0,1fr) auto;
align-items: center;
gap: 14px;
margin: 14px 0 16px;
padding: 14px;
border: 1px solid rgba(148,163,184,.22);
border-radius: 17px;
background: linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.82));
}
.qrzcb-identity-avatar-form--cb { border-top-color: rgba(245,158,11,.72); }
.qrzcb-identity-avatar-form--om { border-top-color: rgba(34,211,238,.72); }
.qrzcb-identity-avatar-preview {
position: relative;
display: grid;
place-items: center;
width: 82px;
height: 82px;
overflow: hidden;
border: 3px solid #94a3b8;
border-radius: 50%;
background: #0f172a;
color: #fff;
box-shadow: 0 10px 26px rgba(0,0,0,.32);
}
.qrzcb-identity-avatar-form--cb .qrzcb-identity-avatar-preview { border-color: #f59e0b; }
.qrzcb-identity-avatar-form--om .qrzcb-identity-avatar-preview { border-color: #22d3ee; }
.qrzcb-identity-avatar-preview img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.qrzcb-identity-avatar-preview > span {
font-size: 22px;
font-weight: 950;
}
.qrzcb-identity-avatar-preview > b {
position: absolute;
right: 3px;
bottom: 3px;
display: grid;
place-items: center;
min-width: 24px;
height: 20px;
padding: 0 5px;
border-radius: 999px;
background: rgba(2,6,23,.92);
color: #fff;
font-size: 9px;
font-weight: 950;
line-height: 1;
}
.qrzcb-identity-avatar-copy { min-width: 0; }
.qrzcb-identity-avatar-copy > strong,
.qrzcb-identity-avatar-copy > small { display: block; }
.qrzcb-identity-avatar-copy > strong { margin-top: 2px; color: #fff; font-size: 17px; }
.qrzcb-identity-avatar-copy > small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.qrzcb-identity-avatar-file {
display: block;
margin-top: 10px;
}
.qrzcb-identity-avatar-file input {
width: 100%;
}
.qrzcb-identity-avatar-actions {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
min-width: 145px;
}
.qrzcb-identity-avatar-actions .btn {
width: 100%;
min-height: 38px;
padding: 8px 11px;
font-size: 10px;
white-space: nowrap;
}
@media (max-width: 760px) {
.qrzcb-identity-avatar-form {
grid-template-columns: 72px minmax(0,1fr);
}
.qrzcb-identity-avatar-preview {
width: 68px;
height: 68px;
}
.qrzcb-identity-avatar-actions {
grid-column: 1 / -1;
flex-direction: row;
min-width: 0;
}
}
@media (max-width: 480px) {
.qrzcb-identity-avatar-form {
grid-template-columns: 1fr;
}
.qrzcb-identity-avatar-preview {
justify-self: center;
}
.qrzcb-identity-avatar-copy {
text-align: center;
}
.qrzcb-identity-avatar-actions {
flex-direction: column;
}
}
/* END QRZCB 3.5 - identity avatars */
/* BEGIN QRZCB 4.0 - Home Live Log */
.qrzcb-live-log {
position: relative;
overflow: hidden;
margin-top: 22px;
padding: 22px;
border: 1px solid var(--line);
border-radius: 24px;
background:
radial-gradient(circle at 92% 4%, rgba(34, 211, 238, .12), transparent 32%),
radial-gradient(circle at 0 100%, rgba(245, 158, 11, .08), transparent 35%),
linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .96));
box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
.qrzcb-live-log__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.qrzcb-live-log__head h2,
.qrzcb-live-log__head p {
margin: 0;
}
.qrzcb-live-log__head h2 {
color: #fff;
font-size: clamp(27px, 3vw, 42px);
line-height: 1;
letter-spacing: -.035em;
}
.qrzcb-live-log__head p {
margin-top: 8px;
max-width: 620px;
color: var(--muted);
font-size: 12px;
line-height: 1.5;
}
.qrzcb-live-log__title-row {
display: flex;
align-items: center;
gap: 12px;
margin-top: 4px;
}
.qrzcb-live-log__pulse {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 25px;
padding: 5px 9px;
border: 1px solid rgba(74, 222, 128, .34);
border-radius: 999px;
background: rgba(22, 101, 52, .18);
color: #86efac;
font-size: 9px;
font-weight: 950;
letter-spacing: .09em;
}
.qrzcb-live-log__pulse i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #4ade80;
box-shadow: 0 0 0 5px rgba(74, 222, 128, .10);
animation: qrzcbLivePulse 1.8s ease-in-out infinite;
}
@keyframes qrzcbLivePulse {
0%, 100% { opacity: .55; transform: scale(.88); }
50% { opacity: 1; transform: scale(1.08); }
}
.qrzcb-live-log__filters {
display: inline-flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
padding: 4px;
border: 1px solid rgba(148, 163, 184, .24);
border-radius: 999px;
background: rgba(2, 6, 23, .72);
}
.qrzcb-live-log__filters button {
min-width: 50px;
min-height: 32px;
padding: 7px 12px;
border: 0;
border-radius: 999px;
background: transparent;
color: #94a3b8;
font-size: 10px;
font-weight: 950;
letter-spacing: .06em;
text-transform: uppercase;
transition: background .15s ease, color .15s ease, transform .15s ease;
}
.qrzcb-live-log__filters button:hover {
color: #fff;
transform: translateY(-1px);
}
.qrzcb-live-log__filters button.is-active {
background: linear-gradient(135deg, #67e8f9, #22d3ee);
color: #001018;
box-shadow: 0 7px 18px rgba(34, 211, 238, .20);
}
.qrzcb-live-log__filters button:focus-visible {
outline: 2px solid #67e8f9;
outline-offset: 2px;
}
.qrzcb-live-log__status-line {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: 18px;
padding-top: 13px;
border-top: 1px solid rgba(148, 163, 184, .14);
color: var(--muted);
font-size: 10px;
}
.qrzcb-live-log__status-line strong {
color: #fff;
}
.qrzcb-live-log__status-line [data-state="error"] {
color: #fca5a5;
}
.qrzcb-live-log__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 13px;
}
.qrzcb-live-log__item {
position: relative;
display: grid;
grid-template-columns: 62px minmax(0, 1fr);
align-items: center;
gap: 14px;
min-height: 104px;
padding: 14px;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 18px;
background: linear-gradient(145deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .88));
transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.qrzcb-live-log__item::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
background: #f59e0b;
}
.qrzcb-live-log__item.is-om::before {
background: #22d3ee;
}
.qrzcb-live-log__item:hover {
transform: translateY(-2px);
border-color: rgba(103, 232, 249, .32);
box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
}
.qrzcb-live-log__item.is-new {
animation: qrzcbLiveNew 2.4s ease-out;
}
@keyframes qrzcbLiveNew {
0% { border-color: rgba(74, 222, 128, .92); box-shadow: 0 0 0 5px rgba(74, 222, 128, .14); }
100% { border-color: rgba(148, 163, 184, .18); box-shadow: none; }
}
.qrzcb-live-log__avatar {
position: relative;
display: grid;
place-items: center;
width: 58px;
height: 58px;
overflow: hidden;
border: 3px solid #f59e0b;
border-radius: 50%;
background: #111827;
color: #fff;
text-decoration: none;
box-shadow: 0 9px 20px rgba(0, 0, 0, .28);
}
.qrzcb-live-log__avatar.is-om {
border-color: #22d3ee;
}
.qrzcb-live-log__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.qrzcb-live-log__avatar-fallback {
font-size: 16px;
font-weight: 950;
letter-spacing: .03em;
}
.qrzcb-live-log__body {
min-width: 0;
}
.qrzcb-live-log__top,
.qrzcb-live-log__identity,
.qrzcb-live-log__meta,
.qrzcb-live-log__footer {
display: flex;
align-items: center;
}
.qrzcb-live-log__top {
justify-content: space-between;
gap: 10px;
}
.qrzcb-live-log__identity {
gap: 6px;
min-width: 0;
}
.qrzcb-live-log__callsign {
overflow: hidden;
color: #fff;
font-size: 11px;
font-weight: 950;
letter-spacing: .04em;
text-overflow: ellipsis;
white-space: nowrap;
}
.qrzcb-live-log__type,
.qrzcb-live-log__live {
display: inline-flex;
align-items: center;
min-height: 20px;
padding: 3px 6px;
border-radius: 999px;
font-size: 8px;
font-weight: 950;
letter-spacing: .06em;
}
.qrzcb-live-log__type.is-cb {
border: 1px solid rgba(245, 158, 11, .35);
background: rgba(245, 158, 11, .10);
color: #fcd34d;
}
.qrzcb-live-log__type.is-om {
border: 1px solid rgba(34, 211, 238, .35);
background: rgba(34, 211, 238, .10);
color: #a5f3fc;
}
.qrzcb-live-log__live {
border: 1px solid rgba(74, 222, 128, .32);
background: rgba(22, 101, 52, .17);
color: #86efac;
}
.qrzcb-live-log__time {
flex: 0 0 auto;
color: #64748b;
font-size: 9px;
white-space: nowrap;
}
.qrzcb-live-log__route {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
margin-top: 7px;
}
.qrzcb-live-log__station,
.qrzcb-live-log__contact {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
font-weight: 950;
letter-spacing: .025em;
}
.qrzcb-live-log__station {
color: #67e8f9;
}
.qrzcb-live-log__contact {
color: #fff;
}
.qrzcb-live-log__arrow {
flex: 0 0 auto;
color: #64748b;
font-size: 16px;
}
.qrzcb-live-log__meta {
gap: 5px;
flex-wrap: wrap;
margin-top: 9px;
}
.qrzcb-live-log__chip {
display: inline-flex;
align-items: center;
min-height: 22px;
max-width: 100%;
padding: 4px 7px;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, .16);
border-radius: 999px;
background: rgba(15, 23, 42, .76);
color: #cbd5e1;
font-size: 8.5px;
font-weight: 750;
text-overflow: ellipsis;
white-space: nowrap;
}
.qrzcb-live-log__chip.is-radio {
color: #e2e8f0;
}
.qrzcb-live-log__empty {
grid-column: 1 / -1;
display: grid;
place-items: center;
min-height: 150px;
padding: 25px;
border: 1px dashed rgba(148, 163, 184, .22);
border-radius: 18px;
color: var(--muted);
text-align: center;
}
.qrzcb-live-log__empty strong,
.qrzcb-live-log__empty span {
display: block;
}
.qrzcb-live-log__empty strong {
color: #fff;
font-size: 14px;
}
.qrzcb-live-log__empty span {
margin-top: -30px;
font-size: 10px;
}
.qrzcb-live-log__footer {
justify-content: space-between;
gap: 15px;
margin-top: 14px;
padding-top: 13px;
border-top: 1px solid rgba(148, 163, 184, .14);
color: var(--muted);
font-size: 9.5px;
}
.qrzcb-live-log__footer a {
color: #67e8f9;
font-weight: 850;
white-space: nowrap;
}
@media (max-width: 840px) {
.qrzcb-live-log__head {
flex-direction: column;
}
.qrzcb-live-log__filters {
align-self: flex-start;
}
.qrzcb-live-log__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.qrzcb-live-log {
padding: 16px;
border-radius: 19px;
}
.qrzcb-live-log__status-line,
.qrzcb-live-log__footer {
align-items: flex-start;
flex-direction: column;
}
.qrzcb-live-log__item {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
min-height: 94px;
padding: 12px;
}
.qrzcb-live-log__avatar {
width: 48px;
height: 48px;
}
.qrzcb-live-log__station,
.qrzcb-live-log__contact {
font-size: 13px;
}
.qrzcb-live-log__time {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.qrzcb-live-log__pulse i,
.qrzcb-live-log__item.is-new {
animation: none !important;
}
}
/* END QRZCB 4.0 - Home Live Log */
/* BEGIN QRZCB 4.1 - Home online users card */
.qrzcb-home-stat-grid {
grid-template-columns:
repeat(auto-fit, minmax(185px, 1fr)) !important;
}
.qrzcb-home-online-stat {
position:
relative;
overflow:
hidden;
border-color:
rgba(74, 222, 128, .28) !important;
background:
radial-gradient(
circle at 100% 0,
rgba(34, 197, 94, .14),
transparent 48%
),
linear-gradient(
180deg,
rgba(15, 23, 42, .88),
rgba(2, 6, 23, .92)
) !important;
}
.qrzcb-home-online-stat::after {
content:
"";
position:
absolute;
right:
-26px;
bottom:
-28px;
width:
92px;
height:
92px;
border:
1px solid rgba(74, 222, 128, .16);
border-radius:
50%;
box-shadow:
0 0 0 16px rgba(74, 222, 128, .035),
0 0 0 32px rgba(74, 222, 128, .018);
pointer-events:
none;
}
.qrzcb-home-online-stat__head {
position:
relative;
z-index:
2;
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
10px;
}
.qrzcb-home-online-stat__live {
display:
inline-flex;
align-items:
center;
gap:
6px;
min-height:
23px;
padding:
4px 8px;
border:
1px solid rgba(74, 222, 128, .28);
border-radius:
999px;
background:
rgba(22, 101, 52, .22);
color:
#86efac;
font-size:
9px;
font-weight:
950;
line-height:
1;
letter-spacing:
.07em;
}
.qrzcb-home-online-stat__live i {
display:
block;
width:
7px;
height:
7px;
border-radius:
50%;
background:
#4ade80;
box-shadow:
0 0 0 4px rgba(74, 222, 128, .12),
0 0 15px rgba(74, 222, 128, .76);
animation:
qrzcb-online-pulse 1.8s ease-in-out infinite;
}
.qrzcb-home-online-stat > strong {
position:
relative;
z-index:
2;
color:
#f0fdf4 !important;
}
.qrzcb-home-online-stat > small {
position:
relative;
z-index:
2;
display:
block;
color:
#9fb8aa;
font-size:
10px;
line-height:
1.35;
}
.qrzcb-home-online-stat[data-state="error"]
.qrzcb-home-online-stat__live {
border-color:
rgba(148, 163, 184, .24);
background:
rgba(51, 65, 85, .28);
color:
#cbd5e1;
}
.qrzcb-home-online-stat[data-state="error"]
.qrzcb-home-online-stat__live i {
background:
#94a3b8;
box-shadow:
none;
animation:
none;
}
@keyframes qrzcb-online-pulse {
0%, 100% {
opacity:
1;
transform:
scale(1);
}
50% {
opacity:
.58;
transform:
scale(.78);
}
}
@media (prefers-reduced-motion: reduce) {
.qrzcb-home-online-stat__live i {
animation:
none;
}
}
/* END QRZCB 4.1 - Home online users card */
/* BEGIN QRZCB 4.3 - unified CB OM registration */
.qrzcb-registration-choice--three {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
.qrzcb-registration-choice__card--dual {
border-color:
rgba(167, 139, 250, .42);
background:
radial-gradient(
circle at 10% 0,
rgba(245, 158, 11, .15),
transparent 43%
),
radial-gradient(
circle at 100% 100%,
rgba(34, 211, 238, .15),
transparent 44%
),
linear-gradient(
180deg,
rgba(15, 23, 42, .94),
rgba(2, 6, 23, .96)
);
}
.qrzcb-registration-existing-account,
.qrzcb-single-registration-warning,
.qrzcb-dual-registration-info {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
14px;
margin:
16px 0;
padding:
14px 16px;
border:
1px solid rgba(34, 211, 238, .24);
border-radius:
16px;
background:
rgba(8, 47, 73, .22);
}
.qrzcb-registration-existing-account strong,
.qrzcb-registration-existing-account span,
.qrzcb-single-registration-warning strong,
.qrzcb-single-registration-warning span,
.qrzcb-dual-registration-info strong,
.qrzcb-dual-registration-info span {
display:
block;
}
.qrzcb-registration-existing-account span,
.qrzcb-single-registration-warning span,
.qrzcb-dual-registration-info span {
flex:
1;
color:
var(--muted);
font-size:
11px;
line-height:
1.45;
}
.qrzcb-single-registration-warning a {
color:
var(--cyan);
font-size:
11px;
font-weight:
900;
white-space:
nowrap;
}
.qrzcb-dual-registration {
display:
grid;
gap:
20px;
}
.qrzcb-dual-registration__account {
padding-bottom:
18px;
border-bottom:
1px solid var(--line);
}
.qrzcb-primary-identity {
display:
grid;
gap:
8px;
margin:
15px 0 0;
padding:
14px;
border:
1px solid var(--line);
border-radius:
14px;
}
.qrzcb-primary-identity legend {
padding:
0 7px;
color:
#fff;
font-size:
11px;
font-weight:
900;
}
.qrzcb-primary-identity label {
display:
flex;
align-items:
center;
gap:
9px;
padding:
9px 11px;
border:
1px solid rgba(148, 163, 184, .16);
border-radius:
11px;
background:
rgba(15, 23, 42, .52);
}
.qrzcb-dual-registration__identities {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
16px;
}
.qrzcb-identity-registration {
min-width:
0;
margin:
0;
padding:
16px;
border:
1px solid var(--line);
border-radius:
18px;
background:
linear-gradient(
180deg,
rgba(15, 23, 42, .74),
rgba(2, 6, 23, .82)
);
}
.qrzcb-identity-registration--cb {
border-color:
rgba(245, 158, 11, .32);
}
.qrzcb-identity-registration--om {
border-color:
rgba(34, 211, 238, .32);
}
.qrzcb-identity-registration legend {
display:
flex;
align-items:
center;
gap:
8px;
padding:
0 8px;
color:
#fff;
}
.qrzcb-identity-registration legend span {
font-size:
12px;
font-weight:
950;
}
.qrzcb-identity-registration legend strong {
color:
var(--muted);
font-size:
9px;
letter-spacing:
.08em;
}
.qrzcb-dual-registration-admin {
margin-top:
18px;
}
.qrzcb-dual-registration-admin__intro {
margin:
0 0 14px;
color:
var(--muted);
font-size:
11px;
}
.qrzcb-dual-registration-admin__grid {
display:
grid;
grid-template-columns:
repeat(auto-fit, minmax(300px, 1fr));
gap:
12px;
}
.qrzcb-dual-registration-admin__card {
padding:
14px;
border:
1px solid var(--line);
border-radius:
16px;
background:
rgba(2, 6, 23, .66);
}
.qrzcb-dual-registration-admin__card header {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
10px;
margin-bottom:
12px;
}
.qrzcb-dual-registration-admin__card header span,
.qrzcb-dual-registration-admin__card header strong {
display:
block;
}
.qrzcb-dual-registration-admin__card header strong {
margin-top:
2px;
color:
var(--muted);
font-size:
10px;
}
.qrzcb-dual-registration-admin__card header b {
padding:
5px 8px;
border-radius:
999px;
background:
linear-gradient(
90deg,
rgba(245, 158, 11, .18),
rgba(34, 211, 238, .18)
);
color:
#fff;
font-size:
9px;
}
.qrzcb-dual-registration-admin__identities {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
9px;
}
.qrzcb-dual-registration-admin__identity {
padding:
11px;
border:
1px solid var(--line);
border-radius:
13px;
}
.qrzcb-dual-registration-admin__identity--cb {
border-color:
rgba(245, 158, 11, .32);
}
.qrzcb-dual-registration-admin__identity--om {
border-color:
rgba(34, 211, 238, .32);
}
.qrzcb-dual-registration-admin__identity span,
.qrzcb-dual-registration-admin__identity strong,
.qrzcb-dual-registration-admin__identity small {
display:
block;
}
.qrzcb-dual-registration-admin__identity span {
color:
var(--muted);
font-size:
8px;
font-weight:
900;
letter-spacing:
.07em;
}
.qrzcb-dual-registration-admin__identity strong {
margin:
4px 0 7px;
color:
#fff;
font-size:
15px;
}
.qrzcb-dual-registration-admin__identity small {
margin-top:
3px;
color:
var(--muted);
font-size:
9px;
line-height:
1.35;
}
@media (max-width: 900px) {
.qrzcb-registration-choice--three,
.qrzcb-dual-registration__identities {
grid-template-columns:
1fr;
}
}
@media (max-width: 680px) {
.qrzcb-registration-existing-account,
.qrzcb-single-registration-warning,
.qrzcb-dual-registration-info {
align-items:
flex-start;
flex-direction:
column;
}
.qrzcb-dual-registration-admin__identities {
grid-template-columns:
1fr;
}
}
/* END QRZCB 4.3 - unified CB OM registration */
/* BEGIN QRZCB 4.4 - eQSL recipient operator search */
.qrzcb-eqsl-operator-search {
display:
grid;
grid-template-columns:
minmax(0, 1fr)
42px;
gap:
8px;
width:
100%;
margin:
0 0 8px;
padding:
0;
}
.qrzcb-eqsl-operator-search__input {
width:
100% !important;
min-width:
0;
min-height:
47px;
margin:
0 !important;
padding:
11px 14px 11px 42px !important;
border:
1px solid rgba(34, 211, 238, .48)
!important;
border-radius:
14px !important;
background:
rgba(2, 8, 20, .82)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2367e8f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")
no-repeat
13px
center !important;
color:
#f8fafc !important;
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, .02),
0 8px 20px rgba(0, 0, 0, .15);
font-size:
14px !important;
font-weight:
750;
outline:
none !important;
transition:
border-color .15s ease,
box-shadow .15s ease,
background-color .15s ease;
}
.qrzcb-eqsl-operator-search__input::placeholder {
color:
#8796aa;
opacity:
1;
}
.qrzcb-eqsl-operator-search__input:focus {
border-color:
#67e8f9 !important;
background-color:
rgba(3, 12, 27, .96) !important;
box-shadow:
0 0 0 3px rgba(34, 211, 238, .14),
0 12px 28px rgba(0, 0, 0, .22)
!important;
}
.qrzcb-eqsl-operator-search__clear {
display:
grid;
place-items:
center;
width:
42px;
min-width:
42px;
min-height:
47px;
margin:
0;
padding:
0;
border:
1px solid rgba(148, 163, 184, .28);
border-radius:
13px;
background:
rgba(15, 23, 42, .88);
color:
#cbd5e1;
font-size:
25px;
font-weight:
500;
line-height:
1;
cursor:
pointer;
}
.qrzcb-eqsl-operator-search__clear:hover {
border-color:
rgba(248, 113, 113, .62);
background:
rgba(127, 29, 29, .24);
color:
#fecaca;
}
.qrzcb-eqsl-operator-search__clear[hidden] {
display:
none !important;
}
.qrzcb-eqsl-operator-search__status {
grid-column:
1 / -1;
display:
block;
min-height:
15px;
margin:
-2px 2px 0;
color:
#94a3b8;
font-size:
10px;
font-weight:
750;
line-height:
1.35;
}
.qrzcb-eqsl-recipient-select {
width:
100% !important;
}
.qrzcb-eqsl-recipient-select.is-search-filtered {
border-color:
rgba(34, 211, 238, .72)
!important;
}
.qrzcb-eqsl-recipient-select.has-no-search-results {
border-color:
rgba(248, 113, 113, .58)
!important;
}
@media (max-width: 680px) {
.qrzcb-eqsl-operator-search {
grid-template-columns:
minmax(0, 1fr)
40px;
gap:
7px;
}
.qrzcb-eqsl-operator-search__input {
min-height:
44px;
padding:
10px 11px 10px 39px !important;
background-position:
11px center !important;
font-size:
13px !important;
}
.qrzcb-eqsl-operator-search__clear {
width:
40px;
min-width:
40px;
min-height:
44px;
}
}
/* END QRZCB 4.4 - eQSL recipient operator search */
/* BEGIN QRZCB 4.5 - custom spot schedule */
.qrzcb-spot-schedule {
padding: 14px;
border: 1px solid rgba(34, 211, 238, .30);
border-radius: 16px;
background: linear-gradient(180deg, rgba(8, 20, 35, .90), rgba(3, 10, 20, .92));
box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.qrzcb-spot-schedule[hidden] {
display: none !important;
}
.qrzcb-spot-schedule__head,
.qrzcb-spot-schedule__mode,
.qrzcb-spot-schedule__grid {
display: flex;
align-items: center;
gap: 12px;
}
.qrzcb-spot-schedule__head {
justify-content: space-between;
margin-bottom: 12px;
}
.qrzcb-spot-schedule__head strong,
.qrzcb-spot-schedule__head small {
display: block;
}
.qrzcb-spot-schedule__head strong {
color: #fff;
font-size: 13px;
}
.qrzcb-spot-schedule__head small {
margin-top: 3px;
color: var(--muted);
font-size: 10px;
}
.qrzcb-spot-schedule__head > span {
padding: 5px 8px;
border: 1px solid rgba(245, 158, 11, .38);
border-radius: 999px;
color: #fcd34d;
background: rgba(245, 158, 11, .09);
font-size: 9px;
font-weight: 900;
}
.qrzcb-spot-schedule__mode {
flex-wrap: wrap;
margin-bottom: 12px;
}
.qrzcb-spot-schedule__mode label {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 36px;
padding: 7px 10px;
border: 1px solid var(--line);
border-radius: 11px;
background: rgba(15, 23, 42, .68);
cursor: pointer;
}
.qrzcb-spot-schedule__mode input {
width: auto !important;
margin: 0 !important;
}
.qrzcb-spot-schedule__grid {
align-items: flex-end;
}
.qrzcb-spot-schedule__grid > label {
flex: 1 1 240px;
}
.qrzcb-spot-schedule__summary {
margin-top: 10px;
padding: 9px 11px;
border-radius: 10px;
background: rgba(34, 211, 238, .07);
color: #a5f3fc;
font-size: 10px;
font-weight: 750;
line-height: 1.4;
}
@media (max-width: 680px) {
.qrzcb-spot-schedule__grid {
align-items: stretch;
flex-direction: column;
}
.qrzcb-spot-schedule__grid > label {
width: 100%;
flex-basis: auto;
}
}
/* END QRZCB 4.5 - custom spot schedule */
/* BEGIN QRZCB 4.6 - QTH automatic levels admin */
.qrzcb-qth-level-legend {
display:
grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap:
12px;
margin:
0 0 18px;
}
.qrzcb-qth-level-legend article {
display:
grid;
grid-template-columns:
38px minmax(0, 1fr);
gap:
2px 10px;
align-items:
center;
padding:
14px;
border:
1px solid rgba(148, 163, 184, .20);
border-radius:
16px;
background:
rgba(8, 13, 24, .82);
}
.qrzcb-qth-level-legend i {
grid-row:
1 / 3;
width:
34px;
height:
34px;
border:
3px solid rgba(255, 255, 255, .55);
border-radius:
10px;
background:
var(--qrzcb-level-color);
box-shadow:
0 0 18px color-mix(
in srgb,
var(--qrzcb-level-color) 46%,
transparent
);
}
.qrzcb-qth-level-legend strong {
color:
#f8fafc;
font-size:
13px;
}
.qrzcb-qth-level-legend span {
color:
#94a3b8;
font-size:
10px;
}
.qrzcb-qth-level-search {
display:
grid;
gap:
5px;
min-width:
260px;
}
.qrzcb-qth-level-search span {
color:
#94a3b8;
font-size:
9px;
font-weight:
900;
text-transform:
uppercase;
letter-spacing:
.08em;
}
.qrzcb-qth-level-notice {
display:
grid;
gap:
4px;
margin:
0 0 16px;
padding:
12px 14px;
border:
1px solid rgba(34, 211, 238, .23);
border-radius:
14px;
background:
rgba(8, 47, 73, .18);
}
.qrzcb-qth-level-notice strong {
color:
#67e8f9;
font-size:
11px;
}
.qrzcb-qth-level-notice span {
color:
#b7c4d6;
font-size:
10px;
line-height:
1.5;
}
.qrzcb-qth-level-list {
display:
grid;
gap:
14px;
}
.qrzcb-qth-level-card {
overflow:
hidden;
border:
1px solid rgba(148, 163, 184, .20);
border-radius:
18px;
background:
linear-gradient(
145deg,
rgba(10, 16, 29, .96),
rgba(4, 8, 18, .96)
);
}
.qrzcb-qth-level-card[hidden] {
display:
none !important;
}
.qrzcb-qth-level-card > header {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
14px;
padding:
16px;
border-bottom:
1px solid rgba(148, 163, 184, .14);
}
.qrzcb-qth-level-operator {
display:
flex;
align-items:
center;
gap:
12px;
}
.qrzcb-qth-level-operator > div {
display:
grid;
gap:
2px;
}
.qrzcb-qth-level-operator strong {
color:
#f8fafc;
font-size:
17px;
letter-spacing:
.03em;
}
.qrzcb-qth-level-operator span {
color:
#94a3b8;
font-size:
11px;
}
.qrzcb-qth-level-house {
display:
grid;
place-items:
center;
width:
42px;
height:
42px;
border:
3px double rgba(34, 211, 238, .85);
border-radius:
12px;
background:
var(--qrzcb-house-color);
color:
#111827;
box-shadow:
0 8px 24px rgba(0, 0, 0, .28);
font-size:
25px;
font-weight:
950;
}
.qrzcb-qth-level-badges {
display:
flex;
flex-wrap:
wrap;
justify-content:
flex-end;
gap:
7px;
}
.qrzcb-level-badge,
.qrzcb-activity-badge {
display:
inline-flex;
align-items:
center;
min-height:
26px;
padding:
5px 9px;
border:
1px solid rgba(148, 163, 184, .24);
border-radius:
999px;
background:
rgba(15, 23, 42, .78);
color:
#dbeafe;
font-size:
9px;
font-weight:
950;
text-transform:
uppercase;
letter-spacing:
.055em;
}
.qrzcb-level-badge.is-bronze {
border-color:
rgba(205, 127, 50, .72);
color:
#fdba74;
}
.qrzcb-level-badge.is-silver {
border-color:
rgba(192, 192, 192, .72);
color:
#e5e7eb;
}
.qrzcb-level-badge.is-full {
border-color:
rgba(152, 255, 0, .72);
color:
#b7ff4a;
}
.qrzcb-activity-badge.is-active {
color:
#67e8f9;
}
.qrzcb-activity-badge.is-very-active {
color:
#c4b5fd;
}
.qrzcb-activity-badge.is-top {
border-color:
rgba(250, 204, 21, .62);
color:
#fde047;
}
.qrzcb-qth-level-stats {
display:
grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap:
1px;
background:
rgba(148, 163, 184, .12);
}
.qrzcb-qth-level-stats > div {
display:
grid;
gap:
4px;
padding:
13px 15px;
background:
rgba(4, 8, 18, .96);
}
.qrzcb-qth-level-stats small {
color:
#64748b;
font-size:
8px;
font-weight:
950;
text-transform:
uppercase;
letter-spacing:
.08em;
}
.qrzcb-qth-level-stats strong {
color:
#e2e8f0;
font-size:
11px;
line-height:
1.35;
}
.qrzcb-qth-level-stats span {
color:
#8090a6;
font-size:
9px;
line-height:
1.35;
}
.qrzcb-qth-color-value {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Consolas,
monospace;
}
.qrzcb-qth-level-form {
display:
grid;
grid-template-columns:
minmax(250px, 1.4fr)
minmax(190px, .8fr)
minmax(210px, .9fr)
auto;
gap:
14px;
align-items:
end;
padding:
16px;
}
.qrzcb-qth-level-form fieldset {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
8px;
min-width:
0;
margin:
0;
padding:
0;
border:
0;
}
.qrzcb-qth-level-form legend,
.qrzcb-qth-level-form > label > span {
display:
block;
margin:
0 0 6px;
color:
#94a3b8;
font-size:
9px;
font-weight:
900;
text-transform:
uppercase;
letter-spacing:
.07em;
}
.qrzcb-qth-level-form fieldset label {
display:
flex;
align-items:
flex-start;
gap:
8px;
min-height:
59px;
padding:
10px;
border:
1px solid rgba(148, 163, 184, .20);
border-radius:
12px;
background:
rgba(15, 23, 42, .44);
cursor:
pointer;
}
.qrzcb-qth-level-form fieldset input {
margin-top:
2px;
}
.qrzcb-qth-level-form fieldset span {
display:
grid;
gap:
3px;
}
.qrzcb-qth-level-form fieldset strong {
color:
#e2e8f0;
font-size:
10px;
}
.qrzcb-qth-level-form fieldset small {
color:
#7f8da2;
font-size:
8.5px;
line-height:
1.3;
}
.qrzcb-qth-manual-color > div {
display:
flex;
align-items:
center;
gap:
9px;
min-height:
47px;
padding:
7px 10px;
border:
1px solid rgba(148, 163, 184, .20);
border-radius:
12px;
background:
rgba(15, 23, 42, .44);
}
.qrzcb-qth-manual-color input[type="color"] {
width:
44px;
height:
32px;
padding:
0;
border:
0;
background:
transparent;
}
.qrzcb-qth-manual-color output {
color:
#dbeafe;
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Consolas,
monospace;
font-size:
11px;
font-weight:
850;
}
.qrzcb-qth-level-form:not(.is-manual)
.qrzcb-qth-manual-color {
opacity:
.48;
}
.qrzcb-qth-member-since small {
display:
block;
margin-top:
5px;
color:
#64748b;
font-size:
8px;
line-height:
1.35;
}
@media (max-width: 1000px) {
.qrzcb-qth-level-legend,
.qrzcb-qth-level-stats {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.qrzcb-qth-level-form {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.qrzcb-qth-level-legend,
.qrzcb-qth-level-stats,
.qrzcb-qth-level-form {
grid-template-columns:
1fr;
}
.qrzcb-qth-level-card > header {
align-items:
flex-start;
flex-direction:
column;
}
.qrzcb-qth-level-badges {
justify-content:
flex-start;
}
.qrzcb-qth-level-search {
min-width:
0;
width:
100%;
}
}
/* END QRZCB 4.6 - QTH automatic levels admin */
/* BEGIN QRZCB 4.8 - Online users callsigns */
.qrzcb-home-online-stat__members {
position: relative;
z-index: 3;
margin-top: 10px;
padding-top: 9px;
border-top: 1px solid rgba(74, 222, 128, .14);
}
.qrzcb-online-users-preview {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
padding: 1px 0 5px;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-x: contain;
scrollbar-width: none;
white-space: nowrap;
}
.qrzcb-online-users-preview::-webkit-scrollbar {
display: none;
}
.qrzcb-online-user-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 27px;
max-width: 210px;
padding: 5px 9px;
border: 1px solid rgba(74, 222, 128, .28);
border-radius: 999px;
background: rgba(20, 83, 45, .25);
color: #dcfce7 !important;
font-size: 9px;
font-weight: 900;
line-height: 1;
letter-spacing: .025em;
text-decoration: none !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
}
.qrzcb-online-user-chip:hover {
border-color: rgba(134, 239, 172, .72);
background: rgba(22, 101, 52, .42);
color: #ffffff !important;
}
.qrzcb-online-user-chip--more {
flex: 0 0 auto;
border-color: rgba(103, 232, 249, .34);
background: rgba(8, 47, 73, .36);
color: #cffafe !important;
}
.qrzcb-online-users-preview__empty {
color: #8ca59a;
font-size: 9px;
font-weight: 700;
line-height: 1.25;
}
.qrzcb-home-online-stat__members-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.qrzcb-home-online-stat__members-foot > small {
min-width: 0;
color: #7f988c;
font-size: 8.5px;
line-height: 1.25;
}
.qrzcb-home-online-stat__open {
flex: 0 0 auto;
min-height: 27px;
padding: 4px 8px;
border: 1px solid rgba(103, 232, 249, .26);
border-radius: 9px;
background: rgba(8, 47, 73, .28);
color: #a5f3fc;
font-size: 8.5px;
font-weight: 900;
cursor: pointer;
}
.qrzcb-home-online-stat__open:hover {
border-color: rgba(103, 232, 249, .66);
background: rgba(14, 116, 144, .28);
color: #ecfeff;
}
.qrzcb-home-online-stat__open[hidden] {
display: none !important;
}
.qrzcb-online-type {
display: inline-grid;
place-items: center;
min-width: 29px;
min-height: 21px;
padding: 3px 6px;
border-radius: 999px;
font-size: 8px;
font-weight: 950;
line-height: 1;
}
.qrzcb-online-type--cb {
border: 1px solid rgba(245, 158, 11, .55);
background: rgba(120, 53, 15, .28);
color: #fcd34d;
}
.qrzcb-online-type--om {
border: 1px solid rgba(34, 211, 238, .55);
background: rgba(8, 47, 73, .34);
color: #a5f3fc;
}
.qrzcb-online-users-modal[hidden] {
display: none !important;
}
.qrzcb-online-users-modal {
position: fixed;
inset: 0;
z-index: 4200;
display: grid;
place-items: center;
padding: 18px;
}
.qrzcb-online-users-modal__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: rgba(1, 5, 12, .76);
cursor: default;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.qrzcb-online-users-modal__panel {
position: relative;
z-index: 1;
width: min(520px, calc(100vw - 28px));
max-height: min(76dvh, 680px);
overflow: hidden;
border: 1px solid rgba(74, 222, 128, .30);
border-radius: 19px;
background: linear-gradient(155deg, rgba(8, 15, 28, .99), rgba(2, 6, 17, .99));
box-shadow: 0 28px 80px rgba(0, 0, 0, .62);
}
.qrzcb-online-users-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 15px 16px;
border-bottom: 1px solid rgba(148, 163, 184, .15);
background: linear-gradient(135deg, rgba(20, 83, 45, .35), rgba(8, 47, 73, .18));
}
.qrzcb-online-users-modal__header h2 {
margin: 3px 0 0;
color: #ffffff;
font-size: 20px;
line-height: 1.1;
}
.qrzcb-online-users-modal__header p {
margin: 5px 0 0;
color: #91a99c;
font-size: 10px;
}
.qrzcb-online-users-modal__close {
display: grid;
place-items: center;
width: 36px;
height: 36px;
flex: 0 0 36px;
padding: 0;
border: 1px solid rgba(148, 163, 184, .24);
border-radius: 11px;
background: rgba(15, 23, 42, .72);
color: #cbd5e1;
font-size: 24px;
cursor: pointer;
}
.qrzcb-online-users-modal__close:hover {
border-color: rgba(248, 113, 113, .58);
color: #fecaca;
}
.qrzcb-online-users-modal__list {
display: grid;
gap: 8px;
max-height: calc(min(76dvh, 680px) - 94px);
padding: 13px;
overflow-y: auto;
overscroll-behavior: contain;
}
.qrzcb-online-users-modal__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 57px;
padding: 9px 11px;
border: 1px solid rgba(148, 163, 184, .14);
border-radius: 13px;
background: rgba(15, 23, 42, .55);
color: #ffffff !important;
text-decoration: none !important;
}
.qrzcb-online-users-modal__item:hover {
border-color: rgba(74, 222, 128, .42);
background: rgba(20, 83, 45, .18);
}
.qrzcb-online-users-modal__identity {
display: grid;
gap: 6px;
min-width: 0;
}
.qrzcb-online-users-modal__identity strong {
overflow: hidden;
color: #f8fafc;
font-size: 13px;
font-weight: 950;
line-height: 1.1;
text-overflow: ellipsis;
white-space: nowrap;
}
.qrzcb-online-users-modal__types {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.qrzcb-online-users-modal__arrow {
flex: 0 0 auto;
color: #67e8f9;
font-size: 18px;
}
.qrzcb-online-users-modal__empty {
padding: 28px 16px;
border: 1px dashed rgba(148, 163, 184, .22);
border-radius: 13px;
color: #94a3b8;
text-align: center;
font-size: 11px;
line-height: 1.5;
}
html.qrzcb-online-modal-open {
overflow: hidden;
}
.qrzcb-online-privacy-panel {
border-color: rgba(74, 222, 128, .22) !important;
}
.qrzcb-online-privacy-panel__badge {
display: inline-flex;
align-items: center;
min-height: 27px;
padding: 5px 9px;
border: 1px solid rgba(74, 222, 128, .26);
border-radius: 999px;
background: rgba(20, 83, 45, .20);
color: #bbf7d0;
font-size: 9px;
font-weight: 900;
text-transform: uppercase;
}
.qrzcb-online-privacy-check {
align-items: flex-start;
margin: 0;
padding: 13px;
border: 1px solid rgba(74, 222, 128, .15);
border-radius: 13px;
background: rgba(20, 83, 45, .10);
}
.qrzcb-online-privacy-check strong {
display: block;
margin-bottom: 4px;
color: #f0fdf4;
font-size: 12px;
}
.qrzcb-online-privacy-panel__note {
margin: 10px 2px 0;
color: #94a3b8;
font-size: 10px;
line-height: 1.45;
}
@media (max-width: 680px) {
.qrzcb-online-users-modal {
align-items: end;
padding: 8px;
}
.qrzcb-online-users-modal__panel {
width: 100%;
max-height: 72dvh;
border-radius: 17px 17px 12px 12px;
}
.qrzcb-online-users-modal__header {
padding: 12px;
}
.qrzcb-online-users-modal__header h2 {
font-size: 17px;
}
.qrzcb-online-users-modal__list {
max-height: calc(72dvh - 82px);
padding: 9px;
}
.qrzcb-online-users-modal__item {
min-height: 53px;
}
}
/* END QRZCB 4.8 - Online users callsigns */
/* BEGIN QRZCB 4.9 - eQSL same operator type filter */
.qrzcb-eqsl-same-type-note {
display: block;
width: 100%;
margin: 7px 1px 0;
padding: 7px 9px;
border: 1px solid rgba(34, 211, 238, .22);
border-radius: 10px;
background: rgba(8, 47, 73, .20);
color: #a5f3fc;
font-size: 10px;
font-weight: 800;
line-height: 1.35;
}
/* END QRZCB 4.9 - eQSL same operator type filter */
/* BEGIN QRZCB 4.9 - Super Admin complete profile editor */
.qrzcb-super-profile-hero__actions,
.qrzcb-super-profile-badges,
.qrzcb-super-profile-options,
.qrzcb-super-profile-savebar,
.qrzcb-super-profile-add-identity__form {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.qrzcb-super-profile-hero__actions {
margin-top: 14px;
}
.qrzcb-super-profile-warning {
display: grid;
gap: 4px;
margin: 0 0 16px;
padding: 14px 16px;
border: 1px solid rgba(251, 191, 36, .34);
border-radius: 16px;
background: rgba(120, 53, 15, .15);
}
.qrzcb-super-profile-warning strong {
color: #fde68a;
font-size: 13px;
}
.qrzcb-super-profile-warning span,
.qrzcb-super-profile-help,
.qrzcb-super-profile-add-identity p {
color: var(--muted);
font-size: 11px;
line-height: 1.5;
}
.qrzcb-super-profile-form,
.qrzcb-super-profile-identities {
display: grid;
gap: 16px;
}
.qrzcb-super-profile-section,
.qrzcb-super-identity-card,
.qrzcb-super-profile-add-identity {
overflow: visible;
}
.qrzcb-super-profile-account-grid,
.qrzcb-super-identity-layout {
display: grid;
grid-template-columns: minmax(210px, .34fr) minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.qrzcb-super-profile-avatar-card {
display: grid;
gap: 11px;
padding: 14px;
border: 1px solid var(--line);
border-radius: 16px;
background: rgba(2, 6, 23, .48);
}
.qrzcb-super-profile-avatar {
display: grid;
place-items: center;
width: 122px;
height: 122px;
margin: 0 auto 4px;
overflow: hidden;
border: 2px solid rgba(103, 232, 249, .54);
border-radius: 22px;
background: linear-gradient(145deg, rgba(8, 47, 73, .82), rgba(15, 23, 42, .96));
color: #ecfeff;
font-size: 42px;
font-weight: 950;
box-shadow: 0 14px 34px rgba(0, 0, 0, .32);
}
.qrzcb-super-profile-avatar--identity {
width: 108px;
height: 108px;
border-radius: 50%;
}
.qrzcb-super-profile-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.qrzcb-super-profile-avatar-card label > span,
.qrzcb-super-profile-fields label > span,
.qrzcb-super-identity-fields label > span,
.qrzcb-super-profile-add-identity label > span {
display: block;
margin-bottom: 6px;
color: #dbeafe;
font-size: 10px;
font-weight: 900;
letter-spacing: .035em;
}
.qrzcb-super-profile-avatar-card small,
.qrzcb-super-profile-fields small,
.qrzcb-super-identity-fields small {
display: block;
margin-top: 5px;
color: var(--muted);
font-size: 9px;
line-height: 1.35;
}
.qrzcb-super-profile-wide {
grid-column: 1 / -1;
}
.qrzcb-super-profile-options {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid var(--line);
}
.qrzcb-super-profile-options--identity {
margin-top: 14px;
}
.qrzcb-super-profile-remove-photo {
color: #fecaca;
}
.qrzcb-super-profile-identities__head,
.qrzcb-super-identity-card__head,
.qrzcb-super-identity-card__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.qrzcb-super-profile-identities__head {
padding: 0 2px;
}
.qrzcb-super-profile-identities__head h2 {
margin: 3px 0 0;
}
.qrzcb-super-profile-identities__head > span {
color: var(--muted);
font-size: 11px;
}
.qrzcb-super-identity-card {
border-color: rgba(148, 163, 184, .20);
}
.qrzcb-super-identity-card--cb {
box-shadow: inset 4px 0 0 #f59e0b;
}
.qrzcb-super-identity-card--om {
box-shadow: inset 4px 0 0 #22d3ee;
}
.qrzcb-super-identity-card__head {
margin-bottom: 16px;
padding-bottom: 13px;
border-bottom: 1px solid var(--line);
}
.qrzcb-super-identity-card__title {
justify-content: flex-start;
}
.qrzcb-super-identity-card__title strong,
.qrzcb-super-identity-card__title small {
display: block;
}
.qrzcb-super-identity-card__title strong {
color: #fff;
font-size: 18px;
}
.qrzcb-super-identity-card__title small {
margin-top: 3px;
color: var(--muted);
font-size: 10px;
}
.qrzcb-super-identity-type {
display: grid;
place-items: center;
min-width: 44px;
height: 34px;
padding: 0 10px;
border: 1px solid rgba(103, 232, 249, .35);
border-radius: 11px;
background: rgba(8, 47, 73, .42);
color: #cffafe;
font-size: 11px;
font-weight: 950;
}
.qrzcb-super-identity-card--cb .qrzcb-super-identity-type {
border-color: rgba(245, 158, 11, .44);
background: rgba(120, 53, 15, .28);
color: #fde68a;
}
.qrzcb-super-profile-savebar {
position: sticky;
bottom: 12px;
z-index: 30;
justify-content: space-between;
margin: 2px 0 18px;
padding: 13px 15px;
border: 1px solid rgba(103, 232, 249, .42);
border-radius: 16px;
background: rgba(3, 10, 22, .96);
box-shadow: 0 18px 44px rgba(0, 0, 0, .42);
backdrop-filter: blur(14px);
}
.qrzcb-super-profile-savebar strong,
.qrzcb-super-profile-savebar span {
display: block;
}
.qrzcb-super-profile-savebar strong {
color: #fff;
font-size: 13px;
}
.qrzcb-super-profile-savebar span {
margin-top: 3px;
color: var(--muted);
font-size: 9.5px;
}
.qrzcb-super-profile-add-identity__form {
align-items: end;
}
.qrzcb-super-profile-add-identity__form label {
flex: 1 1 280px;
}
.qrzcb-admin-edit-profile-btn {
white-space: nowrap;
}
@media (max-width: 850px) {
.qrzcb-super-profile-account-grid,
.qrzcb-super-identity-layout {
grid-template-columns: 1fr;
}
.qrzcb-super-profile-avatar-card {
grid-template-columns: 122px minmax(0, 1fr);
align-items: center;
}
.qrzcb-super-profile-avatar {
grid-row: 1 / span 2;
margin: 0;
}
}
@media (max-width: 620px) {
.qrzcb-super-profile-avatar-card {
grid-template-columns: 1fr;
}
.qrzcb-super-profile-avatar {
grid-row: auto;
margin: 0 auto;
}
.qrzcb-super-profile-identities__head,
.qrzcb-super-identity-card__head,
.qrzcb-super-profile-savebar {
align-items: flex-start;
flex-direction: column;
}
.qrzcb-super-profile-savebar {
bottom: 6px;
}
.qrzcb-super-profile-savebar .btn {
width: 100%;
}
}
/* END QRZCB 4.9 - Super Admin complete profile editor */
/* BEGIN QRZCB - admin user identity list */
.qrzcb-admin-user-identities {
min-width: 205px;
vertical-align: top;
}
.qrzcb-admin-identity-stack {
display: grid;
gap: 6px;
min-width: 185px;
}
.qrzcb-admin-identity-chip {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
align-items: center;
gap: 8px;
min-width: 0;
padding: 7px 9px;
border: 1px solid rgba(148, 163, 184, .20);
border-radius: 11px;
background: rgba(15, 23, 42, .60);
color: #e5eefb;
text-decoration: none;
transition: border-color .15s ease,
background .15s ease,
transform .15s ease;
}
.qrzcb-admin-identity-chip:hover {
border-color: rgba(103, 232, 249, .58);
background: rgba(8, 47, 73, .42);
transform: translateY(-1px);
}
.qrzcb-admin-identity-type {
display: grid;
place-items: center;
min-height: 27px;
padding: 3px 5px;
border-radius: 8px;
font-size: 9px;
font-weight: 950;
line-height: 1;
letter-spacing: .04em;
}
.qrzcb-admin-identity-chip--cb .qrzcb-admin-identity-type {
border: 1px solid rgba(245, 158, 11, .68);
background: rgba(120, 53, 15, .34);
color: #fcd34d;
}
.qrzcb-admin-identity-chip--om .qrzcb-admin-identity-type {
border: 1px solid rgba(34, 211, 238, .68);
background: rgba(8, 47, 73, .52);
color: #67e8f9;
}
.qrzcb-admin-identity-copy {
min-width: 0;
}
.qrzcb-admin-identity-copy strong,
.qrzcb-admin-identity-copy small {
display: block;
}
.qrzcb-admin-identity-copy strong {
overflow: hidden;
color: #ffffff;
font-size: 12px;
font-weight: 950;
line-height: 1.15;
text-overflow: ellipsis;
white-space: nowrap;
}
.qrzcb-admin-identity-copy small {
margin-top: 3px;
color: #94a3b8;
font-size: 9px;
font-weight: 700;
line-height: 1.15;
}
@media (max-width: 760px) {
.qrzcb-admin-user-identities {
min-width: 180px;
}
.qrzcb-admin-identity-stack {
min-width: 160px;
}
}
/* END QRZCB - admin user identity list */
/* BEGIN QRZCB - hide redundant admin type badge */
/*
* Le identità sono già rappresentate dai riquadri
* completi con nominativo, tipo, stato e indicazione
* Principale/Secondaria. Il vecchio badge isolato
* CB/OM non aggiunge informazioni e viene nascosto.
*/
.qrzcb-admin-user-identities
> .qrzcb-admin-type-wrap {
display: none !important;
}
/* END QRZCB - hide redundant admin type badge */
/* BEGIN QRZCB 4.9 - Home community and information */
.qrzcb-home-community {
position: relative;
margin: 24px 0;
padding: 22px;
border: 1px solid var(--line);
border-radius: 22px;
background:
radial-gradient(circle at 0 0, rgba(34, 211, 238, .10), transparent 35%),
radial-gradient(circle at 100% 100%, rgba(59, 130, 246, .10), transparent 38%),
linear-gradient(155deg, rgba(15, 23, 42, .91), rgba(2, 6, 23, .95));
box-shadow: 0 20px 50px rgba(0, 0, 0, .20);
overflow: hidden;
}
.qrzcb-home-community__intro {
max-width: 820px;
margin-bottom: 17px;
}
.qrzcb-home-community__intro h2 {
margin: 5px 0 8px;
color: #ffffff;
font-size: clamp(24px, 3vw, 38px);
line-height: 1.04;
letter-spacing: -.035em;
}
.qrzcb-home-community__intro p {
max-width: 760px;
margin: 0;
color: var(--muted);
font-size: 13px;
line-height: 1.55;
}
.qrzcb-home-community__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
.qrzcb-home-community-card {
position: relative;
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
align-items: start;
gap: 14px;
min-height: 245px;
padding: 17px;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 18px;
background: rgba(3, 9, 21, .74);
overflow: hidden;
}
.qrzcb-home-community-card::after {
content: "";
position: absolute;
inset: auto -45px -65px auto;
width: 160px;
height: 160px;
border-radius: 50%;
opacity: .16;
pointer-events: none;
}
.qrzcb-home-community-card--telegram {
border-color: rgba(56, 189, 248, .35);
}
.qrzcb-home-community-card--telegram::after {
background: #229ed9;
}
.qrzcb-home-community-card--email {
border-color: rgba(152, 255, 0, .26);
}
.qrzcb-home-community-card--email::after {
background: #98ff00;
}
.qrzcb-home-community-card__icon {
display: grid;
place-items: center;
width: 54px;
height: 54px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 16px;
box-shadow: 0 9px 24px rgba(0, 0, 0, .24);
}
.qrzcb-home-community-card--telegram
.qrzcb-home-community-card__icon {
background: linear-gradient(145deg, #38bdf8, #0878bd);
}
.qrzcb-home-community-card--email
.qrzcb-home-community-card__icon {
background: linear-gradient(145deg, #b9ff5b, #6db800);
}
.qrzcb-home-community-card__icon svg {
width: 29px;
height: 29px;
fill: #ffffff;
}
.qrzcb-home-community-card--email
.qrzcb-home-community-card__icon svg {
fill: #102000;
}
.qrzcb-home-community-card__copy {
min-width: 0;
}
.qrzcb-home-community-card__tag {
display: inline-flex;
align-items: center;
min-height: 23px;
padding: 4px 8px;
border: 1px solid rgba(103, 232, 249, .24);
border-radius: 999px;
background: rgba(8, 47, 73, .30);
color: #a5f3fc;
font-size: 8px;
font-weight: 950;
line-height: 1;
letter-spacing: .09em;
}
.qrzcb-home-community-card--email
.qrzcb-home-community-card__tag {
border-color: rgba(152, 255, 0, .24);
background: rgba(54, 83, 12, .25);
color: #d9ff9e;
}
.qrzcb-home-community-card h3 {
margin: 9px 0 6px;
color: #ffffff;
font-size: 19px;
line-height: 1.1;
}
.qrzcb-home-community-card p {
margin: 0;
color: #aab6c7;
font-size: 11.5px;
line-height: 1.48;
}
.qrzcb-home-community-card__copy strong {
display: block;
margin-top: 10px;
color: #ffffff;
font-size: 13px;
line-height: 1.3;
word-break: break-word;
}
.qrzcb-home-community-card__action,
.qrzcb-home-community-card__actions {
position: relative;
z-index: 2;
grid-column: 1 / -1;
align-self: end;
}
.qrzcb-home-community-card__action {
justify-self: start;
}
.qrzcb-home-community-card__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.qrzcb-home-community-card__status {
position: relative;
z-index: 2;
grid-column: 1 / -1;
display: block;
min-height: 16px;
margin-top: -6px;
color: #bef264;
font-size: 10px;
font-weight: 800;
}
@media (max-width: 820px) {
.qrzcb-home-community__grid {
grid-template-columns: 1fr;
}
.qrzcb-home-community-card {
min-height: 225px;
}
}
@media (max-width: 560px) {
.qrzcb-home-community {
margin: 16px 0;
padding: 15px;
border-radius: 18px;
}
.qrzcb-home-community__intro h2 {
font-size: 25px;
}
.qrzcb-home-community__intro p {
font-size: 11.5px;
}
.qrzcb-home-community-card {
grid-template-columns: 45px minmax(0, 1fr);
gap: 10px;
min-height: 0;
padding: 13px;
border-radius: 15px;
}
.qrzcb-home-community-card__icon {
width: 43px;
height: 43px;
border-radius: 13px;
}
.qrzcb-home-community-card__icon svg {
width: 23px;
height: 23px;
}
.qrzcb-home-community-card h3 {
margin-top: 7px;
font-size: 16px;
}
.qrzcb-home-community-card p {
font-size: 10.5px;
}
.qrzcb-home-community-card__copy strong {
margin-top: 8px;
font-size: 11px;
}
.qrzcb-home-community-card__action,
.qrzcb-home-community-card__actions {
margin-top: 3px;
}
.qrzcb-home-community-card__actions {
display: grid;
grid-template-columns: 1fr;
}
.qrzcb-home-community-card__actions .btn,
.qrzcb-home-community-card__action {
width: 100%;
justify-content: center;
}
}
/* END QRZCB 4.9 - Home community and information */
/* BEGIN QRZCB 4.9 - multi day events */
.qrzcb-event-period-form {
display: grid;
gap: 13px;
margin: 4px 0;
padding: 16px;
border: 1px solid rgba(34, 211, 238, .26);
border-radius: 16px;
background:
linear-gradient(
145deg,
rgba(8, 47, 73, .28),
rgba(2, 6, 23, .72)
);
}
.qrzcb-event-period-form__heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.qrzcb-event-period-form__heading strong {
display: block;
margin-top: 4px;
color: #f8fafc;
font-size: 15px;
}
.qrzcb-event-all-day {
flex: 0 0 auto;
margin: 0;
padding: 8px 10px;
border: 1px solid rgba(152, 255, 0, .25);
border-radius: 11px;
background: rgba(20, 83, 45, .16);
}
.qrzcb-event-period-form__grid {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(145px, .55fr)
minmax(0, 1fr)
minmax(145px, .55fr);
gap: 10px;
}
.qrzcb-event-period-form__status {
min-height: 38px;
padding: 10px 12px;
border: 1px solid rgba(103, 232, 249, .23);
border-radius: 11px;
background: rgba(8, 47, 73, .20);
color: #c9f8ff;
font-size: 12px;
font-weight: 800;
line-height: 1.4;
}
.qrzcb-event-period-form__status.is-error {
border-color: rgba(248, 113, 113, .48);
background: rgba(127, 29, 29, .18);
color: #fecaca;
}
.qrzcb-event-period-form__hint {
color: #8fa0b5;
font-size: 10px;
line-height: 1.45;
}
.qrzcb-event-period-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: 6px 0 8px;
color: #b8c5d6;
font-size: 11px;
line-height: 1.35;
}
.qrzcb-event-period-meta--compact {
margin: 4px 0 7px;
font-size: 9.5px;
}
.qrzcb-event-period-meta--admin {
align-items: flex-start;
flex-direction: column;
margin: 5px 0 0;
}
.qrzcb-event-state {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 3px 7px;
border: 1px solid rgba(148, 163, 184, .26);
border-radius: 999px;
background: rgba(15, 23, 42, .74);
color: #cbd5e1;
font-size: 8.5px;
font-weight: 950;
letter-spacing: .045em;
line-height: 1;
white-space: nowrap;
}
.qrzcb-event-state--scheduled {
border-color: rgba(34, 211, 238, .40);
background: rgba(8, 47, 73, .34);
color: #a5f3fc;
}
.qrzcb-event-state--ongoing {
border-color: rgba(152, 255, 0, .48);
background: rgba(20, 83, 45, .30);
color: #d9f99d;
}
.qrzcb-event-state--finished {
border-color: rgba(148, 163, 184, .22);
background: rgba(30, 41, 59, .46);
color: #94a3b8;
}
@media (max-width: 900px) {
.qrzcb-event-period-form__grid {
grid-template-columns:
minmax(0, 1fr)
minmax(120px, .7fr);
}
}
@media (max-width: 620px) {
.qrzcb-event-period-form {
padding: 12px;
border-radius: 14px;
}
.qrzcb-event-period-form__heading {
align-items: stretch;
flex-direction: column;
gap: 10px;
}
.qrzcb-event-all-day {
width: 100%;
}
.qrzcb-event-period-form__grid {
grid-template-columns: 1fr;
}
.qrzcb-event-period-form__grid label {
margin: 0;
}
}
/* END QRZCB 4.9 - multi day events */
/* BEGIN QRZCB 5.0 - Super Admin event editor */
.qrzcb-super-event-editor-notice {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin: 0 0 16px;
padding: 12px 15px;
border: 1px solid rgba(34, 211, 238, .28);
border-radius: 14px;
background: rgba(8, 47, 73, .18);
}
.qrzcb-super-event-editor-notice strong,
.qrzcb-super-event-editor-notice span {
display: block;
}
.qrzcb-super-event-editor-notice strong {
color: #fff;
font-size: 12px;
}
.qrzcb-super-event-editor-notice span {
color: var(--muted);
font-size: 10px;
}
.qrzcb-admin-event-edit-link {
display: inline-flex !important;
margin: 8px 0 0 8px !important;
min-height: 34px !important;
padding: 7px 10px !important;
font-size: 10px !important;
white-space: nowrap;
}
.qrzcb-super-event-summary {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0 0 16px;
}
.qrzcb-super-event-summary > div {
min-height: 84px;
padding: 14px;
border: 1px solid var(--line);
border-radius: 15px;
background: rgba(9, 15, 27, .72);
}
.qrzcb-super-event-summary span,
.qrzcb-super-event-summary strong {
display: block;
}
.qrzcb-super-event-summary > div > span {
color: var(--muted);
font-size: 9px;
font-weight: 900;
letter-spacing: .075em;
text-transform: uppercase;
}
.qrzcb-super-event-summary > div > strong {
margin-top: 10px;
color: #fff;
font-size: 13px;
line-height: 1.35;
}
.qrzcb-super-event-editor {
display: grid;
gap: 16px;
}
.qrzcb-super-event-section {
padding: 17px;
border: 1px solid rgba(148, 163, 184, .16);
border-radius: 17px;
background: rgba(2, 6, 23, .48);
}
.qrzcb-super-event-section__head {
margin-bottom: 14px;
}
.qrzcb-super-event-section__head h2 {
margin: 4px 0 0;
font-size: 18px;
}
.qrzcb-super-event-period {
display: grid;
gap: 12px;
}
.qrzcb-super-event-all-day {
width: max-content;
max-width: 100%;
}
.qrzcb-super-event-period__status {
min-height: 38px;
padding: 10px 12px;
border: 1px solid rgba(34, 211, 238, .22);
border-radius: 11px;
background: rgba(8, 47, 73, .18);
color: #cffafe;
font-size: 11px;
font-weight: 800;
}
.qrzcb-super-event-period__status.is-error {
border-color: rgba(248, 113, 113, .42);
background: rgba(127, 29, 29, .18);
color: #fecaca;
}
.qrzcb-super-event-period > small {
color: var(--muted);
font-size: 10px;
}
.qrzcb-super-event-poster-grid {
display: grid;
grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
gap: 18px;
align-items: start;
}
.qrzcb-super-event-poster-preview {
display: grid;
place-items: center;
min-height: 230px;
border: 1px dashed rgba(148, 163, 184, .28);
border-radius: 15px;
background: rgba(2, 6, 23, .64);
overflow: hidden;
}
.qrzcb-super-event-poster-preview img {
display: block;
width: 100%;
max-height: 420px;
object-fit: contain;
background: #020617;
}
.qrzcb-super-event-poster-preview span {
padding: 24px;
color: var(--muted);
font-size: 11px;
text-align: center;
}
.qrzcb-super-event-poster-actions {
display: grid;
gap: 9px;
}
.qrzcb-super-event-poster-choice {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
align-items: start;
gap: 10px;
padding: 11px;
border: 1px solid rgba(148, 163, 184, .17);
border-radius: 12px;
background: rgba(15, 23, 42, .48);
cursor: pointer;
}
.qrzcb-super-event-poster-choice input {
margin-top: 3px;
}
.qrzcb-super-event-poster-choice strong,
.qrzcb-super-event-poster-choice small {
display: block;
}
.qrzcb-super-event-poster-choice strong {
color: #fff;
font-size: 11px;
}
.qrzcb-super-event-poster-choice small {
margin-top: 3px;
color: var(--muted);
font-size: 9.5px;
}
.qrzcb-super-event-poster-choice--danger {
border-color: rgba(248, 113, 113, .22);
}
.qrzcb-super-event-savebar {
position: sticky;
bottom: 8px;
z-index: 40;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 13px 15px;
border: 1px solid rgba(34, 211, 238, .30);
border-radius: 15px;
background: rgba(5, 10, 19, .96);
box-shadow: 0 15px 36px rgba(0, 0, 0, .36);
backdrop-filter: blur(14px);
}
.qrzcb-super-event-savebar strong,
.qrzcb-super-event-savebar span {
display: block;
}
.qrzcb-super-event-savebar strong {
color: #fff;
font-size: 11px;
}
.qrzcb-super-event-savebar span {
margin-top: 2px;
color: var(--muted);
font-size: 9px;
}
@media (max-width: 820px) {
.qrzcb-super-event-summary,
.qrzcb-super-event-poster-grid {
grid-template-columns: 1fr;
}
.qrzcb-super-event-savebar,
.qrzcb-super-event-editor-notice {
align-items: flex-start;
flex-direction: column;
}
.qrzcb-super-event-savebar .inline-actions {
width: 100%;
}
.qrzcb-super-event-savebar .btn {
flex: 1 1 auto;
}
}
@media (max-width: 560px) {
.qrzcb-super-event-section {
padding: 13px;
}
.qrzcb-super-event-savebar .inline-actions {
display: grid;
grid-template-columns: 1fr;
}
.qrzcb-super-event-savebar .btn {
width: 100%;
}
}
/* END QRZCB 5.0 - Super Admin event editor */
/* BEGIN QRZCB 5.0 - modern event catalog */
.qrzcb-events-home__head,
.qrzcb-event-catalog__top { align-items:flex-start; }
.qrzcb-events-home__all {
color:var(--cyan,#67e8f9);
font-size:11px;
font-weight:900;
white-space:nowrap;
}
.qrzcb-events-home__grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.qrzcb-event-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.qrzcb-event-card {
display:flex;
min-width:0;
flex-direction:column;
overflow:hidden;
border:1px solid rgba(148,163,184,.18);
border-radius:18px;
background:linear-gradient(155deg,rgba(15,23,42,.93),rgba(3,8,18,.96));
box-shadow:0 16px 34px rgba(0,0,0,.26);
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.qrzcb-event-card:hover {
transform:translateY(-2px);
border-color:rgba(103,232,249,.42);
box-shadow:0 20px 42px rgba(0,0,0,.34);
}
.qrzcb-event-card--current { border-color:rgba(152,255,0,.46); }
.qrzcb-event-card__poster {
position:relative;
display:block;
aspect-ratio:16/9;
overflow:hidden;
background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.22),rgba(2,6,23,.96));
}
.qrzcb-event-card__poster img {
width:100%;
height:100%;
object-fit:cover;
transition:transform .25s ease;
}
.qrzcb-event-card:hover .qrzcb-event-card__poster img { transform:scale(1.025); }
.qrzcb-event-card__poster-fallback {
display:grid;
width:100%;
height:100%;
place-items:center;
font-size:clamp(38px,6vw,68px);
}
.qrzcb-event-state,
.qrzcb-event-featured {
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
font-size:9px;
font-weight:950;
line-height:1;
letter-spacing:.055em;
text-transform:uppercase;
}
.qrzcb-event-card__poster>.qrzcb-event-state {
position:absolute;
top:10px;
left:10px;
padding:7px 9px;
color:#e5eefb;
background:rgba(2,6,23,.88);
box-shadow:0 6px 16px rgba(0,0,0,.28);
}
.qrzcb-event-state--current {
color:#d9ffb0!important;
border:1px solid rgba(152,255,0,.58);
}
.qrzcb-event-state--upcoming {
color:#c9f8ff!important;
border:1px solid rgba(34,211,238,.52);
}
.qrzcb-event-state--archive {
color:#cbd5e1!important;
border:1px solid rgba(148,163,184,.42);
}
.qrzcb-event-featured {
position:absolute;
top:10px;
right:10px;
padding:7px 9px;
color:#1a1000;
background:linear-gradient(135deg,#fde68a,#f59e0b);
box-shadow:0 6px 16px rgba(0,0,0,.26);
}
.qrzcb-event-featured--static { position:static; }
.qrzcb-event-card__body {
display:flex;
flex:1;
flex-direction:column;
gap:8px;
padding:14px;
}
.qrzcb-event-card__period {
margin:0;
color:#67e8f9;
font-size:10px;
font-weight:850;
line-height:1.35;
}
.qrzcb-event-card h3 {
margin:0;
color:#fff;
font-size:16px;
line-height:1.18;
}
.qrzcb-event-card h3 a { color:inherit; }
.qrzcb-event-card__excerpt {
display:-webkit-box;
margin:0;
overflow:hidden;
color:var(--muted,#94a3b8);
font-size:11px;
line-height:1.45;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.qrzcb-event-card__meta {
display:flex;
flex-wrap:wrap;
gap:5px 12px;
margin-top:auto;
color:#94a3b8;
font-size:9px;
}
.qrzcb-event-card__detail {
align-self:flex-start;
margin-top:3px;
}
.qrzcb-event-catalog__top p {
max-width:760px;
margin:7px 0 0;
color:var(--muted,#94a3b8);
}
.qrzcb-event-tabs {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
margin:16px 0 12px;
}
.qrzcb-event-tabs__item {
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-height:46px;
padding:9px 12px;
border:1px solid rgba(148,163,184,.18);
border-radius:13px;
background:rgba(15,23,42,.56);
color:#cbd5e1;
font-size:11px;
font-weight:900;
}
.qrzcb-event-tabs__item strong {
display:grid;
min-width:28px;
height:28px;
place-items:center;
border-radius:999px;
background:rgba(2,6,23,.82);
color:#67e8f9;
}
.qrzcb-event-tabs__item.is-active {
border-color:rgba(103,232,249,.62);
background:linear-gradient(135deg,rgba(8,47,73,.92),rgba(14,116,144,.48));
color:#fff;
}
.qrzcb-event-filters {
display:grid;
grid-template-columns:minmax(0,1.6fr) minmax(150px,.55fr) auto;
align-items:end;
gap:10px;
margin-bottom:13px;
padding:12px;
border:1px solid rgba(148,163,184,.14);
border-radius:14px;
background:rgba(2,6,23,.42);
}
.qrzcb-event-filters label>span {
display:block;
margin-bottom:5px;
color:#94a3b8;
font-size:9px;
font-weight:850;
text-transform:uppercase;
}
.qrzcb-event-filters__actions { display:flex;gap:7px; }
.qrzcb-event-catalog__summary {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:4px 2px 12px;
color:#94a3b8;
font-size:10px;
}
.qrzcb-event-catalog__summary strong { color:#fff;font-size:12px; }
.qrzcb-event-pagination {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:17px;
padding-top:14px;
border-top:1px solid rgba(148,163,184,.15);
color:#94a3b8;
font-size:10px;
}
.qrzcb-event-pagination .is-disabled { pointer-events:none;opacity:.38; }
.qrzcb-event-detail-hero__title {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:9px;
}
.qrzcb-event-detail-hero__title h1 { margin-right:auto; }
.qrzcb-event-detail-hero__title>.qrzcb-event-state {
padding:7px 10px;
background:rgba(2,6,23,.68);
}
.qrzcb-event-detail {
display:grid;
grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);
gap:18px;
align-items:start;
}
.qrzcb-event-detail__poster {
position:sticky;
top:86px;
overflow:hidden;
aspect-ratio:16/9;
border:1px solid rgba(103,232,249,.28);
border-radius:20px;
background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.22),rgba(2,6,23,.96));
box-shadow:0 20px 50px rgba(0,0,0,.36);
}
.qrzcb-event-detail__poster img,
.qrzcb-event-detail__poster a {
display:block;
width:100%;
height:100%;
}
.qrzcb-event-detail__poster img { object-fit:contain; }
.qrzcb-event-detail__poster-fallback {
display:grid;
width:100%;
height:100%;
place-items:center;
font-size:72px;
}
.qrzcb-event-detail__content { display:grid;gap:14px; }
.qrzcb-event-detail__meta-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.qrzcb-event-detail__meta-grid>div {
min-width:0;
padding:11px;
border:1px solid rgba(148,163,184,.13);
border-radius:12px;
background:rgba(2,6,23,.45);
}
.qrzcb-event-detail__meta-grid span,
.qrzcb-event-detail__meta-grid small,
.qrzcb-event-detail__meta-grid strong { display:block; }
.qrzcb-event-detail__meta-grid span {
margin-bottom:4px;
color:#94a3b8;
font-size:8.5px;
font-weight:850;
text-transform:uppercase;
}
.qrzcb-event-detail__meta-grid strong {
color:#fff;
font-size:11px;
line-height:1.35;
}
.qrzcb-event-detail__meta-grid small {
margin-top:3px;
color:#94a3b8;
font-size:9px;
}
.qrzcb-event-detail__text {
color:#d8e1ee;
font-size:13px;
line-height:1.7;
overflow-wrap:anywhere;
}
.qrzcb-event-detail__actions {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.qrzcb-featured-events-admin__list { display:grid;gap:8px; }
.qrzcb-featured-events-admin__list article {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
border:1px solid rgba(148,163,184,.15);
border-radius:13px;
background:rgba(2,6,23,.48);
}
.qrzcb-featured-events-admin__list article>div {
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:4px 9px;
min-width:0;
}
.qrzcb-featured-events-admin__list .qrzcb-event-state {
grid-row:1/3;
padding:6px 8px;
}
.qrzcb-featured-events-admin__list small { color:#94a3b8;font-size:9px; }
@media (max-width:980px) {
.qrzcb-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.qrzcb-event-detail { grid-template-columns:1fr; }
.qrzcb-event-detail__poster { position:relative;top:auto; }
}
@media (max-width:680px) {
.qrzcb-events-home__grid,
.qrzcb-event-grid { grid-template-columns:1fr; }
.qrzcb-events-home__head {
align-items:flex-start;
flex-direction:column;
}
.qrzcb-event-tabs {
display:flex;
overflow-x:auto;
padding-bottom:3px;
}
.qrzcb-event-tabs__item {
min-width:136px;
flex:1 0 auto;
}
.qrzcb-event-filters { grid-template-columns:1fr; }
.qrzcb-event-filters__actions { flex-wrap:wrap; }
.qrzcb-event-catalog__summary,
.qrzcb-event-pagination {
align-items:flex-start;
flex-direction:column;
}
.qrzcb-event-pagination { align-items:stretch; }
.qrzcb-event-pagination>span { text-align:center; }
.qrzcb-event-detail__meta-grid { grid-template-columns:1fr; }
.qrzcb-featured-events-admin__list article {
align-items:stretch;
flex-direction:column;
}
.qrzcb-featured-events-admin__list article form,
.qrzcb-featured-events-admin__list article button { width:100%; }
}
/* END QRZCB 5.0 - modern event catalog */
/* BEGIN QRZCB 5.1 - Map place search */
.qrzcb-place-search {
font-family: inherit;
}
.qrzcb-place-search__toggle {
display: grid;
place-items: center;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid rgba(103, 232, 249, .52);
border-radius: 11px;
background: rgba(5, 12, 24, .96);
color: #e6fbff;
box-shadow: 0 9px 24px rgba(0, 0, 0, .34);
font-size: 23px;
line-height: 1;
cursor: pointer;
}
.qrzcb-place-search__toggle:hover,
.qrzcb-place-search__toggle[aria-expanded="true"] {
border-color: #67e8f9;
background: rgba(8, 47, 73, .98);
}
.qrzcb-place-search__panel {
width: min(390px, calc(100vw - 34px));
margin-top: 7px;
padding: 10px;
border: 1px solid rgba(103, 232, 249, .42);
border-radius: 15px;
background: rgba(5, 12, 24, .985);
color: #e8f1ff;
box-shadow: 0 20px 54px rgba(0, 0, 0, .55);
backdrop-filter: blur(15px);
}
.qrzcb-place-search__panel[hidden] {
display: none !important;
}
.qrzcb-place-search__form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 6px;
}
.qrzcb-place-search--inline .qrzcb-place-search__form {
grid-template-columns: minmax(0, 1fr) auto;
}
.qrzcb-place-search__input {
width: 100% !important;
min-width: 0;
min-height: 42px;
margin: 0 !important;
padding: 9px 11px !important;
border: 1px solid rgba(148, 163, 184, .30) !important;
border-radius: 11px !important;
background: rgba(2, 8, 20, .92) !important;
color: #f8fafc !important;
font-size: 13px !important;
outline: none !important;
}
.qrzcb-place-search__input:focus {
border-color: #67e8f9 !important;
box-shadow: 0 0 0 3px rgba(34, 211, 238, .13) !important;
}
.qrzcb-place-search__submit,
.qrzcb-place-search__close,
.qrzcb-place-search__result-view,
.qrzcb-place-search__result-select {
border: 1px solid rgba(103, 232, 249, .40);
border-radius: 10px;
background: rgba(8, 47, 73, .74);
color: #e6fbff;
font: inherit;
font-weight: 850;
cursor: pointer;
}
.qrzcb-place-search__submit {
min-height: 42px;
padding: 8px 12px;
}
.qrzcb-place-search__submit:disabled {
opacity: .55;
cursor: wait;
}
.qrzcb-place-search__close {
width: 42px;
min-height: 42px;
padding: 0;
border-color: rgba(248, 113, 113, .32);
background: rgba(127, 29, 29, .20);
color: #fecaca;
font-size: 21px;
}
.qrzcb-place-search__status {
min-height: 18px;
padding: 7px 2px 2px;
color: #9fb1c8;
font-size: 10px;
line-height: 1.35;
}
.qrzcb-place-search__results {
display: grid;
gap: 7px;
max-height: min(330px, 45vh);
overflow-y: auto;
overscroll-behavior: contain;
}
.qrzcb-place-search__result {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
padding: 8px;
border: 1px solid rgba(148, 163, 184, .15);
border-radius: 11px;
background: rgba(15, 23, 42, .58);
}
.qrzcb-place-search__result-text {
min-width: 0;
}
.qrzcb-place-search__result-text strong,
.qrzcb-place-search__result-text small {
display: block;
}
.qrzcb-place-search__result-text strong {
color: #ffffff;
font-size: 11px;
line-height: 1.2;
}
.qrzcb-place-search__result-text small {
margin-top: 3px;
color: #94a3b8;
font-size: 9px;
line-height: 1.3;
}
.qrzcb-place-search__result-actions {
display: grid;
gap: 5px;
}
.qrzcb-place-search__result-view,
.qrzcb-place-search__result-select {
min-height: 29px;
padding: 5px 8px;
font-size: 8.5px;
white-space: nowrap;
}
.qrzcb-place-search__result-select {
border-color: rgba(152, 255, 0, .45);
background: rgba(33, 71, 10, .62);
color: #d9ffb2;
}
.qrzcb-place-search__attribution {
display: inline-block;
margin-top: 8px;
color: #7dd3fc !important;
font-size: 8px;
text-decoration: none;
}
.qrzcb-place-search--inline {
width: 100%;
}
.qrzcb-place-search--inline .qrzcb-place-search__panel {
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
}
.qrzcb-place-search-spot {
display: grid;
gap: 9px;
margin: 0 0 14px;
padding: 12px;
border: 1px solid rgba(34, 211, 238, .24);
border-radius: 14px;
background: rgba(8, 47, 73, .15);
}
.qrzcb-place-search-spot__head strong,
.qrzcb-place-search-spot__head small {
display: block;
}
.qrzcb-place-search-spot__head strong {
color: #f8fafc;
font-size: 13px;
}
.qrzcb-place-search-spot__head small {
margin-top: 3px;
color: #94a3b8;
font-size: 10px;
line-height: 1.35;
}
@media (max-width: 680px) {
.qrzcb-place-search__panel {
width: min(360px, calc(100vw - 22px));
max-height: 70vh;
overflow: auto;
}
.qrzcb-place-search__form {
grid-template-columns: minmax(0, 1fr) auto;
}
.qrzcb-place-search__close {
grid-column: 1 / -1;
width: 100%;
min-height: 34px;
}
.qrzcb-place-search__result {
grid-template-columns: 1fr;
}
.qrzcb-place-search__result-actions {
grid-template-columns: 1fr 1fr;
}
}
/* END QRZCB 5.1 - Map place search */
/* BEGIN QRZCB 5.2 - Super Admin spot manager */
.qrzcb-admin-nav-spot {
border-color: rgba(245, 158, 11, .52) !important;
color: #fde68a !important;
}
.qrzcb-super-spot-hero {
border-color: rgba(245, 158, 11, .26);
}
.qrzcb-super-spot-stats {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.qrzcb-super-spot-filters {
display: grid;
grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(120px, 1fr));
gap: 12px;
align-items: end;
}
.qrzcb-super-spot-filters .form-actions {
grid-column: 1 / -1;
margin-top: 0;
}
.qrzcb-super-spot-table td {
vertical-align: top;
}
.qrzcb-super-spot-owner,
.qrzcb-super-spot-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.qrzcb-super-spot-owner small {
flex-basis: 100%;
}
.qrzcb-super-spot-type--cb {
border-color: rgba(245, 158, 11, .56);
color: #fbbf24;
}
.qrzcb-super-spot-type--om {
border-color: rgba(34, 211, 238, .56);
color: #67e8f9;
}
.qrzcb-super-spot-pagination {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 12px;
margin-top: 18px;
}
.qrzcb-super-spot-pagination > :last-child {
justify-self: end;
}
.qrzcb-super-spot-editor {
display: grid;
gap: 18px;
}
.qrzcb-super-spot-location-grid {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(260px, .7fr);
gap: 16px;
}
.qrzcb-super-spot-map {
width: 100%;
min-height: 430px;
border: 1px solid rgba(103, 232, 249, .28);
border-radius: 16px;
overflow: hidden;
}
.qrzcb-super-spot-map-note {
margin: 8px 2px 0;
color: var(--muted);
font-size: 11px;
}
.qrzcb-super-spot-location-fields,
.qrzcb-super-spot-geocode {
display: grid;
gap: 10px;
}
.qrzcb-super-spot-search-results {
display: grid;
gap: 6px;
max-height: 250px;
overflow: auto;
}
.qrzcb-super-spot-search-result {
display: grid;
gap: 3px;
width: 100%;
padding: 9px 10px;
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 10px;
background: rgba(15, 23, 42, .68);
color: #e5eefb;
text-align: left;
cursor: pointer;
}
.qrzcb-super-spot-search-result:hover {
border-color: rgba(34, 211, 238, .56);
background: rgba(8, 47, 73, .62);
}
.qrzcb-super-spot-search-result small {
color: #94a3b8;
}
.qrzcb-super-spot-savebar {
position: sticky;
bottom: 10px;
z-index: 80;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 9px;
padding: 12px;
border: 1px solid rgba(34, 211, 238, .25);
border-radius: 15px;
background: rgba(3, 8, 18, .94);
box-shadow: 0 16px 40px rgba(0, 0, 0, .38);
backdrop-filter: blur(14px);
}
.qrzcb-super-spot-danger-zone {
border-color: rgba(248, 113, 113, .26);
}
.qrzcb-super-spot-danger-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
.qrzcb-super-spot-danger-grid > div {
padding: 14px;
border: 1px solid rgba(148, 163, 184, .16);
border-radius: 14px;
background: rgba(15, 23, 42, .42);
}
.qrzcb-super-spot-delete-box {
border-color: rgba(248, 113, 113, .35) !important;
background: rgba(69, 10, 10, .22) !important;
}
.qrzcb-super-spot-delete-box form {
display: grid;
gap: 9px;
}
@media (max-width: 1000px) {
.qrzcb-super-spot-stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qrzcb-super-spot-filters {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qrzcb-super-spot-location-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
.qrzcb-super-spot-stats,
.qrzcb-super-spot-filters,
.qrzcb-super-spot-danger-grid {
grid-template-columns: 1fr;
}
.qrzcb-super-spot-map {
min-height: 330px;
}
.qrzcb-super-spot-savebar {
position: static;
}
.qrzcb-super-spot-table {
min-width: 1050px;
}
}
/* END QRZCB 5.2 - Super Admin spot manager */
/* BEGIN QRZCB 5.4 - supporter UI */
.qrzcb-admin-nav-supporters {
color: #ffe27a !important;
}
.qrzcb-supporter-admin-stats {
margin-bottom: 16px;
}
.qrzcb-supporter-admin-list {
display: grid;
gap: 14px;
}
.qrzcb-supporter-admin-card {
border-color: rgba(148, 163, 184, .18);
}
.qrzcb-supporter-admin-card.is-supporter {
border-color: rgba(255, 208, 52, .48);
box-shadow: 0 16px 40px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 208, 52, .08);
}
.qrzcb-supporter-admin-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
}
.qrzcb-supporter-admin-card__head h2,
.qrzcb-supporter-admin-card__head p {
margin: 0;
}
.qrzcb-supporter-admin-card__head p {
margin-top: 5px;
color: var(--muted);
}
.qrzcb-supporter-house-preview,
.qrzcb-supporter-profile-house {
display: grid;
place-items: center;
width: 48px;
height: 48px;
flex: 0 0 48px;
border: 2px solid #64748b;
border-radius: 13px;
background: #ffffff;
color: #111827;
font-size: 31px;
font-weight: 950;
line-height: 1;
box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
}
.qrzcb-supporter-house-preview.is-active,
.qrzcb-supporter-profile-house {
color: #ffd034;
-webkit-text-stroke: 1.1px #111827;
text-shadow: 0 0 2px #111827, 0 0 8px rgba(255, 208, 52, .55);
}
.qrzcb-supporter-admin-form small {
display: block;
margin-top: 4px;
color: var(--muted);
font-size: 10px;
}
.qrzcb-supporter-admin-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin: 12px 0;
color: var(--muted);
font-size: 11px;
}
.qrzcb-supporter-profile-panel {
border-color: rgba(255, 208, 52, .38);
background: linear-gradient(155deg, rgba(59, 38, 3, .22), rgba(8, 15, 28, .96));
}
.qrzcb-supporter-public-badge {
display: inline-flex;
align-items: center;
gap: 7px;
width: max-content;
margin-top: 7px;
padding: 6px 10px;
border: 1px solid rgba(255, 208, 52, .52);
border-radius: 999px;
background: rgba(92, 61, 4, .32);
color: #ffe27a;
font-size: 10px;
font-weight: 900;
letter-spacing: .035em;
text-transform: uppercase;
}
.qrzcb-supporter-public-badge i {
color: #ffd034;
font-size: 17px;
font-style: normal;
-webkit-text-stroke: .7px #111827;
}
.operator-card {
position: relative;
}
.qrzcb-supporter-card-badge {
display: grid;
place-items: center;
width: 24px;
height: 24px;
margin-left: 7px;
border: 1px solid rgba(255, 208, 52, .62);
border-radius: 8px;
background: rgba(59, 38, 3, .72);
color: #ffd034;
box-shadow: 0 4px 10px rgba(0, 0, 0, .22);
font-size: 16px;
font-weight: 950;
line-height: 1;
-webkit-text-stroke: .55px #111827;
}
@media (max-width: 680px) {
.qrzcb-supporter-admin-card__head {
align-items: flex-start;
}
.qrzcb-supporter-house-preview,
.qrzcb-supporter-profile-house {
width: 42px;
height: 42px;
flex-basis: 42px;
font-size: 27px;
}
}
/* END QRZCB 5.4 - supporter UI */
/* BEGIN QRZCB 5.2 - My station */
.qrzcb-station-page-hero .badge {
margin-right: .4rem;
}
.qrzcb-station-hub {
margin-top: 22px;
}
.qrzcb-station-hub-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 14px;
margin-top: 16px;
}
.qrzcb-station-hub-card {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 176px;
padding: 18px;
border: 1px solid rgba(34, 211, 238, .18);
border-radius: 18px;
background:
radial-gradient(circle at 100% 0, rgba(34, 211, 238, .10), transparent 36%),
rgba(5, 12, 24, .78);
color: var(--text, #e5eefb);
}
.qrzcb-station-hub-card strong {
font-size: 24px;
letter-spacing: -.02em;
}
.qrzcb-station-hub-card p {
margin: 0;
color: var(--muted, #94a3b8);
line-height: 1.5;
}
.qrzcb-station-hub-card .btn {
margin-top: auto;
align-self: flex-start;
}
.qrzcb-station-sharing-panel,
.qrzcb-station-gallery-manager,
.qrzcb-station-intro-panel,
.qrzcb-station-gallery-public {
margin-bottom: 22px;
}
.qrzcb-station-profile-form {
display: grid;
gap: 18px;
}
.qrzcb-station-editable {
display: grid;
gap: 18px;
}
.qrzcb-station-editable[hidden] {
display: none !important;
}
.qrzcb-station-shared-notice,
.qrzcb-station-shared-public,
.qrzcb-station-privacy-warning {
padding: 14px 16px;
border: 1px solid rgba(34, 211, 238, .26);
border-radius: 14px;
background: rgba(8, 47, 73, .22);
}
.qrzcb-station-shared-notice strong,
.qrzcb-station-privacy-warning strong {
display: block;
color: #dffcff;
margin-bottom: 5px;
}
.qrzcb-station-shared-notice p,
.qrzcb-station-privacy-warning p,
.qrzcb-station-shared-public {
margin: 0;
color: #a9bdcf;
line-height: 1.45;
}
.qrzcb-station-shared-notice .btn {
margin-top: 10px;
}
.qrzcb-station-existing-tech {
padding: 16px;
border: 1px solid rgba(148, 163, 184, .15);
border-radius: 16px;
background: rgba(2, 6, 23, .42);
}
.qrzcb-station-existing-tech h3 {
margin: 0 0 12px;
font-size: 14px;
}
.qrzcb-station-existing-tech > small {
display: block;
margin-top: 10px;
color: #7f91a7;
}
.qrzcb-station-tech-grid,
.qrzcb-station-public-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 12px;
}
.qrzcb-station-tech-grid article {
padding: 12px;
border: 1px solid rgba(148, 163, 184, .12);
border-radius: 12px;
background: rgba(15, 23, 42, .42);
}
.qrzcb-station-tech-grid span {
display: block;
margin-bottom: 5px;
color: #67e8f9;
font-size: 10px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
}
.qrzcb-station-tech-grid p {
margin: 0;
line-height: 1.45;
}
.qrzcb-station-extra-fields textarea {
min-height: 105px;
}
.qrzcb-station-upload {
display: grid;
gap: 12px;
margin: 16px 0 22px;
padding: 16px;
border: 1px dashed rgba(34, 211, 238, .36);
border-radius: 16px;
background: rgba(8, 47, 73, .10);
}
.qrzcb-station-file-picker {
display: grid;
gap: 8px;
}
.qrzcb-station-file-picker > span {
color: #c9d5e5;
font-size: 12px;
font-weight: 800;
}
.qrzcb-station-upload-preview > div {
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
border-radius: 12px;
background: rgba(15, 23, 42, .72);
}
.qrzcb-station-upload-preview img {
width: 86px;
height: 62px;
object-fit: cover;
border-radius: 9px;
}
.qrzcb-station-manage-grid,
.qrzcb-station-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 14px;
}
.qrzcb-station-manage-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, .16);
border-radius: 16px;
background: rgba(6, 12, 24, .88);
}
.qrzcb-station-manage-card.is-cover {
border-color: rgba(245, 158, 11, .72);
box-shadow: 0 0 0 2px rgba(245, 158, 11, .10);
}
.qrzcb-station-image-button,
.qrzcb-station-cover-button {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: zoom-in;
}
.qrzcb-station-image-button img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.qrzcb-station-cover-badge {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
padding: 5px 8px;
border-radius: 999px;
background: #f59e0b;
color: #141006;
font-size: 9px;
font-weight: 950;
letter-spacing: .06em;
}
.qrzcb-station-caption-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 7px;
padding: 10px;
}
.qrzcb-station-caption-form input {
min-width: 0;
}
.qrzcb-station-image-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0 10px 10px;
}
.qrzcb-station-image-actions form {
margin: 0;
}
.qrzcb-station-image-actions .btn {
min-height: 34px;
padding: 6px 9px;
font-size: 10px;
}
.qrzcb-station-cover-card {
position: relative;
overflow: hidden;
min-height: 330px;
margin-bottom: 22px;
border: 1px solid rgba(34, 211, 238, .22);
border-radius: 22px;
background: #020617;
box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
}
.qrzcb-station-cover-button,
.qrzcb-station-cover-button img {
width: 100%;
height: 100%;
}
.qrzcb-station-cover-button img {
display: block;
min-height: 330px;
max-height: 610px;
object-fit: cover;
}
.qrzcb-station-cover-overlay {
position: absolute;
inset: auto 0 0;
display: grid;
gap: 4px;
padding: 42px 22px 20px;
background: linear-gradient(transparent, rgba(2, 6, 23, .94));
pointer-events: none;
}
.qrzcb-station-cover-overlay strong {
color: #fff;
font-size: clamp(28px, 5vw, 54px);
line-height: 1;
}
.qrzcb-station-cover-overlay small {
color: #dbeafe;
}
.qrzcb-station-description {
color: #d5deea;
font-size: 15px;
line-height: 1.7;
}
.qrzcb-station-detail-list {
display: grid;
gap: 12px;
margin: 16px 0 0;
}
.qrzcb-station-detail-list > div {
padding: 11px 12px;
border: 1px solid rgba(148, 163, 184, .12);
border-radius: 12px;
background: rgba(15, 23, 42, .36);
}
.qrzcb-station-detail-list dt {
margin-bottom: 4px;
color: #67e8f9;
font-size: 10px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
}
.qrzcb-station-detail-list dd {
margin: 0;
line-height: 1.5;
}
.qrzcb-station-gallery-item {
margin: 0;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, .14);
border-radius: 14px;
background: rgba(2, 6, 23, .65);
}
.qrzcb-station-gallery-item figcaption {
padding: 9px 10px;
color: #b8c5d6;
font-size: 11px;
line-height: 1.35;
}
.qrzcb-station-lightbox {
position: fixed;
inset: 0;
z-index: 5000;
display: grid;
place-items: center;
padding: 28px;
background: rgba(0, 0, 0, .92);
backdrop-filter: blur(10px);
}
.qrzcb-station-lightbox[hidden] {
display: none !important;
}
.qrzcb-station-lightbox img {
max-width: min(96vw, 1500px);
max-height: 84vh;
object-fit: contain;
border-radius: 14px;
box-shadow: 0 22px 70px rgba(0, 0, 0, .65);
}
.qrzcb-station-lightbox p {
position: fixed;
right: 20px;
bottom: 16px;
left: 20px;
margin: 0;
color: #e5eefb;
text-align: center;
}
.qrzcb-station-lightbox__close {
position: fixed;
top: 18px;
right: 18px;
display: grid;
place-items: center;
width: 44px;
height: 44px;
border: 1px solid rgba(255, 255, 255, .32);
border-radius: 50%;
background: rgba(15, 23, 42, .88);
color: #fff;
font-size: 30px;
cursor: pointer;
}
html.qrzcb-station-lightbox-open,
html.qrzcb-station-lightbox-open body {
overflow: hidden;
}
.qrzcb-station-admin-stats {
margin-bottom: 22px;
}
.qrzcb-station-admin-list {
display: grid;
gap: 10px;
}
.qrzcb-station-admin-row {
display: grid;
grid-template-columns: minmax(260px, 1.25fr) minmax(150px, .6fr) auto;
align-items: center;
gap: 14px;
padding: 13px;
border: 1px solid rgba(148, 163, 184, .14);
border-radius: 14px;
background: rgba(15, 23, 42, .38);
}
.qrzcb-station-admin-id,
.qrzcb-station-admin-status,
.qrzcb-station-admin-actions {
display: flex;
align-items: center;
gap: 10px;
}
.qrzcb-station-admin-id strong,
.qrzcb-station-admin-id small {
display: block;
}
.qrzcb-station-admin-id small,
.qrzcb-station-admin-status small {
color: #94a3b8;
}
.qrzcb-station-admin-status {
flex-wrap: wrap;
}
.qrzcb-station-admin-actions {
justify-content: flex-end;
}
.qrzcb-station-private-entry {
margin-top: 22px;
}
.qrzcb-station-private-entry__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
.qrzcb-station-private-entry__content p {
margin: 4px 0 0;
color: var(--muted, #94a3b8);
}
@media (max-width: 760px) {
.qrzcb-station-cover-card,
.qrzcb-station-cover-button img {
min-height: 230px;
}
.qrzcb-station-manage-grid,
.qrzcb-station-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qrzcb-station-caption-form {
grid-template-columns: 1fr;
}
.qrzcb-station-admin-row {
grid-template-columns: 1fr;
}
.qrzcb-station-admin-actions {
justify-content: flex-start;
}
.qrzcb-station-private-entry__content {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 460px) {
.qrzcb-station-manage-grid,
.qrzcb-station-gallery-grid {
grid-template-columns: 1fr;
}
.qrzcb-station-lightbox {
padding: 10px;
}
}
/* END QRZCB 5.2 - My station */
/* BEGIN QRZCB 5.6 - Live Chat */
.qrzcb-nav-live-chat{position:relative}.qrzcb-nav-live-chat.has-unread{color:#67e8f9!important}.qrzcb-nav-live-chat-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:950;line-height:1;box-shadow:0 0 0 2px rgba(239,68,68,.16)}
.qrzcb-live-chat-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.qrzcb-live-chat-hero__status{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;min-width:128px;padding:10px 13px;border:1px solid rgba(34,211,238,.26);border-radius:15px;background:rgba(2,8,20,.72);box-shadow:0 10px 28px rgba(0,0,0,.22)}.qrzcb-live-chat-hero__status strong{font-size:21px;color:#fff;line-height:1}.qrzcb-live-chat-hero__status small{grid-column:2;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.qrzcb-live-chat-live-dot{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12),0 0 14px rgba(34,197,94,.8);animation:qrzcbLivePulse 1.8s ease-in-out infinite}@keyframes qrzcbLivePulse{50%{opacity:.45;transform:scale(.82)}}
.qrzcb-live-chat-shell{position:relative;display:grid;grid-template-rows:auto auto auto minmax(360px,1fr) auto auto auto;min-height:680px;max-height:calc(100dvh - 165px);border:1px solid rgba(34,211,238,.24);border-radius:22px;background:linear-gradient(155deg,rgba(7,13,25,.98),rgba(2,6,18,.98));box-shadow:0 26px 75px rgba(0,0,0,.44);overflow:hidden}
.qrzcb-live-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.13);background:rgba(9,17,31,.92)}.qrzcb-live-chat-filters{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(148,163,184,.15);border-radius:999px;background:rgba(2,6,23,.72)}.qrzcb-live-chat-filters button{min-width:52px;min-height:31px;padding:6px 11px;border:0;border-radius:999px;background:transparent;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.qrzcb-live-chat-filters button.is-active{background:linear-gradient(135deg,#22d3ee,#67e8f9);color:#031119;box-shadow:0 5px 15px rgba(34,211,238,.22)}.qrzcb-live-chat-toolbar__links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qrzcb-live-chat-toolbar__links>a,.qrzcb-live-chat-rules summary{color:#9bdcf0;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.qrzcb-live-chat-admin-link{color:#fcd34d!important}.qrzcb-live-chat-rules{position:relative}.qrzcb-live-chat-rules>div{position:absolute;z-index:50;right:0;top:28px;width:min(310px,75vw);padding:12px;border:1px solid rgba(103,232,249,.26);border-radius:13px;background:#08101f;color:#d8e4f1;box-shadow:0 18px 45px rgba(0,0,0,.5)}.qrzcb-live-chat-rules p{margin:5px 0 0;font-size:11px;line-height:1.45;color:#9aa9ba}
.qrzcb-live-chat-announcement{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(250,204,21,.18);background:linear-gradient(90deg,rgba(113,63,18,.22),rgba(30,41,59,.3));color:#fde68a;font-size:11px;line-height:1.4}.qrzcb-live-chat-pinned{display:flex;gap:7px;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.12);overflow-x:auto;background:rgba(15,23,42,.48)}.qrzcb-live-chat-pinned button{flex:0 0 min(310px,78vw);display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(250,204,21,.25);border-radius:11px;background:rgba(113,63,18,.12);text-align:left;cursor:pointer}.qrzcb-live-chat-pinned strong{color:#fde68a;font-size:10px}.qrzcb-live-chat-pinned span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;font-size:10px}
.qrzcb-live-chat-stream-wrap{position:relative;min-height:0;background:radial-gradient(circle at 15% 0%,rgba(8,145,178,.06),transparent 30%),rgba(2,6,16,.74)}.qrzcb-live-chat-stream{height:100%;min-height:360px;padding:18px 18px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.35) rgba(15,23,42,.4)}.qrzcb-live-chat-loading,.qrzcb-live-chat-empty{display:grid;place-items:center;min-height:200px;color:#718096;font-size:12px}.qrzcb-live-chat-load-older{display:block;margin:10px auto 0;padding:6px 12px;border:1px solid rgba(103,232,249,.25);border-radius:999px;background:rgba(8,47,73,.28);color:#a5f3fc;font-size:10px;font-weight:850;cursor:pointer}.qrzcb-live-chat-new-button{position:absolute;right:18px;bottom:14px;z-index:10;padding:8px 13px;border:1px solid rgba(103,232,249,.55);border-radius:999px;background:#083344;color:#cffafe;font-size:10px;font-weight:900;box-shadow:0 9px 25px rgba(0,0,0,.34);cursor:pointer}
.qrzcb-live-chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:9px;max-width:760px;margin:0 0 12px}.qrzcb-live-chat-message.is-mine{grid-template-columns:minmax(0,1fr) 42px;margin-left:auto}.qrzcb-live-chat-message.is-mine>.qrzcb-live-chat-avatar{grid-column:2}.qrzcb-live-chat-message.is-mine>.qrzcb-live-chat-message__card{grid-column:1;grid-row:1;background:linear-gradient(145deg,rgba(8,91,112,.78),rgba(8,47,73,.86));border-color:rgba(34,211,238,.28)}.qrzcb-live-chat-message.is-mentioned>.qrzcb-live-chat-message__card{box-shadow:0 0 0 2px rgba(250,204,21,.28),0 12px 30px rgba(0,0,0,.22)}.qrzcb-live-chat-message.is-flashed>.qrzcb-live-chat-message__card{animation:qrzcbChatFlash 1.5s ease}@keyframes qrzcbChatFlash{0%,100%{box-shadow:none}25%,70%{box-shadow:0 0 0 3px rgba(103,232,249,.48),0 0 28px rgba(34,211,238,.24)}}.qrzcb-live-chat-avatar{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(103,232,249,.55);border-radius:50%;background:linear-gradient(145deg,#0f172a,#083344);color:#e6fbff;font-size:12px;font-weight:950;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.28)}.qrzcb-live-chat-avatar img{width:100%;height:100%;object-fit:cover}.qrzcb-live-chat-message__card{min-width:0;padding:10px 12px 8px;border:1px solid rgba(148,163,184,.16);border-radius:5px 16px 16px 16px;background:rgba(15,23,42,.82);box-shadow:0 10px 27px rgba(0,0,0,.19)}.qrzcb-live-chat-message.is-mine .qrzcb-live-chat-message__card{border-radius:16px 5px 16px 16px}.qrzcb-live-chat-message__card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.qrzcb-live-chat-message__identity{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.qrzcb-live-chat-message__callsign{color:#f8fafc;font-size:11px;font-weight:950;letter-spacing:.02em}.qrzcb-live-chat-message__card time{flex:0 0 auto;color:#6f8198;font-size:9px}.qrzcb-live-chat-type,.qrzcb-live-chat-admin-badge,.qrzcb-live-chat-pin-badge{display:inline-grid;place-items:center;min-height:17px;padding:2px 5px;border-radius:999px;font-size:7.5px;font-weight:950;line-height:1;letter-spacing:.04em}.qrzcb-live-chat-type--cb{background:rgba(245,158,11,.17);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.qrzcb-live-chat-type--om{background:rgba(34,211,238,.15);color:#a5f3fc;border:1px solid rgba(34,211,238,.34)}.qrzcb-live-chat-admin-badge{background:rgba(168,85,247,.16);color:#d8b4fe;border:1px solid rgba(168,85,247,.34)}.qrzcb-live-chat-pin-badge{background:rgba(250,204,21,.15);color:#fde68a;border:1px solid rgba(250,204,21,.3)}.qrzcb-live-chat-message__body{margin:0;color:#e2e8f0;font-size:13px;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}.qrzcb-live-chat-message__body a{color:#67e8f9;text-decoration:underline;text-underline-offset:2px}.qrzcb-live-chat-mention{display:inline;padding:1px 3px;border-radius:4px;background:rgba(250,204,21,.14);color:#fde68a;font-weight:850}.qrzcb-live-chat-message__reply-preview{display:grid;width:100%;gap:2px;margin:0 0 7px;padding:6px 8px;border:0;border-left:3px solid #22d3ee;border-radius:7px;background:rgba(2,6,23,.36);text-align:left;cursor:pointer}.qrzcb-live-chat-message__reply-preview strong{color:#a5f3fc;font-size:9px}.qrzcb-live-chat-message__reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:9px}.qrzcb-live-chat-message__card>footer{display:flex;align-items:center;gap:9px;margin-top:7px;opacity:.55;transition:opacity .15s}.qrzcb-live-chat-message:hover .qrzcb-live-chat-message__card>footer{opacity:1}.qrzcb-live-chat-message__card>footer button,.qrzcb-live-chat-message__card>footer a{padding:0;border:0;background:none;color:#8da1b7;font-size:8.5px;font-weight:800;cursor:pointer}.qrzcb-live-chat-message__card>footer button:hover,.qrzcb-live-chat-message__card>footer a:hover{color:#67e8f9}
.qrzcb-live-chat-reply{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid rgba(34,211,238,.16);background:rgba(8,47,73,.32)}.qrzcb-live-chat-reply>div{display:grid;min-width:0}.qrzcb-live-chat-reply small{color:#67e8f9;font-size:8px;text-transform:uppercase}.qrzcb-live-chat-reply strong{color:#fff;font-size:10px}.qrzcb-live-chat-reply span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:9px}.qrzcb-live-chat-reply button{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(148,163,184,.2);border-radius:9px;background:rgba(15,23,42,.72);color:#cbd5e1;font-size:20px;cursor:pointer}
.qrzcb-live-chat-composer{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 14px;border-top:1px solid rgba(148,163,184,.14);background:rgba(7,13,25,.98)}.qrzcb-live-chat-identity,.qrzcb-live-chat-input-wrap{display:grid;gap:4px}.qrzcb-live-chat-identity>span{color:#7f91a7;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.qrzcb-live-chat-identity select{min-height:43px;margin:0}.qrzcb-live-chat-input-wrap{position:relative}.qrzcb-live-chat-input-wrap textarea{min-height:58px;max-height:140px;margin:0;padding:10px 45px 10px 12px;resize:vertical}.qrzcb-live-chat-input-wrap small{position:absolute;right:9px;bottom:7px;color:#64748b;font-size:8px}.qrzcb-live-chat-send{min-height:44px;margin:0}.qrzcb-live-chat-restriction{padding:9px 14px;border-top:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.16);color:#fecaca;font-size:10px;text-align:center}.qrzcb-live-chat-status{min-height:0;padding:0 14px;color:#94a3b8;font-size:9px}.qrzcb-live-chat-status.is-error{padding-top:6px;padding-bottom:6px;color:#fecaca;background:rgba(127,29,29,.14)}.qrzcb-live-chat-status.is-success{padding-top:6px;padding-bottom:6px;color:#bbf7d0;background:rgba(20,83,45,.14)}.qrzcb-live-chat-status.is-info{padding-top:6px;padding-bottom:6px;color:#bae6fd;background:rgba(7,89,133,.14)}
.qrzcb-live-chat-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.qrzcb-live-chat-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.qrzcb-live-chat-admin-actions form{display:flex;align-items:center;gap:5px;margin:0}.qrzcb-live-chat-admin-actions select,.qrzcb-live-chat-admin-actions input{min-height:34px;max-width:150px;margin:0;padding:5px 7px;font-size:10px}.qrzcb-live-chat-admin-actions .btn{min-height:34px;padding:6px 9px;font-size:9px}.qrzcb-live-chat-admin-message-cell{max-width:360px;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:900px){.qrzcb-live-chat-admin-grid{grid-template-columns:1fr}.qrzcb-live-chat-shell{max-height:none;min-height:70dvh}.qrzcb-live-chat-composer{grid-template-columns:190px minmax(0,1fr);}.qrzcb-live-chat-send{grid-column:2;justify-self:end;min-width:120px}}
@media(max-width:680px){.qrzcb-live-chat-hero{align-items:flex-start}.qrzcb-live-chat-hero__status{min-width:92px;padding:8px 9px}.qrzcb-live-chat-hero__status strong{font-size:17px}.qrzcb-live-chat-shell{grid-template-rows:auto auto auto minmax(320px,1fr) auto auto auto;min-height:calc(100dvh - 155px);max-height:none;border-radius:16px}.qrzcb-live-chat-toolbar{align-items:flex-start;flex-direction:column;padding:9px}.qrzcb-live-chat-toolbar__links{width:100%;justify-content:space-between;gap:8px}.qrzcb-live-chat-filters{width:100%}.qrzcb-live-chat-filters button{flex:1}.qrzcb-live-chat-stream{min-height:320px;padding:12px 9px 20px}.qrzcb-live-chat-message{grid-template-columns:34px minmax(0,1fr);gap:6px;margin-bottom:9px}.qrzcb-live-chat-message.is-mine{grid-template-columns:minmax(0,1fr) 34px}.qrzcb-live-chat-avatar{width:34px;height:34px;font-size:10px}.qrzcb-live-chat-message__card{padding:8px 9px 7px}.qrzcb-live-chat-message__body{font-size:12px}.qrzcb-live-chat-message__card>footer{opacity:.9}.qrzcb-live-chat-composer{position:sticky;bottom:0;z-index:20;grid-template-columns:1fr auto;gap:7px;padding:8px calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px))}.qrzcb-live-chat-identity{grid-column:1/3}.qrzcb-live-chat-identity select{min-height:38px}.qrzcb-live-chat-input-wrap textarea{min-height:48px;max-height:110px;font-size:13px}.qrzcb-live-chat-send{grid-column:2;min-width:76px;min-height:48px}.qrzcb-live-chat-pinned button{flex-basis:86vw}.qrzcb-live-chat-rules>div{right:auto;left:0}.qrzcb-live-chat-admin-message-cell{max-width:240px}}
@media(max-width:390px){.qrzcb-live-chat-hero__status small{display:none}.qrzcb-live-chat-message__identity{gap:3px}.qrzcb-live-chat-message__callsign{font-size:10px}.qrzcb-live-chat-type,.qrzcb-live-chat-admin-badge,.qrzcb-live-chat-pin-badge{font-size:7px}.qrzcb-live-chat-toolbar__links>a,.qrzcb-live-chat-rules summary{font-size:9px}}
/* END QRZCB 5.6 - Live Chat */
/* BEGIN QRZCB 5.7 - Home Telegram spot channel */
/* Tre riferimenti ordinati: gruppo, canale spot e contatto email. */
.qrzcb-home-community__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qrzcb-home-community-card--channel {
border-color: rgba(251, 191, 36, .38);
}
.qrzcb-home-community-card--channel::after {
background: #f59e0b;
}
.qrzcb-home-community-card--channel
.qrzcb-home-community-card__icon {
background: linear-gradient(145deg, #ffd54a, #d97706);
}
.qrzcb-home-community-card--channel
.qrzcb-home-community-card__icon svg {
fill: #241400;
}
.qrzcb-home-community-card--channel
.qrzcb-home-community-card__tag {
border-color: rgba(251, 191, 36, .30);
background: rgba(120, 53, 15, .30);
color: #fde68a;
}
.qrzcb-home-community-card--channel
.qrzcb-home-community-card__action {
border-color: rgba(251, 191, 36, .46);
background: linear-gradient(135deg, #fbbf24, #f59e0b);
color: #211300 !important;
}
.qrzcb-home-community-card--channel
.qrzcb-home-community-card__action:hover {
filter: brightness(1.07);
color: #150c00 !important;
}
/* Tablet: gruppo e canale affiancati, email a tutta larghezza. */
@media (max-width: 1100px) {
.qrzcb-home-community__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qrzcb-home-community-card--email {
grid-column: 1 / -1;
}
}
/* Smartphone: i tre riferimenti diventano una colonna unica. */
@media (max-width: 820px) {
.qrzcb-home-community__grid {
grid-template-columns: 1fr;
}
.qrzcb-home-community-card--email {
grid-column: auto;
}
}
/* END QRZCB 5.7 - Home Telegram spot channel */
/* BEGIN QRZCB 6.0 - QSO Cluster CB OM */
.qrzcb-cluster-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.qrzcb-cluster-tabs a,.qrzcb-cluster-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 13px;border:1px solid rgba(103,232,249,.25);border-radius:999px;background:rgba(15,23,42,.72);color:#b8c7d9;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.qrzcb-cluster-tabs a.is-active,.qrzcb-cluster-tabs button.is-active{border-color:#67e8f9;background:linear-gradient(135deg,rgba(8,47,73,.98),rgba(14,116,144,.78));color:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.10)}.qrzcb-cluster-pending-inline,.qrzcb-nav-cluster-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:950}.qrzcb-cluster-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:10px;align-items:end;margin-bottom:18px}.qrzcb-cluster-filters label span{display:block;margin:0 0 6px;color:#94a3b8;font-size:10px;font-weight:850}.qrzcb-cluster-filters .form-actions{grid-column:1/-1;margin-top:2px}.qrzcb-cluster-table td small,.qrzcb-cluster-table td strong{display:block}.qrzcb-cluster-table td small{margin-top:3px;color:#8391a5;font-size:9px}.qrzcb-cluster-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.035em;text-decoration:none;white-space:nowrap}.qrzcb-cluster-status--confirmed{border:1px solid rgba(152,255,0,.55);background:rgba(79,120,0,.22);color:#caff8a}.qrzcb-cluster-status--pending{border:1px solid rgba(250,204,21,.55);background:rgba(113,63,18,.28);color:#fde68a}.qrzcb-cluster-status--external{border:1px solid rgba(148,163,184,.35);background:rgba(30,41,59,.55);color:#cbd5e1}.qrzcb-cluster-detail-link{font-size:10px;font-weight:850}.qrzcb-cluster-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.qrzcb-qso-cluster-home{min-width:0}.qrzcb-cluster-tabs--home{margin:0 0 10px}.qrzcb-cluster-home-scroll{max-height:410px;overflow:auto;border:1px solid rgba(103,232,249,.15);border-radius:14px}.qrzcb-cluster-home-table{width:100%;border-collapse:collapse}.qrzcb-cluster-home-table thead{position:sticky;top:0;z-index:2;background:#08101d}.qrzcb-cluster-home-table th,.qrzcb-cluster-home-table td{padding:9px 10px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}.qrzcb-cluster-home-table th{color:#67e8f9;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.qrzcb-cluster-home-table td{font-size:10px}.qrzcb-cluster-home-table td small,.qrzcb-cluster-home-table td strong{display:block}.qrzcb-cluster-home-table td small{margin-top:2px;color:#8190a4;font-size:8px}.qrzcb-cluster-home-table tr.is-new{animation:qrzcbClusterNew 1.8s ease}.qrzcb-cluster-home-mobile{display:none}.qrzcb-cluster-home-note{margin:9px 2px 0;color:#8391a5;font-size:9px;line-height:1.4}.qrzcb-cluster-detail__stations{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;text-align:center;margin-bottom:20px}.qrzcb-cluster-detail__stations strong,.qrzcb-cluster-detail__stations small{display:block}.qrzcb-cluster-detail__stations strong{font-size:24px}.qrzcb-cluster-detail__stations small{margin-top:4px;color:#94a3b8}.qrzcb-cluster-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qrzcb-cluster-detail__grid>div{padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(15,23,42,.45)}.qrzcb-cluster-detail__grid span,.qrzcb-cluster-detail__grid strong{display:block}.qrzcb-cluster-detail__grid span{color:#94a3b8;font-size:9px;text-transform:uppercase}.qrzcb-cluster-detail__grid strong{margin-top:5px}.qrzcb-cluster-confirm-list{display:grid;gap:12px}.qrzcb-cluster-confirm-card{padding:15px;border:1px solid rgba(103,232,249,.18);border-radius:15px;background:rgba(15,23,42,.50)}.qrzcb-cluster-confirm-card header{display:flex;align-items:center;gap:10px}.qrzcb-cluster-type{display:inline-grid;place-items:center;min-width:34px;height:25px;border-radius:8px;font-size:9px;font-weight:950}.qrzcb-cluster-type--cb{border:1px solid #f59e0b;color:#fde68a;background:rgba(120,53,15,.25)}.qrzcb-cluster-type--om{border:1px solid #22d3ee;color:#a5f3fc;background:rgba(8,47,73,.35)}.qrzcb-cluster-confirm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.qrzcb-cluster-confirm-grid span{padding:9px;border-radius:10px;background:rgba(2,6,23,.46)}.qrzcb-cluster-confirm-grid small,.qrzcb-cluster-confirm-grid b{display:block}.qrzcb-cluster-confirm-grid small{color:#94a3b8;font-size:8px;text-transform:uppercase}.qrzcb-cluster-confirm-grid b{margin-top:4px}.qrzcb-cluster-confirm-actions,.qrzcb-inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qrzcb-cluster-confirm-actions form,.qrzcb-inline-actions form{margin:0}@keyframes qrzcbClusterNew{0%{background:rgba(152,255,0,.28)}100%{background:transparent}}
@media(max-width:900px){.qrzcb-cluster-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.qrzcb-cluster-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.qrzcb-cluster-filters{grid-template-columns:1fr}.qrzcb-cluster-home-scroll{display:none}.qrzcb-cluster-home-mobile{display:grid;gap:8px;max-height:420px;overflow:auto}.qrzcb-cluster-home-card{padding:10px;border:1px solid rgba(103,232,249,.15);border-radius:12px;background:rgba(15,23,42,.50)}.qrzcb-cluster-home-card header{display:flex;justify-content:space-between;color:#94a3b8;font-size:8px;font-weight:900}.qrzcb-cluster-home-card__calls{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0;font-size:14px;font-weight:950}.qrzcb-cluster-home-card p{margin:0 0 8px;color:#aab6c7;font-size:9px;text-align:center}.qrzcb-cluster-detail__stations{grid-template-columns:1fr}.qrzcb-cluster-detail__stations>span{transform:rotate(90deg)}.qrzcb-cluster-detail__grid,.qrzcb-cluster-confirm-grid{grid-template-columns:1fr}.qrzcb-cluster-table-wrap{overflow:auto}.qrzcb-cluster-table{min-width:860px}}
/* END QRZCB 6.0 - QSO Cluster CB OM */
/* BEGIN QRZCB 6.1 - radio entities and cluster flags */
.qrzcb-radio-entity-profile-grid,.qrzcb-radio-entity-admin-list{display:grid;gap:12px}.qrzcb-radio-entity-profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.qrzcb-radio-entity-profile-card,.qrzcb-radio-entity-admin-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(103,232,249,.18);border-radius:14px;background:rgba(15,23,42,.48)}.qrzcb-radio-entity-profile-card header,.qrzcb-radio-entity-admin-card__operator{display:flex;align-items:center;gap:9px}.qrzcb-radio-entity-help{color:#94a3b8;font-size:11px}.qrzcb-radio-entity-current{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:11px}.qrzcb-radio-entity-current img,.qrzcb-cluster-flag{display:inline-block;width:22px;height:15px;object-fit:cover;border:1px solid rgba(255,255,255,.42);border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.28);vertical-align:middle}.qrzcb-cluster-call-with-flag{display:inline-flex;align-items:center;gap:7px;min-width:0}.qrzcb-cluster-flag--missing{display:inline-grid;place-items:center;width:22px;height:15px;border:1px dashed rgba(148,163,184,.5);border-radius:3px;color:#94a3b8;font-size:9px}.qrzcb-radio-entity-filters{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end}.qrzcb-inline-entity-form{display:flex;align-items:center;gap:7px;margin:0}.qrzcb-inline-entity-form select{min-width:220px}.qrzcb-cluster-entity-name{display:block;margin-top:2px;color:#8190a4;font-size:8px}.qrzcb-qso-contact-entity{grid-column:span 1}.qrzcb-qso-contact-entity small{display:block;margin-top:4px;color:#8190a4;font-size:9px}@media(max-width:760px){.qrzcb-radio-entity-filters{grid-template-columns:1fr}.qrzcb-inline-entity-form{align-items:stretch;flex-direction:column}.qrzcb-inline-entity-form select{min-width:0;width:100%}.qrzcb-cluster-flag{width:20px;height:14px}}
/* END QRZCB 6.1 - radio entities and cluster flags */
/* BEGIN QRZCB 6.2 - QSO single RST */
.qrzcb-qso-rst-primary small {
display: block;
margin-top: 5px;
color: #94a3b8;
font-size: 10px;
line-height: 1.35;
}
.qrzcb-qso-advanced {
margin: 12px 0;
padding: 0;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 13px;
background: rgba(2, 6, 23, .36);
overflow: hidden;
}
.qrzcb-qso-advanced > summary {
padding: 11px 13px;
color: #cbd5e1;
font-size: 11px;
font-weight: 850;
cursor: pointer;
user-select: none;
}
.qrzcb-qso-advanced[open] > summary {
border-bottom: 1px solid rgba(148, 163, 184, .14);
color: #67e8f9;
}
.qrzcb-qso-advanced > .form-grid {
padding: 12px 13px 4px;
}
.qrzcb-qso-advanced > p {
margin: 0;
padding: 0 13px 12px;
color: #8190a4;
font-size: 9.5px;
line-height: 1.4;
}
/* END QRZCB 6.2 - QSO single RST */
/* BEGIN QRZCB 6.3 - cluster date first */
.qrzcb-cluster-date,
.qrzcb-cluster-utc {
white-space: nowrap;
}
.qrzcb-cluster-date strong {
display: block;
color: #f8fafc;
font-size: 11px;
font-weight: 950;
letter-spacing: .01em;
}
.qrzcb-cluster-utc strong,
.qrzcb-cluster-utc small {
display: block;
}
.qrzcb-cluster-utc strong {
color: #ffffff;
font-size: 11px;
font-weight: 950;
}
.qrzcb-cluster-utc small {
margin-top: 2px;
color: #67e8f9;
font-size: 8px;
font-weight: 950;
letter-spacing: .08em;
}
.qrzcb-cluster-home-card__datetime {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
line-height: 1.1;
}
.qrzcb-cluster-home-card__date {
color: #ffffff;
font-size: 11px;
font-weight: 950;
}
.qrzcb-cluster-home-card__utc {
color: #67e8f9;
font-size: 9px;
font-weight: 900;
}
.qrzcb-cluster-detail-datetime {
display: flex;
align-items: center;
gap: 9px;
flex-wrap: wrap;
}
.qrzcb-cluster-detail-datetime strong {
color: #ffffff;
font-size: 14px;
font-weight: 950;
}
.qrzcb-cluster-detail-datetime span {
color: #67e8f9;
font-size: 12px;
font-weight: 900;
}
@media (max-width: 680px) {
.qrzcb-cluster-home-card__date {
font-size: 12px;
}
.qrzcb-cluster-home-card__utc {
font-size: 9.5px;
}
}
/* END QRZCB 6.3 - cluster date first */
/* BEGIN QRZCB 6.4 - compact automatic home events */
.qrzcb-events-home--compact { overflow: hidden; }
.qrzcb-events-home--compact .qrzcb-events-home__head {
display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px;
}
.qrzcb-events-home--compact .qrzcb-events-home__head h2 { margin-bottom:0; }
.qrzcb-events-home__actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap; }
.qrzcb-events-home__auto { display:inline-flex;align-items:center;gap:6px;color:#9fffd7;font-size:9px;font-weight:900;letter-spacing:.08em; }
.qrzcb-events-home__auto i { width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10),0 0 12px rgba(34,197,94,.65); }
.qrzcb-events-home--compact .qrzcb-events-home__all { font-size:11px;font-weight:900;white-space:nowrap; }
.qrzcb-events-home__compact-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.qrzcb-home-event-row {
display:grid;grid-template-columns:116px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:88px;padding:8px 9px;
border:1px solid rgba(148,163,184,.15);border-radius:15px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(4,10,22,.91));
color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.qrzcb-home-event-row:hover,.qrzcb-home-event-row:focus-visible {
border-color:rgba(103,232,249,.52);background:linear-gradient(135deg,rgba(8,47,73,.66),rgba(4,10,22,.96));
box-shadow:0 12px 27px rgba(0,0,0,.22),inset 0 0 0 1px rgba(103,232,249,.08);transform:translateY(-1px);outline:none;
}
.qrzcb-home-event-row__poster {
display:grid;place-items:center;width:116px;height:72px;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#050914;
}
.qrzcb-home-event-row__poster img {
display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain !important;object-position:center;
image-rendering:auto;transform:none !important;filter:none !important;opacity:1;
}
.qrzcb-home-event-row:hover .qrzcb-home-event-row__poster img { transform:none !important; }
.qrzcb-home-event-row__poster-fallback { display:grid;place-items:center;width:100%;height:100%;font-size:25px;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.18),transparent 60%); }
.qrzcb-home-event-row__content { display:block;min-width:0; }
.qrzcb-home-event-row__meta { display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:4px;flex-wrap:wrap; }
.qrzcb-home-event-row .qrzcb-event-state {
position:static !important;inset:auto !important;display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;
font-size:8px;font-weight:950;line-height:1;letter-spacing:.045em;
}
.qrzcb-home-event-row__featured { color:#fde68a;font-size:8px;font-weight:950;letter-spacing:.04em; }
.qrzcb-home-event-row__period { display:block;margin-bottom:4px;color:#67e8f9;font-size:9px;font-weight:850;line-height:1.25;letter-spacing:.018em; }
.qrzcb-home-event-row__title {
display:-webkit-box;overflow:hidden;color:#f8fafc;font-size:13px;font-weight:950;line-height:1.18;text-transform:uppercase;
-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.qrzcb-home-event-row__arrow { display:grid;place-items:center;width:20px;color:#67e8f9;font-size:29px;font-weight:300;line-height:1;transition:transform .16s ease; }
.qrzcb-home-event-row:hover .qrzcb-home-event-row__arrow { transform:translateX(2px); }
.qrzcb-events-home__empty { min-height:82px;display:grid;place-items:center; }
@media (max-width:980px) { .qrzcb-events-home__compact-grid { grid-template-columns:1fr; } }
@media (max-width:680px) {
.qrzcb-events-home--compact .qrzcb-events-home__head { align-items:flex-start;margin-bottom:10px; }
.qrzcb-events-home__actions { gap:6px; }
.qrzcb-events-home__auto { display:none; }
.qrzcb-events-home--compact .qrzcb-events-home__all { font-size:10px; }
.qrzcb-events-home__compact-grid { gap:7px; }
.qrzcb-home-event-row { grid-template-columns:88px minmax(0,1fr) 16px;gap:9px;min-height:76px;padding:7px;border-radius:13px; }
.qrzcb-home-event-row__poster { width:88px;height:58px;border-radius:9px; }
.qrzcb-home-event-row__period { font-size:8px; }
.qrzcb-home-event-row__title { font-size:11px; }
.qrzcb-home-event-row__arrow { width:16px;font-size:24px; }
}
@media (max-width:390px) {
.qrzcb-home-event-row { grid-template-columns:78px minmax(0,1fr) 14px; }
.qrzcb-home-event-row__poster { width:78px;height:54px; }
}
/* END QRZCB 6.4 - compact automatic home events */
/* BEGIN QRZCB 6.4.1 - hide home event title */
.qrzcb-events-home--compact .qrzcb-home-event-row__title {
display: none !important;
}
.qrzcb-events-home--compact .qrzcb-home-event-row__content {
display: flex;
min-width: 0;
height: 100%;
flex-direction: column;
justify-content: center;
}
.qrzcb-events-home--compact .qrzcb-home-event-row__period {
margin-bottom: 0;
}
/* END QRZCB 6.4.1 - hide home event title */
/* BEGIN QRZCB 7.0 - AWARDS core */
.awards-hero h1{letter-spacing:.04em}
.awards-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.awards-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(15,23,42,.68);color:#cbd5e1;font-weight:850;text-decoration:none}
.awards-tabs a.is-active,.awards-tabs a:hover{border-color:rgba(103,232,249,.75);background:rgba(8,47,73,.82);color:#ecfeff}
.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.award-card{overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(155deg,rgba(15,23,42,.94),rgba(2,6,23,.97));box-shadow:0 18px 44px rgba(0,0,0,.30)}
.award-card__link{display:block;height:100%;color:inherit;text-decoration:none}
.award-card__media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#020617;overflow:hidden}
.award-card__media img{display:block;width:100%;height:100%;object-fit:contain;background:#020617}
.award-card__placeholder,.award-detail-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:220px;background:radial-gradient(circle at center,rgba(34,211,238,.18),transparent 55%),linear-gradient(145deg,#07111f,#020617);color:#67e8f9;font-size:72px;font-weight:950}
.award-state{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.88);font-size:9px;font-weight:950;letter-spacing:.06em}
.award-card__media>.award-state{position:absolute;top:10px;left:10px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.award-state--in-corso{border-color:rgba(74,222,128,.62);background:rgba(20,83,45,.84);color:#dcfce7}
.award-state--programmato{border-color:rgba(96,165,250,.62);background:rgba(30,58,138,.82);color:#dbeafe}
.award-state--concluso{border-color:rgba(148,163,184,.48);background:rgba(30,41,59,.82);color:#e2e8f0}
.award-card__body{padding:15px}
.award-card__meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.award-card__meta span{padding:4px 7px;border-radius:999px;background:rgba(34,211,238,.10);color:#a5f3fc;font-size:9px;font-weight:800}
.award-card h2{margin:0 0 10px;color:#fff;font-size:18px;line-height:1.22}
.award-period{margin:0 0 12px;color:#cbd5e1;font-size:12px;line-height:1.55}
.award-period strong{color:#67e8f9}
.award-card__counts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.award-card__counts span{font-size:10px;color:#94a3b8}
.award-card__open{display:inline-flex;color:#98ff00;font-size:11px;font-weight:900}
.awards-empty{text-align:center;padding:34px}
.award-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-bottom:18px}
.award-detail-poster{display:grid;place-items:center;overflow:hidden;min-height:300px;background:#020617}
.award-detail-poster img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.award-detail-info{align-self:start}
.award-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.award-facts{display:grid;gap:8px;margin:0 0 18px}
.award-facts>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;padding:9px 10px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:rgba(15,23,42,.45)}
.award-facts dt{color:#94a3b8;font-size:10px;font-weight:850;text-transform:uppercase}
.award-facts dd{margin:0;color:#f8fafc;font-size:12px;font-weight:750}
.award-phase-box{display:grid;gap:4px;padding:12px;border:1px solid rgba(152,255,0,.28);border-radius:12px;background:rgba(54,83,20,.18)}
.award-phase-box strong{color:#d9f99d}.award-phase-box span{color:#cbd5e1;font-size:11px;line-height:1.45}
.award-description{line-height:1.65}
.award-admin-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.award-admin-roadmap>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(103,232,249,.16);border-radius:12px;background:rgba(8,47,73,.18)}
.award-admin-roadmap strong{color:#67e8f9;font-size:10px}.award-admin-roadmap span{color:#cbd5e1;font-size:10px;line-height:1.35}
.award-admin-table td>small,.award-admin-table td small{display:block;color:#94a3b8;margin-top:4px}
.award-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.award-admin-actions form{display:flex;align-items:center;gap:5px;margin:0}.award-admin-actions select{min-width:105px}
.awards-admin-form small,.awards-upload-grid small{display:block;margin-top:5px;color:#94a3b8;font-size:10px}
.awards-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.awards-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.awards-upload-grid>div{padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(15,23,42,.45)}
.awards-upload-grid h3{margin:0 0 10px;color:#fff}.award-admin-preview{display:block;width:100%;max-height:260px;object-fit:contain;margin:0 0 10px;border-radius:10px;background:#020617}
.award-danger-zone{border-color:rgba(248,113,113,.38);margin-top:18px}.award-danger-zone form{display:flex;gap:8px;flex-wrap:wrap}.award-danger-zone input{max-width:260px}
@media(max-width:1000px){.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.award-admin-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.awards-grid,.award-detail-grid,.awards-upload-grid,.awards-check-grid{grid-template-columns:1fr}.award-admin-roadmap{grid-template-columns:1fr 1fr}.award-card h2{font-size:16px}.award-facts>div{grid-template-columns:92px minmax(0,1fr)}.award-admin-actions,.award-admin-actions form{align-items:stretch}.award-admin-actions form{flex-direction:column}.award-admin-actions select{width:100%}}
@media(max-width:420px){.award-admin-roadmap{grid-template-columns:1fr}.awards-tabs a{flex:1 1 30%}.award-card__body{padding:12px}}
/* END QRZCB 7.0 - AWARDS core */
/* BEGIN QRZCB 7.1 - AWARDS registrations email token log */
.awards-registration-box {
margin-top: 18px;
}
.awards-identity-signup-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 15px;
}
.award-identity-signup {
min-width: 0;
padding: 15px;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 15px;
background: rgba(7, 18, 34, .68);
}
.award-identity-signup--cb {
border-color: rgba(245, 158, 11, .34);
}
.award-identity-signup--om {
border-color: rgba(34, 211, 238, .34);
}
.award-identity-signup__head {
display: flex;
align-items: center;
gap: 9px;
}
.award-identity-signup__head strong {
color: #fff;
font-size: 17px;
}
.award-signup-form {
display: grid;
gap: 10px;
margin-top: 10px;
}
.awards-token-note,
.awards-log-rule-note {
margin-top: 14px;
line-height: 1.5;
}
.awards-my-actions {
margin: 0 0 16px;
}
.awards-my-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
.award-my-card {
min-width: 0;
}
.award-my-card__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 12px;
}
.award-my-card__top h2 {
margin: 5px 0 0;
font-size: 19px;
}
.award-my-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.awards-log-access-card {
max-width: 720px;
margin-inline: auto;
}
.awards-log-status {
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 2fr) auto;
align-items: center;
gap: 18px;
}
.awards-log-status h2 {
margin: 5px 0 0;
}
.awards-log-status .award-facts {
margin: 0;
}
.awards-log-form summary {
font-size: 18px;
font-weight: 900;
}
.awards-log-table td small,
.awards-registration-table td small {
display: block;
margin-top: 4px;
color: #91a4b5;
font-size: 10px;
}
.awards-log-table td,
.awards-log-table th {
white-space: nowrap;
}
.awards-registration-stats {
margin-bottom: 16px;
}
.awards-registration-actions {
min-width: 220px;
display: grid;
gap: 8px;
}
.awards-registration-actions form {
display: grid;
gap: 6px;
}
.awards-registration-actions input {
min-width: 190px;
}
.award-request-message-row td {
background: rgba(14, 116, 144, .08);
white-space: normal !important;
}
.badge-requested {
color: #fde68a;
border-color: rgba(245, 158, 11, .55);
background: rgba(146, 64, 14, .25);
}
.badge-approved {
color: #bbf7d0;
border-color: rgba(34, 197, 94, .48);
background: rgba(20, 83, 45, .28);
}
.badge-rejected,
.badge-banned {
color: #fecaca;
border-color: rgba(248, 113, 113, .48);
background: rgba(127, 29, 29, .28);
}
@media (max-width: 900px) {
.awards-log-status {
grid-template-columns: 1fr;
}
.awards-log-status .award-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.awards-identity-signup-grid,
.awards-my-grid {
grid-template-columns: 1fr;
}
.award-my-card__top {
align-items: flex-start;
}
.awards-log-table,
.awards-registration-table {
min-width: 980px;
}
.awards-registration-actions {
min-width: 190px;
}
}
/* END QRZCB 7.1 - AWARDS registrations email token log */
/* BEGIN QRZCB 7.2 - AWARDS RIR Contest operator log */
.rir-awards-log-hero {
margin-bottom: 16px;
}
.rir-awards-operator-card {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
}
.rir-awards-operator-card > span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 10px;
border: 1px solid rgba(148, 163, 184, .17);
border-radius: 999px;
background: rgba(15, 23, 42, .62);
color: #e2e8f0;
font-size: 12px;
font-weight: 850;
}
.rir-awards-operator-card form {
margin: 0;
}
.rir-awards-log-status {
display: grid;
grid-template-columns: minmax(180px, .75fr) minmax(0, 2fr);
align-items: center;
gap: 18px;
}
.rir-awards-log-status .award-facts {
margin: 0;
}
.rir-awards-score-legend {
margin: 16px 0 20px;
padding: 11px 14px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 12px;
background: rgba(255, 255, 255, .04);
color: #dbeafe;
font-size: 12px;
font-weight: 800;
line-height: 1.45;
}
.rir-awards-score-legend strong {
color: #fff;
}
.rir-awards-standard-layout {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(340px, .9fr);
gap: 18px;
align-items: start;
}
.rir-awards-compact-form {
display: grid;
grid-template-columns: 180px minmax(220px, 1fr) 190px auto;
gap: 12px;
align-items: end;
margin: 0 0 18px;
}
.rir-awards-compact-form > label {
display: grid;
gap: 6px;
color: #dbeafe;
font-size: 12px;
font-weight: 850;
}
.rir-awards-compact-form input,
.rir-awards-rank-controls select {
width: 100%;
min-height: 42px;
padding: 8px 10px;
border: 1px solid var(--line);
border-radius: 10px;
background: #080d19;
color: var(--text);
}
.rir-awards-compact-form input[readonly] {
opacity: .78;
cursor: not-allowed;
}
.rir-awards-compact-form > .btn {
min-height: 42px;
}
.rir-awards-grace-fields {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) 180px 160px;
gap: 10px;
align-items: end;
padding: 11px;
border: 1px solid rgba(245, 158, 11, .34);
border-radius: 12px;
background: rgba(120, 53, 15, .14);
}
.rir-awards-grace-fields p {
margin: 0;
color: #fde68a;
font-size: 12px;
font-weight: 750;
}
.rir-awards-grace-fields label {
display: grid;
gap: 5px;
color: #fde68a;
font-size: 11px;
font-weight: 850;
}
.rir-awards-cancel-edit {
margin: -6px 0 14px;
}
.rir-awards-log-table-scroll {
width: 100%;
overflow-x: auto;
}
table.rir-awards-log-table-compact {
width: 100%;
min-width: 720px;
table-layout: fixed;
border-collapse: separate;
font-size: 12px;
}
table.rir-awards-log-table-compact th,
table.rir-awards-log-table-compact td {
padding: 8px 7px;
white-space: nowrap;
vertical-align: middle;
line-height: 1.15;
overflow: hidden;
text-overflow: ellipsis;
}
table.rir-awards-log-table-compact th:nth-child(1),
table.rir-awards-log-table-compact td:nth-child(1) {
width: 16%;
}
table.rir-awards-log-table-compact th:nth-child(2),
table.rir-awards-log-table-compact td:nth-child(2),
table.rir-awards-log-table-compact th:nth-child(3),
table.rir-awards-log-table-compact td:nth-child(3) {
width: 7%;
text-align: center;
}
table.rir-awards-log-table-compact th:nth-child(4),
table.rir-awards-log-table-compact td:nth-child(4) {
width: 15%;
}
table.rir-awards-log-table-compact th:nth-child(5),
table.rir-awards-log-table-compact td:nth-child(5) {
width: 13%;
text-align: center;
}
table.rir-awards-log-table-compact th:nth-child(6),
table.rir-awards-log-table-compact td:nth-child(6) {
width: 12%;
}
table.rir-awards-log-table-compact th:nth-child(7),
table.rir-awards-log-table-compact td:nth-child(7) {
width: 18%;
}
table.rir-awards-log-table-compact th:nth-child(8),
table.rir-awards-log-table-compact td:nth-child(8) {
width: 11%;
text-align: center;
overflow: visible;
text-overflow: clip;
}
.rir-awards-actions {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
white-space: nowrap;
}
.rir-awards-actions form {
display: inline-flex;
margin: 0;
}
.rir-awards-actions .btn {
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
padding: 0;
border-radius: 8px;
font-size: 14px;
}
.rir-awards-rank-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.rir-awards-rank-head h2 {
margin: 0;
}
.rir-awards-rank-controls {
display: flex;
align-items: end;
gap: 7px;
}
.rir-awards-rank-controls label {
display: grid;
gap: 4px;
color: #cbd5e1;
font-size: 10px;
font-weight: 850;
text-transform: uppercase;
letter-spacing: .04em;
}
.rir-awards-rank-controls select {
min-width: 105px;
min-height: 34px;
padding: 5px 8px;
font-size: 12px;
}
table.rir-awards-ranking-table {
width: 100%;
min-width: 450px;
font-size: 12px;
}
table.rir-awards-ranking-table th,
table.rir-awards-ranking-table td {
padding: 8px 7px;
white-space: nowrap;
}
table.rir-awards-ranking-table th:first-child,
table.rir-awards-ranking-table td:first-child,
table.rir-awards-ranking-table th:nth-child(3),
table.rir-awards-ranking-table td:nth-child(3),
table.rir-awards-ranking-table th:nth-child(4),
table.rir-awards-ranking-table td:nth-child(4),
table.rir-awards-ranking-table th:nth-child(5),
table.rir-awards-ranking-table td:nth-child(5) {
text-align: center;
}
@media (max-width: 1050px) {
.rir-awards-standard-layout {
grid-template-columns: 1fr;
}
.rir-awards-compact-form {
grid-template-columns: 1fr;
}
.rir-awards-grace-fields {
grid-template-columns: 1fr 1fr;
}
.rir-awards-grace-fields p {
grid-column: 1 / -1;
}
}
@media (max-width: 720px) {
.rir-awards-log-status {
grid-template-columns: 1fr;
}
.rir-awards-operator-card {
align-items: stretch;
}
.rir-awards-operator-card > span {
min-height: 31px;
padding: 6px 9px;
}
.rir-awards-grace-fields {
grid-template-columns: 1fr;
}
.rir-awards-grace-fields p {
grid-column: auto;
}
table.rir-awards-log-table-compact {
min-width: 760px;
}
table.rir-awards-log-table-compact th,
table.rir-awards-log-table-compact td {
padding: 6px 5px;
}
}
/* END QRZCB 7.2 - AWARDS RIR Contest operator log */
/* BEGIN QRZCB 7.2.2 - AWARDS participant country flags */
.rir-awards-callsign-with-flag {
display: inline-flex;
align-items: center;
gap: 7px;
min-width: 0;
white-space: nowrap;
}
.rir-awards-own-callsign {
font-weight: 900;
}
.rir-awards-country-flag {
display: inline-block;
width: 27px;
min-width: 27px;
max-width: 27px;
height: 18px;
min-height: 18px;
max-height: 18px;
object-fit: cover;
border: 1px solid rgba(255,255,255,.42);
border-radius: 3px;
box-shadow: 0 2px 7px rgba(0,0,0,.30);
vertical-align: middle;
}
.rir-awards-log-table-compact td:first-child,
.rir-awards-ranking-table td:nth-child(2) {
overflow: visible;
text-overflow: clip;
}
@media (max-width: 720px) {
.rir-awards-callsign-with-flag {
gap: 5px;
}
.rir-awards-country-flag {
width: 24px;
min-width: 24px;
max-width: 24px;
height: 16px;
min-height: 16px;
max-height: 16px;
}
}
/* END QRZCB 7.2.2 - AWARDS participant country flags */
/* BEGIN QRZCB 7.3 - AWARDS phase 3 */
.awards-phase3-hero {
border-color: rgba(152,255,0,.26);
}
.awards-phase3-explanation {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 14px;
}
.awards-phase3-explanation > div {
display: flex;
gap: 12px;
align-items: center;
padding: 14px;
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px;
background: rgba(255,255,255,.03);
}
.awards-phase3-explanation strong {
display: grid;
place-items: center;
width: 34px;
height: 34px;
flex: 0 0 34px;
border-radius: 50%;
background: rgba(152,255,0,.14);
color: #cfff91;
}
.awards-phase3-table {
width: 100%;
border-collapse: collapse;
}
.awards-phase3-table th,
.awards-phase3-table td {
padding: 10px 11px;
border-bottom: 1px solid rgba(255,255,255,.08);
vertical-align: middle;
text-align: left;
}
.awards-phase3-table th {
color: #cbd5e1;
font-size: .78rem;
letter-spacing: .06em;
text-transform: uppercase;
white-space: nowrap;
}
.awards-phase3-table small {
display: block;
margin-top: 3px;
color: var(--muted);
}
.awards-phase3-table input,
.awards-phase3-table select,
.awards-phase3-filter select,
.awards-phase3-new-station input,
.awards-manual-verification-form input,
.awards-manual-verification-form select {
width: 100%;
min-height: 38px;
border: 1px solid var(--line);
border-radius: 10px;
background: #080d19;
color: var(--text);
padding: 7px 9px;
}
.awards-phase3-callsign {
display: inline-flex;
gap: 7px;
align-items: center;
min-width: 0;
white-space: nowrap;
}
.awards-phase3-callsign img {
display: inline-block;
width: 27px;
min-width: 27px;
height: 18px;
object-fit: cover;
border: 1px solid rgba(255,255,255,.38);
border-radius: 3px;
box-shadow: 0 2px 7px rgba(0,0,0,.3);
}
.awards-phase3-callsign > span {
min-width: 0;
}
.awards-phase3-status {
display: inline-flex;
align-items: center;
padding: 5px 8px;
border: 1px solid rgba(148,163,184,.35);
border-radius: 999px;
font-size: .76rem;
font-weight: 850;
white-space: nowrap;
}
.awards-phase3-status--ok {
color: #bbf7d0;
border-color: rgba(74,222,128,.45);
background: rgba(34,197,94,.13);
}
.awards-phase3-status--warning {
color: #fde68a;
border-color: rgba(245,158,11,.46);
background: rgba(245,158,11,.12);
}
.awards-phase3-status--danger {
color: #fecaca;
border-color: rgba(248,113,113,.5);
background: rgba(239,68,68,.13);
}
.awards-phase3-status--muted {
color: #cbd5e1;
background: rgba(148,163,184,.10);
}
.awards-ranking-state {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
border-left: 4px solid #60a5fa;
}
.awards-ranking-state--frozen {
border-left-color: #f59e0b;
}
.awards-ranking-state--final {
border-left-color: #98ff00;
}
.awards-phase3-state-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.awards-phase3-state-actions form {
margin: 0;
}
.awards-phase3-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 16px;
}
.awards-phase3-stats {
display: grid;
grid-template-columns: repeat(6,minmax(0,1fr));
gap: 10px;
margin-top: 14px;
}
.awards-phase3-stats.compact {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.awards-phase3-stats > div {
padding: 12px;
border: 1px solid rgba(255,255,255,.08);
border-radius: 14px;
background: rgba(255,255,255,.03);
}
.awards-phase3-stats strong {
display: block;
font-size: 1.55rem;
color: #fff;
}
.awards-phase3-stats span {
display: block;
margin-top: 4px;
color: var(--muted);
font-size: .78rem;
}
.awards-phase3-stats .ok strong {
color: #86efac;
}
.awards-phase3-stats .warning strong {
color: #fcd34d;
}
.awards-phase3-stats .danger strong {
color: #fca5a5;
}
.awards-phase3-new-station {
display: grid;
grid-template-columns: minmax(220px,1.4fr) repeat(4,minmax(120px,.7fr));
gap: 10px;
margin-top: 18px;
padding: 15px;
border: 1px dashed rgba(152,255,0,.35);
border-radius: 16px;
}
.awards-phase3-new-station label {
display: grid;
gap: 5px;
}
.awards-phase3-options {
display: grid;
gap: 10px;
margin-top: 14px;
}
.awards-manual-verification-form {
display: grid;
grid-template-columns: minmax(120px,.8fr) minmax(160px,1.4fr) auto;
gap: 6px;
min-width: 420px;
}
.awards-phase3-filter {
display: flex;
gap: 8px;
align-items: end;
}
.awards-phase3-filter label {
display: grid;
gap: 5px;
}
.awards-verifications-locked {
display: flex;
align-items: center;
gap: 18px;
min-height: 170px;
}
.awards-phase3-lock {
display: grid;
place-items: center;
width: 70px;
height: 70px;
flex: 0 0 70px;
border: 1px solid rgba(245,158,11,.38);
border-radius: 20px;
background: rgba(245,158,11,.10);
font-size: 2rem;
}
.awards-public-ranking + .awards-public-ranking {
margin-top: 18px;
}
.awards-ranking-refresh-note {
margin: 12px 0 0;
}
.awards-phase3-links {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 1180px) {
.awards-phase3-stats {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.awards-phase3-new-station {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width: 820px) {
.awards-phase3-explanation,
.awards-phase3-grid {
grid-template-columns: 1fr;
}
.awards-ranking-state {
align-items: flex-start;
flex-direction: column;
}
.awards-phase3-stats,
.awards-phase3-stats.compact {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.awards-manual-verification-form {
min-width: 320px;
grid-template-columns: 1fr;
}
.awards-phase3-callsign {
gap: 5px;
}
.awards-phase3-callsign img {
width: 24px;
min-width: 24px;
height: 16px;
}
}
@media (max-width: 520px) {
.awards-phase3-stats,
.awards-phase3-stats.compact,
.awards-phase3-new-station {
grid-template-columns: 1fr;
}
}
/* END QRZCB 7.3 - AWARDS phase 3 */
/* BEGIN QRZCB 7.3.2 - AWARDS registration schedule override */
.awards-registration-mode-field small {
display: block;
margin-top: 7px;
line-height: 1.45;
}
.award-registration-override-admin {
display: grid;
gap: 6px;
min-width: 190px;
}
.award-registration-override-form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0;
}
.award-registration-override-form select {
min-height: 34px;
max-width: 170px;
border-radius: 10px;
}
.award-registration-effective {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 25px;
padding: 4px 8px;
border: 1px solid rgba(148,163,184,.34);
border-radius: 999px;
font-size: 11px;
font-weight: 900;
letter-spacing: .04em;
}
.award-registration-effective--forced_open,
.award-registration-effective--calendar_open {
border-color: rgba(74,222,128,.52);
background: rgba(34,197,94,.14);
color: #dcfce7;
}
.award-registration-effective--forced_closed,
.award-registration-effective--calendar_closed,
.award-registration-effective--unavailable {
border-color: rgba(251,191,36,.48);
background: rgba(245,158,11,.13);
color: #fef3c7;
}
.award-registration-state-notice {
display: grid;
gap: 5px;
margin-bottom: 16px;
}
.award-registration-state-notice strong {
letter-spacing: .035em;
}
.award-registration-state-notice span,
.award-registration-state-notice small {
display: block;
}
@media (max-width: 760px) {
.award-registration-override-form {
align-items: stretch;
}
.award-registration-override-form select,
.award-registration-override-form .btn {
width: 100%;
max-width: none;
}
}
/* END QRZCB 7.3.2 - AWARDS registration schedule override */
/* BEGIN QRZCB 7.3.3 - AWARDS strict participant scoring */
.awards-station-non-scoring{background:rgba(245,158,11,.07)}
.awards-station-non-scoring input[disabled]{opacity:.78;cursor:not-allowed}
.awards-station-non-scoring small.warning,
.awards-manual-verification-form small.warning{display:block;margin-top:5px;color:#fde68a;font-size:10px;font-weight:900;line-height:1.35;letter-spacing:.035em}
/* END QRZCB 7.3.3 - AWARDS strict participant scoring */
/* BEGIN QRZCB 7.3.4 - AWARDS participant management */
.awards-participant-admin-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-bottom: 18px;
}
.awards-participant-readonly-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 16px 0;
}
.awards-participant-readonly-grid.compact {
grid-template-columns: 1fr;
}
.awards-participant-readonly-grid > div {
min-width: 0;
padding: 10px 12px;
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 12px;
background: rgba(15, 23, 42, .48);
}
.awards-participant-readonly-grid dt {
margin: 0 0 4px;
color: var(--muted);
font-size: 11px;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.awards-participant-readonly-grid dd {
min-width: 0;
margin: 0;
overflow-wrap: anywhere;
font-weight: 850;
}
.awards-participant-current-type {
display: grid;
gap: 4px;
margin-top: 10px;
padding: 12px 14px;
border: 1px solid rgba(152, 255, 0, .28);
border-radius: 13px;
background: rgba(152, 255, 0, .07);
}
.awards-participant-current-type span {
color: var(--muted);
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.awards-participant-current-type strong {
color: #efffcf;
font-size: 16px;
}
.awards-participant-edit-form label small {
display: block;
margin-top: 6px;
color: var(--muted);
line-height: 1.4;
}
.awards-participant-ranking-check {
align-items: flex-start;
min-height: 100%;
padding: 13px 14px;
border: 1px solid rgba(96, 165, 250, .32);
border-radius: 13px;
background: rgba(37, 99, 235, .08);
}
.awards-participant-ranking-check input {
margin-top: 4px;
}
.awards-participant-recompute-note {
margin-top: 16px;
}
.awards-participant-tools-grid form {
margin: 0;
}
.awards-participant-actions {
min-width: 220px;
}
.awards-participant-actions > .btn {
width: 100%;
}
.awards-participant-management-table td small {
display: block;
margin-top: 4px;
}
@media (max-width: 980px) {
.awards-participant-admin-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.awards-participant-readonly-grid {
grid-template-columns: 1fr;
}
.awards-participant-actions {
min-width: 190px;
}
}
/* END QRZCB 7.3.4 - AWARDS participant management */
/* BEGIN QRZCB 7.3.6 - AWARDS Log without division column */
/*
* La divisione resta nel database e nei servizi interni.
* Nel Log la nazione è rappresentata dalla bandiera e dal callsign.
*/
table.rir-awards-log-table-compact {
min-width: 650px;
}
table.rir-awards-log-table-compact th:nth-child(1),
table.rir-awards-log-table-compact td:nth-child(1) {
width: 23%;
}
table.rir-awards-log-table-compact th:nth-child(2),
table.rir-awards-log-table-compact td:nth-child(2),
table.rir-awards-log-table-compact th:nth-child(3),
table.rir-awards-log-table-compact td:nth-child(3) {
width: 7%;
text-align: center;
}
table.rir-awards-log-table-compact th:nth-child(4),
table.rir-awards-log-table-compact td:nth-child(4) {
width: 18%;
}
table.rir-awards-log-table-compact th:nth-child(5),
table.rir-awards-log-table-compact td:nth-child(5) {
width: 14%;
text-align: center;
}
table.rir-awards-log-table-compact th:nth-child(6),
table.rir-awards-log-table-compact td:nth-child(6) {
width: 21%;
}
table.rir-awards-log-table-compact th:nth-child(7),
table.rir-awards-log-table-compact td:nth-child(7) {
width: 10%;
text-align: center;
overflow: visible;
text-overflow: clip;
}
table.rir-awards-ranking-table {
min-width: 390px;
}
table.rir-awards-ranking-table th:nth-child(1),
table.rir-awards-ranking-table td:nth-child(1) {
width: 13%;
text-align: center;
}
table.rir-awards-ranking-table th:nth-child(2),
table.rir-awards-ranking-table td:nth-child(2) {
width: 49%;
}
table.rir-awards-ranking-table th:nth-child(3),
table.rir-awards-ranking-table td:nth-child(3) {
width: 18%;
text-align: center;
}
table.rir-awards-ranking-table th:nth-child(4),
table.rir-awards-ranking-table td:nth-child(4) {
width: 20%;
text-align: center;
}
@media (max-width: 720px) {
table.rir-awards-log-table-compact {
min-width: 650px;
}
table.rir-awards-ranking-table {
min-width: 360px;
}
}
/* END QRZCB 7.3.6 - AWARDS Log without division column */
/* BEGIN QRZCB 7.3.7 - AWARDS instant close and final */
.awards-live-final-note {
grid-column: 1 / -1;
line-height: 1.5;
}
.awards-final-winner {
margin: 16px 0;
border-color: rgba(250, 204, 21, .58);
background:
radial-gradient(circle at 100% 0, rgba(250, 204, 21, .18), transparent 45%),
rgba(15, 23, 42, .88);
}
.awards-final-winner h2 {
margin: 5px 0 4px;
font-size: clamp(24px, 4vw, 38px);
color: #fef08a;
}
.awards-final-winner p {
margin: 0;
color: #f8fafc;
font-weight: 800;
}
/* END QRZCB 7.3.7 - AWARDS instant close and final */
/* BEGIN QRZCB 7.3.8 - AWARDS full poster cards */
/*
* La locandina nella card pubblica viene sempre mostrata interamente.
* Nessun ritaglio, nessuno zoom e nessun ingrandimento oltre il necessario.
*/
.awards-grid .award-card__media {
position: relative;
display: grid;
place-items: center;
aspect-ratio: 16 / 9;
min-height: 0;
padding: 12px;
overflow: hidden;
background:
radial-gradient(circle at 50% 42%, rgba(34, 211, 238, .10), transparent 62%),
#020617;
}
.awards-grid .award-card__media > img.award-card__poster {
display: block !important;
position: relative !important;
inset: auto !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: scale-down !important;
object-position: center center !important;
transform: none !important;
clip-path: none !important;
margin: 0 auto !important;
border-radius: 10px;
background: transparent !important;
}
.awards-grid .award-card__media > .award-state {
z-index: 2;
}
@media (max-width: 720px) {
.awards-grid .award-card__media {
padding: 9px;
}
.awards-grid .award-card__media > img.award-card__poster {
border-radius: 8px;
}
}
/* END QRZCB 7.3.8 - AWARDS full poster cards */
/* BEGIN QRZCB 7.3.9 - AWARDS card signup CTA */
.qrzcb-award-card-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 9px;
margin-top: 14px;
}
.qrzcb-award-card-actions .qrzcb-award-card-signup-button {
min-height: 40px;
padding: 10px 17px;
border-radius: 12px;
background:
linear-gradient(135deg, #67e8f9 0%, #22d3ee 52%, #06b6d4 100%);
border: 1px solid rgba(165, 243, 252, .62);
color: #042f3b;
font-weight: 950;
letter-spacing: .045em;
text-decoration: none;
box-shadow:
0 10px 28px rgba(6, 182, 212, .22),
inset 0 1px 0 rgba(255, 255, 255, .44);
}
.qrzcb-award-card-actions .qrzcb-award-card-signup-button:hover,
.qrzcb-award-card-actions .qrzcb-award-card-signup-button:focus {
color: #03242e;
text-decoration: none;
filter: brightness(1.06);
transform: translateY(-1px);
}
.qrzcb-award-card-actions > a:not(.qrzcb-award-card-signup-button) {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 9px 12px;
border: 1px solid rgba(103, 232, 249, .28);
border-radius: 12px;
background: rgba(8, 20, 36, .56);
}
.qrzcb-award-card-signup-note {
margin: 8px 0 0;
color: rgba(203, 213, 225, .78);
font-size: 12px;
line-height: 1.45;
}
.qrzcb-award-card-signup-closed {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 13px;
border: 1px solid rgba(148, 163, 184, .40);
border-radius: 12px;
background: rgba(71, 85, 105, .18);
color: #cbd5e1;
font-size: 12px;
font-weight: 900;
letter-spacing: .035em;
}
.qrzcb-award-card-shell {
min-width: 0;
}
.qrzcb-award-card-shell > .qrzcb-award-card-actions {
padding: 0 14px 14px;
}
@media (max-width: 620px) {
.qrzcb-award-card-actions {
align-items: stretch;
}
.qrzcb-award-card-actions > a,
.qrzcb-award-card-actions > span {
justify-content: center;
width: 100%;
}
}
/* END QRZCB 7.3.9 - AWARDS card signup CTA */
/* BEGIN QRZCB 7.4.1 - geographic online radar */
.qrzcb-online-radar-card {
position: relative;
isolation: isolate;
}
.qrzcb-online-radar {
isolation: isolate;
}
.qrzcb-online-radar::after {
z-index: 4;
pointer-events: none;
}
.qrzcb-online-radar__dots {
position: absolute;
inset: 0;
z-index: 6;
pointer-events: none;
}
.qrzcb-online-radar__scale {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
}
.qrzcb-online-radar__scale-ring,
.qrzcb-online-radar__unknown-orbit {
position: absolute;
left: 50%;
top: 50%;
width: var(--ring-diameter);
height: var(--ring-diameter);
transform: translate(-50%, -50%);
border: 1px solid rgba(34,211,238,.32);
border-radius: 50%;
box-shadow: inset 0 0 18px rgba(34,211,238,.035);
}
.qrzcb-online-radar__scale-ring i,
.qrzcb-online-radar__unknown-orbit i {
position: absolute;
left: 50%;
top: -9px;
transform: translateX(-50%);
display: block;
padding: 1px 5px;
border: 1px solid rgba(34,211,238,.18);
border-radius: 999px;
background: rgba(2,6,23,.84);
color: rgba(165,243,252,.85);
font-size: 8px;
font-style: normal;
font-weight: 850;
letter-spacing: .035em;
white-space: nowrap;
}
.qrzcb-online-radar__unknown-orbit {
--ring-diameter: 96%;
border-style: dashed;
border-color: rgba(148,163,184,.30);
}
.qrzcb-online-radar__unknown-orbit i {
top: auto;
bottom: -8px;
color: rgba(203,213,225,.72);
border-color: rgba(148,163,184,.22);
}
.qrzcb-online-radar__compass b {
position: absolute;
color: rgba(165,243,252,.72);
font-size: 10px;
font-weight: 950;
line-height: 1;
text-shadow: 0 0 10px rgba(34,211,238,.45);
}
.qrzcb-online-radar__compass-n { left: 50%; top: 3%; transform: translateX(-50%); }
.qrzcb-online-radar__compass-e { right: 3%; top: 50%; transform: translateY(-50%); }
.qrzcb-online-radar__compass-s { left: 50%; bottom: 3%; transform: translateX(-50%); }
.qrzcb-online-radar__compass-o { left: 3%; top: 50%; transform: translateY(-50%); }
.qrzcb-online-radar .qrzcb-online-radar__dot {
--radar-color: #ffffff;
--radar-delay: 0s;
position: absolute !important;
display: block !important;
width: 11px !important;
height: 11px !important;
min-width: 11px !important;
min-height: 11px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.82) !important;
border-radius: 50% !important;
background: var(--radar-color) !important;
box-shadow:
0 0 5px rgba(255,255,255,.78),
0 0 15px var(--radar-color),
0 0 27px color-mix(in srgb,var(--radar-color) 68%,transparent) !important;
color: transparent !important;
text-indent: -9999px;
transform: translate(-50%, -50%) scale(.35) !important;
opacity: 0;
z-index: 7;
transition:
left .72s ease,
top .72s ease,
opacity .30s ease,
transform .30s ease;
animation: qrzcbRadarEcho 4s linear infinite;
animation-delay: var(--radar-delay);
}
.qrzcb-online-radar .qrzcb-online-radar__dot--visible {
opacity: 1;
transform: translate(-50%, -50%) scale(1) !important;
}
.qrzcb-online-radar a.qrzcb-online-radar__dot {
pointer-events: auto;
cursor: pointer;
}
.qrzcb-online-radar a.qrzcb-online-radar__dot:hover,
.qrzcb-online-radar a.qrzcb-online-radar__dot:focus {
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
outline: 2px solid rgba(255,255,255,.70);
outline-offset: 3px;
}
.qrzcb-online-radar__dot--self {
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
min-height: 15px !important;
z-index: 9 !important;
border-width: 2px !important;
}
.qrzcb-online-radar__dot--qth-unknown {
border-style: dashed !important;
filter: saturate(.72) brightness(.90);
}
.qrzcb-online-radar__dot--qth-unknown::after {
content: "";
position: absolute;
inset: -4px;
border: 1px dashed rgba(203,213,225,.58);
border-radius: 50%;
}
.qrzcb-online-radar .qrzcb-online-radar__dot--ros {
width: 13px !important;
height: 13px !important;
min-width: 13px !important;
min-height: 13px !important;
border-color: #fecaca !important;
box-shadow:
0 0 7px rgba(255,255,255,.90),
0 0 19px #ff3b30,
0 0 34px rgba(255,59,48,.75) !important;
}
.qrzcb-online-radar__dot--supporter::before {
content: "";
position: absolute;
inset: -5px;
border: 1px solid rgba(250,204,21,.92);
border-radius: 50%;
box-shadow: 0 0 12px rgba(250,204,21,.70);
animation: qrzcbRadarSupporter 2.2s ease-in-out infinite;
}
.qrzcb-online-radar__label {
z-index: 5;
display: grid;
place-items: center;
gap: 0;
pointer-events: none;
transition: transform .25s ease;
}
.qrzcb-online-radar-card[data-radar-mode="distance"] .qrzcb-online-radar__label {
transform: translateY(31px);
}
.qrzcb-online-radar__label strong {
display: block;
min-width: 54px;
font-size: 30px;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.qrzcb-online-radar__label small {
display: block;
margin-top: 4px;
color: #a5f3fc;
font-size: 9px;
font-weight: 900;
letter-spacing: .18em;
}
.qrzcb-online-radar__status {
position: absolute;
left: 50%;
bottom: 12px;
z-index: 10;
width: max-content;
max-width: 90%;
transform: translateX(-50%);
padding: 5px 9px;
border: 1px solid rgba(34,211,238,.18);
border-radius: 999px;
background: rgba(2,6,23,.82);
color: rgba(203,213,225,.86);
font-size: 10px;
font-weight: 750;
letter-spacing: .03em;
text-align: center;
pointer-events: none;
}
.qrzcb-radar-qth-panel .qrzcb-radar-qth-form {
padding: 20px;
}
.qrzcb-radar-qth-form small {
display: block;
margin-top: 8px;
color: var(--muted);
line-height: 1.45;
}
.qrzcb-radar-qth-form .qrzcb-radar-qth-warning {
color: #fde68a;
}
@keyframes qrzcbRadarEcho {
0%, 88%, 100% { filter: brightness(1); }
92% { filter: brightness(1.8); }
}
@keyframes qrzcbRadarSupporter {
0%, 100% { opacity: .55; transform: scale(.92); }
50% { opacity: 1; transform: scale(1.12); }
}
@media (max-width: 760px) {
.qrzcb-online-radar__status {
bottom: 6px;
font-size: 9px;
}
.qrzcb-online-radar__scale-ring i,
.qrzcb-online-radar__unknown-orbit i {
font-size: 7px;
}
}
/* END QRZCB 7.4.1 - geographic online radar */
/* BEGIN QRZCB 7.4.2 - radar exact point count visual fix */
/*
* Neutralizza definitivamente le vecchie regole .radar span/i/b
* usate dai tre puntini gialli puramente estetici.
*
* Solo .qrzcb-online-radar__dot rappresenta un account online.
*/
.qrzcb-online-radar .qrzcb-online-radar__scale-ring,
.qrzcb-online-radar .qrzcb-online-radar__unknown-orbit {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: var(--ring-diameter) !important;
height: var(--ring-diameter) !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: translate(-50%, -50%) !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: inset 0 0 18px rgba(34,211,238,.035) !important;
}
.qrzcb-online-radar .qrzcb-online-radar__scale-ring i,
.qrzcb-online-radar .qrzcb-online-radar__unknown-orbit i {
position: absolute !important;
left: 50% !important;
right: auto !important;
top: -9px !important;
bottom: auto !important;
display: block !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 1px 5px !important;
transform: translateX(-50%) !important;
border-radius: 999px !important;
background: rgba(2,6,23,.84) !important;
box-shadow: none !important;
color: rgba(165,243,252,.85) !important;
text-indent: 0 !important;
}
.qrzcb-online-radar .qrzcb-online-radar__unknown-orbit i {
top: auto !important;
bottom: -8px !important;
}
.qrzcb-online-radar .qrzcb-online-radar__compass b {
position: absolute !important;
display: block !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: rgba(165,243,252,.72) !important;
text-indent: 0 !important;
}
.qrzcb-online-radar .qrzcb-online-radar__compass-n {
left: 50% !important;
right: auto !important;
top: 3% !important;
bottom: auto !important;
transform: translateX(-50%) !important;
}
.qrzcb-online-radar .qrzcb-online-radar__compass-e {
left: auto !important;
right: 3% !important;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
}
.qrzcb-online-radar .qrzcb-online-radar__compass-s {
left: 50% !important;
right: auto !important;
top: auto !important;
bottom: 3% !important;
transform: translateX(-50%) !important;
}
.qrzcb-online-radar .qrzcb-online-radar__compass-o {
left: 3% !important;
right: auto !important;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
}
.qrzcb-online-radar__unknown-orbit[hidden] {
display: none !important;
}
.qrzcb-online-radar__dots > .qrzcb-online-radar__dot {
visibility: visible;
}
/* END QRZCB 7.4.2 - radar exact point count visual fix */
/* BEGIN QRZCB 7.4.3 - Permanent Award deletion */
.qrzcb-awards-delete-panel {
border-color: rgba(248,113,113,.42);
}
.qrzcb-awards-delete-warning {
margin: 18px;
padding: 18px;
border: 1px solid rgba(248,113,113,.46);
border-radius: 16px;
background:
linear-gradient(
145deg,
rgba(127,29,29,.28),
rgba(15,23,42,.78)
);
}
.qrzcb-awards-delete-warning strong {
display: block;
margin-bottom: 5px;
color: #fecaca;
font-size: 19px;
}
.qrzcb-awards-delete-warning p {
margin: 7px 0;
color: #e2e8f0;
}
.qrzcb-awards-delete-table td:last-child,
.qrzcb-awards-delete-table th:last-child {
width: 180px;
text-align: right;
}
.qrzcb-awards-delete-table small {
display: block;
color: var(--muted);
font-size: 10px;
}
.qrzcb-awards-delete-form {
display: grid;
gap: 16px;
margin: 20px;
padding: 18px;
border: 1px dashed rgba(248,113,113,.48);
border-radius: 16px;
background: rgba(69,10,10,.16);
}
.qrzcb-awards-delete-form input[name="confirm_code"] {
text-transform: uppercase;
font-weight: 900;
letter-spacing: .08em;
}
.qrzcb-awards-permanent-delete-entry {
margin-top: 24px;
border-color: rgba(248,113,113,.38);
}
.qrzcb-awards-permanent-delete-entry__body {
padding: 18px 20px 22px;
}
.qrzcb-awards-permanent-delete-entry__body p {
color: var(--muted);
}
.qrzcb-award-delete-link {
margin-left: 6px;
}
@media (max-width: 720px) {
.qrzcb-awards-delete-form {
margin: 12px;
padding: 14px;
}
.qrzcb-award-delete-link {
width: 100%;
margin: 8px 0 0;
}
}
/* END QRZCB 7.4.3 - Permanent Award deletion */
/* BEGIN QRZCB 8.0.0 - Awards certificates phase 4A1 */
.awards-phase4-admin-entry,
.awards-certificate-phase-note,
.awards-certificate-template-panel,
.awards-certificate-preview-panel {
border-color: rgba(246,200,95,.34);
}
.awards-phase4-admin-entry__body,
.awards-certificate-note-body {
padding: 18px 20px 22px;
}
.awards-phase4-admin-entry__body p,
.awards-certificate-note-body p {
color: var(--muted);
}
.awards-certificate-stats {
grid-template-columns: repeat(4,minmax(0,1fr));
}
.awards-certificate-stats article strong {
font-size: clamp(22px,3vw,34px);
}
.awards-certificate-top-actions {
margin: 0 0 20px;
}
.awards-certificate-workspace {
align-items: start;
}
.awards-certificate-preview-warning {
margin-top: 16px;
}
.awards-certificate-preview-image {
padding: 14px;
}
.awards-certificate-preview-image img {
display: block;
width: 100%;
height: auto;
border: 1px solid rgba(246,200,95,.35);
border-radius: 14px;
box-shadow: 0 22px 60px rgba(0,0,0,.46);
}
.awards-certificate-preview-meta {
display: grid;
gap: 3px;
padding: 0 18px 18px;
}
.awards-certificate-preview-meta span,
.awards-certificate-preview-meta small {
color: var(--muted);
}
.awards-certificate-template-panel small {
color: var(--muted);
line-height: 1.4;
}
.awards-certificate-form-subtitle {
margin: 26px 0 12px;
color: #f6c85f;
}
.awards-certificate-color-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 12px;
}
.awards-certificate-color-grid input[type="color"] {
min-height: 48px;
padding: 5px;
}
@media (max-width: 900px) {
.awards-certificate-stats,
.awards-certificate-color-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width: 620px) {
.awards-certificate-stats,
.awards-certificate-color-grid {
grid-template-columns: 1fr;
}
}
/* END QRZCB 8.0.0 - Awards certificates phase 4A1 */
/* BEGIN QRZCB 8.1.0 - Awards certificates phase 4A2 assets */
.awards-certificate-assets-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 18px;
}
.awards-certificate-asset-card {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 16px;
background: rgba(2, 6, 23, .42);
}
.awards-certificate-asset-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.awards-certificate-asset-head h3 {
margin: 4px 0 0;
}
.awards-certificate-asset-preview {
display: grid;
place-items: center;
min-height: 190px;
padding: 14px;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 14px;
background:
linear-gradient(45deg, rgba(148,163,184,.06) 25%, transparent 25%),
linear-gradient(-45deg, rgba(148,163,184,.06) 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, rgba(148,163,184,.06) 75%),
linear-gradient(-45deg, transparent 75%, rgba(148,163,184,.06) 75%);
background-size: 22px 22px;
background-position: 0 0, 0 11px, 11px -11px, -11px 0;
}
.awards-certificate-asset-preview img {
display: block;
width: 100%;
height: 220px;
object-fit: contain;
}
.awards-certificate-asset-help {
margin: 0;
color: var(--muted, #9fb3c8);
font-size: .92rem;
line-height: 1.5;
}
.awards-certificate-asset-meta {
display: grid;
gap: 4px;
}
.awards-certificate-asset-meta span {
color: var(--muted, #9fb3c8);
font-size: .86rem;
}
.awards-certificate-asset-upload {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.awards-certificate-asset-upload input[type="file"] {
width: 100%;
}
@media (max-width: 820px) {
.awards-certificate-assets-grid {
grid-template-columns: 1fr;
}
.awards-certificate-asset-preview img {
height: 180px;
}
}
/* END QRZCB 8.1.0 - Awards certificates phase 4A2 assets */
/* BEGIN QRZCB 8.2.0 - Awards certificates phase 4A2B files */
.awards-certificate-phase4a2b-entry {
margin: 0 0 18px;
}
.awards-certificate-file-workspace {
align-items: start;
}
.awards-certificate-manual-upload-panel {
position: sticky;
top: 18px;
}
.awards-certificate-file-cards {
display: grid;
gap: 16px;
}
.awards-certificate-file-card {
padding: 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 16px;
background: rgba(7, 15, 27, 0.56);
}
.awards-certificate-file-card-head {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
padding-bottom: 14px;
border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}
.awards-certificate-file-card-head > div:first-child {
display: grid;
gap: 4px;
}
.awards-certificate-file-card-head strong {
font-size: 1.1rem;
}
.awards-certificate-file-card-head small,
.awards-certificate-file-source span,
.awards-certificate-file-source strong {
display: block;
}
.awards-certificate-file-source {
min-width: 220px;
padding: 10px 12px;
border: 1px solid rgba(246, 200, 95, 0.24);
border-radius: 12px;
background: rgba(246, 200, 95, 0.06);
text-align: right;
}
.awards-certificate-file-source span {
color: var(--muted, #9fb3c8);
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.awards-certificate-file-source strong {
margin-top: 3px;
color: #f6c85f;
font-size: 0.86rem;
}
.awards-certificate-file-versions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
padding-top: 16px;
}
.awards-certificate-file-versions > section {
padding: 14px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 14px;
background: rgba(255, 255, 255, 0.018);
}
.awards-certificate-file-versions h3 {
margin: 0 0 12px;
font-size: 0.96rem;
}
.awards-certificate-inline-form {
margin-top: 12px;
}
.awards-certificate-file-delete-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
padding-top: 14px;
margin-top: 14px;
border-top: 1px solid rgba(148, 163, 184, 0.12);
}
.awards-certificate-file-delete-row form {
margin: 0;
}
@media (max-width: 920px) {
.awards-certificate-manual-upload-panel {
position: static;
}
.awards-certificate-file-card-head,
.awards-certificate-file-versions {
grid-template-columns: 1fr;
display: grid;
}
.awards-certificate-file-source {
min-width: 0;
text-align: left;
}
}
/* END QRZCB 8.2.0 - Awards certificates phase 4A2B files */
/* BEGIN QRZCB 8.3.0 - Awards certificates phase 4A3A publication */
.awards-certificate-publication-toolbar {
display: flex;
justify-content: flex-end;
gap: 12px;
flex-wrap: wrap;
margin: 18px 0 24px;
}
.awards-certificate-publication-state {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin: 14px 0 0;
padding: 12px 14px;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 14px;
background: rgba(2, 6, 23, .34);
}
.awards-certificate-status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 5px 11px;
border: 1px solid rgba(148, 163, 184, .35);
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
}
.awards-certificate-status-badge.is-draft {
color: #cbd5e1;
border-color: rgba(148, 163, 184, .4);
}
.awards-certificate-status-badge.is-ready {
color: #fde68a;
border-color: rgba(245, 158, 11, .55);
background: rgba(245, 158, 11, .08);
}
.awards-certificate-status-badge.is-published {
color: #bbf7d0;
border-color: rgba(34, 197, 94, .6);
background: rgba(34, 197, 94, .1);
}
.awards-certificate-status-badge.is-revoked {
color: #fecaca;
border-color: rgba(239, 68, 68, .6);
background: rgba(239, 68, 68, .08);
}
.awards-certificate-publication-controls {
margin-top: 16px;
padding: 15px;
border: 1px solid rgba(45, 212, 191, .18);
border-radius: 14px;
background: linear-gradient(135deg, rgba(15, 23, 42, .76), rgba(2, 6, 23, .5));
}
.awards-certificate-publication-controls form {
margin: 0;
}
.awards-certificate-revoke-form {
display: grid;
grid-template-columns: minmax(220px, 1fr) auto;
gap: 12px;
align-items: end;
}
.awards-certificate-revoke-form textarea {
min-height: 72px;
}
.awards-my-certificates {
margin-top: 24px;
}
.awards-my-certificate-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 18px;
}
.awards-my-certificate-card {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
border: 1px solid rgba(232, 198, 119, .28);
border-radius: 18px;
background:
radial-gradient(circle at top right, rgba(232, 198, 119, .08), transparent 34%),
rgba(2, 6, 23, .5);
box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
}
.awards-my-certificate-card h3 {
margin: 0;
}
.awards-my-certificate-meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0;
}
.awards-my-certificate-meta div {
padding: 10px 12px;
border: 1px solid rgba(148, 163, 184, .14);
border-radius: 12px;
background: rgba(255, 255, 255, .018);
}
.awards-my-certificate-meta dt {
margin-bottom: 3px;
color: var(--muted, #94a3b8);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
}
.awards-my-certificate-meta dd {
margin: 0;
font-weight: 700;
}
.awards-my-certificate-files {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 720px) {
.awards-certificate-revoke-form {
grid-template-columns: 1fr;
}
.awards-my-certificate-meta {
grid-template-columns: 1fr;
}
}
/* END QRZCB 8.3.0 - Awards certificates phase 4A3A publication */
/* BEGIN QRZCB 8.4.0 - Awards phase 4A3B official authenticity */
.awards-certificate-official-state {
display: grid;
gap: 12px;
margin: 14px 0 0;
padding: 14px;
border: 1px solid rgba(232, 198, 119, .3);
border-radius: 14px;
background: linear-gradient(135deg, rgba(26, 20, 13, .72), rgba(2, 6, 23, .54));
}
.awards-certificate-official-state.is-valid {
border-color: rgba(34, 197, 94, .48);
}
.awards-certificate-official-state.is-revoked {
border-color: rgba(239, 68, 68, .48);
}
.awards-certificate-official-head,
.awards-verification-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.awards-certificate-official-number {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-weight: 800;
letter-spacing: .035em;
overflow-wrap: anywhere;
}
.awards-certificate-official-actions,
.awards-my-certificate-official-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.awards-certificate-official-help {
margin: 0;
color: var(--muted, #94a3b8);
font-size: 13px;
}
.awards-my-certificate-official {
display: grid;
gap: 10px;
padding: 13px 14px;
border: 1px solid rgba(34, 197, 94, .3);
border-radius: 14px;
background: rgba(34, 197, 94, .055);
}
.awards-my-certificate-official strong {
overflow-wrap: anywhere;
}
.awards-public-verification {
max-width: 960px;
margin: 28px auto;
}
.awards-public-verification h1,
.awards-public-verification h2 {
margin-bottom: 0;
}
.awards-verification-status {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 14px;
border: 1px solid rgba(148, 163, 184, .4);
border-radius: 999px;
font-size: 12px;
font-weight: 900;
letter-spacing: .09em;
}
.awards-verification-status.is-valid {
color: #bbf7d0;
border-color: rgba(34, 197, 94, .7);
background: rgba(34, 197, 94, .12);
}
.awards-verification-status.is-revoked {
color: #fecaca;
border-color: rgba(239, 68, 68, .7);
background: rgba(239, 68, 68, .12);
}
.awards-verification-status.is-superseded {
color: #fde68a;
border-color: rgba(245, 158, 11, .7);
background: rgba(245, 158, 11, .12);
}
.awards-verification-serial {
display: grid;
gap: 7px;
margin: 20px 0;
padding: 18px;
border: 1px solid rgba(232, 198, 119, .34);
border-radius: 16px;
background: rgba(26, 20, 13, .5);
}
.awards-verification-serial span {
color: var(--muted, #94a3b8);
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
}
.awards-verification-serial strong {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: clamp(18px, 3vw, 28px);
overflow-wrap: anywhere;
}
.awards-verification-claims {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: 20px 0;
}
.awards-verification-claims > div {
padding: 13px 14px;
border: 1px solid rgba(148, 163, 184, .16);
border-radius: 13px;
background: rgba(255, 255, 255, .018);
}
.awards-verification-claims dt {
margin-bottom: 4px;
color: var(--muted, #94a3b8);
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.awards-verification-claims dd {
margin: 0;
font-weight: 750;
}
.awards-verification-compare {
margin-top: 22px;
padding: 17px;
border-left: 4px solid #e8c677;
border-radius: 0 14px 14px 0;
background: rgba(232, 198, 119, .055);
}
.awards-verification-privacy {
margin-top: 20px;
color: var(--muted, #94a3b8);
font-size: 13px;
}
@media (max-width: 720px) {
.awards-verification-claims {
grid-template-columns: 1fr;
}
}
/* END QRZCB 8.4.0 - Awards phase 4A3B official authenticity */
/* BEGIN QRZCB 8.5.0 - Awards certificate email */
.awards-certificate-email-state {
display: grid;
gap: .65rem;
margin-top: 1rem;
padding: .9rem;
border: 1px solid rgba(152,255,0,.22);
border-radius: .75rem;
background: rgba(9,18,22,.42);
}
.awards-certificate-email-state form { margin: 0; }
.awards-certificate-email-state small { color: var(--muted, #9fb0b8); }
/* END QRZCB 8.5.0 - Awards certificate email */