
.dl7ag-lb{
    --bg:#06111d;
    --panel:#081724;
    --panel2:#0a1b29;
    --line:#173b52;
    --line2:rgba(92,164,198,.14);
    --text:#edf6fa;
    --muted:#8aa1af;
    --cyan:#43dbff;
    --green:#70ed4b;
    --orange:#ff9c35;
    --shadow:0 24px 60px rgba(0,0,0,.25);
    width:100%;
    color:var(--text);
    font-family:inherit;
}

.dl7ag-lb *{box-sizing:border-box}
.dl7ag-lb button,.dl7ag-lb input,.dl7ag-lb select{font:inherit}

.dl7ag-lb-hero{
    display:flex;
    justify-content:space-between;
    gap:28px;
    align-items:center;
    padding:22px 0 6px;
}
.dl7ag-lb-hero-main{display:flex;align-items:center;gap:22px}
.dl7ag-lb-book-icon{
    width:92px;height:92px;border:1px solid #0ca6ce;border-radius:50%;
    display:grid;place-items:center;color:var(--cyan);font-size:50px;
    box-shadow:0 0 28px rgba(24,190,231,.10);
}
.dl7ag-lb-hero h1{margin:0;color:#f6fbfd;font-size:clamp(30px,3vw,46px);line-height:1.05}
.dl7ag-lb-wave{color:var(--cyan);font-weight:400}
.dl7ag-lb-hero h2{margin:10px 0 4px;color:var(--cyan);font-size:18px;font-weight:700}
.dl7ag-lb-hero p{margin:0;color:#d5e2e8;font-size:15px}

.dl7ag-lb-sync{
    width:270px;min-height:140px;padding:18px 66px 15px 18px;position:relative;
    border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#091b28,#07131f);
}
.dl7ag-lb-sync>span,.dl7ag-lb-sync>strong,.dl7ag-lb-sync>b,.dl7ag-lb-sync>small{display:block}
.dl7ag-lb-live{color:var(--green);font-size:12px;font-weight:900;margin-bottom:13px}
.dl7ag-lb-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);margin-right:6px}
.dl7ag-lb-sync>span{color:#b4c4cd;font-size:11px}
.dl7ag-lb-sync>strong{margin-top:4px;font-size:18px}
.dl7ag-lb-sync>b{margin-top:5px;font-size:13px}
.dl7ag-lb-sync>small{position:absolute;left:18px;bottom:14px;color:#7390a0;font-size:10px}
#dl7ag-refresh{
    position:absolute;right:18px;top:40px;width:48px;height:48px;border:1px solid #12647f;border-radius:50%;
    background:#062030;color:var(--cyan);font-size:28px;cursor:pointer
}

.dl7ag-lb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 16px}
.dl7ag-lb-kpis article{
    display:flex;align-items:center;gap:16px;min-height:102px;padding:16px 18px;
    border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#091a28,#071522)
}
.dl7ag-lb-kpi-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0c2940;color:var(--cyan);font-size:27px}
.dl7ag-lb-kpi-orange{color:var(--orange);background:#2c2117}
.dl7ag-lb-kpis small,.dl7ag-lb-kpis span{display:block}
.dl7ag-lb-kpis small{color:#b1c2cb;font-size:10px;font-weight:800}
.dl7ag-lb-kpis strong{display:block;margin:4px 0;color:#fff;font-size:25px;line-height:1}
.dl7ag-lb-kpis span{color:#7f98a6;font-size:10px}

.dl7ag-lb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}
.dl7ag-lb-main{min-width:0}
.dl7ag-lb-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px}
.dl7ag-lb-search{
    height:43px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:#081724
}
.dl7ag-lb-search span{color:#aec0c9;font-size:20px}
.dl7ag-lb-search input{width:100%;border:0;outline:0;background:transparent;color:#edf7fa}
#dl7ag-reset{
    padding:0 18px;border:1px solid var(--line);border-radius:8px;background:#081724;color:#dce8ed;cursor:pointer
}

.dl7ag-lb-filters{margin-bottom:14px}
.dl7ag-lb-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}
.dl7ag-lb-filter-row button{
    min-height:34px;padding:5px 15px;border:1px solid #183c50;border-radius:8px;background:#0a1926;color:#dce8ee;
    font-size:11px;font-weight:800;cursor:pointer
}
.dl7ag-lb-filter-row button.is-active{border-color:#10bfe8;background:#072636;color:#4fe0ff}

.dl7ag-lb-table-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#071521;box-shadow:var(--shadow)}
.dl7ag-lb-table-scroll{overflow:auto}
.dl7ag-lb-table{width:100%;min-width:1050px;border-collapse:collapse}
.dl7ag-lb-table th{
    padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);background:#081723;color:#d9e6ec;
    font-size:10px;letter-spacing:.02em;white-space:nowrap
}
.dl7ag-lb-table td{padding:11px 14px;border-bottom:1px solid var(--line2);color:#d8e5eb;font-size:12px;white-space:nowrap}
.dl7ag-lb-table tbody tr{cursor:pointer;transition:background .15s ease}
.dl7ag-lb-table tbody tr:hover,.dl7ag-lb-table tbody tr.is-selected{background:#0b2636}
.dl7ag-lb-call{color:#54e2ff;font-weight:900;text-decoration:underline;text-underline-offset:2px}
.dl7ag-lb-country{display:flex;align-items:center;gap:7px}
.dl7ag-lb-flag{font-size:17px}
.dl7ag-lb-band,.dl7ag-lb-mode{
    display:inline-flex;justify-content:center;align-items:center;min-width:42px;padding:3px 8px;border-radius:6px;
    border:1px solid #1687ad;background:#092433;color:#58ddff;font-size:10px;font-weight:900
}
.dl7ag-band-40M{border-color:#2ea43f;color:#65e676;background:#092614}
.dl7ag-band-20M{border-color:#e88e20;color:#ffb44f;background:#2a1a09}
.dl7ag-band-17M{border-color:#d8b625;color:#ffdd4b;background:#292308}
.dl7ag-band-15M{border-color:#648fc9;color:#8dc1ff;background:#101d2c}
.dl7ag-band-12M{border-color:#9d65c8;color:#c48cff;background:#21132e}
.dl7ag-band-10M{border-color:#ba4d4d;color:#ff7878;background:#2b1111}
.dl7ag-band-80M{border-color:#8057b1;color:#be8ff0;background:#21152f}
.dl7ag-lb-mode{border-color:#147fa0;color:#52dfff;background:#08222f}
.dl7ag-mode-LSB{border-color:#7653a8;color:#c693ff;background:#1d1329}
.dl7ag-mode-FT8{border-color:#3a9850;color:#76e889;background:#102818}
.dl7ag-mode-CW{border-color:#c17c21;color:#ffb85d;background:#281b0c}
.dl7ag-lb-grid{color:#55dfff}
.dl7ag-lb-row-arrow{font-size:20px;color:#b3c5ce}
.dl7ag-lb-loading{text-align:center!important;padding:38px!important;color:#7793a2!important}

.dl7ag-lb-pagination{
    display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;background:#07131e
}
#dl7ag-pages{display:flex;align-items:center;gap:6px}
#dl7ag-pages button{
    min-width:34px;height:34px;border:1px solid #173c53;border-radius:6px;background:#081824;color:#dbe8ee;cursor:pointer
}
#dl7ag-pages button.is-active{background:#3ed9f4;color:#03111a;border-color:#3ed9f4}
.dl7ag-lb-pagination label{color:#a6b8c1;font-size:11px}
.dl7ag-lb-pagination select{margin-left:7px;padding:6px 22px 6px 9px;border:1px solid #173c53;border-radius:6px;background:#081824;color:#e6f0f4}

.dl7ag-lb-detail{
    min-height:632px;position:sticky;top:18px;padding:20px;border:1px solid var(--line);border-radius:10px;
    background:linear-gradient(160deg,#091a27,#07131f);box-shadow:var(--shadow)
}
.dl7ag-lb-detail-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#8299a5;font-size:22px;cursor:pointer}
.dl7ag-lb-detail-empty{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6f8997}
.dl7ag-lb-detail-empty div{font-size:50px;color:#1ca9cf}
.dl7ag-lb-detail-empty strong{margin-top:10px;color:#dbe8ee}
.dl7ag-lb-detail-empty span{margin-top:5px;font-size:11px}
.dl7ag-lb-detail h3{margin:0;color:#48ddff;font-size:25px}
.dl7ag-lb-detail-country{display:flex;gap:10px;align-items:center;margin:16px 0;padding-bottom:18px;border-bottom:1px solid var(--line2)}
.dl7ag-lb-detail-grid{display:grid;grid-template-columns:130px 1fr;gap:0}
.dl7ag-lb-detail-grid>span,.dl7ag-lb-detail-grid>strong{padding:10px 0;border-bottom:1px solid rgba(98,160,190,.08);font-size:12px}
.dl7ag-lb-detail-grid>span{color:#aabcc5}
.dl7ag-lb-detail-grid>strong{color:#e8f2f6}
.dl7ag-lb-detail-actions{display:grid;gap:9px;margin-top:18px}
.dl7ag-lb-detail-actions a{
    display:block;padding:11px 12px;text-align:center;border:1px solid #27cdeb;border-radius:7px;color:#51e0ff;text-decoration:none;font-size:12px;font-weight:800
}

@media(max-width:1100px){
    .dl7ag-lb-workspace{grid-template-columns:1fr}
    .dl7ag-lb-detail{position:relative;top:auto;min-height:0}
}
@media(max-width:850px){
    .dl7ag-lb-kpis{grid-template-columns:repeat(2,1fr)}
    .dl7ag-lb-hero{align-items:flex-start}
}
@media(max-width:620px){
    .dl7ag-lb-hero{flex-direction:column}
    .dl7ag-lb-hero-main{align-items:flex-start}
    .dl7ag-lb-book-icon{display:none}
    .dl7ag-lb-sync{width:100%}
    .dl7ag-lb-kpis{grid-template-columns:1fr}
    .dl7ag-lb-search-row{grid-template-columns:1fr}
}


/* v0.2.1 – sortable date + QRZ Callbook profile */

.dl7ag-lb-sort{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    cursor:pointer;
}
.dl7ag-lb-sort:hover,
.dl7ag-lb-sort:focus-visible{
    color:var(--cyan);
}
.dl7ag-lb-sort span{
    color:var(--cyan);
    font-size:13px;
}

.dl7ag-lb-detail-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-right:24px;
}
.dl7ag-lb-callbook-status{
    display:inline-block;
    margin-top:5px;
    color:#76ec50;
    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.dl7ag-lb-profile-photo-wrap{
    margin:16px 0 12px;
    overflow:hidden;
    border:1px solid #1b4b65;
    border-radius:10px;
    background:#04101a;
}
.dl7ag-lb-profile-photo{
    display:block;
    width:100%;
    max-height:230px;
    object-fit:cover;
    object-position:center;
}

.dl7ag-lb-callbook-info{
    display:grid;
    gap:0;
    margin:0 0 12px;
    padding:5px 0;
    border-top:1px solid rgba(98,160,190,.08);
    border-bottom:1px solid rgba(98,160,190,.08);
}
.dl7ag-lb-callbook-info>div{
    display:grid;
    grid-template-columns:95px 1fr;
    gap:8px;
    padding:7px 0;
}
.dl7ag-lb-callbook-info span{
    color:#849eac;
    font-size:10px;
}
.dl7ag-lb-callbook-info strong{
    color:#e8f2f6;
    font-size:11px;
    font-weight:800;
}

.dl7ag-lb-callbook-note{
    margin:14px 0;
    padding:10px 12px;
    border:1px solid #1b4055;
    border-radius:7px;
    background:#071b28;
    color:#8ea8b5;
    font-size:10px;
    line-height:1.5;
}

.dl7ag-lb-detail-loading{
    min-height:280px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#7893a1;
}
.dl7ag-lb-detail-loading strong{
    margin-top:10px;
    color:#edf6fa;
    font-size:18px;
}
.dl7ag-lb-detail-loading span{
    margin-top:5px;
    font-size:10px;
}
.dl7ag-lb-callbook-spinner{
    color:var(--cyan);
    font-size:34px;
    animation:dl7ag-lb-spin 1.1s linear infinite;
}
@keyframes dl7ag-lb-spin{
    to{transform:rotate(360deg)}
}


/* =========================================================
   v0.2.2 – WSPR BAND COLORS / MODE GROUPS / PROFILE LAYOUT
   ========================================================= */

/*
 * WSPR LIVE band palette:
 * 80m red
 * 40m orange
 * 30m yellow
 * 20m green
 * 17m cyan
 * 15m blue
 * 12m purple
 * 10m white
 *
 * Additional bands use related neutral/extended tones.
 */

.dl7ag-band-160M{
    border-color:#a765b9 !important;
    color:#d69be7 !important;
    background:rgba(167,101,185,.12) !important;
}
.dl7ag-band-80M{
    border-color:#ff5c65 !important;
    color:#ff767d !important;
    background:rgba(255,92,101,.11) !important;
}
.dl7ag-band-60M{
    border-color:#d26ca8 !important;
    color:#e58bbd !important;
    background:rgba(210,108,168,.11) !important;
}
.dl7ag-band-40M{
    border-color:#ff9d36 !important;
    color:#ffae58 !important;
    background:rgba(255,157,54,.11) !important;
}
.dl7ag-band-30M{
    border-color:#ffd34d !important;
    color:#ffe06e !important;
    background:rgba(255,211,77,.10) !important;
}
.dl7ag-band-20M{
    border-color:#58db7a !important;
    color:#6ce78a !important;
    background:rgba(88,219,122,.10) !important;
}
.dl7ag-band-17M{
    border-color:#37cbe2 !important;
    color:#55dced !important;
    background:rgba(55,203,226,.10) !important;
}
.dl7ag-band-15M{
    border-color:#5598ef !important;
    color:#72adf6 !important;
    background:rgba(85,152,239,.11) !important;
}
.dl7ag-band-12M{
    border-color:#b06be5 !important;
    color:#c589f0 !important;
    background:rgba(176,107,229,.11) !important;
}
.dl7ag-band-10M{
    border-color:#dce8ee !important;
    color:#f1f7fa !important;
    background:rgba(220,232,238,.08) !important;
}
.dl7ag-band-6M{
    border-color:#9aaeb8 !important;
    color:#c4d1d7 !important;
    background:rgba(154,174,184,.08) !important;
}
.dl7ag-band-2M{
    border-color:#6a8798 !important;
    color:#9db3bf !important;
    background:rgba(106,135,152,.10) !important;
}
.dl7ag-band-70CM{
    border-color:#b875d0 !important;
    color:#d59ae8 !important;
    background:rgba(184,117,208,.11) !important;
}

/* Apply same band palette to filter buttons */
.dl7ag-lb-filter-row button[data-band="160M"]{border-color:#a765b9;color:#d69be7}
.dl7ag-lb-filter-row button[data-band="80M"]{border-color:#ff5c65;color:#ff767d}
.dl7ag-lb-filter-row button[data-band="60M"]{border-color:#d26ca8;color:#e58bbd}
.dl7ag-lb-filter-row button[data-band="40M"]{border-color:#ff9d36;color:#ffae58}
.dl7ag-lb-filter-row button[data-band="30M"]{border-color:#ffd34d;color:#ffe06e}
.dl7ag-lb-filter-row button[data-band="20M"]{border-color:#58db7a;color:#6ce78a}
.dl7ag-lb-filter-row button[data-band="17M"]{border-color:#37cbe2;color:#55dced}
.dl7ag-lb-filter-row button[data-band="15M"]{border-color:#5598ef;color:#72adf6}
.dl7ag-lb-filter-row button[data-band="12M"]{border-color:#b06be5;color:#c589f0}
.dl7ag-lb-filter-row button[data-band="10M"]{border-color:#dce8ee;color:#f1f7fa}
.dl7ag-lb-filter-row button[data-band="6M"]{border-color:#9aaeb8;color:#c4d1d7}
.dl7ag-lb-filter-row button[data-band="2M"]{border-color:#6a8798;color:#9db3bf}
.dl7ag-lb-filter-row button[data-band="70CM"]{border-color:#b875d0;color:#d59ae8}

.dl7ag-lb-filter-row button[data-band].is-active{
    box-shadow:0 0 12px rgba(65,218,255,.16);
    background:#082231;
}

/* Mode palette */
.dl7ag-mode-SSB{
    border-color:#21b9e6 !important;
    color:#58dfff !important;
    background:rgba(33,185,230,.10) !important;
}
.dl7ag-mode-FT8,
.dl7ag-mode-FT4{
    border-color:#a965d2 !important;
    color:#ce90ef !important;
    background:rgba(169,101,210,.11) !important;
}
.dl7ag-mode-CW{
    border-color:#40c887 !important;
    color:#6ae5a5 !important;
    background:rgba(64,200,135,.10) !important;
}
.dl7ag-mode-RTTY,
.dl7ag-mode-PSK,
.dl7ag-mode-PSK31,
.dl7ag-mode-PSK63,
.dl7ag-mode-JS8,
.dl7ag-mode-JT65,
.dl7ag-mode-JT9,
.dl7ag-mode-MFSK,
.dl7ag-mode-OLIVIA,
.dl7ag-mode-Q65,
.dl7ag-mode-WSPR,
.dl7ag-mode-DATA,
.dl7ag-mode-DIGITAL{
    border-color:#36c5cc !important;
    color:#64dfe4 !important;
    background:rgba(54,197,204,.10) !important;
}
.dl7ag-mode-FM{
    border-color:#7b96aa !important;
    color:#a9bdcb !important;
    background:rgba(123,150,170,.10) !important;
}
.dl7ag-mode-AM{
    border-color:#d59a4a !important;
    color:#edb86d !important;
    background:rgba(213,154,74,.10) !important;
}
.dl7ag-mode-SAT{
    border-color:#7d75dc !important;
    color:#aaa3f2 !important;
    background:rgba(125,117,220,.11) !important;
}

/* Mode filter colors */
.dl7ag-lb-filter-row button[data-mode="SSB"]{border-color:#21b9e6;color:#58dfff}
.dl7ag-lb-filter-row button[data-mode="CW"]{border-color:#40c887;color:#6ae5a5}
.dl7ag-lb-filter-row button[data-mode="DIGITAL"]{border-color:#36c5cc;color:#64dfe4}
.dl7ag-lb-filter-row button[data-mode="FM"]{border-color:#7b96aa;color:#a9bdcb}
.dl7ag-lb-filter-row button[data-mode="SAT"]{border-color:#7d75dc;color:#aaa3f2}

/* QRZ profile photo: compact top-right */
.dl7ag-lb-profile-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 112px;
    gap:13px;
    align-items:start;
    margin:14px 0 12px;
}
.dl7ag-lb-profile-head .dl7ag-lb-callbook-info{
    margin:0;
}
.dl7ag-lb-profile-head .dl7ag-lb-profile-photo-wrap{
    width:112px;
    height:112px;
    margin:0;
    border-radius:9px;
}
.dl7ag-lb-profile-head .dl7ag-lb-profile-photo{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:center;
}

@media(max-width:420px){
    .dl7ag-lb-profile-head{
        grid-template-columns:1fr;
    }
    .dl7ag-lb-profile-head .dl7ag-lb-profile-photo-wrap{
        width:100%;
        height:auto;
        max-height:220px;
    }
    .dl7ag-lb-profile-head .dl7ag-lb-profile-photo{
        height:auto;
        max-height:220px;
    }
}


/* =========================================================
   v0.2.3 – APPROVED LOGBOOK VISUAL
   ========================================================= */

/* General readability: approximately +2 px throughout logbook */
.dl7ag-lb{
    font-size:16px;
}
.dl7ag-lb-hero h2{font-size:20px}
.dl7ag-lb-hero p{font-size:17px}
.dl7ag-lb-sync>span{font-size:13px}
.dl7ag-lb-sync>b{font-size:15px}
.dl7ag-lb-sync>small{font-size:12px}
.dl7ag-lb-kpis small{font-size:12px}
.dl7ag-lb-kpis span{font-size:12px}
.dl7ag-lb-filter-row button{font-size:13px}
.dl7ag-lb-table th{font-size:12px}
.dl7ag-lb-table td{font-size:14px}
.dl7ag-lb-pagination label{font-size:13px}
.dl7ag-lb-detail-grid>span,
.dl7ag-lb-detail-grid>strong{font-size:14px}
.dl7ag-lb-callbook-info span{font-size:12px}
.dl7ag-lb-callbook-info strong{font-size:13px}
.dl7ag-lb-callbook-note{font-size:12px}

/* Flags: square/rectangular, never rounded */
.dl7ag-lb-flag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    font-size:19px;
    line-height:1;
    border-radius:0 !important;
    overflow:visible;
}

/* Approved band palette from the visual */
.dl7ag-band-160M{
    border-color:#8c55b6 !important;
    color:#cf8dec !important;
    background:rgba(140,85,182,.11) !important;
}
.dl7ag-band-80M{
    border-color:#b95a88 !important;
    color:#ed7cad !important;
    background:rgba(185,90,136,.11) !important;
}
.dl7ag-band-60M{
    border-color:#8752b1 !important;
    color:#c187df !important;
    background:rgba(135,82,177,.11) !important;
}
.dl7ag-band-40M{
    border-color:#2bb957 !important;
    color:#59e179 !important;
    background:rgba(43,185,87,.11) !important;
}
.dl7ag-band-30M{
    border-color:#168ac4 !important;
    color:#4cc8ff !important;
    background:rgba(22,138,196,.11) !important;
}
.dl7ag-band-20M{
    border-color:#d69200 !important;
    color:#ffc330 !important;
    background:rgba(214,146,0,.11) !important;
}
.dl7ag-band-17M{
    border-color:#d86b00 !important;
    color:#ff9a2b !important;
    background:rgba(216,107,0,.11) !important;
}
.dl7ag-band-15M{
    border-color:#168fb8 !important;
    color:#4fd2f3 !important;
    background:rgba(22,143,184,.11) !important;
}
.dl7ag-band-12M{
    border-color:#1ca5b8 !important;
    color:#55dce6 !important;
    background:rgba(28,165,184,.11) !important;
}
.dl7ag-band-10M{
    border-color:#bb3c44 !important;
    color:#ff646c !important;
    background:rgba(187,60,68,.11) !important;
}
.dl7ag-band-6M{
    border-color:#6f7b85 !important;
    color:#c2ccd2 !important;
    background:rgba(111,123,133,.10) !important;
}
.dl7ag-band-2M{
    border-color:#667887 !important;
    color:#a9bdc8 !important;
    background:rgba(102,120,135,.10) !important;
}
.dl7ag-band-70CM{
    border-color:#9b4ea5 !important;
    color:#d27ada !important;
    background:rgba(155,78,165,.11) !important;
}

/* Same palette in top band filters */
.dl7ag-lb-filter-row button[data-band="160M"]{border-color:#8c55b6;color:#cf8dec}
.dl7ag-lb-filter-row button[data-band="80M"]{border-color:#b95a88;color:#ed7cad}
.dl7ag-lb-filter-row button[data-band="60M"]{border-color:#8752b1;color:#c187df}
.dl7ag-lb-filter-row button[data-band="40M"]{border-color:#2bb957;color:#59e179}
.dl7ag-lb-filter-row button[data-band="30M"]{border-color:#168ac4;color:#4cc8ff}
.dl7ag-lb-filter-row button[data-band="20M"]{border-color:#d69200;color:#ffc330}
.dl7ag-lb-filter-row button[data-band="17M"]{border-color:#d86b00;color:#ff9a2b}
.dl7ag-lb-filter-row button[data-band="15M"]{border-color:#168fb8;color:#4fd2f3}
.dl7ag-lb-filter-row button[data-band="12M"]{border-color:#1ca5b8;color:#55dce6}
.dl7ag-lb-filter-row button[data-band="10M"]{border-color:#bb3c44;color:#ff646c}
.dl7ag-lb-filter-row button[data-band="6M"]{border-color:#6f7b85;color:#c2ccd2}
.dl7ag-lb-filter-row button[data-band="2M"]{border-color:#667887;color:#a9bdc8}
.dl7ag-lb-filter-row button[data-band="70CM"]{border-color:#9b4ea5;color:#d27ada}

/* Approved mode palette */
.dl7ag-mode-SSB{
    border-color:#009bd0 !important;
    color:#49d6ff !important;
    background:rgba(0,155,208,.12) !important;
}
.dl7ag-mode-CW{
    border-color:#16a56d !important;
    color:#50df9d !important;
    background:rgba(22,165,109,.12) !important;
}
.dl7ag-mode-FT8,
.dl7ag-mode-FT4{
    border-color:#8b46ad !important;
    color:#d37cf1 !important;
    background:rgba(139,70,173,.12) !important;
}
.dl7ag-mode-RTTY,
.dl7ag-mode-PSK,
.dl7ag-mode-PSK31,
.dl7ag-mode-PSK63,
.dl7ag-mode-JS8,
.dl7ag-mode-JT65,
.dl7ag-mode-JT9,
.dl7ag-mode-MFSK,
.dl7ag-mode-OLIVIA,
.dl7ag-mode-Q65,
.dl7ag-mode-WSPR,
.dl7ag-mode-DATA,
.dl7ag-mode-DIGITAL{
    border-color:#72529b !important;
    color:#c390e6 !important;
    background:rgba(114,82,155,.12) !important;
}
.dl7ag-mode-FM{
    border-color:#566977 !important;
    color:#b8c7cf !important;
    background:rgba(86,105,119,.12) !important;
}
.dl7ag-mode-SAT{
    border-color:#6550a1 !important;
    color:#a98be2 !important;
    background:rgba(101,80,161,.12) !important;
}

/* QRZ photo: full width in info panel */
.dl7ag-lb-profile-head{
    display:flex !important;
    flex-direction:column-reverse;
    gap:12px;
    margin:14px 0 12px;
}
.dl7ag-lb-profile-head .dl7ag-lb-profile-photo-wrap{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    border-radius:8px;
}
.dl7ag-lb-profile-head .dl7ag-lb-profile-photo{
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:320px !important;
    object-fit:cover;
    object-position:center;
}
.dl7ag-lb-profile-head .dl7ag-lb-callbook-info{
    width:100%;
}
