/* BRAHIMI Firmenzentrale V3.8.0 · settings polish and universal shortcut interaction */

/* Settings rail: the page scrolls, never a nested app-list container. */
body.bfz-v380-theme .bfz-v280-settings-shell,
body.bfz-v380-theme .bfz-v370-settings-shell{align-items:stretch;overflow:visible}
body.bfz-v380-theme .bfz-v280-settings-sidebar{align-self:stretch;max-height:none!important;height:auto!important;overflow:visible!important}
body.bfz-v380-theme .bfz-v280-settings-sidebar nav{max-height:none!important;height:auto!important;overflow:visible!important}
body.bfz-v380-theme .bfz-v280-settings-content{min-width:0}

/* The preview uses the canonical Hero proportions rather than a miniature mockup. */
body.bfz-v380-theme .bfz-v350-preview-stage{padding:18px;border-radius:28px}
body.bfz-v380-theme .bfz-v350-hero-live-preview.bfz-v321-app-hero{
  box-sizing:border-box;grid-template-columns:minmax(0,1.35fr) minmax(430px,.8fr);gap:34px;
  width:100%;min-height:340px;padding:48px 54px;border-radius:30px
}
body.bfz-v380-theme .bfz-v350-hero-live-preview .bfz-v240-hero-main{min-width:0}
body.bfz-v380-theme .bfz-v350-hero-live-preview h2{max-width:680px;font-size:clamp(42px,4.8vw,68px);line-height:.98;overflow-wrap:normal;word-break:normal}
body.bfz-v380-theme .bfz-v350-hero-live-preview .bfz-v240-shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.bfz-v380-theme .bfz-v350-hero-live-preview .bfz-v240-shortcut{min-width:0}

/* System icons remain real buttons and visibly interactive. */
body.bfz-v380-theme .bfz-v295-icon-item{cursor:pointer!important;pointer-events:auto!important}
body.bfz-v380-theme .bfz-v295-icon-item:hover{border-color:var(--user-blue)!important;transform:translateY(-2px)}
body.bfz-v380-theme .bfz-v295-icon-group:has(.bfz-v295-icon-grid:empty){display:none}

/* App-settings rows keep copy readable instead of squeezing it into one word per line. */
.bfz-v380-data-transfer-row{grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important}
.bfz-v380-utility-icon{display:grid;place-items:center;width:52px;height:52px;object-fit:contain;border-radius:15px;flex:0 0 52px}
.bfz-v380-utility-fallback{background:linear-gradient(145deg,#15b9d4,#087ac1);color:#fff;font-size:.72rem;font-weight:950}
.bfz-v380-data-transfer-row>span:nth-child(2){min-width:0}
.bfz-v380-data-transfer-row small{max-width:760px;line-height:1.4}
.bfz-v380-app-information .bfz-v280-info-pair{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)!important;gap:24px}
.bfz-v380-import-title{display:flex;align-items:center;gap:16px}
.bfz-v380-import-title>img,.bfz-v380-import-title>span{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:linear-gradient(145deg,#15b9d4,#087ac1);color:#fff;font-size:.8rem;font-weight:950}
.bfz-v380-import-title h1{margin-top:2px!important}

/* Settings administration uses full-width rows/columns, not scattered card grids. */
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid{grid-template-columns:1fr!important;gap:10px!important}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-card{box-shadow:none!important;border-radius:16px!important}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr) auto;align-items:start;gap:18px}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>.ix-head{grid-column:1}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>.ix-meta{grid-column:2;margin:0}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>.ix-actions{grid-column:3;margin:0}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>.ix-note,
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>.ix-tech{grid-column:1/-1}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-grid{grid-template-columns:1fr!important;gap:10px!important}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-account{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr) auto;align-items:center;border-radius:14px}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-account>.ce-row:first-child{grid-column:1}
body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-account>.ce-actions{grid-column:3;grid-row:1/-1}

