/* BFZ_V294_SETTINGS_SALES_TINT_HERO_QUICKACCESS_APP_SQUIRCLE */
:root{
  --bfz-v294-sales-tint-percent:10;
  --bfz-v294-sales-tint:color-mix(in srgb,var(--user-blue,#00a3d7) 10%,#fff);
  --bfz-v294-quick-icon-scale:1;
}

/* V2.9.4: one canonical active state for all sales work tabs. */
:is(.sales-nav,.bfz-v281-legacy-sales-nav,.bfz-v290-sales-nav,.bfz-v290-force-sales-nav) a{
  background:#fff!important;
  color:var(--user-blue,#0e4c92)!important;
  border-color:color-mix(in srgb,var(--user-blue,#0e4c92) 70%,#fff)!important;
  opacity:1!important;
}
:is(.sales-nav,.bfz-v281-legacy-sales-nav,.bfz-v290-sales-nav,.bfz-v290-force-sales-nav) a.bfz-v294-sales-active{
  background:var(--user-blue,#0e4c92)!important;
  color:#fff!important;
  border-color:var(--user-blue,#0e4c92)!important;
}
:is(.sales-nav,.bfz-v281-legacy-sales-nav,.bfz-v290-sales-nav,.bfz-v290-force-sales-nav) a.bfz-v294-sales-active :is(span,b,strong,small){color:#fff!important}

/* Persisted sales surface tint. The actual white content cards remain white. */
.bfz-v294-sales-phase-surface,
.bfz-v290-pipeline-column.bfz-v294-sales-phase-surface,
.bfz-v294-sales-day-surface,
.bfz-v290-day-check.bfz-v294-sales-day-surface{
  background:var(--bfz-v294-sales-tint)!important;
  background-color:var(--bfz-v294-sales-tint)!important;
  border-color:color-mix(in srgb,var(--user-blue,#0e4c92) 18%,#fff)!important;
  color:#173f58!important;
}
.bfz-v294-sales-phase-surface :is(.card,article,[class*="contact-card"],[class*="customer-card"]),
.bfz-v294-sales-day-surface :is(.card,article){color:inherit}
.bfz-v294-sales-phase-surface .bfz-v290-pipeline-count,
.bfz-v294-sales-phase-surface .bfz-v290-pipeline-empty{color:color-mix(in srgb,var(--user-blue,#0e4c92) 58%,#173f58)!important}

/* Preview for Einstellungen -> Vertrieb -> Vertriebsphasen. */
.bfz-v294-sales-tint-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 4px}
.bfz-v294-sales-tint-preview>div{min-height:94px;padding:14px;border:1px solid color-mix(in srgb,var(--user-blue,#0e4c92) 18%,#fff);border-radius:18px;background:var(--bfz-v294-sales-tint);color:#173f58;display:grid;align-content:space-between;gap:12px}
.bfz-v294-sales-tint-preview b{color:#173f58}.bfz-v294-sales-tint-preview small{color:#5f7587}

/* General settings always use semantic icons, never anonymous grey dots. */
.bfz-v294-sidebar-general-icon.bfz-v280-general-icon{width:22px!important;height:22px!important;min-width:22px!important;border-radius:7px!important;font-size:11px!important;box-shadow:0 1px 4px rgba(23,63,88,.08)}
.bfz-v294-sidebar-general-icon.bfz-v280-general-icon:after{font-size:12px!important;line-height:1!important}

/*
 * Apple-like fixed superellipse mask for APP icons. No user-controlled rounding.
 * This masks opaque PNG/JPEG corners while leaving the uploaded master untouched.
 */
.bfz-v294-app-icon,
img[class*="app-icon"],
.bfz-v230-app img.bfz-v230-app-icon,
.bfz-v280-settings-app-icon,
.bfz-v280-app-settings-title-row>img,
.bfz-v280-settings-sidebar nav>a>img,
.bfz-v280-asset-preview>img[data-bfz-v294-app-preview="1"]{
  object-fit:cover!important;
  border-radius:0!important;
  -webkit-clip-path:polygon(100.00% 50.00%,99.89% 67.81%,99.57% 74.18%,99.03% 78.86%,98.27% 82.63%,97.28% 85.79%,96.06% 88.51%,94.59% 90.84%,92.86% 92.86%,90.84% 94.59%,88.51% 96.06%,85.79% 97.28%,82.63% 98.27%,78.86% 99.03%,74.18% 99.57%,67.81% 99.89%,50.00% 100.00%,32.19% 99.89%,25.82% 99.57%,21.14% 99.03%,17.37% 98.27%,14.21% 97.28%,11.49% 96.06%,9.16% 94.59%,7.14% 92.86%,5.41% 90.84%,3.94% 88.51%,2.72% 85.79%,1.73% 82.63%,0.97% 78.86%,0.43% 74.18%,0.11% 67.81%,0.00% 50.00%,0.11% 32.19%,0.43% 25.82%,0.97% 21.14%,1.73% 17.37%,2.72% 14.21%,3.94% 11.49%,5.41% 9.16%,7.14% 7.14%,9.16% 5.41%,11.49% 3.94%,14.21% 2.72%,17.37% 1.73%,21.14% 0.97%,25.82% 0.43%,32.19% 0.11%,50.00% 0.00%,67.81% 0.11%,74.18% 0.43%,78.86% 0.97%,82.63% 1.73%,85.79% 2.72%,88.51% 3.94%,90.84% 5.41%,92.86% 7.14%,94.59% 9.16%,96.06% 11.49%,97.28% 14.21%,98.27% 17.37%,99.03% 21.14%,99.57% 25.82%,99.89% 32.19%)!important;
  clip-path:polygon(100.00% 50.00%,99.89% 67.81%,99.57% 74.18%,99.03% 78.86%,98.27% 82.63%,97.28% 85.79%,96.06% 88.51%,94.59% 90.84%,92.86% 92.86%,90.84% 94.59%,88.51% 96.06%,85.79% 97.28%,82.63% 98.27%,78.86% 99.03%,74.18% 99.57%,67.81% 99.89%,50.00% 100.00%,32.19% 99.89%,25.82% 99.57%,21.14% 99.03%,17.37% 98.27%,14.21% 97.28%,11.49% 96.06%,9.16% 94.59%,7.14% 92.86%,5.41% 90.84%,3.94% 88.51%,2.72% 85.79%,1.73% 82.63%,0.97% 78.86%,0.43% 74.18%,0.11% 67.81%,0.00% 50.00%,0.11% 32.19%,0.43% 25.82%,0.97% 21.14%,1.73% 17.37%,2.72% 14.21%,3.94% 11.49%,5.41% 9.16%,7.14% 7.14%,9.16% 5.41%,11.49% 3.94%,14.21% 2.72%,17.37% 1.73%,21.14% 0.97%,25.82% 0.43%,32.19% 0.11%,50.00% 0.00%,67.81% 0.11%,74.18% 0.43%,78.86% 0.97%,82.63% 1.73%,85.79% 2.72%,88.51% 3.94%,90.84% 5.41%,92.86% 7.14%,94.59% 9.16%,96.06% 11.49%,97.28% 14.21%,98.27% 17.37%,99.03% 21.14%,99.57% 25.82%,99.89% 32.19%)!important;
}

/* Home quick access design is the reference and is intentionally not resized here. */
.bfz-v240-shortcut-glyph{transform:scale(var(--bfz-v294-quick-icon-scale,1));transform-origin:center;transition:transform .16s ease}
.bfz-v294-home-app-glyph{background:none!important;-webkit-mask:none!important;mask:none!important}
.bfz-v294-home-app-glyph>img.bfz-v294-app-icon{display:block;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}

/* Every module uses the exact home quick-access tile geometry. */
.bfz-v250-module-hero.bfz-v271-has-module-shortcuts{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:42px!important}
.bfz-v250-module-hero.bfz-v271-has-module-shortcuts .bfz-v250-module-actions{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.bfz-v280-module-shortcuts{display:grid!important;gap:0!important;min-width:0!important;margin:0!important;order:-10!important}
.bfz-v280-module-shortcuts>strong{display:block!important;margin:0 0 12px!important;font-size:17px!important;font-weight:800!important;color:var(--bfz-v280-hero-text,#fff)!important}
.bfz-v280-module-shortcut-row{display:grid!important;grid-template-columns:repeat(4,minmax(78px,1fr))!important;gap:12px!important;align-items:stretch!important}
.bfz-v280-module-shortcut-slot{min-width:0!important;min-height:112px!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:21px!important;background:rgba(255,255,255,.09)!important;display:block!important;transition:transform .15s ease,background .15s ease!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.bfz-v280-module-shortcut-slot.is-empty{display:none!important}
.bfz-v280-shortcut-drag-active .bfz-v280-module-shortcut-slot.is-empty{display:grid!important;place-items:center!important;border-style:dashed!important;opacity:.75!important}
.bfz-v280-module-shortcut{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:42px auto!important;place-items:center!important;align-content:center!important;gap:8px!important;min-height:112px!important;width:100%!important;max-width:none!important;padding:12px 8px!important;box-sizing:border-box!important;text-align:center!important;color:var(--bfz-v280-hero-text,#fff)!important;text-decoration:none!important;font-size:13px!important;font-weight:760!important;line-height:1.05!important;white-space:normal!important;overflow:visible!important}
.bfz-v280-module-shortcut-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;font-size:30px!important;transform:scale(var(--bfz-v294-quick-icon-scale,1));transform-origin:center;transition:transform .16s ease}
.bfz-v280-module-shortcut-icon>img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:cover!important}
.bfz-v280-module-shortcut>span:last-child{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.05!important;text-align:center!important}
.bfz-v280-module-shortcut-slot:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.16)!important}

/* If native app actions also exist, preserve them below and raise the quick tiles by ~1 cm. */
.bfz-v250-module-actions.bfz-v294-has-native-actions{justify-content:flex-end!important;padding-top:10mm!important}
.bfz-v250-module-actions.bfz-v294-has-native-actions>.bfz-v280-module-shortcuts{transform:translateY(-10mm)!important;margin-bottom:-8mm!important}

@media(max-width:1050px){
  .bfz-v250-module-hero.bfz-v271-has-module-shortcuts{grid-template-columns:1fr!important;gap:24px!important}
  .bfz-v250-module-actions.bfz-v294-has-native-actions{padding-top:0!important}
  .bfz-v250-module-actions.bfz-v294-has-native-actions>.bfz-v280-module-shortcuts{transform:none!important;margin-bottom:12px!important}
}
@media(max-width:620px){.bfz-v280-module-shortcut-row{grid-template-columns:repeat(2,minmax(78px,1fr))!important}}