.portal-app{padding-bottom:20px}.app-topline{display:flex;justify-content:space-between;color:#62718a;font-size:11px;margin:26px 0}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0}.app-heading h1{font-size:clamp(32px,3.5vw,48px);max-width:850px;margin:12px 0}.app-heading>div>p:last-child{color:#62718a;font-size:14px}.app-navigation{display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid #dce4f2;padding:0 0 16px;margin-bottom:24px}.app-navigation a{white-space:nowrap;padding:10px 17px;border-radius:8px;font-size:13px;color:#334c73;background:#fff}.app-navigation a.selected{background:#002395;color:white}.app-card{background:#fff;border:1px solid #e0e6f1;border-radius:16px;padding:26px;margin-bottom:24px;min-width:0}.app-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.app-section-head h2{font-size:22px;margin:5px 0}.app-section-head>a{font-size:12px;color:#002395}.app-section-head .eyebrow{color:#697b9c}.app-card h3{font-size:16px;margin:24px 0 12px;color:#17396e}.app-card h3:first-child{margin-top:0}.secondary{background:#fff!important;color:#002395!important;border:1px solid #cfd9f0!important}.secondary:hover{background:#edf2ff!important}.full{width:100%;margin-top:14px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.fuel-ticker{display:flex;align-items:stretch;border:1px solid #d9e1f1;background:white;border-radius:12px;overflow:hidden;margin-bottom:24px;min-height:62px;gap:15px}.ticker-label{display:flex;flex-direction:column;justify-content:center;background:#002395;color:white;padding:9px 18px;font-weight:700;font-size:12px;white-space:nowrap}.ticker-label span{font-size:10px;opacity:.7}.ticker-window{overflow:hidden;flex:1;display:flex;align-items:center;min-width:0}#ticker-items{display:flex;align-items:center;gap:36px;white-space:nowrap;font-size:12px;width:max-content}#ticker-items.moving{animation:tickerScroll var(--ticker-duration,40s) linear infinite}.fuel-ticker:hover #ticker-items,.fuel-ticker:focus-within #ticker-items,#ticker-items.paused{animation-play-state:paused}.ticker-price{display:flex;gap:10px;align-items:center}.ticker-price b{font-size:19px;color:#002395}.ticker-price span{color:#617291}.ticker-price small{background:#edf2ff;color:#002395;padding:3px 6px;border-radius:5px}.fuel-ticker>button{border:0;background:white;color:#002395;padding:10px}.fuel-ticker>a{display:flex;align-items:center;font-size:12px;padding:10px 17px;border-left:1px solid #e0e6f1;color:#002395;font-weight:700}.daily-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:0 24px;align-items:start}.home-weather{background:linear-gradient(125deg,#00165c,#002395 75%,#1645b5);color:white}.home-weather h2,.home-weather .eyebrow,.home-weather .source{color:#dce7ff}.home-weather .temperature{font-size:74px}.home-weather .weather-more{display:block;margin-top:20px;color:white;font-size:13px;border-top:1px solid #ffffff33;padding-top:16px}.home-weather .source{font-size:10px}.home-weather .weather-stats{padding-top:16px;margin-top:16px}.weather-current{display:flex;align-items:center;gap:30px;padding:15px 0 30px}.weather-detail .weather-icon svg{color:#002395}.weather-detail .weather-stats{color:#334c73;border-color:#e1e6f0;margin-bottom:25px}.mini-forecast{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.mini-day{text-align:center;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:8px}.mini-day svg{width:25px;height:25px;color:white}.mini-day b{font-size:15px}.forecast-scroll{display:flex;gap:10px;overflow:auto;padding:4px 0 16px}.hour-cell{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:84px;padding:16px 12px;background:#f2f6ff;border-radius:11px;font-size:12px}.hour-cell b{font-size:20px;color:#002395}.hour-cell small{font-size:10px;color:#647591}.daily-forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.daily-cell{padding:17px 10px;background:#f5f7fc;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px}.daily-cell b{font-size:19px;color:#002395}.daily-cell small{color:#62718a}.fuel-controls{display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap;margin-bottom:18px}.fuel-controls label,.app-form label,.form-row>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#52678a}.fuel-controls input,.fuel-controls select,.app-form input,.app-form select,.app-form textarea,.form-row input,.app-section-head select{border:1px solid #d6dff0;border-radius:8px;padding:10px 12px;background:white;color:#17396e;max-width:100%;min-width:0}.fuel-controls label.inline-check{flex-direction:row;padding-bottom:10px}.fuel-controls.compact select{padding:8px 10px}.station-row{border-top:1px solid #e3e9f3;padding:16px 0}.station-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.station-top strong{display:block;font-size:13px;color:#17396e}.station-top .station-price{font-size:27px;letter-spacing:-1px;font-weight:750;color:#002395;white-space:nowrap}.station-price small{font-size:11px;font-weight:400;letter-spacing:0}.station-meta{font-size:11px;color:#647591;margin:5px 0}.station-actions{display:flex;gap:9px;align-items:center;margin-top:8px;flex-wrap:wrap}.small-button{border:1px solid #d7e0f0;border-radius:6px;background:white;padding:6px 10px;font-size:11px;color:#002395}.small-button.saved{background:#fff0f2;color:#c91e32;border-color:#f4bcc5}.station-actions label{font-size:10px;color:#637493}.stale{color:#a04d1d!important}.fuel-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.map-panel{height:420px;background:#edf2fb;border-radius:12px;border:1px solid #dce4f2;overflow:hidden;display:grid;place-items:center;position:sticky;top:150px;z-index:1}.map-panel>p{padding:25px;font-size:13px;color:#617291}.comparison{margin-top:25px;border:1px solid #e0e6f1;border-radius:12px;padding:18px}.comparison h3{margin-top:0}.comparison-table{width:100%;font-size:12px;border-collapse:collapse}.comparison-table td,.comparison-table th{text-align:left;padding:9px 5px;border-bottom:1px solid #e0e6f1}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.price-cell{padding:15px;background:#f1f5fd;border-radius:10px}.price-cell b{display:block;font-size:22px;color:#002395}.price-cell small{font-size:10px;color:#62718a}.wide-dialog{width:min(800px,calc(100% - 30px))}.event-row{display:flex;gap:15px;border-top:1px solid #e3e9f3;padding:16px 0}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf2ff;border-radius:9px;width:54px;min-height:57px;flex-shrink:0;color:#002395}.event-date b{font-size:21px}.event-date small{font-size:10px;text-transform:uppercase}.event-row h3{margin:0 0 4px;font-size:14px}.event-row p{font-size:11px;color:#62718a}.event-row button{margin-top:8px}.brocante-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0}.event-card{border:1px solid #e0e6f1;border-radius:12px;padding:20px;background:linear-gradient(150deg,#fff,#f7f9ff);display:flex;flex-direction:column;gap:12px}.event-card h3{margin:0;font-size:16px}.event-card p{font-size:12px;color:#62718a}.event-card .event-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.tool-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-links>a{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f4f7fd;border:1px solid #e4eaf5;border-radius:12px;color:#002395}.tool-links span{font-size:11px;color:#637595}.directory-bottom{margin-top:25px}.directory-bottom .searchbox{margin-bottom:20px;width:min(100%,450px)}.directory-bottom .resource-list{grid-template-columns:repeat(3,1fr)}.app-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.app-two-columns>div{min-width:0}.app-form{display:flex;flex-direction:column;gap:16px;margin:20px 0}.app-form button{align-self:flex-start}.form-row{display:flex;gap:13px}.form-row>*{flex:1;min-width:0}.tool-tabs{display:flex;gap:20px;margin:20px 0}.tool-tabs a{color:#002395;font-size:13px}.tool-result{display:block;padding:17px;background:#edf2ff;color:#002395;border-radius:8px;font-size:18px;font-weight:600;min-height:58px}.tool-result:empty{display:none}.file-order>div{display:flex;gap:8px;align-items:center;padding:8px;background:#f2f6ff;margin-top:5px;font-size:12px}.file-order span{flex:1;overflow-wrap:anywhere}#letter-output{width:100%;padding:15px;border:1px solid #d7e0f0;border-radius:8px;font:13px/1.6 'Segoe UI',sans-serif}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.calendar-toolbar button{border:1px solid #d8e2f3;background:white;border-radius:8px;padding:8px 14px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0 20px}.calendar-cell{padding:10px 4px;text-align:center;border:1px solid #edf0f7;border-radius:5px;font-size:12px;min-height:40px}.calendar-cell.has-event{background:#eaf0ff;color:#002395;font-weight:700;border-bottom:3px solid #ed2939}.calendar-cell.today{outline:1px solid #002395}.calendar-dayname{text-align:center;font-size:10px;color:#637595;padding:8px 0}.agenda-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e0e6f1;padding:14px 0;font-size:12px}.agenda-row strong{display:block}.agenda-row small{color:#637595}.setting-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid #e0e6f1;font-size:13px}#widget-settings .setting-row button{margin-left:auto}.notification-fab{position:fixed;bottom:20px;right:20px;background:#002395;color:#fff;border:1px solid #ffffff44;border-radius:99px;padding:12px 17px;box-shadow:0 4px 20px #00239533;z-index:25;font-size:12px}.notification-fab span{background:#ed2939;border-radius:50%;padding:2px 6px;margin-left:5px}.notice{border-bottom:1px solid #e0e6f1;padding:14px 0;font-size:13px}.notice small{display:block;color:#637595;font-size:10px;margin-top:5px}.procedure-step{padding:15px 0;border-bottom:1px solid #e0e6f1;display:flex;gap:12px;font-size:14px}.procedure-step input{margin-top:5px;accent-color:#002395}.procedure-step strong{display:block;color:#002395}.procedure-step p{font-size:13px;color:#62718a;margin:6px 0}.offline-banner{padding:10px 20px;background:#fff2d4;color:#794900;text-align:center;font-size:12px}.leaflet-container{font-family:'Segoe UI',Arial,sans-serif}.map-price{background:#002395;color:white;border-radius:6px;padding:5px 8px;white-space:nowrap;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0003}.map-price.selected{background:#ed2939}.leaflet-control-attribution{font-size:9px!important}.app-card a:not(.button):not(.small-button){text-underline-offset:3px}.app-card .source a{text-decoration:underline}.notification-fab:focus-visible{outline:3px solid #ed2939;outline-offset:3px}@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){#ticker-items.moving{animation:none}.ticker-window{overflow:auto}html{scroll-behavior:auto}}
@media(max-width:1100px){.directory-bottom .resource-list{grid-template-columns:1fr 1fr}.brocante-grid{grid-template-columns:1fr 1fr}.app-heading h1{font-size:38px}.daily-layout{grid-template-columns:1.2fr 1fr}.app-card{padding:22px}.daily-forecast{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.daily-layout,.app-two-columns,.fuel-page-grid{grid-template-columns:1fr}.tool-links{grid-template-columns:1fr 1fr}.app-heading{display:block}.app-heading>button{margin-top:18px}.app-topline>span:last-child{display:none}.app-navigation{gap:5px}.app-navigation a{padding:9px 13px;font-size:12px}.fuel-ticker>a{display:none}.map-panel{position:relative;top:auto;height:350px}.home-fuel{order:1}.home-weather{order:2}.home-brocante{order:3}.home-organisation{order:4}.directory-bottom .resource-list{grid-template-columns:1fr 1fr}.app-section-head{flex-wrap:wrap}.daily-forecast{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.app-heading h1{font-size:34px}.app-card{padding:19px}.app-section-head h2{font-size:21px}.fuel-ticker{gap:8px}.ticker-label{padding:8px 10px;font-size:10px}.station-top .station-price{font-size:24px}.station-top strong{font-size:12px}.brocante-grid{grid-template-columns:1fr}.tool-links{gap:10px}.tool-links>a{padding:14px;font-size:12px}.directory-bottom .resource-list{grid-template-columns:1fr}.fuel-controls{gap:10px}.fuel-controls label{flex:1;min-width:95px}.fuel-controls input,.fuel-controls select{width:100%}.price-grid{grid-template-columns:1fr 1fr}.daily-forecast{grid-template-columns:repeat(2,1fr)}.form-row{flex-wrap:wrap}.form-row>label{min-width:110px}.notification-fab{bottom:12px;right:12px;font-size:11px}.app-topline{margin:20px 0}.app-heading{margin:20px 0}.calendar-cell{padding:8px 3px}.app-card .source{line-height:1.6}}

@media(max-width:560px){.header-inner{height:auto;min-height:90px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.header-inner .pill{width:100%;justify-content:center;flex-wrap:wrap}.selected-city-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html{scroll-padding-top:165px}}

.selected-city-name{margin-left:4px;font-size:12px}.station-actions input{accent-color:#002395}.home-weather .temperature{font-weight:350}.event-card .event-actions{margin-top:15px}.tool-result{overflow-wrap:anywhere}

.weather-compact{display:flex;align-items:center;gap:18px;padding:12px 20px;background:#fff;border:1px solid #dae3f5;border-left:4px solid #002395;border-radius:12px;margin-top:18px;min-height:78px}.weather-compact .temperature{font-size:40px;letter-spacing:-2px;line-height:1;color:#002395;font-weight:550}.compact-weather-icon svg{width:32px;height:32px;color:#002395}.compact-weather-city{display:flex;flex-direction:column;min-width:110px}.compact-weather-city strong{font-size:14px;color:#002395}.compact-weather-city>span{font-size:11px;color:#62718a}.compact-weather-stats{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#62718a}.compact-weather-link{margin-left:auto;display:flex;flex-direction:column;gap:3px;text-align:right}.compact-weather-link>a{font-size:12px;color:#002395;font-weight:600}.compact-weather-link .source{font-size:9px;margin:0}.weather-compact+.app-topline{margin-top:18px}.daily-layout .home-waste{order:3}.daily-layout .home-organisation{order:4}@media(max-width:650px){.weather-compact{gap:11px;padding:11px 12px;flex-wrap:wrap}.weather-compact .temperature{font-size:35px}.compact-weather-icon svg{width:24px;height:24px}.compact-weather-city{min-width:100px;flex:1}.compact-weather-stats{font-size:10px}.compact-weather-link{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;text-align:left;border-top:1px solid #edf0f6;padding-top:6px}.compact-weather-link>a{font-size:10px}.compact-weather-link .source{font-size:8px}}

#ticker-items{gap:0}.ticker-part{padding-right:36px}.home-waste .station-meta{line-height:1.6}