/* Data & Storage sits directly under its Hero and names the actual internal target. */
body.bfz-v380-theme.bfz-v321-has-app-hero #bfz-page-content .docs-shell{padding-top:4px!important}
body.bfz-v380-theme.bfz-v321-has-app-hero #bfz-page-content .docs-hero.bfz-v350-main-actions-only{min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important}
body.bfz-v380-theme .docs-storage-badge{color:var(--user-blue-dark);background:color-mix(in srgb,var(--user-blue) 9%,#fff)}

/* Sales settings have one identity: Vertrieb. */
body.bfz-v380-theme .bfz-v290-settings-page{display:block}
body.bfz-v380-theme :is(.sales-nav,.bfz-v290-sales-nav,.bfz-v290-settings-nav) a[aria-current="page"]{background:var(--user-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Vehicle record header: image, identity and actions form one compact surface. */
body.bfz-v380-theme .fleet-form-page>.fleet-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-bottom:12px;padding:22px 24px;border:1px solid var(--fl-border);border-radius:22px;background:linear-gradient(135deg,#fff,#f3f9fc);box-shadow:0 10px 30px rgba(25,67,94,.06)}
body.bfz-v380-theme .fleet-form-page>.bfz-v220-vehicle-avatar-section{float:left;width:250px;margin:0 22px 18px 0}
body.bfz-v380-theme .fleet-form-page .bfz-v220-vehicle-avatar{width:250px;height:180px;border-radius:22px;background:#fff}
body.bfz-v380-theme .fleet-form-page>.fleet-cost-board{clear:none;margin-top:0}

/* Only the lifted app remains visible while rearranging. */
body.bfz-v380-theme .module-reorder-mode [data-module-card].module-card-dragging{visibility:hidden!important;opacity:0!important;animation:none!important;transform:none!important}
body.bfz-v380-theme .bfz-v370-home-drag-image{visibility:visible!important;opacity:1!important}

/* Ten-second hold deliberately has no progress or motion animation. */
.bfz-v380-longpress-pending,.bfz-v380-longpress-pending *{animation:none!important;transition:none!important;transform:none!important}
body.bfz-v380-longpress-active *,body.bfz-v380-longpress-active *::before,body.bfz-v380-longpress-active *::after{animation-play-state:paused!important;transition:none!important}
.bfz-v380-link-dialog{width:min(680px,calc(100vw - 28px));padding:0;border:0;border-radius:28px;background:transparent;box-shadow:0 34px 100px rgba(12,30,48,.34)}
.bfz-v380-link-dialog::backdrop{background:rgba(12,29,46,.5);backdrop-filter:blur(6px)}
.bfz-v380-link-dialog-card{position:relative;padding:26px;border-radius:28px;background:#f7f9fc;color:#172b3f}
.bfz-v380-link-close{position:absolute;right:18px;top:17px;width:40px;height:40px;border:0;border-radius:50%;background:#e8eef4;color:#243a4c;font-size:1.5rem;cursor:pointer}
.bfz-v380-link-dialog header{display:flex;align-items:center;gap:14px;padding-right:48px}
.bfz-v380-link-dialog header>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,var(--user-blue),var(--user-blue-secondary));color:#fff;font-size:1.7rem}
.bfz-v380-link-dialog h2,.bfz-v380-link-dialog h3{margin:2px 0}.bfz-v380-link-dialog header small{font-weight:900;letter-spacing:.1em;color:#718496}
.bfz-v380-link-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.bfz-v380-link-slot{display:grid;place-items:center;gap:5px;min-width:0;min-height:138px;padding:12px 8px;border:1px solid #d7e2ea;border-radius:18px;background:#fff;color:#18364f;cursor:pointer}
.bfz-v380-link-slot:hover{border-color:var(--user-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--user-blue) 18%,transparent)}
.bfz-v380-link-slot img,.bfz-v380-link-slot>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;object-fit:contain;background:#edf4f8;font-size:1.4rem}
.bfz-v380-link-slot small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bfz-v380-link-confirm{margin-top:18px;padding:18px;border:1px solid #e2d8c5;border-radius:17px;background:#fffaf0}
.bfz-v380-link-confirm>div{display:flex;justify-content:flex-end;gap:9px}.bfz-v380-link-confirm button{padding:10px 14px;border:0;border-radius:12px;background:#e9eef3;color:#244158;font-weight:850;cursor:pointer}.bfz-v380-link-confirm button:last-child{background:var(--user-blue);color:#fff}
.bfz-v380-link-status{min-height:20px;margin:13px 0 0;color:#61798b}

@media(max-width:1100px){
  body.bfz-v380-theme .bfz-v350-hero-live-preview.bfz-v321-app-hero{grid-template-columns:1fr;min-height:0}
  body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card{grid-template-columns:1fr}
  body.bfz-v380-theme .bfz-v370-settings-fallback-content .ix-grid .ix-card>*{grid-column:1!important}
}
@media(max-width:760px){
  .bfz-v380-link-slots{grid-template-columns:repeat(2,1fr)}
  body.bfz-v380-theme .bfz-v350-hero-live-preview.bfz-v321-app-hero{padding:30px 24px}
  body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-account{grid-template-columns:1fr}
  body.bfz-v380-theme .bfz-v370-settings-fallback-content .ce-account>*{grid-column:1!important;grid-row:auto!important}
  body.bfz-v380-theme .fleet-form-page>.fleet-page-head{grid-template-columns:1fr}
  body.bfz-v380-theme .fleet-form-page>.bfz-v220-vehicle-avatar-section{float:none;width:auto;margin:0 0 18px}
}