/* ========================================================================== 
   Fördertechnik Werl · sichtbares Intranet-Designsystem V2
   Wird auf jeder Seite NACH dem jeweiligen Modul-CSS geladen.
   Ziel: eine eindeutig gemeinsame, robuste und touchfreundliche Oberfläche.
   ========================================================================== */

:root{
  --ftw-v2-accent:var(--ftw-workspace-accent,var(--red,#df2027));
  --ftw-v2-accent-strong:var(--ftw-workspace-accent-strong,var(--red2,#f03a40));
  --ftw-v2-accent-soft:var(--ftw-workspace-accent-soft,rgba(223,32,39,.14));
  --ftw-v2-accent-border:var(--ftw-workspace-accent-border,rgba(223,32,39,.38));
  --ftw-v2-canvas:#0d1015;
  --ftw-v2-panel:#151a22;
  --ftw-v2-panel-2:#1b222c;
  --ftw-v2-panel-3:#222b36;
  --ftw-v2-line:rgba(216,225,236,.13);
  --ftw-v2-line-strong:rgba(226,234,243,.22);
  --ftw-v2-radius:18px;
  --ftw-v2-radius-sm:12px;
  --ftw-v2-shadow:0 18px 42px rgba(0,0,0,.28);
  --ftw-v2-shadow-lift:0 24px 55px rgba(0,0,0,.39);
  --ftw-v2-success:#3bc987;
  --ftw-v2-warning:#efbc4e;
  --ftw-v2-danger:#fb7077;
  --ftw-v2-info:#70aaff;
}

html{background:var(--ftw-v2-canvas)}
body{
  background:
    radial-gradient(1100px 560px at 92% -14%,color-mix(in srgb,var(--ftw-v2-accent) 20%,transparent),transparent 67%),
    radial-gradient(760px 460px at -12% 100%,rgba(85,115,165,.12),transparent 70%),
    linear-gradient(160deg,#10141b 0%,var(--ftw-v2-canvas) 42%,#0a0d12 100%) !important;
}
body:not(.mietpark-intranet)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 82%);
}

/* Global micro-interactions and clear keyboard focus */
:where(button,.btn,a,input,select,textarea){transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--ftw-v2-accent-strong) !important;
  outline-offset:3px !important;
}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:rgba(194,205,220,.33);background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(222,230,240,.52);background-clip:padding-box}

/* ========================================================================== 
   App shell – the strongest visible change across the normal Intranet pages
   ========================================================================== */
body:not(.mietpark-intranet) .app-shell{grid-template-columns:258px minmax(0,1fr) !important}
body:not(.mietpark-intranet) .sidebar{
  position:relative;
  padding:22px 15px 16px !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg,rgba(23,28,37,.985),rgba(12,15,20,.995) 50%,rgba(10,13,18,.997)) !important;
  box-shadow:12px 0 46px rgba(0,0,0,.22) !important;
}
body:not(.mietpark-intranet) .sidebar::after{
  content:"";
  position:absolute;
  top:0;right:-1px;left:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ftw-v2-accent-strong),transparent);
  opacity:.9;
}
body:not(.mietpark-intranet) .brand{margin:0 0 8px;padding:5px 8px 24px !important}
body:not(.mietpark-intranet) .brand-mark{
  width:44px !important;height:44px !important;
  border:1px solid color-mix(in srgb,var(--ftw-v2-accent-strong) 44%,transparent) !important;
  border-radius:15px !important;
  background:linear-gradient(145deg,var(--ftw-v2-accent-strong),color-mix(in srgb,var(--ftw-v2-accent) 55%,#47070a)) !important;
  box-shadow:0 13px 28px var(--ftw-v2-accent-soft),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body:not(.mietpark-intranet) .brand-title{font-size:12px !important;letter-spacing:-.025em}
body:not(.mietpark-intranet) .brand-sub{font-size:9px !important;color:#95a0ae !important}
body:not(.mietpark-intranet) .nav-label{margin:17px 9px 7px !important;color:#778392 !important;font-size:9px !important;letter-spacing:.12em !important}
body:not(.mietpark-intranet) .nav{gap:5px !important}
body:not(.mietpark-intranet) .nav a,
body:not(.mietpark-intranet) .nav button{
  min-height:43px !important;
  padding:0 11px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  color:#cbd4df !important;
  font-size:11px !important;
}
body:not(.mietpark-intranet) .nav a:hover,
body:not(.mietpark-intranet) .nav button:hover{
  border-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.018)) !important;
  color:#fff !important;
  transform:translateX(2px);
}
body:not(.mietpark-intranet) .nav a.active,
body:not(.mietpark-intranet) .nav button.active{
  border-color:var(--ftw-v2-accent-border) !important;
  color:#fff !important;
  background:linear-gradient(90deg,var(--ftw-v2-accent-soft),rgba(255,255,255,.034)) !important;
  box-shadow:inset 3px 0 0 var(--ftw-v2-accent-strong),0 9px 18px rgba(0,0,0,.16) !important;
}
body:not(.mietpark-intranet) .nav-icon{font-size:15px !important;opacity:.95}
body:not(.mietpark-intranet) .sidebar-bottom{gap:11px !important}
body:not(.mietpark-intranet) .info-box,
body:not(.mietpark-intranet) .user-card{
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(40,48,60,.68),rgba(20,25,32,.84)) !important;
}
body:not(.mietpark-intranet) .user-card:hover{border-color:var(--ftw-v2-line-strong) !important;transform:translateY(-1px)}
body:not(.mietpark-intranet) .avatar{box-shadow:0 0 0 2px rgba(255,255,255,.06)}
body:not(.mietpark-intranet) .main{padding:24px 30px 52px !important}
body:not(.mietpark-intranet) .topbar{
  min-height:54px !important;
  padding:0 0 16px !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
body:not(.mietpark-intranet) .crumb{font-size:11px !important;color:#9eaab9 !important}
body:not(.mietpark-intranet) .crumb b{color:#f4f7fa !important}
body:not(.mietpark-intranet) .live{
  min-height:34px !important;
  padding:0 12px !important;
  border-color:rgba(125,226,169,.22) !important;
  color:#d8eee3 !important;
  background:rgba(46,144,93,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body:not(.mietpark-intranet) .hero{
  position:relative;
  margin:28px 0 24px !important;
  padding:24px 25px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:linear-gradient(112deg,color-mix(in srgb,var(--ftw-v2-accent) 17%,#161c24) 0%,rgba(23,29,38,.92) 52%,rgba(18,23,30,.94) 100%);
  box-shadow:var(--ftw-v2-shadow);
}
body:not(.mietpark-intranet) .hero::after{
  content:"";
  position:absolute;
  width:230px;height:230px;right:-95px;top:-126px;
  border:38px solid var(--ftw-v2-accent-soft);
  border-radius:50%;
  pointer-events:none;
}
body:not(.mietpark-intranet) .hero .eyebrow{color:var(--ftw-v2-accent-strong) !important}
body:not(.mietpark-intranet) .hero h1{position:relative;z-index:1;font-size:clamp(31px,3.25vw,46px) !important;letter-spacing:-.06em !important}
body:not(.mietpark-intranet) .hero p{position:relative;z-index:1;color:#aebbc9 !important;font-size:13px !important}
body:not(.mietpark-intranet) .hero .date-card{
  position:relative;z-index:1;
  border:1px solid var(--ftw-v2-accent-border) !important;
  border-radius:14px !important;
  background:rgba(8,12,17,.40) !important;
  box-shadow:none !important;
}

/* ========================================================================== 
   Shared card, control, form and table language
   ========================================================================== */
body:not(.mietpark-intranet) :is(
  .card,.workspace-card,.sales-card,.sales-side-card,.workshop-card,.team-card,
  .planner-card,.workshop-list,.uvv-hub-card,.dispatch-card,.side-panel,
  .customer-panel,.asset-list,.permission-panel,.docs-category-card,.docs-folder-card,.docs-side
){
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:var(--ftw-v2-radius) !important;
  background:linear-gradient(145deg,rgba(31,38,49,.97),rgba(18,23,30,.985)) !important;
  box-shadow:var(--ftw-v2-shadow) !important;
}
body:not(.mietpark-intranet) :is(.card-head,.workspace-card-head,.sales-card-head,.workshop-card-head,.dispatch-card-head,.customer-panel-head,.permission-panel-head){
  padding:18px 20px !important;
  border-bottom-color:var(--ftw-v2-line) !important;
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent) !important;
}
body:not(.mietpark-intranet) :is(.card-head h2,.workspace-card-head h2,.sales-card-head h2,.workshop-card-head h2,.dispatch-card-head h2,.customer-panel-head h2){font-size:15px !important;letter-spacing:-.02em}
body:not(.mietpark-intranet) :is(.card,.workspace-card,.sales-card,.workshop-card,.dispatch-card,.customer-panel,.asset-list,.permission-panel):hover{border-color:rgba(230,237,246,.18) !important}
body:not(.mietpark-intranet) :is(.stat,.sales-stat,.workshop-stat,.dispatch-stat,.asset-stat,.docs-stat){
  position:relative;
  overflow:hidden;
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:15px !important;
  background:linear-gradient(145deg,rgba(38,47,60,.92),rgba(20,26,34,.98)) !important;
  box-shadow:0 13px 28px rgba(0,0,0,.18) !important;
}
body:not(.mietpark-intranet) :is(.stat,.sales-stat,.workshop-stat,.dispatch-stat,.asset-stat,.docs-stat)::before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--ftw-v2-accent-strong),transparent 72%);
  opacity:.92;
}
body:not(.mietpark-intranet) :is(.btn,.primary-btn,.secondary-btn,.ftw-workspace-topbar-button){
  min-height:42px !important;
  padding:0 14px !important;
  border:1px solid rgba(229,236,245,.18) !important;
  border-radius:11px !important;
  color:#eef3f8 !important;
  background:linear-gradient(145deg,rgba(58,69,85,.9),rgba(34,42,53,.96)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body:not(.mietpark-intranet) :is(.btn,.primary-btn,.secondary-btn,.ftw-workspace-topbar-button):hover{
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(145deg,rgba(69,82,101,.96),rgba(39,48,60,.98)) !important;
  color:#fff !important;
  transform:translateY(-1px);
}
body:not(.mietpark-intranet) :is(.btn.primary,.primary-btn){
  border-color:color-mix(in srgb,var(--ftw-v2-accent-strong) 62%,transparent) !important;
  background:linear-gradient(135deg,var(--ftw-v2-accent-strong),var(--ftw-v2-accent)) !important;
  box-shadow:0 12px 26px var(--ftw-v2-accent-soft),inset 0 1px 0 rgba(255,255,255,.20) !important;
}
body:not(.mietpark-intranet) :is(.btn.primary,.primary-btn):hover{filter:brightness(1.06)}
body:not(.mietpark-intranet) :is(.input,.select,input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:43px;
  border:1px solid rgba(226,234,245,.15) !important;
  border-radius:11px !important;
  color:#eef3f8 !important;
  background:linear-gradient(180deg,rgba(7,10,14,.62),rgba(17,22,29,.74)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body:not(.mietpark-intranet) textarea{min-height:104px;padding:11px 12px !important}
body:not(.mietpark-intranet) :is(.input,.select,input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--ftw-v2-accent-strong) !important;
  box-shadow:0 0 0 4px var(--ftw-v2-accent-soft),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body:not(.mietpark-intranet) :is(.toolbar,.sales-toolbar,.workshop-toolbar,.dispatch-toolbar,.asset-toolbar,.docs-toolbar,.permission-search,.customer-search-wrap){
  padding:13px !important;
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:15px !important;
  background:rgba(8,12,17,.30) !important;
}
body:not(.mietpark-intranet) .table th{background:rgba(255,255,255,.055) !important;color:#adbaca !important}
body:not(.mietpark-intranet) .table th,
body:not(.mietpark-intranet) .table td{border-bottom-color:var(--ftw-v2-line) !important}
body:not(.mietpark-intranet) .table tr:hover td{background:rgba(255,255,255,.045) !important}
body:not(.mietpark-intranet) :is(.modal,.asset-modal-panel,.ftw-workspace-dialog,.dashboard-picker-dialog){
  border:1px solid var(--ftw-v2-line-strong) !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#202832,#121820) !important;
  box-shadow:0 36px 100px rgba(0,0,0,.65) !important;
}
body:not(.mietpark-intranet) :is(.modal-head,.modal-foot,.asset-modal-head,.asset-modal-foot,.ftw-workspace-dialog-head,.ftw-workspace-dialog-foot){
  border-color:var(--ftw-v2-line) !important;
  background:rgba(18,24,31,.92) !important;
}

/* Local area navigation now reads as a clear segmented control */
body:not(.mietpark-intranet) :is(.sales-mode-nav,.workshop-mode-nav,.dispatch-mode-nav){
  gap:8px !important;
  padding:8px !important;
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:17px !important;
  background:rgba(7,10,14,.33) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body:not(.mietpark-intranet) :is(.sales-mode,.workshop-mode,.dispatch-mode){
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
}
body:not(.mietpark-intranet) :is(.sales-mode,.workshop-mode,.dispatch-mode):hover{background:rgba(255,255,255,.055) !important}
body:not(.mietpark-intranet) :is(.sales-mode.active,.workshop-mode.active,.dispatch-mode.active){
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(135deg,var(--ftw-v2-accent-soft),rgba(255,255,255,.045)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
}
body:not(.mietpark-intranet) :is(.mode-icon,.module-icon,.stat-icon){
  border-color:var(--ftw-v2-accent-border) !important;
  color:var(--ftw-v2-accent-strong) !important;
  background:var(--ftw-v2-accent-soft) !important;
}

/* Dashboard module cards: stronger hierarchy without taking away customization */
body:not(.mietpark-intranet) .module-grid{gap:17px !important}
body:not(.mietpark-intranet) .module{
  min-height:210px !important;
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(37,45,57,.97),rgba(18,24,31,.99)) !important;
  box-shadow:var(--ftw-v2-shadow) !important;
}
body:not(.mietpark-intranet) .module::after{
  content:"";position:absolute;left:16px;bottom:16px;width:48px;height:2px;border-radius:999px;
  background:var(--ftw-v2-accent-strong);opacity:.85;
}
body:not(.mietpark-intranet) .module:hover{
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ftw-v2-accent) 17%,#202833),rgba(20,27,35,.99)) !important;
  box-shadow:var(--ftw-v2-shadow-lift) !important;
  transform:translateY(-4px) !important;
}
body:not(.mietpark-intranet) .module .open{padding-bottom:6px !important}

/* ========================================================================== 
   Geräteakte: repaired card geometry and dedicated information hierarchy
   ========================================================================== */
body:not(.mietpark-intranet) .asset-hero{background:linear-gradient(112deg,color-mix(in srgb,var(--ftw-v2-accent) 22%,#171d25),#131a22 73%) !important}
body:not(.mietpark-intranet) .asset-stats{gap:14px !important;margin:20px 0 !important}
body:not(.mietpark-intranet) .asset-stat{min-height:96px !important;padding:17px !important}
body:not(.mietpark-intranet) .asset-stat strong{font-size:28px !important}
body:not(.mietpark-intranet) .asset-toolbar{margin:0 0 16px !important}
body:not(.mietpark-intranet) .asset-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)) !important;
  gap:17px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body:not(.mietpark-intranet) .asset-card{
  min-height:336px !important;
  padding:18px !important;
  overflow:visible !important;
  border:1px solid var(--ftw-v2-line) !important;
  border-radius:18px !important;
  background:linear-gradient(160deg,rgba(38,47,60,.99),rgba(18,24,31,.99)) !important;
  box-shadow:var(--ftw-v2-shadow) !important;
}
body:not(.mietpark-intranet) .asset-card:hover{border-color:var(--ftw-v2-accent-border) !important;box-shadow:var(--ftw-v2-shadow-lift) !important}
body:not(.mietpark-intranet) .asset-card-top{display:grid !important;gap:12px !important}
body:not(.mietpark-intranet) .asset-id{align-items:flex-start !important;gap:11px !important}
body:not(.mietpark-intranet) .asset-icon{
  width:42px !important;height:42px !important;flex-basis:42px !important;
  border-color:var(--ftw-v2-accent-border) !important;
  background:var(--ftw-v2-accent-soft) !important;
}
body:not(.mietpark-intranet) .asset-id h3{
  display:block !important;
  overflow-wrap:anywhere !important;
  font-size:16px !important;
  line-height:1.25 !important;
  -webkit-line-clamp:unset !important;
}
body:not(.mietpark-intranet) .asset-id p{margin-top:5px !important;font-size:10px !important}
body:not(.mietpark-intranet) .asset-badges{margin:0 !important;padding-left:53px !important;gap:6px !important}
body:not(.mietpark-intranet) .asset-badge{min-height:26px !important;padding:0 8px !important;white-space:nowrap !important;font-size:9px !important}
body:not(.mietpark-intranet) .asset-facts{margin:17px 0 13px !important;gap:9px !important}
body:not(.mietpark-intranet) .asset-fact{
  min-height:62px !important;
  padding:10px !important;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px !important;
  background:rgba(8,12,17,.28) !important;
}
body:not(.mietpark-intranet) .asset-fact small{font-size:9px !important;letter-spacing:.04em;text-transform:uppercase}
body:not(.mietpark-intranet) .asset-fact b{font-size:12px !important}
body:not(.mietpark-intranet) .asset-metrics{padding-top:13px !important;border-top-color:var(--ftw-v2-line) !important}
body:not(.mietpark-intranet) .asset-metric small{font-size:9px !important}
body:not(.mietpark-intranet) .asset-metric strong{font-size:15px !important}
body:not(.mietpark-intranet) .asset-actions{margin-top:16px !important}
body:not(.mietpark-intranet) .asset-modal{background:rgba(4,7,11,.80) !important}
body:not(.mietpark-intranet) .asset-section{
  border-color:var(--ftw-v2-line) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.028) !important;
}
body:not(.mietpark-intranet) .asset-section h3{padding-bottom:10px;border-bottom:1px solid var(--ftw-v2-line)}
body:not(.mietpark-intranet) .asset-data{border-bottom-color:var(--ftw-v2-line) !important}
body:not(.mietpark-intranet) .asset-route,
body:not(.mietpark-intranet) .asset-history-item,
body:not(.mietpark-intranet) .asset-document-item{border-color:var(--ftw-v2-line) !important;background:rgba(7,11,16,.25) !important}

/* Customers / documents / permissions: make lists more scannable */
body:not(.mietpark-intranet) :is(.customer-list-item,.customer-result,.doc-row,.permission-person,.permission-profile-row,.docs-category-btn,.docs-folder-btn){
  border-color:var(--ftw-v2-line) !important;
  border-radius:12px !important;
}
body:not(.mietpark-intranet) :is(.customer-list-item,.customer-result,.doc-row,.permission-person,.permission-profile-row):hover{
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(90deg,var(--ftw-v2-accent-soft),rgba(255,255,255,.025)) !important;
}
body:not(.mietpark-intranet) .doc-file-icon{border-color:var(--ftw-v2-accent-border) !important;background:var(--ftw-v2-accent-soft) !important;color:var(--ftw-v2-accent-strong) !important}
body:not(.mietpark-intranet) :is(.docs-category-btn.active,.docs-folder-btn.active){border-color:var(--ftw-v2-accent-border) !important;background:var(--ftw-v2-accent-soft) !important}

/* ========================================================================== 
   Mietpark: same visual system, without altering any rental workflow
   ========================================================================== */
.mietpark-intranet{
  background:
    radial-gradient(900px 480px at 95% -18%,color-mix(in srgb,var(--ftw-v2-accent) 18%,transparent),transparent 68%),
    linear-gradient(150deg,#10151c,#0c1015 58%,#0a0c10) !important;
}
.mietpark-intranet .topbar{
  min-height:72px !important;
  border-bottom-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(24,30,39,.99),rgba(14,18,24,.98)) !important;
  box-shadow:0 11px 32px rgba(0,0,0,.25) !important;
}
.mietpark-intranet .brand-link{padding-left:20px !important}
.mietpark-intranet .sidebar{
  border-right-color:rgba(255,255,255,.09) !important;
  background:linear-gradient(180deg,rgba(22,28,36,.99),rgba(12,16,21,.995)) !important;
}
.mietpark-intranet .nav-item{
  min-height:42px !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
}
.mietpark-intranet .nav-item:hover{border-color:rgba(255,255,255,.10) !important;background:rgba(255,255,255,.055) !important}
.mietpark-intranet .nav-item.active{
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(90deg,var(--ftw-v2-accent-soft),rgba(255,255,255,.03)) !important;
  box-shadow:inset 3px 0 0 var(--ftw-v2-accent-strong) !important;
}
.mietpark-intranet .content{padding:25px 28px 50px !important}
.mietpark-intranet :is(.page-card,.panel,.dashboard-card,.stat-card,.device-card,.rental-card,.transport-card,.calendar-card,.document-card,.section-card){
  border-color:var(--ftw-v2-line) !important;
  border-radius:17px !important;
  background:linear-gradient(145deg,rgba(35,43,54,.97),rgba(20,25,32,.985)) !important;
  box-shadow:var(--ftw-v2-shadow) !important;
}
.mietpark-intranet :is(.primary-button,.primary-btn){
  border-color:var(--ftw-v2-accent-border) !important;
  background:linear-gradient(135deg,var(--ftw-v2-accent-strong),var(--ftw-v2-accent)) !important;
  box-shadow:0 12px 25px var(--ftw-v2-accent-soft) !important;
}
.mietpark-intranet :is(.secondary-button,.icon-button,.intranet-return-link){
  border-color:rgba(255,255,255,.17) !important;
  border-radius:11px !important;
  background:linear-gradient(145deg,rgba(49,60,74,.87),rgba(28,35,44,.94)) !important;
}
.mietpark-intranet :is(input,select,textarea){
  border-color:rgba(230,238,247,.16) !important;
  border-radius:11px !important;
  background:rgba(8,12,16,.52) !important;
}
.mietpark-intranet :is(input,select,textarea):focus{border-color:var(--ftw-v2-accent-strong) !important;box-shadow:0 0 0 4px var(--ftw-v2-accent-soft) !important}
.mietpark-intranet .mobile-bottom-nav{border-top-color:var(--ftw-v2-line) !important;background:rgba(15,20,26,.97) !important;backdrop-filter:blur(14px)}

/* Responsive, compact and touch-safe refinements */
@media(max-width:1180px){
  body:not(.mietpark-intranet) .asset-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)) !important}
  body:not(.mietpark-intranet) .main{padding-left:24px !important;padding-right:24px !important}
}
@media(max-width:820px){
  body:not(.mietpark-intranet) .app-shell{grid-template-columns:1fr !important}
  body:not(.mietpark-intranet) .main{padding:16px 14px 34px !important}
  body:not(.mietpark-intranet) .hero{padding:20px 18px !important}
  body:not(.mietpark-intranet) .hero h1{font-size:31px !important}
  body:not(.mietpark-intranet) .asset-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body:not(.mietpark-intranet) .asset-badges{padding-left:0 !important}
  .mietpark-intranet .content{padding:17px 14px 86px !important}
}
@media(max-width:560px){
  body:not(.mietpark-intranet) .asset-stats{grid-template-columns:1fr !important}
  body:not(.mietpark-intranet) .asset-list{grid-template-columns:1fr !important}
  body:not(.mietpark-intranet) .asset-card{min-height:0 !important}
  body:not(.mietpark-intranet) .asset-facts{grid-template-columns:1fr !important}
  body:not(.mietpark-intranet) .asset-metrics{grid-template-columns:1fr !important}
  body:not(.mietpark-intranet) .hero .date-card{width:100% !important;margin-top:15px !important}
}