/* BRAHIMI V5.0.0 */
/* BFZ_V500_ALIGNMENT_HERO_WEATHER_ICONS */
body.bfz-v240-theme{--bfz-v500-live-duration:24s;--bfz-v500-drift-duration:34s}
body[data-bfz-v500-hero-animation="subtle"]{--bfz-v500-live-duration:34s;--bfz-v500-drift-duration:48s}
body[data-bfz-v500-hero-animation="normal"]{--bfz-v500-live-duration:20s;--bfz-v500-drift-duration:30s}

/* Settings alignment: never let the content column or sticky action bar escape the shell. */
.bfz-v280-settings-shell{width:min(1380px,calc(100% - 32px));box-sizing:border-box}
.bfz-v280-settings-shell>.bfz-v280-settings-sidebar,.bfz-v280-settings-shell>.bfz-v280-settings-content{min-width:0;box-sizing:border-box}
.bfz-v240-settings-main,.bfz-v250-settings-main{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.bfz-v240-setting-card,.bfz-v250-settings-main>*{min-width:0;max-width:100%;box-sizing:border-box}
.bfz-v240-settings-actions,.bfz-v250-settings-actions{left:auto;right:auto;width:100%;max-width:100%;box-sizing:border-box}
.bfz-v250-palette,.bfz-v240-pattern-grid{min-width:0}
@media(max-width:900px){.bfz-v280-settings-shell{width:100%}}

/* Collapsible Systemfarben & Hero. */
.bfz-v500-hero-settings{padding:0!important;overflow:hidden}
.bfz-v500-hero-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;cursor:pointer;list-style:none}
.bfz-v500-hero-settings>summary::-webkit-details-marker{display:none}
.bfz-v500-hero-settings>summary>span:first-child{display:grid;gap:4px}
.bfz-v500-hero-settings>summary b{font-size:18px;color:var(--user-blue-dark)}
.bfz-v500-hero-settings>summary small{color:#6d7888;font-size:13px}
.bfz-v500-hero-settings>summary:after{content:"⌄";font-size:20px;color:#738093;transition:transform .18s ease}
.bfz-v500-hero-settings[open]>summary:after{transform:rotate(180deg)}
.bfz-v500-hero-settings-body{display:grid;gap:16px;padding:0 17px 17px;border-top:1px solid rgba(110,130,150,.14)}
.bfz-v500-hero-settings-body>.bfz-v240-color-row{margin-top:16px}
.bfz-v500-hero-mode{display:grid;gap:10px;padding-top:4px;border-top:1px solid rgba(110,130,150,.14)}
.bfz-v500-mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bfz-v500-mode-row label{cursor:pointer}.bfz-v500-mode-row input{position:absolute;opacity:0}
.bfz-v500-mode-row span{display:grid;place-items:center;min-height:42px;border:1px solid #d6e1e9;border-radius:12px;background:#fff;font-weight:750}
.bfz-v500-mode-row input:checked+span{border-color:var(--user-blue);box-shadow:inset 0 0 0 1px var(--user-blue);color:var(--user-blue-dark);background:color-mix(in srgb,var(--user-blue) 7%,#fff)}
.bfz-v500-animation-select{display:grid;grid-template-columns:auto minmax(150px,240px);align-items:center;gap:12px}.bfz-v500-animation-select span{font-weight:750}.bfz-v500-animation-select select{padding:9px 11px;border:1px solid #d6e1e9;border-radius:11px;background:#fff;font:inherit}
.bfz-v500-weather-note{margin:0!important;font-size:12px!important}
@media(max-width:700px){.bfz-v500-mode-row{grid-template-columns:1fr}.bfz-v500-animation-select{grid-template-columns:1fr}}

/* More static hero patterns. */
.pattern-aurora{background-image:radial-gradient(circle at 20% 70%,rgba(63,203,186,.55),transparent 35%),radial-gradient(circle at 80% 20%,rgba(116,80,205,.45),transparent 38%),linear-gradient(135deg,#eef7fb,#eef4ff)}
.pattern-orbit{background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 11px,#c9d6e2 12px 13px,transparent 14px 25px)}
.pattern-lightwaves{background-image:repeating-linear-gradient(160deg,transparent 0 13px,rgba(119,148,177,.16) 14px 16px,transparent 17px 31px),radial-gradient(circle at 80% 20%,#fff,transparent 34%)}
body.bfz-theme-pattern-aurora{--bfz-theme-pattern:radial-gradient(circle at 15% 80%,rgba(87,255,212,.18),transparent 32%),radial-gradient(circle at 82% 18%,rgba(174,120,255,.18),transparent 35%)}
body.bfz-theme-pattern-orbit{--bfz-theme-pattern:repeating-radial-gradient(ellipse at 76% 38%,transparent 0 28px,rgba(255,255,255,.10) 29px 31px,transparent 32px 52px)}
body.bfz-theme-pattern-lightwaves{--bfz-theme-pattern:repeating-linear-gradient(160deg,transparent 0 18px,rgba(255,255,255,.09) 19px 21px,transparent 22px 42px)}

/* Live/weather overlays. */
.bfz-v240-hero{overflow:hidden;isolation:isolate}
.bfz-v240-hero:before,.bfz-v240-hero:after{content:"";position:absolute;inset:-28%;pointer-events:none;z-index:1;opacity:0}
body[data-bfz-v500-hero-mode="live"] .bfz-v240-hero:before{opacity:.52;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.20),transparent 22%),radial-gradient(circle at 76% 35%,rgba(255,255,255,.13),transparent 25%);animation:bfz-v500-float var(--bfz-v500-live-duration) ease-in-out infinite alternate}
body[data-bfz-v500-hero-mode="live"] .bfz-v240-hero:after{opacity:.32;background:repeating-radial-gradient(ellipse at 90% 15%,transparent 0 26px,rgba(255,255,255,.12) 27px 29px,transparent 30px 48px);animation:bfz-v500-drift var(--bfz-v500-drift-duration) linear infinite}
body[data-bfz-v500-hero-animation="off"] .bfz-v240-hero:before,body[data-bfz-v500-hero-animation="off"] .bfz-v240-hero:after{animation:none!important}
@keyframes bfz-v500-float{from{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.08)}}
@keyframes bfz-v500-drift{from{transform:translate3d(-8%,0,0)}to{transform:translate3d(8%,3%,0)}}
body.bfz-v500-weather-clear .bfz-v240-hero:before{opacity:.62;background:radial-gradient(circle at 86% 4%,rgba(255,244,176,.65),transparent 18%),repeating-conic-gradient(from 215deg at 86% 4%,rgba(255,255,255,.16) 0 5deg,transparent 5deg 17deg);animation:bfz-v500-sun 20s ease-in-out infinite alternate}
body.bfz-v500-weather-clouds .bfz-v240-hero:before,body.bfz-v500-weather-fog .bfz-v240-hero:before{opacity:.42;background:radial-gradient(ellipse at 18% 40%,rgba(255,255,255,.28) 0 12%,transparent 13%),radial-gradient(ellipse at 52% 62%,rgba(255,255,255,.22) 0 16%,transparent 17%),radial-gradient(ellipse at 84% 30%,rgba(255,255,255,.20) 0 13%,transparent 14%);animation:bfz-v500-clouds 34s linear infinite}
body.bfz-v500-weather-rain .bfz-v240-hero:after{opacity:.35;background:repeating-linear-gradient(112deg,transparent 0 15px,rgba(220,240,255,.34) 16px 17px,transparent 18px 30px);background-size:34px 34px;animation:bfz-v500-rain 1.3s linear infinite}
body.bfz-v500-weather-snow .bfz-v240-hero:after{opacity:.58;background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 2px,transparent 2.4px),radial-gradient(circle,rgba(255,255,255,.58) 0 1.5px,transparent 2px);background-size:46px 46px,72px 72px;background-position:0 0,22px 12px;animation:bfz-v500-snow 10s linear infinite}
body.bfz-v500-weather-storm .bfz-v240-hero:before{opacity:.42;background:linear-gradient(rgba(20,35,62,.30),rgba(20,35,62,.10)),radial-gradient(ellipse at 60% 20%,rgba(255,255,255,.18),transparent 30%);animation:bfz-v500-storm 7s ease-in-out infinite}
body.bfz-v500-weather-night .bfz-v240-hero:after{opacity:.28;background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.4px);background-size:38px 38px}
@keyframes bfz-v500-sun{from{transform:rotate(-2deg) scale(1)}to{transform:rotate(3deg) scale(1.04)}}
@keyframes bfz-v500-clouds{from{transform:translateX(-8%)}to{transform:translateX(8%)}}
@keyframes bfz-v500-rain{from{transform:translateY(-24px)}to{transform:translateY(24px)}}
@keyframes bfz-v500-snow{from{background-position:0 0,22px 12px}to{background-position:20px 92px,2px 132px}}
@keyframes bfz-v500-storm{0%,88%,100%{filter:brightness(1)}92%{filter:brightness(1.22)}95%{filter:brightness(.92)}}
@media(prefers-reduced-motion:reduce){.bfz-v240-hero:before,.bfz-v240-hero:after{animation:none!important}}

/* Uploaded flag and KPI icons. */
.bfz-v500-language-flag{overflow:hidden;font-size:28px!important}.bfz-v500-language-flag img{width:100%;height:100%;object-fit:contain;display:block}
.cm-v490-stat-icon img{width:28px;height:28px;object-fit:contain;display:block}