:root{--navy:#09283f;--navy2:#0d3655;--bright:#1477ba;--blue:#0665c8;--line:#e1e8ef;--slate:#607184;--ink:#102943;--green:#23d59d;--paper:#fff;--bg:#f3f7fa;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{background:#d7e7f2}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#b3d4e9,#f7fcfe)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffbb3a;outline-offset:2px}.app-shell{max-width:570px;min-height:100svh;background:var(--navy);margin:auto;position:relative;box-shadow:0 0 38px #19395045;display:flex;flex-direction:column;padding-bottom:0}.topbar{height:83px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:15px 20px 13px;background:linear-gradient(120deg,#194d85,#092940);color:#fff;z-index:10;position:relative}.branding{display:flex;align-items:center;gap:11px;min-width:0}.brand-emoji{font-size:37px;line-height:1}.branding strong{font-size:clamp(20px,5vw,27px);display:block;line-height:1.12}.branding small{display:block;font-size:12px;white-space:normal;color:#e8f3fb;margin-top:5px}.menu-button,.icon-button{background:transparent;border:0;color:white;font-size:25px;padding:5px 8px;flex-shrink:0}.menu-panel{position:absolute;z-index:30;right:12px;top:67px;width:225px;box-shadow:0 16px 32px #06192c8a;background:white;border-radius:14px;padding:8px}.menu-panel button{background:none;width:100%;text-align:left;border:0;padding:10px;border-radius:8px;color:var(--ink);font-weight:650}.menu-panel button:hover{background:#eef5fb}#appContent{flex:1;min-height:calc(100svh - 167px)}.bottom-nav{background:#f8fcff;color:#64788a;display:grid;grid-template-columns:repeat(5,1fr);min-height:71px;position:sticky;bottom:0;z-index:20;box-shadow:0 -2px 13px #071a2b1a;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:inherit;font-size:10px;padding:9px 1px 7px}.bottom-nav button.active{color:#075de1;font-weight:750}.nav-icon{font-size:29px;font-weight:800;line-height:1.1}footer{min-height:31px;text-align:center;background:#082438;color:#d5e0ea;font-size:11px;padding:9px 8px}footer a{text-decoration:none;color:white}footer b{font-size:13px;letter-spacing:-.3px}footer b span{color:#ff7e23}.home{color:#fff;background:linear-gradient(#0e3857 0%,#072438 100%);padding-bottom:30px}.hero{background:linear-gradient(180deg,#041a2b00 15%,#09283fea 100%),url('/assets/village.svg') center 52%/cover;min-height:188px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px}.hero-time{text-align:right;font-size:28px;font-weight:750;text-shadow:0 2px 3px #082b3c}.hero-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;text-shadow:0 1px 2px #05263f}.live-label{white-space:nowrap;display:flex;align-items:center;gap:6px}.dot{display:inline-block;background:var(--green);width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px #25d59b30}.dot.gray{background:#bdced9;box-shadow:none}.dot.orange{background:#ffbf41;box-shadow:none}.readings{padding:6px 16px 0}.temp-primary{text-align:center;padding:15px 0 20px}.temp-line{display:flex;gap:12px;justify-content:center;align-items:center;font-size:68px;font-weight:760;letter-spacing:-2px;line-height:1.15}.temp-line .sun{font-size:58px;letter-spacing:0}.temp-title{font-size:21px;font-weight:650}.temp-note{font-size:13px;color:#e2e9f3;margin-top:3px}.condition-label{font-size:12px;color:#d4e4ef;margin-top:7px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.glass{border:1px solid #6c8da0;border-radius:15px;background:linear-gradient(135deg,#ffffff13,#ffffff08);min-height:95px;padding:12px;display:flex;align-items:center;gap:8px}.glass .metric-icon{font-size:36px}.glass small{display:block;font-size:12px}.glass strong{display:block;font-size:21px;white-space:nowrap;margin:4px 0 0}.glass em{display:block;font-size:11px;font-style:normal;color:#d9e9f4}.soil-card,.mini-card,.card,.stat-card{background:#fff;border-radius:15px;color:var(--ink);box-shadow:0 2px 6px #0000000d}.soil-card{margin-top:16px;padding:13px 13px 7px}.soil-card h2,.card h2{margin:0 0 8px;font-size:18px}.soil-item{display:grid;grid-template-columns:33px 1fr auto 15px;gap:7px;align-items:center;min-height:45px;border-top:1px solid var(--line);font-size:14px}.soil-item .soil-emoji{font-size:24px}.soil-item strong{font-size:19px}.soil-item .arrow{font-size:20px;color:#9db0bd}.soil-item button{border:0;background:none;text-align:left;color:inherit;padding:6px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mini-card{min-height:112px;padding:14px 12px;display:flex;gap:10px;align-items:center}.mini-card .metric-icon{font-size:32px}.mini-card small{font-size:14px}.mini-card strong{display:block;font-size:22px;margin:3px 0}.mini-card em{font-size:12px;font-style:normal}.last-update{text-align:center;padding:24px 4px 0;color:#d3e3ec;font-size:12px}.demo-alert{background:#ffeab5;color:#483100;font-weight:750;border-radius:9px;padding:9px 11px;margin-bottom:5px;font-size:12px;text-align:center}.page{background:var(--bg);min-height:calc(100svh - 167px);padding:14px 12px 24px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#e6edf3;border-radius:9px;padding:4px;margin-bottom:14px}.segmented button{font-size:12px;padding:10px 3px;border:0;border-radius:7px;background:transparent;color:#28425c}.segmented button.active{color:white;background:#1382bc;font-weight:700;box-shadow:0 2px 3px #154c7a2b}.card{padding:14px 12px;margin-bottom:12px}.card .heading-inline{display:flex;justify-content:space-between;gap:10px;align-items:center}.note{font-size:11px;color:#5f7183}.chart{width:100%;height:auto;display:block;overflow:visible}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:11px;margin:3px 0 7px;color:#485e74}.legend span{white-space:nowrap}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.date-line{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:13px}.date-line input{font-size:13px;border:1px solid #d5e0e8;border-radius:7px;padding:8px;background:white;color:#24415b;min-width:0}.date-line button{border:0;background:transparent;color:#8194a5;font-size:25px}.table-wrap{overflow-x:auto;background:#fff;border-radius:13px;box-shadow:0 2px 6px #0000000d}table{width:100%;border-collapse:collapse;min-width:360px;font-size:12px}th{background:#f4f6f9;padding:12px 8px;text-align:center;color:#18334d;font-size:11px}td{padding:10px 8px;text-align:center;border-top:1px solid #edf0f4}tbody tr:nth-child(even){background:#f7f9fb}.stats-grid{display:grid;gap:11px}.stat-card{padding:13px 12px}.stat-card h3{margin:0 0 11px;font-size:14px}.stat-values{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat-value{text-align:center;font-weight:750;font-size:15px}.stat-value small{display:block;color:#708092;font-weight:400;font-size:11px;margin-top:3px}.stat-value.min{color:#1175fb}.stat-value.max{color:#f45235}.station-img{width:100%;height:185px;display:block;border-radius:10px;background:linear-gradient(160deg,#82c7f0,#d0eaf7 55%,#91c585);position:relative;overflow:hidden}.station-img svg{width:100%;height:100%}.station-list{display:grid;gap:0}.station-line{display:grid;grid-template-columns:31px 1fr;gap:8px;padding:10px 0;border-top:1px solid #e7edf2}.station-line .station-icon{font-size:23px}.station-line strong{font-size:13px;display:block}.station-line small{font-size:11px;color:#627486}.content-text{font-size:14px;line-height:1.65}.feature{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px}.feature b{color:#0b9c83}.brand-box{background:#edf2f6;text-align:center;padding:23px 10px;border-radius:13px;margin:19px 0}.brand-box strong{font-size:26px;letter-spacing:-1px}.brand-box strong span{color:#f47c1f}.more-list button{display:flex;align-items:center;justify-content:space-between;width:100%;background:white;color:var(--ink);border:1px solid #e7edf4;border-radius:13px;padding:16px;margin:0 0 10px;text-align:left;font-size:15px}.more-list button b{color:#5589a2}.progress{background:#dce6ed;border-radius:15px;height:11px;overflow:hidden}.progress>div{background:#17ab74;height:100%;min-width:0}.button-primary{border:0;border-radius:8px;background:linear-gradient(100deg,#fb674b,#df4938);padding:13px;color:#fff;font-weight:750;display:block;width:100%;margin:13px 0}.button-primary:disabled{background:#b2bfca;cursor:not-allowed}.small-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.small-actions button{background:#fafcfe;border:1px solid #ccd6de;border-radius:8px;padding:10px;color:#0d5ca7}.muted{color:#65778b;font-size:12px}.notice{border-left:3px solid #db9929;background:#fff4d9;padding:11px;border-radius:6px;font-size:12px;margin:12px 0}.empty{padding:30px 15px;text-align:center;color:#65788e;font-size:13px}.source-label{font-size:11px;color:#b6d2e3;text-align:center;padding-top:6px}.simple-link{color:#006cbe}.pill{background:#e7f4fa;color:#136e9e;border-radius:15px;padding:5px 9px;font-size:11px}.hidden{display:none!important}@media(min-width:750px){body{padding:20px}.app-shell{border-radius:24px;overflow:clip;min-height:calc(100svh - 40px)}.bottom-nav{bottom:0}.page{min-height:690px}}@media(max-width:360px){.topbar{padding:12px}.branding strong{font-size:20px}.branding small{font-size:11px}.hero{min-height:158px}.temp-line{font-size:56px}.glass{padding:9px;min-height:83px}.glass strong{font-size:20px}.soil-item{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Meteo Socodor v0.2 — approved concept visual language, responsive web */
:root{--navy:#0a2b47;--navy2:#123b5f;--bright:#1487c0;--ink:#112c47;--line:#dce6ed;--bg:#f1f5f9}
html{scroll-behavior:smooth}
body{background:linear-gradient(145deg,#b9d7eb 0%,#eaf4fa 47%,#cde3f0 100%)}
.app-shell{box-shadow:0 16px 56px #092f4b33}
.topbar{background:linear-gradient(120deg,#124a7b 0%,#0a2d4c 70%,#082538 100%)}
.header-edition{font-size:12px;color:#bbd8ec;letter-spacing:.03em;display:none}
.topbar-right{display:flex;align-items:center;gap:18px}
.icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-symbol{width:39px;height:39px;color:#ffd34e}
.icon-button,.menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px}
.menu-button:hover,.icon-button:hover{background:#ffffff15}
.menu-button .icon,.icon-button .icon{width:24px;height:24px}
.bottom-nav{background:#f9fbfe;border-top:1px solid #dbe7ef}
.bottom-nav button{transition:background .15s,color .15s;gap:5px}
.bottom-nav button:hover{background:#eaf3fa}
.bottom-nav button.active{color:#0570dc}
.bottom-nav button.active .nav-icon{stroke-width:2.5}
.nav-icon{width:25px;height:25px;font-weight:normal}
footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 15px;background:#08263c}
footer>span:first-child{display:none}
.hero{background-image:linear-gradient(180deg,#0c31440d 0%,#06263f2f 40%,#072439ea 100%),url('/assets/socodor-hero-v0.2.1.png');background-position:center,center 52%;background-size:cover;min-height:193px}
.hero-photo-label{position:absolute;left:14px;top:12px;padding:4px 7px;font-size:10px;letter-spacing:.01em;color:#f3f8fd;background:#08283e90;border-radius:5px;text-shadow:none}
.hero-foot{font-size:12px}
.hero-time{font-size:29px;line-height:1.1;margin-bottom:7px}
.home{background:linear-gradient(155deg,#123c5d 0%,#082b45 55%,#062338 100%)}
.temp-line{letter-spacing:-2px}
.temp-line .sun{width:59px;height:59px;color:#ffd03f;stroke-width:1.8}
.glass{background:linear-gradient(135deg,#ffffff16,#ffffff0b);border-color:#7294aa}
.glass .metric-icon{width:37px;height:37px;color:#5dd0fa;stroke-width:1.7}
.glass:nth-child(2) .metric-icon{color:#ffbc63}
.glass em{font-size:11px}
.soil-card{box-shadow:0 8px 20px #071b2c18}
.soil-item{grid-template-columns:35px 1fr auto 16px;min-height:50px}
.soil-symbol{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:#f2f8ed;color:#5b9237}
.soil-icon{width:23px;height:23px}
.soil-item .arrow{width:16px;height:16px;color:#9ab0bc}
.soil-item button{min-height:42px}
.mini-card .metric-icon{width:38px;height:38px;color:#188cda}
.mini-card:nth-child(2) .metric-icon{color:#258bd8}
.mini-card{box-shadow:0 5px 18px #041b2c12}
.source-label{padding-bottom:12px}
.page{background:linear-gradient(#f2f7fb,#eef4f8)}
.card,.stat-card{border:1px solid #e0e9ef;box-shadow:0 4px 18px #123e6310}
.segmented{border:1px solid #d5e3eb}
.segmented button.active{background:#1179b7}
.inline-icon{width:21px;height:21px;color:#1780c3;vertical-align:middle;margin-right:5px}
.feature-icon{width:19px;height:19px;color:#0da77d}
.station-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#0e81c1}
.station-icon-svg{width:24px;height:24px}
.more-list button{justify-content:flex-start;gap:4px}
.more-list button b{margin-left:auto}
.demo-alert{background:#ffecbe;color:#4a3500;border:1px solid #ffc968}
.menu-panel{top:70px}
@media(max-width:749px){.app-shell{max-width:570px}.hero{min-height:185px}.bottom-nav{position:sticky;bottom:0}.temp-primary{padding-top:16px}.soil-card{margin-top:17px}}
@media(min-width:750px){
 body{padding:24px}
 .app-shell{max-width:1200px;min-height:calc(100svh - 48px);border-radius:22px;overflow:clip}
 .topbar{min-height:92px;padding:16px 32px}
 .header-edition{display:block}
 .branding strong{font-size:27px}
 .branding small{font-size:13px}
 .bottom-nav{order:1;top:0;bottom:auto;min-height:62px;display:flex;position:sticky;justify-content:center;align-items:center;padding:0;border-bottom:1px solid #dfe8ee;z-index:20;gap:10px}
 .bottom-nav button{flex-direction:row;flex:0 1 170px;gap:9px;font-size:14px;min-height:54px;padding:12px 16px;border-bottom:3px solid transparent}
 .bottom-nav button.active{border-bottom-color:#0878d6}
 .bottom-nav .nav-icon{width:21px;height:21px}
 #appContent{order:2;min-height:0}
 footer{order:3;justify-content:space-between;padding:13px 28px}
 footer>span:first-child{display:block}
 .hero{min-height:250px;padding:24px 34px;background-position:center,center 54%}
 .hero-photo-label{left:28px;top:18px}
 .hero-time{font-size:32px}
 .hero-foot{font-size:14px}
 .home{padding-bottom:25px}
 .readings{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:16px 26px;padding:20px 26px 0;align-items:start}
 .demo-alert,.notice{grid-column:1/-1;margin:0}
 .temp-primary{grid-column:1;grid-row:auto;padding:18px 0 12px;align-self:center}
 .temp-line{font-size:74px}
 .quick-grid{grid-column:1;align-self:start}
 .glass{min-height:107px}
 .soil-card{grid-column:2;grid-row:2/span 3;margin-top:0;align-self:stretch;padding:17px 20px 10px}
 .soil-card h2{font-size:20px;margin-bottom:15px}
 .soil-item{min-height:56px;font-size:15px}
 .mini-grid{grid-column:1;margin:0}
 .mini-card{min-height:111px}
 .last-update{grid-column:1/-1;padding:10px 4px 0}
 .source-label{grid-column:1/-1;padding:0 0 10px}
 .page{min-height:550px;padding:24px;max-width:none}
 .page-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
 .page-charts>.demo-alert,.page-charts>.segmented{grid-column:1/-1;margin-bottom:0}
 .page-charts>.card{margin:0}
 .page-charts>.card:last-child{grid-column:1/-1}
 .page-history,.page-stats{max-width:980px;margin:0 auto;min-height:550px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .station-img{height:240px}
 .page:has(.station-img),.page:has(.content-text),.page:has(.more-list){max-width:920px;margin:0 auto}
 .menu-panel{right:25px;top:80px}
}
@media(min-width:1100px){.readings{grid-template-columns:1fr 1fr}.hero{min-height:275px}.page-charts{gap:18px;padding:26px 32px}}
@media(max-width:420px){.hero-photo-label{font-size:9px}.temp-line .sun{width:48px;height:48px}.glass{padding:10px 8px}.glass .metric-icon{width:32px;height:32px}.glass strong{font-size:18px}.mini-card{padding:10px 8px;gap:8px}.mini-card strong{font-size:19px}}

@media(min-width:750px){.readings:not(:has(>.demo-alert)):not(:has(>.notice)) .soil-card{grid-row:1/span 3}}

.source-label a{color:#d3f2ff;text-underline-offset:2px}

/* Meteo Socodor v0.3.1 — versiune vizibilă, extinderi și implicare */
.version-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:4px 8px;color:#e4f3fb;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.015em;font-variant-numeric:tabular-nums}
.topbar-right{gap:9px}
.soil-item .soil-depth{display:flex;align-items:center;min-height:42px}
.soil-item .soil-pending{font-size:12px;font-weight:650;color:#8b6c35;white-space:nowrap}
.soil-arrow-spacer{width:16px;height:16px}
.soil-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;padding:13px 11px 5px;border-top:1px solid #e3ebef;color:#567080;font-size:12px;line-height:1.4}
.soil-support-link{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:750;color:#0870c1;text-decoration:none;white-space:nowrap}
.soil-support-link:hover{text-decoration:underline}
.soil-link-icon{width:15px;height:15px}
.upgrade-list{display:grid;gap:12px;margin:13px 0 22px}
.upgrade-card{padding:15px;background:#f9fcff;border:1px solid #dbe6ef;border-radius:12px}
.upgrade-heading{display:flex;align-items:flex-start;gap:11px}
.upgrade-heading h4{margin:0 0 6px;font-size:15px;line-height:1.35}
.upgrade-card p{font-size:13px;margin:10px 0 12px;color:#53687b}
.upgrade-budget{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #e1eaf1;padding-top:12px;font-size:12px;color:#5d7184}
.upgrade-budget strong{font-size:13px;color:#15476b;text-align:right}
.support-next{border-top:1px solid #e1eaf1;padding-top:12px}
.support-next .button-primary{max-width:360px}
@media(min-width:750px){.topbar-right{gap:16px}.upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.version-badge{padding:3px 5px;font-size:10px}.topbar-right{gap:4px}.soil-item .soil-pending{font-size:11px}}

/* Meteo Socodor v0.4.1 — două niveluri de presiune și proiecte viitoare */
.pressure-card{align-items:flex-start;gap:8px}
.pressure-card .metric-icon{flex:none;margin-top:14px}
.pressure-content{display:block;flex:1;min-width:0}
.pressure-card .pressure-content>small{font-size:12px;margin-bottom:5px}
.pressure-line{display:block;padding:2px 0 5px;border-top:1px solid #ffffff25}
.pressure-line>span{display:block;font-size:10px;color:#d6e7f1;line-height:1.3}
.pressure-card .pressure-line strong{display:block;font-size:19px;line-height:1.2;margin:2px 0 0;white-space:nowrap}
.mini-card-pending{align-items:center}
.mini-card-pending .coming-soon{font-size:17px;white-space:normal;line-height:1.25;margin:6px 0 4px}
.metric-support-link{display:inline-flex;align-items:center;gap:3px;color:#006bbe;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.metric-support-link .soil-link-icon{width:13px;height:13px}
@media(max-width:420px){.pressure-card{gap:5px}.pressure-card .metric-icon{width:26px;height:26px;margin-top:18px}.pressure-card .pressure-line strong{font-size:16px}.pressure-card .pressure-line>span{font-size:10px}.mini-card-pending .coming-soon{font-size:15px}}

@media(max-width:360px){.mini-card-pending{display:block;text-align:center}.mini-card-pending .metric-icon{display:none}.mini-card-pending .coming-soon{font-size:15px}.metric-support-link{font-size:11px}.metric-support-link .soil-link-icon{display:none}}


/* Meteo Socodor - indicator LIVE si ora masuratorii */
.hero-foot {
    flex-wrap: wrap;
    row-gap: 5px;
}

.hero-foot .live-label {
    margin-left: auto;
    text-align: right;
    white-space: normal;
    font-variant-numeric: tabular-nums;
}

.hero-foot .live-label .dot {
    flex: 0 0 10px;
}


/* Meteo Socodor – approved complete brand, 2026-10-14 */
.brand-full-logo,.brand-compact-logo{display:none}
.icon-button[hidden]{display:none!important}
.branding:has(#brandTagline:not([hidden])){
  background:#f8fcff;
  border-radius:12px;
  padding:4px 9px 4px 4px;
  flex-shrink:1;
  max-width:100%;
  min-width:0;
}
.branding:has(#brandTagline:not([hidden]))>.brand-symbol,
.branding:has(#brandTagline:not([hidden]))>span{display:none}
.branding:has(#brandTagline:not([hidden]))>.brand-full-logo{
  display:block;
  width:min(410px,36vw);
  max-width:100%;
  height:auto;
}
@media(min-width:750px){
  .topbar:has(.branding:has(#brandTagline:not([hidden]))){height:124px;min-height:124px}
}
@media(max-width:749px){
  .topbar{padding-left:10px;padding-right:10px;gap:5px}
  .topbar-right{gap:5px}
  .branding:has(#brandTagline:not([hidden])){padding:5px 8px 5px 5px}
  .branding:has(#brandTagline:not([hidden]))>.brand-full-logo{display:none}
  .branding:has(#brandTagline:not([hidden]))>.brand-compact-logo{
    display:flex;align-items:center;gap:7px;min-width:0;
  }
  .brand-compact-logo>img{flex:0 0 49px;width:49px;height:49px}
  .brand-compact-copy{min-width:0;display:flex;flex-direction:column;white-space:nowrap}
  .brand-compact-copy>b{font-weight:800;letter-spacing:-.8px;font-size:19px;line-height:1}
  .brand-compact-copy>b:first-child{color:#0c3452}
  .brand-compact-copy>b:nth-child(2){color:#167fa5}
  .brand-compact-copy>small{border-top:1px solid #b9dde9;margin-top:3px;padding-top:2px;font-size:9px;font-weight:600;color:#547488}
}
@media(max-width:420px){
  .topbar .version-badge{display:none}
  .branding:has(#brandTagline:not([hidden])){max-width:calc(100vw - 70px)}
}
@media(max-width:340px){
  .brand-compact-logo>img{flex-basis:41px;width:41px;height:41px}
  .brand-compact-copy>b{font-size:17px}
  .brand-compact-copy>small{font-size:8px}
}


/* Meteo Socodor - logo desktop complet */
@media (min-width: 750px) {
    .topbar:has(#brandTagline:not([hidden])) {
        height: auto !important;
        min-height: 136px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        overflow: visible;
    }

    .branding:has(#brandTagline:not([hidden])) {
        max-height: none;
        overflow: visible;
    }

    .branding:has(#brandTagline:not([hidden]))
    > .brand-full-logo {
        height: auto;
        max-height: none;
    }
}


/* METEO DESIGN v0.4.2 TEST — identitate grafica navigatie + fotografie */
.bottom-nav button .nav-brand-icon{width:27px;height:27px;flex-shrink:0;stroke:none;fill:none}
.bottom-nav button .nav-wordmark{display:inline;white-space:nowrap;font-size:14px;font-weight:850;letter-spacing:-.045em;line-height:1.1}
.bottom-nav button .nav-wordmark>span{color:#0c3452}
.bottom-nav button .nav-wordmark>em{font-style:normal;color:#1687b5}
.bottom-nav button.active .nav-wordmark>span{color:#084976}
.bottom-nav button.active .nav-wordmark>em{color:#0079da}
.bottom-nav button.active .nav-brand-icon{filter:drop-shadow(0 1px 2px #86d7f28c)}
#pageTitle .page-wordmark{display:inline;letter-spacing:-.045em;font-weight:850}
#pageTitle .page-wordmark>span{color:#fff}
#pageTitle .page-wordmark>em{font-style:normal;color:#8ed9f0}
.station-figure{margin:0 0 14px}
.station-figure>img{display:block;width:100%;height:clamp(205px,31vw,285px);object-fit:cover;object-position:center 55%;border-radius:12px;background:#d6e8f1}
.station-figure figcaption{font-size:12px;line-height:1.5;color:#607184;margin:7px 2px 0}
.station-figure figcaption a{color:#0875bc;text-decoration:underline;text-underline-offset:2px}
.about-brand-link{display:inline-block;margin-top:5px;text-decoration:none;color:inherit;border-bottom:2px solid transparent;border-radius:3px}
.about-brand-link:hover{border-bottom-color:#1487c0}
.about-brand-link:focus-visible{outline:3px solid #ffbb3a;outline-offset:4px}
@media(max-width:749px){
  .bottom-nav button .nav-brand-icon{width:23px;height:23px}
  .bottom-nav button .nav-wordmark{font-size:clamp(10px,2.65vw,13px);letter-spacing:-.055em}
}
@media(min-width:750px){
  .bottom-nav button .nav-wordmark{font-size:15px}
}


/* METEO NAVIGATION v0.4.3 TEST — aceeasi identitate pentru Acasa si hamburger */
.bottom-nav button[data-page="home"] .nav-brand-icon{width:27px;height:27px;stroke:none;fill:none}
.menu-panel>button{display:flex;align-items:center;gap:11px;text-align:left}
.menu-panel>button .menu-brand-icon{display:block;width:24px;height:24px;min-width:24px;flex-shrink:0;fill:none;stroke:none}
.menu-panel>button .menu-brand-wordmark{display:inline-block;white-space:normal;font-weight:800;font-size:15px;letter-spacing:-.035em;line-height:1.2}
.menu-panel>button .menu-brand-wordmark>span{color:#0c3452}
.menu-panel>button .menu-brand-wordmark>em{color:#1687b5;font-style:normal}
.menu-panel>button:hover{background:#eaf4fb}
.menu-panel>button:focus-visible{outline:3px solid #ffbb3a;outline-offset:-3px}
@media(max-width:749px){
  .bottom-nav button[data-page="home"] .nav-brand-icon{width:23px;height:23px}
  .menu-panel>button .menu-brand-icon{width:23px;height:23px;min-width:23px}
}