@import url("css/layout.css");
@import url("css/components.css");
@import url("css/control-center.css");
@import url("/static/css/navigation.css");
@import url("/static/css/forms.css");
@import url("/static/css/tables.css");
@import url("/static/css/accessibility.css");
:root{
  --green:#153b2e;--green2:#235540;--gold:#c9a35a;--cream:#f7f1e5;
  --ink:#17211d;--muted:#6d756f;--line:#ded7c8;--white:#fff;--bad:#a33b32;
}

body{margin:0;background:#f3efe6;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,var(--green),#0d271e);color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:13px;align-items:center;margin-bottom:38px}
.crest{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:22px}
.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:20px;color:var(--gold)}.brand small{opacity:.72}
nav{display:grid;gap:8px}nav a{color:#e9eee9;text-decoration:none;padding:12px 14px;border-radius:10px}nav a:hover{background:rgba(255,255,255,.09);color:var(--gold)}
.side-note{margin-top:auto;font-size:12px;opacity:.55}
main{padding:32px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
h1,h2{font-family:Georgia,serif;margin:0}h1{font-size:34px;color:var(--green)}h2{font-size:22px;color:var(--green)}
.topbar p,.panel p{color:var(--muted);margin:7px 0 0}
.status-pill{background:#e2ece5;color:var(--green);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;margin-bottom:20px}
.card,.panel,.drink-card{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 25px rgba(41,48,42,.06)}
.metric{padding:19px}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.metric strong{font-family:Georgia,serif;font-size:25px;color:var(--green)}
.metric.danger{border-color:#d6a39d;background:#fff8f7}.metric.danger strong{color:var(--bad)}
.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:var(--green);color:#fff;padding:11px;white-space:nowrap}td{padding:11px;border-bottom:1px solid #e8e2d7;vertical-align:middle}tbody tr:hover{background:#fbf8f1}
.button{border:0;background:var(--green);color:white;border-radius:8px;padding:9px 12px;cursor:pointer;font-weight:700}.button:hover{background:var(--green2)}.button.secondary{background:#e8dfcf;color:var(--green)}
input{border:1px solid #cfc6b7;border-radius:8px;padding:9px;background:#fff;max-width:135px}
.inline{display:flex;align-items:center;gap:7px}.inline.wide input{max-width:95px}.stack{display:grid;gap:14px}.stack label{display:grid;gap:7px;color:var(--muted)}.stack input{max-width:none}
.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-weight:700;font-size:12px}.badge.good{background:#dcebdd;color:#285c36}.badge.warn{background:#f5e5b8;color:#765d18}.badge.bad{background:#f1d2cf;color:#83322b}
.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px}.flash.success{background:#dcebdd;color:#285c36}.flash.error{background:#f1d2cf;color:#83322b}
.text-link{color:var(--green);font-weight:800;text-decoration:none}.block{display:block;color:var(--muted);margin-top:3px}
.drink-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:16px}
.drink-card{padding:22px;text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.drink-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(41,48,42,.12)}
.eyebrow{color:#8a6c35;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.drink-card h2{margin:8px 0}.drink-card p{color:var(--muted);min-height:42px}
.drink-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.drink-numbers span{background:#f3ede1;padding:10px;border-radius:9px;font-weight:800}.drink-numbers small{display:block;color:var(--muted);font-weight:500}
.two-col{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.empty{text-align:center;padding:50px}
hr{border:0;border-top:1px solid var(--line);margin:24px 0}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.drink-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:1fr 1fr}.side-note{display:none}main{padding:18px}.topbar{display:block}.status-pill{display:inline-block;margin-top:12px}.cards {grid-template-columns:1fr}.panel{padding:14px}}

select,textarea{border:1px solid #cfc6b7;border-radius:8px;padding:9px;background:#fff;font:inherit}
.toolbar{display:flex;justify-content:space-between;align-items:end}
.toolbar label{display:grid;gap:6px;color:var(--muted)}
.narrow{max-width:680px}

.info-box{background:#f4ead5;border:1px solid #d7bf8d;border-radius:10px;padding:13px 15px;color:#4e432f;margin:10px 0 18px}

.export-buttons{display:grid;gap:10px;margin-top:18px}
.card small{font-size:11px;overflow-wrap:anywhere}

.user-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.user-box strong,.user-box small{display:block}.user-box small{color:var(--muted)}
.link-button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#153b2e,#0b2119)}
.login-card{width:min(420px,92vw);background:#fffdf8;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.login-card h1{text-align:center;margin-top:14px}.login-card>p{text-align:center;color:var(--muted)}
.login-crest{margin:auto}

:root{
  --green:#0f3328;--green2:#1d5541;--gold:#c7a15a;--cream:#f6f1e7;
  --ink:#17211d;--muted:#68736d;--line:#ded7c8;--white:#fff;--bad:#a23b32;
}
body{background:linear-gradient(135deg,#f5f1e8,#ebe5d9)}
.sidebar{background:linear-gradient(180deg,#0e2f25,#081d16)}
.topbar{background:rgba(255,255,255,.55);border:1px solid rgba(222,215,200,.8);border-radius:18px;padding:18px 20px;backdrop-filter:blur(10px)}
.card,.panel,.drink-card{background:rgba(255,255,255,.9);box-shadow:0 10px 32px rgba(30,42,35,.07)}
.dashboard-cards{grid-template-columns:repeat(5,minmax(150px,1fr))}
.metric small{display:block;color:var(--muted);margin-top:8px;font-size:11px}
.split-stat{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.split-stat div{background:#f2ece0;border-radius:14px;padding:18px}
.split-stat span{display:block;color:var(--muted);font-size:13px}.split-stat strong{display:block;color:var(--green);font-size:28px;margin-top:7px;font-family:Georgia,serif}
.filter-grid{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:10px;align-items:end;flex:1}
.filter-grid label{display:grid;gap:6px;color:var(--muted)}
.check-label{display:flex!important;align-items:center;gap:8px;padding-bottom:9px}
.check-label input{width:auto}
.inventory-toolbar{align-items:end}
@media(max-width:1000px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dashboard-cards,.filter-grid,.split-stat{grid-template-columns:1fr}.inventory-toolbar{display:block}.inventory-toolbar>a{display:inline-block;margin-top:12px}}


/* FH Business Suite V5.2 Mobile Edition */
.mobile-menu-button,.mobile-overlay,.mobile-inventory,.mobile-quick-actions{display:none}
.mobile-menu-button{
  position:fixed;top:12px;left:12px;z-index:1100;width:44px;height:44px;
  border:0;border-radius:12px;background:var(--green);box-shadow:0 8px 24px rgba(0,0,0,.2);
  padding:11px;cursor:pointer
}
.mobile-menu-button span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:999px}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:900}
.mobile-quick-sell{display:none}
.mobile-quick-actions{gap:10px;margin-bottom:16px}
.mobile-quick-actions a{
  text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:14px;color:var(--green);font-weight:800;box-shadow:0 7px 20px rgba(30,42,35,.06)
}

@media(max-width:760px){
  body{padding-top:0}
  
  .mobile-menu-button{display:block}
  .sidebar{
    display:flex;position:fixed;left:0;top:0;bottom:0;width:min(82vw,310px);height:100vh;
    transform:translateX(-105%);transition:transform .22s ease;z-index:1000;
    overflow-y:auto;padding-top:72px
  }
  
  body.nav-open .mobile-overlay{display:block}
  main{padding:68px 12px 20px}
  .topbar{
    display:block;padding:15px;border-radius:16px;margin-bottom:14px
  }
  .topbar h1{font-size:27px}
  .topbar p{font-size:13px}
  .user-box{margin-top:12px;justify-content:space-between}
  .cards,.dashboard-cards{grid-template-columns:1fr 1fr;gap:9px}
  .metric{padding:14px}
  .metric strong{font-size:21px}
  .metric span{font-size:12px}
  .panel{padding:13px;border-radius:14px}
  .panel-head{align-items:flex-start;gap:10px}
  .panel-head h2{font-size:19px}
  .mobile-quick-actions{display:grid;grid-template-columns:1fr 1fr}
  .desktop-inventory{display:none}
  .mobile-inventory{display:grid;gap:12px}
  .inventory-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;
    box-shadow:0 8px 22px rgba(30,42,35,.06)
  }
  .inventory-card-low{border-color:#d8a29c;background:#fffafa}
  .inventory-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
  .inventory-card-head h2{font-size:19px;margin:5px 0 3px}
  .inventory-card-head small{color:var(--muted)}
  .inventory-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}
  .inventory-card-stats div{background:#f4eee3;border-radius:10px;padding:10px}
  .inventory-card-stats small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
  .inventory-card-stats strong{font-size:14px;color:var(--green)}
  .mobile-inventory-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
  .mobile-inventory-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}
  .mobile-inventory-form input{max-width:none;width:100%;font-size:16px}
  
  .filter-grid{grid-template-columns:1fr;gap:9px}
  .filter-grid .button,.inventory-toolbar>.button{width:100%;text-align:center}
  .inventory-toolbar>.button{margin-top:9px}
  .drink-grid{grid-template-columns:1fr}
  .drink-card{padding:17px}
  .drink-card p{min-height:auto}
  .mobile-quick-sell{display:block;margin:-8px 10px 12px}
  .mobile-quick-sell .button{width:100%;font-size:16px;padding:12px}
  .two-col{grid-template-columns:1fr}
  table{font-size:13px}
  th,td{padding:9px}
  .table-wrap{margin:0 -4px}
  input,select,textarea{font-size:16px}
  .button{min-height:42px}
  .login-card{padding:25px 20px}
}

@media(max-width:390px){
  .cards,.dashboard-cards{grid-template-columns:1fr}
  .mobile-quick-actions{grid-template-columns:1fr}
  .inventory-card-stats{grid-template-columns:1fr 1fr}
  .inventory-card-stats div:last-child{grid-column:1/-1}
}

/* V5.3 Mobile Refined */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
input,select,textarea,button{max-width:100%}
.mobile-nav-close,.mobile-performance-list{display:none}
@media(max-width:760px){
  main{width:100%;max-width:100%;overflow:hidden}
  .sidebar{width:min(88vw,330px);max-width:calc(100vw - 28px);padding:72px 18px 24px;overflow-y:auto}
  .sidebar nav{display:grid!important;grid-template-columns:1fr!important;gap:8px;width:100%}
  .sidebar nav a{display:flex;align-items:center;min-height:48px;width:100%;padding:12px 14px;border-radius:12px;white-space:normal;line-height:1.25}
  .mobile-nav-close{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:28px}
  .brand{padding-right:46px}
  .topbar h1{font-size:clamp(28px,9vw,42px);line-height:1.03;overflow-wrap:anywhere}
  .user-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .user-box form{grid-column:2;grid-row:1/3}
  .panel-head{display:grid;grid-template-columns:1fr;gap:12px}
  .panel-head .button,.panel-head form,.panel-head form .button{width:100%}
  .desktop-performance{display:none}
  .mobile-performance-list{display:grid;gap:12px}
  .performance-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(30,42,35,.06)}
  .performance-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .performance-card-head h3{margin:4px 0 0;font-size:19px;line-height:1.15}
  .performance-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
  .performance-card-stats div{background:#f4eee3;border-radius:10px;padding:10px}
  .performance-card-stats small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}
  .performance-card-stats strong{font-size:15px;color:var(--green)}
  .performance-card-action .button{width:100%}
  .mobile-form-panel{overflow:hidden}
  .mobile-form-panel form,.mobile-form-panel label,.mobile-form-panel input,.mobile-form-panel select,.mobile-form-panel textarea{width:100%;min-width:0;max-width:100%}
  .mobile-form-panel select{text-overflow:ellipsis}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-wrap table{min-width:620px}
  .cards.dashboard-cards{grid-template-columns:1fr 1fr}
  .card.metric{min-height:142px;display:flex;flex-direction:column;justify-content:space-between}
  .export-buttons .button{width:100%;white-space:normal}
}
@media(max-width:430px){
  
  .cards.dashboard-cards{grid-template-columns:1fr}
  .sidebar{width:calc(100vw - 20px);max-width:none}
  .performance-card-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
  .performance-card-stats{grid-template-columns:1fr}
}

.recipe-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.recipe-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))}
.recipe-help{display:grid;gap:7px;margin-top:16px;padding:14px;background:#f4eee3;border-radius:12px}
.mobile-recipe-list{display:grid;gap:12px}
.recipe-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.recipe-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.recipe-card-head h3{margin:4px 0 0}
.danger-button{background:#8f302a!important;color:#fff!important}
.full-width{width:100%}
@media(max-width:760px){.recipe-toolbar{display:grid}.recipe-toolbar .button{width:100%;text-align:center}.recipe-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.recipe-metrics{grid-template-columns:1fr}}


/* FH Business Suite V5.5 – Adaptive Desktop */
:root{
  --sidebar-wide: 270px;
  --sidebar-compact: 210px;
}

.layout{
  grid-template-columns: var(--sidebar-wide) minmax(0,1fr);
}

main{
  min-width:0;
  width:100%;
}



.topbar > div:first-child{
  min-width:0;
}

.topbar h1,
.topbar p{
  max-width:100%;
}

.user-box{
  flex:0 1 auto;
  min-width:0;
}

.cards,
.dashboard-cards{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}

.two-col{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.panel,
.card,
.drink-card{
  min-width:0;
}

.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
}

table{
  width:100%;
}

@media (max-width: 1250px) and (min-width: 761px){
  .layout{
    grid-template-columns: var(--sidebar-compact) minmax(0,1fr);
  }

  .sidebar{
    padding-left:14px;
    padding-right:14px;
  }

  .brand{
    gap:10px;
  }

  .brand .crest{
    width:52px;
    height:52px;
    min-width:52px;
  }

  .brand h2{
    font-size:21px;
    line-height:1.05;
  }

  .brand p{
    font-size:12px;
  }

  .sidebar nav a{
    font-size:14px;
    padding:10px 9px;
  }

  main{
    padding-left:18px;
    padding-right:18px;
  }

  .topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  .user-box{
    width:100%;
    justify-content:space-between;
  }

  .dashboard-cards,
  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .two-col{
    grid-template-columns:1fr;
  }

  .panel-head{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .panel-head > *{
    min-width:0;
  }

  .panel-head .button,
  .panel-head form{
    flex:0 0 auto;
  }

  .drink-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .drink-numbers{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .desktop-performance{
    display:none;
  }

  .mobile-performance-list{
    display:grid;
    gap:12px;
  }

  .performance-card-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .recipe-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .recipe-layout{
    grid-template-columns:1fr;
  }

  .desktop-recipe-table{
    display:none;
  }

  .mobile-recipe-list{
    display:grid;
  }

  .inventory-toolbar{
    display:block;
  }

  .filter-grid{
    grid-template-columns:1fr 1fr;
  }

  .inventory-toolbar > .button{
    margin-top:10px;
  }
}

@media (max-width: 980px) and (min-width: 761px){
  .layout{
    grid-template-columns: 180px minmax(0,1fr);
  }

  .brand h2{
    font-size:18px;
  }

  .brand p{
    display:none;
  }

  .sidebar nav a{
    font-size:13px;
  }

  .dashboard-cards,
  .cards{
    grid-template-columns:1fr 1fr;
  }

  .drink-grid{
    grid-template-columns:1fr;
  }

  .performance-card-stats{
    grid-template-columns:1fr 1fr;
  }

  .filter-grid{
    grid-template-columns:1fr;
  }

  .topbar h1{
    font-size:clamp(30px,5vw,46px);
  }
}


/* FH Business Suite V5.6 – UI Polish */

/* Sidebar on desktop always stays visible while content scrolls */
@media(min-width:761px){
  .layout{
    align-items:start;
  }

  .sidebar{
    position:sticky;
    top:0;
    height:100vh;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    z-index:20;
  }

  .sidebar nav{
    padding-bottom:24px;
  }

  main{
    min-height:100vh;
  }
}

/* Consistent buttons */
.button,
button.button,
a.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:11px 16px;
  border-radius:10px;
  line-height:1.15;
  font-weight:800;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  text-decoration:none;
}

.button.secondary{
  background:#e9dfcb;
  color:var(--green);
  border:1px solid #d9c9aa;
}

.toolbar{
  gap:14px;
}

.toolbar > .button{
  flex:0 0 auto;
}

.filter-grid{
  align-items:end;
}

.filter-grid .button{
  width:100%;
}

.inventory-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}

.inventory-toolbar > .button{
  min-width:170px;
  align-self:end;
}

.panel-head .button{
  flex-shrink:0;
}

.inline{
  align-items:center;
}

.inline .button{
  min-width:110px;
}

@media(max-width:1250px) and (min-width:761px){
  .inventory-toolbar{
    grid-template-columns:1fr;
  }

  .inventory-toolbar > .button{
    width:100%;
    min-width:0;
    margin-top:0;
  }

  .filter-grid{
    grid-template-columns:1fr 1fr;
  }

  .filter-grid .button,
  .filter-grid .button.secondary{
    min-width:0;
  }

  .panel-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
}

@media(max-width:980px) and (min-width:761px){
  .filter-grid{
    grid-template-columns:1fr;
  }

  .panel-head{
    grid-template-columns:1fr;
  }

  .panel-head .button,
  .panel-head form,
  .panel-head form .button{
    width:100%;
  }

  .inline{
    display:grid;
    grid-template-columns:minmax(100px,1fr) auto;
    gap:8px;
  }

  .inline.wide{
    grid-template-columns:1fr;
  }

  .inline .button{
    width:100%;
    min-width:0;
  }
}

@media(max-width:760px){
  .button,
  button.button,
  a.button{
    width:100%;
    min-height:46px;
    padding:12px 14px;
  }

  .inventory-toolbar{
    display:block;
  }

  .filter-grid{
    display:grid;
    grid-template-columns:1fr;
  }

  .inline,
  .inline.wide{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .inline input,
  .inline select,
  .inline .button{
    width:100%;
  }
}


/* FH Business Suite V5.7 – Fixed Desktop Sidebar */

/* True fixed sidebar on desktop */
@media(min-width:761px){
  .layout{
    display:block;
    min-height:100vh;
  }

  .sidebar{
    position:fixed !important;
    left:0;
    top:0;
    bottom:0;
    width:var(--sidebar-wide);
    height:100vh;
    overflow-y:auto;
    overscroll-behavior:contain;
    z-index:100;
  }

  main{
    margin-left:var(--sidebar-wide);
    width:calc(100% - var(--sidebar-wide));
    min-height:100vh;
  }
}

@media(max-width:1250px) and (min-width:981px){
  .sidebar{
    width:var(--sidebar-compact);
  }

  main{
    margin-left:var(--sidebar-compact);
    width:calc(100% - var(--sidebar-compact));
  }
}

@media(max-width:980px) and (min-width:761px){
  .sidebar{
    width:180px;
  }

  main{
    margin-left:180px;
    width:calc(100% - 180px);
  }
}

/* Mobile keeps slide-in menu behavior */
@media(max-width:760px){
  .layout{
    display:block;
  }

  .sidebar{
    position:fixed !important;
    left:0;
    top:0;
    bottom:0;
    width:min(88vw,330px);
    height:100vh;
    transform:translateX(-105%);
    margin:0;
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  main{
    margin-left:0;
    width:100%;
  }
}


/* FH Business Suite V5.8 – Mobile App Edition */
.mobile-app-dashboard,
.mobile-app-header{
  display:none;
}

@media(max-width:760px){
  

  .topbar{
    display:none;
  }

  main{
    padding-top:82px;
  }

  .mobile-menu-button{
    display:none!important;
  }

  .mobile-app-header{
    display:flex;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:850;
    height:68px;
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px;
    align-items:center;
    justify-content:space-between;
    background:rgba(15,51,40,.96);
    color:#fff;
    backdrop-filter:blur(14px);
    box-shadow:0 8px 24px rgba(0,0,0,.12);
  }

  .mobile-app-header div{
    display:grid;
    gap:2px;
  }

  .mobile-app-header span{
    font-size:11px;
    color:rgba(255,255,255,.68);
    text-transform:uppercase;
    letter-spacing:.08em;
  }

  .mobile-app-header strong{
    font-size:16px;
  }

  .mobile-app-menu{
    width:44px;
    height:44px;
    border:0;
    border-radius:13px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:24px;
    display:grid;
    place-items:center;
  }

  .mobile-app-dashboard{
    display:grid;
    gap:14px;
  }

  .mobile-app-kpis{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .mobile-kpi-card{
    background:linear-gradient(135deg,#fff,#f9f4ea);
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    box-shadow:0 10px 26px rgba(30,42,35,.07);
  }

  .mobile-kpi-card span{
    display:block;
    color:var(--muted);
    font-size:12px;
    margin-bottom:8px;
  }

  .mobile-kpi-card strong{
    display:block;
    color:var(--green);
    font-family:Georgia,serif;
    font-size:31px;
    line-height:1;
  }

  .mobile-kpi-card small{
    display:block;
    margin-top:8px;
    color:var(--muted);
  }

  .mobile-kpi-alert{
    border-color:#d8a29c;
    background:#fff7f6;
  }

  .mobile-app-section{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:16px;
    box-shadow:0 10px 26px rgba(30,42,35,.06);
  }

  .mobile-section-head{
    margin-bottom:14px;
  }

  .mobile-section-head span{
    color:var(--gold);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }

  .mobile-section-head h2{
    margin:4px 0 0;
    color:var(--green);
    font-size:23px;
    line-height:1.1;
  }

  .mobile-section-head-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .mobile-icon-action{
    width:42px;
    height:42px;
    border-radius:13px;
    display:grid;
    place-items:center;
    text-decoration:none;
    background:var(--green);
    color:#fff;
    font-size:24px;
    flex:0 0 auto;
  }

  .mobile-revenue-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mobile-revenue-grid div{
    background:#f4eee3;
    border-radius:14px;
    padding:14px;
  }

  .mobile-revenue-grid span,
  .mobile-product-stats small{
    display:block;
    color:var(--muted);
    font-size:11px;
  }

  .mobile-revenue-grid strong{
    display:block;
    color:var(--green);
    margin-top:7px;
    font-size:23px;
    font-family:Georgia,serif;
  }

  .mobile-top-list,
  .mobile-receipt-list,
  .mobile-product-list{
    display:grid;
    gap:10px;
  }

  .mobile-top-list article,
  .mobile-receipt-list article{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #eee5d8;
  }

  .mobile-top-list article:last-child,
  .mobile-receipt-list article:last-child{
    border-bottom:0;
  }

  .mobile-top-list strong,
  .mobile-receipt-list strong{
    display:block;
    color:var(--ink);
    font-size:15px;
  }

  .mobile-top-list small,
  .mobile-receipt-list small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:11px;
  }

  .mobile-top-list article>span{
    min-width:36px;
    height:36px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:#f4eee3;
    color:var(--green);
    font-weight:900;
  }

  .mobile-receipt-value{
    text-align:right;
  }

  .mobile-empty-state{
    padding:18px 0;
    text-align:center;
    color:var(--muted);
  }

  .mobile-product-card{
    background:#fbf8f1;
    border:1px solid #e9dfcf;
    border-radius:16px;
    padding:14px;
  }

  .mobile-product-main{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
  }

  .mobile-product-main small{
    display:block;
    color:var(--muted);
    font-size:11px;
    margin-bottom:4px;
  }

  .mobile-product-main strong{
    display:block;
    font-size:17px;
    line-height:1.15;
    color:var(--green);
  }

  .mobile-product-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:14px 0;
  }

  .mobile-product-stats div{
    background:#fff;
    border-radius:12px;
    padding:10px;
    border:1px solid #eee5d8;
  }

  .mobile-product-stats strong{
    display:block;
    margin-top:4px;
    color:var(--green);
    font-size:14px;
  }

  .mobile-primary-action{
    width:100%;
  }

  .sidebar{
    width:min(88vw,320px)!important;
    max-width:320px!important;
  }
}

@media(min-width:480px) and (max-width:760px){
  .mobile-app-kpis{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:380px){
  .mobile-revenue-grid,
  .mobile-product-stats{
    grid-template-columns:1fr;
  }
}


/* FH Business Suite V5.9 – Mobile Fixes */
.mobile-suppliers,
.mobile-user-list{
  display:none;
}

@media(max-width:760px){
  /* Remove dashboard phantom gap */
  .mobile-app-dashboard{
    margin-top:0!important;
    padding-top:0!important;
    min-height:0!important;
  }

  .mobile-app-dashboard > :first-child{
    margin-top:0!important;
  }

  main{
    padding-top:82px!important;
  }

  /* Catalog heading/action */
  .mobile-catalog-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .mobile-catalog-head .panel-head,
  .mobile-catalog-head > div{
    min-width:0;
  }

  .mobile-catalog-head .button,
  .mobile-catalog-head a.button{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  /* System page: always stack */
  .system-two-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .system-two-col > *{
    min-width:0!important;
    width:100%!important;
  }

  .system-two-col .table-wrap{
    overflow-x:auto!important;
  }

  /* Suppliers */
  

  .mobile-suppliers{
    display:grid!important;
    gap:14px;
  }

  .mobile-form-accordion{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 26px rgba(30,42,35,.06);
  }

  .mobile-form-accordion summary{
    list-style:none;
    padding:16px;
    background:var(--green);
    color:#fff;
    font-weight:900;
    cursor:pointer;
  }

  .mobile-form-accordion summary::-webkit-details-marker{
    display:none;
  }

  .mobile-supplier-form{
    padding:16px;
  }

  .mobile-supplier-list{
    display:grid;
    gap:12px;
  }

  .mobile-supplier-list article{
    border:1px solid #e9dfcf;
    background:#fbf8f1;
    border-radius:15px;
    padding:14px;
  }

  .mobile-supplier-list article > strong{
    display:block;
    color:var(--green);
    font-size:18px;
    margin-bottom:10px;
  }

  .mobile-supplier-list dl,
  .mobile-user-card dl{
    display:grid;
    gap:7px;
    margin:0;
  }

  .mobile-supplier-list dl div,
  .mobile-user-card dl div{
    display:flex;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid #eee5d8;
    padding-bottom:7px;
  }

  .mobile-supplier-list dt,
  .mobile-user-card dt{
    color:var(--muted);
    font-size:12px;
  }

  .mobile-supplier-list dd,
  .mobile-user-card dd{
    margin:0;
    text-align:right;
    font-weight:700;
    overflow-wrap:anywhere;
  }

  /* Users */
  

  .mobile-user-list{
    display:grid!important;
    gap:12px;
  }

  .mobile-user-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:15px;
    box-shadow:0 10px 26px rgba(30,42,35,.06);
  }

  .mobile-user-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    margin-bottom:14px;
  }

  .mobile-user-head strong{
    display:block;
    color:var(--green);
    font-size:18px;
  }

  .mobile-user-head small{
    display:block;
    color:var(--muted);
    margin-top:3px;
  }

  .mobile-user-card dl{
    margin-bottom:14px;
  }

  /* Avoid two-column split on every remaining mobile page */
  .two-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .two-col > *{
    min-width:0!important;
    width:100%!important;
  }

  /* Tables that remain should not bleed outside cards */
  .panel .table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
    border-radius:12px;
  }

  /* Fix add buttons overflowing */
  .panel-head{
    grid-template-columns:1fr!important;
  }

  .panel-head .button,
  .panel-head a.button{
    width:100%!important;
    max-width:100%!important;
  }
}


/* FH Business Suite V5.10 – iPhone hard fix */
@media(max-width:760px){
  html,body{
    margin:0!important;
    padding:0!important;
    min-height:100%!important;
  }

  main{
    padding:82px 10px 28px!important;
    margin:0!important;
    min-height:0!important;
  }

  .mobile-app-header{
    height:68px!important;
  }

  .mobile-app-dashboard{
    display:grid!important;
    position:static!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  .mobile-app-kpis,
  .mobile-app-section{
    position:static!important;
    margin-top:0!important;
    transform:none!important;
  }

  .desktop-dashboard-only,
  .topbar{
    display:none!important;
  }

  .mobile-catalog-head,
  .panel-head{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .mobile-catalog-head .button,
  .panel-head .button,
  .panel-head a.button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .desktop-users-table {
    display:none!important;
  }

  .mobile-suppliers,
  .mobile-user-list{
    display:grid!important;
    width:100%!important;
  }

  .system-two-col,
  .two-col{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }

  .system-two-col > *,
  .two-col > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .panel,
  .card,
  .mobile-app-section,
  .mobile-user-card,
  .mobile-form-accordion{
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
  }
}


/* FH Business Suite V5.11 – Supplier & Catalog Fix */
.catalog-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
}

.catalog-filter{
  min-width:220px;
}

.catalog-filter label{
  display:grid;
  gap:7px;
  color:var(--muted);
}

.catalog-filter select{
  width:100%;
  min-width:220px;
}

.catalog-intro{
  min-width:0;
}

.catalog-intro h2{
  margin:0 0 5px;
}

.catalog-intro p{
  margin:0;
  color:var(--muted);
}

.catalog-add-button{
  flex:0 0 auto;
  min-width:190px;
}

@media(max-width:760px){
  /* Lieferantenseite beginnt direkt unter dem mobilen Header. */
  .mobile-suppliers{
    display:grid!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }

  .desktop-suppliers{
    display:none!important;
  }

  .mobile-form-accordion{
    margin:0!important;
  }

  /* Getränke und Speisen: Button immer sauber unter dem Inhalt. */
  .catalog-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .catalog-filter,
  .catalog-filter label,
  .catalog-filter select,
  .catalog-intro,
  .catalog-add-button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .catalog-filter select{
    height:48px;
  }

  .catalog-add-button{
    display:flex!important;
    min-height:52px!important;
    margin:0!important;
    padding:13px 16px!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .catalog-intro h2{
    font-size:28px;
    line-height:1.05;
  }

  .catalog-intro p{
    font-size:17px;
    line-height:1.35;
  }

  /* Jede Artikelkarte und ihre Aktionen bilden einen sauberen Block. */
  .drink-grid{
    gap:0!important;
  }

  .drink-card{
    margin-bottom:0!important;
  }

  .recipe-list-button,
  .mobile-quick-sell{
    margin:10px 14px 18px!important;
    width:calc(100% - 28px)!important;
  }

  .recipe-list-button{
    display:flex!important;
    min-height:48px!important;
  }

  .mobile-quick-sell .button{
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
  }
}

/* FH Business Suite V5.12 · Professional Branding Edition */
.sidebar-branding{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:5px;color:rgba(255,255,255,.72);font-size:11px;line-height:1.35}
.sidebar-branding>strong{color:var(--gold);font-family:Georgia,serif;font-size:14px}
.sidebar-branding>span{font-size:10px}
.sidebar-branding>small{font-size:10px;opacity:.72}
.sidebar-credit{display:grid;gap:2px;margin:7px 0}
.sidebar-credit span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;opacity:.62}
.sidebar-credit b{font-size:11px;color:#fff;font-weight:650;margin-bottom:4px}
.about-hero{display:flex;align-items:center;gap:24px;padding:32px}
.about-mark,.splash-mark{width:88px;height:88px;flex:0 0 auto;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:34px Georgia,serif;background:var(--green)}
.about-hero h2{font-size:36px;margin:5px 0}
.about-subtitle{font-size:17px!important;margin:0 0 14px!important}
.version-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#efe4ce;color:#755b2b;font-weight:800;font-size:12px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-card{margin:0;min-height:190px}
.about-label{display:block;color:#8a6c35;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800;margin-bottom:14px}
.about-card h2{margin-bottom:10px}
.tech-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.tech-tags span{padding:8px 11px;border-radius:999px;background:#f1eadf;border:1px solid var(--line);font-weight:750;color:var(--green)}
.about-legal{text-align:center;color:var(--muted);font-size:12px;padding:24px 12px 8px}
.login-branding{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:4px;text-align:center;color:var(--muted)}
.login-branding strong{color:var(--green);font-family:Georgia,serif}
.login-branding span,.login-branding small{font-size:11px}
.app-splash{position:fixed;inset:0;z-index:5000;display:grid;place-content:center;justify-items:center;gap:10px;background:linear-gradient(145deg,#0e2f25,#081d16);color:#fff;transition:opacity .35s ease,visibility .35s ease}
.app-splash .splash-mark{background:transparent;width:92px;height:92px;margin-bottom:8px}
.app-splash strong{font:26px Georgia,serif;color:var(--gold)}
.app-splash span{font-size:12px;letter-spacing:.04em;opacity:.78}
.app-splash small{opacity:.56}
.app-splash.is-hidden{opacity:0;visibility:hidden}
@media(max-width:760px){
  .sidebar-branding{margin-top:22px;padding-bottom:8px}
  .about-hero{align-items:flex-start;padding:22px;gap:16px}
  .about-mark{width:64px;height:64px;font-size:25px}
  .about-hero h2{font-size:28px}
  .about-grid{grid-template-columns:1fr;gap:14px}
  .about-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){.app-splash{transition:none}}


/* FH Business Suite V5.13 · Dashboard 2.0 */
.dashboard-period{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-8px 0 18px;flex-wrap:wrap}.dashboard-period>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-right:4px}.period-chip{appearance:none;border:1px solid var(--line);background:#fff;color:var(--green);border-radius:999px;padding:8px 13px;font-weight:750;cursor:pointer}.period-chip:hover,.period-chip.is-active{background:var(--green);color:#fff;border-color:var(--green)}
.dashboard-v513-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.insight-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(20,46,37,.05);display:grid;gap:7px;min-width:0}.insight-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.insight-card>strong{font:30px Georgia,serif;color:var(--green);white-space:nowrap}.insight-card>small{color:var(--muted)}.insight-primary{background:linear-gradient(145deg,#133d30,#0b2b21);border-color:transparent}.insight-primary>span,.insight-primary>small{color:rgba(255,255,255,.7)}.insight-primary>strong{color:#fff}.insight-alert{border-color:#d9a4a4;background:#fff8f7}.trend{font-weight:800}.trend.up{color:#86d2ad!important}.trend.down{color:#ffaaa3!important}
.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;margin-bottom:18px}.dashboard-chart-grid.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-chart{height:300px;display:flex;align-items:stretch;gap:5px;padding:20px 2px 0;border-bottom:1px solid var(--line);overflow:hidden}.chart-column{flex:1;min-width:0;display:grid;grid-template-rows:24px 1fr 24px;text-align:center;align-items:end}.chart-value{font-size:9px;color:var(--muted);white-space:nowrap;overflow:visible}.chart-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar-track i{display:block;width:min(26px,72%);min-height:3px;background:linear-gradient(180deg,var(--gold),#a9823c);border-radius:7px 7px 2px 2px;transition:height .3s ease}.chart-column small{font-size:9px;color:var(--muted);white-space:nowrap}.category-bars{display:grid;gap:18px;padding-top:8px}.category-row{display:grid;gap:7px}.category-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.category-row span{color:var(--muted);font-size:12px}.category-track{height:9px;background:#eee7dc;border-radius:99px;overflow:hidden}.category-track i{display:block;height:100%;background:var(--green);border-radius:99px}.top-product-list{display:grid}.top-product-list article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.top-product-list article:last-child{border-bottom:0}.top-product-list .rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#efe5d4;color:#80612b;font-weight:850}.top-product-list div{display:grid;gap:3px}.top-product-list small{color:var(--muted)}.top-product-list b{color:var(--green);white-space:nowrap}.mix-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mix-summary>div{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px}.mix-summary span,.mix-legend{color:var(--muted);font-size:12px}.mix-summary strong{font-size:20px;color:var(--green)}.mix-bar{height:16px;border-radius:99px;background:#d8c4a2;margin:20px 0 8px;overflow:hidden}.mix-bar i{display:block;height:100%;background:var(--green)}.mix-legend{display:flex;justify-content:space-between}.food-cost-note{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.food-cost-note span{color:var(--muted)}.food-cost-note strong{font:24px Georgia,serif;color:var(--green)}.responsive-receipts{display:grid}.responsive-receipts article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.responsive-receipts article:last-child{border-bottom:0}.responsive-receipts article>div{display:grid;gap:3px}.responsive-receipts small{color:var(--muted)}.responsive-receipts b{white-space:nowrap;color:var(--green)}.quick-sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-sales-grid article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.quick-sales-grid article>div{display:grid;gap:3px}.quick-sales-grid small{color:var(--muted)}.quick-sales-grid>article>span{font-weight:850;color:var(--green);white-space:nowrap}.quick-sales-grid .button{padding:9px 12px}
@media(max-width:980px){.dashboard-v513-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-grid,.dashboard-chart-grid.lower-grid{grid-template-columns:1fr}.quick-sales-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-period{justify-content:flex-start;margin-top:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.dashboard-period>span{display:none}.period-chip{flex:0 0 auto}.dashboard-v513-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.insight-card{padding:15px;border-radius:15px}.insight-card>strong{font-size:23px;white-space:normal}.dashboard-chart-grid{gap:14px}.revenue-chart{height:245px;gap:2px}.chart-value{display:none}.chart-column{grid-template-rows:0 1fr 22px}.chart-bar-track i{width:76%}.quick-sales-grid article{grid-template-columns:1fr auto}.quick-sales-grid article form{grid-column:1/-1}.quick-sales-grid .button{width:100%}.responsive-receipts article{align-items:flex-start}.panel-head{gap:12px}.panel-head .button{width:auto!important}.top-product-list article{grid-template-columns:30px 1fr}.top-product-list article>b{grid-column:2}.mix-summary{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.dashboard-v513-kpis{grid-template-columns:1fr 1fr}.insight-card>span{font-size:10px}.insight-card>strong{font-size:20px}.insight-card>small{font-size:10px}}


/* FH Business Suite V5.14 · Business Intelligence Edition */
.analytics-link{margin-left:5px;text-decoration:none}.executive-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.executive-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:8px;box-shadow:0 8px 28px rgba(20,46,37,.05)}.executive-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.executive-card>strong{font:28px Georgia,serif;color:var(--green)}.executive-card>small{color:var(--muted)}.executive-primary{background:linear-gradient(145deg,#133d30,#0b2b21);border-color:transparent}.executive-primary>span,.executive-primary>small{color:rgba(255,255,255,.7)}.executive-primary>strong{color:#fff}.executive-trend{font-weight:800}.executive-trend.positive{color:#277b55}.executive-trend.negative{color:#a54141}.executive-primary .executive-trend.positive{color:#86d2ad}.executive-primary .executive-trend.negative{color:#ffaaa3}.dashboard-bi-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:18px;margin-bottom:18px}.business-alerts{display:grid;gap:9px}.business-alert{display:grid;grid-template-columns:10px 1fr 20px;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;background:#fff}.business-alert:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,46,37,.07)}.business-alert div{display:grid;gap:3px}.business-alert small{color:var(--muted)}.business-alert>b{font-size:24px;color:var(--muted)}.alert-dot{width:9px;height:9px;border-radius:50%;background:#b18b4b}.business-alert.danger .alert-dot{background:#b54646}.business-alert.warning .alert-dot{background:#d08a2d}.business-alert.info .alert-dot{background:#477ea2}.business-alert.success .alert-dot{background:#2f865e}.bi-summary-list{display:grid}.bi-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.bi-summary-list>div:last-child{border-bottom:0}.bi-summary-list span{color:var(--muted)}.bi-summary-list strong{color:var(--green);font-size:18px;white-space:nowrap}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.analytics-kpi{display:grid;gap:7px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.analytics-kpi span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.analytics-kpi strong{font:28px Georgia,serif;color:var(--green)}.analytics-kpi small{color:var(--muted)}.analytics-kpi.primary{background:var(--green);border-color:var(--green)}.analytics-kpi.primary span,.analytics-kpi.primary small{color:rgba(255,255,255,.7)}.analytics-kpi.primary strong{color:#fff}.analytics-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.stock-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-quality-grid a{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#faf8f4}.stock-quality-grid strong{font:27px Georgia,serif;color:var(--green)}.stock-quality-grid span{font-size:12px;color:var(--muted)}.analytics-category-list{display:grid;gap:14px}.analytics-category-list article{display:grid;grid-template-columns:1fr auto;gap:6px}.analytics-category-list article>div{display:grid;gap:3px}.analytics-category-list small{color:var(--muted)}.analytics-category-list>b{color:var(--green)}.analytics-track{grid-column:1/-1;height:8px;border-radius:99px;background:#eee7dc;overflow:hidden}.analytics-track i{display:block;height:100%;background:var(--green)}.analytics-ranking,.analytics-table{display:grid}.analytics-ranking article{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.analytics-ranking article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#efe5d4;color:#80612b;font-weight:850}.analytics-ranking article>div{display:grid;gap:3px}.analytics-ranking small,.analytics-table small{color:var(--muted)}.analytics-ranking b,.analytics-table b{color:var(--green);white-space:nowrap}.analytics-table article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.analytics-table article>div{display:grid;gap:3px}.analytics-table>article>span{color:var(--muted);white-space:nowrap}.review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-columns h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px}.review-columns article{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.review-columns b{color:var(--green)}
@media(max-width:1050px){.executive-kpis,.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bi-grid,.analytics-layout{grid-template-columns:1fr}}
@media(max-width:760px){.executive-kpis,.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.executive-card,.analytics-kpi{padding:15px;border-radius:15px}.executive-card>strong,.analytics-kpi strong{font-size:21px}.dashboard-bi-grid{gap:14px}.analytics-period{overflow-x:auto}.analytics-link{display:none}.stock-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-table article{grid-template-columns:1fr auto}.analytics-table article>b{grid-column:1/-1}.review-columns{grid-template-columns:1fr}}
@media(max-width:420px){.executive-card>span,.analytics-kpi span{font-size:9px}.executive-card>strong,.analytics-kpi strong{font-size:18px}.executive-card>small,.analytics-kpi small{font-size:10px}}


/* FH Business Suite V5.15.1 · Purchasing Automation Hotfix */
.order-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.supplier-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.supplier-order-card{display:flex;flex-direction:column;gap:16px}.supplier-order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.supplier-order-head span,.section-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.supplier-order-head h2{margin:4px 0 0}.supplier-order-head>strong{white-space:nowrap;color:var(--green);font-size:18px}.order-item-list{display:grid;border-top:1px solid var(--line)}.order-item-list article{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.order-item-list article>div:first-child{display:grid;gap:4px}.order-item-list small{color:var(--muted)}.order-qty{text-align:right;display:grid;gap:2px}.order-qty span{font-size:10px;text-transform:uppercase;color:var(--muted)}.order-qty b{color:var(--green)}.order-create-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto}.order-history{margin-top:18px}.section-heading{margin-bottom:14px}.section-heading h2{margin:4px 0 0}
@media(max-width:900px){.supplier-order-grid{grid-template-columns:1fr}.order-summary-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.order-summary-grid{grid-template-columns:1fr}.supplier-order-head{align-items:center}.supplier-order-head h2{font-size:20px}.order-item-list article{grid-template-columns:1fr}.order-qty{text-align:left;grid-template-columns:auto auto;align-items:baseline;justify-content:start;gap:8px}.order-qty small{grid-column:1/-1}.order-create-form{grid-template-columns:1fr}.order-history .table-wrap{overflow:visible}.order-history table,.order-history tbody,.order-history tr,.order-history td{display:block}.order-history thead{display:none}.order-history tr{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.order-history td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:14px}.order-history td:before{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800}.order-history td:nth-child(1):before{content:'Bestellung'}.order-history td:nth-child(2):before{content:'Lieferant'}.order-history td:nth-child(3):before{content:'Erstellt'}.order-history td:nth-child(4):before{content:'Positionen'}.order-history td:nth-child(5):before{content:'Wert'}.order-history td:nth-child(6):before{content:'Status'}}

/* FH Business Suite V6.0.0 · Foundation Edition
   UI remains intentionally compatible; architecture is now modularized. */


/* FH Business Suite V6.1.0 · Smart Operations Management Cockpit */
.cockpit-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin-bottom:14px;border-radius:20px;background:linear-gradient(135deg,#123d30,#0a281f);color:#fff;box-shadow:0 12px 35px rgba(9,38,29,.16)}.cockpit-hero>div:first-child{display:grid;gap:5px}.cockpit-hero>div:first-child>span{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.cockpit-hero h2{color:#fff;margin:0;font-size:28px}.cockpit-hero p{margin:0;color:rgba(255,255,255,.68)}.health-score{text-align:right;display:grid;gap:1px;min-width:130px}.health-score small,.health-score span{color:rgba(255,255,255,.64)}.health-score strong{font:38px Georgia,serif;color:#fff}.health-score em{font:18px Georgia,serif;color:var(--gold);font-style:normal}.operations-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.operations-task{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;min-width:0}.operations-task:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,46,37,.08)}.task-count{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f2e7d5;color:#7c5d2c;font-weight:900}.operations-task>div{display:grid;gap:3px;min-width:0}.operations-task small{color:var(--muted);line-height:1.35}.operations-task b{font-size:11px;color:var(--green);margin-top:4px}.operations-task.high{border-left:4px solid #b84b4b}.operations-task.high .task-count{background:#f9e5e3;color:#a43e3e}.operations-task.medium{border-left:4px solid #d09637}.operations-task.good{border-left:4px solid #35845e}.operations-task.good .task-count{background:#e2f3e9;color:#28734f}.cockpit-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.cockpit-ranking,.margin-radar{display:grid}.cockpit-ranking article{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cockpit-ranking article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#efe5d4;color:#80612b;font-weight:850}.cockpit-ranking article>div,.margin-radar article>div{display:grid;gap:3px}.cockpit-ranking small,.margin-radar small{color:var(--muted)}.cockpit-ranking b{color:var(--green);white-space:nowrap}.margin-radar article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.margin-pill{padding:7px 10px;border-radius:999px;background:#e3f1e9;color:#2c7351;font-weight:850;white-space:nowrap}.margin-pill.watch{background:#fff0d8;color:#97651c}.margin-pill.critical{background:#f9e2e0;color:#a43e3e}@media(max-width:1100px){.operations-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.cockpit-analysis-grid{grid-template-columns:1fr}}@media(max-width:650px){.cockpit-hero{align-items:flex-start;padding:20px}.cockpit-hero h2{font-size:23px}.health-score{min-width:auto}.health-score strong{font-size:30px}.operations-task-grid{grid-template-columns:1fr}.cockpit-ranking article{grid-template-columns:28px 1fr}.cockpit-ranking b{grid-column:2}}


/* FH Business Suite V6.2.1 · Intelligent Insights UI Polish */
.insights-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin:22px 0 16px;border-radius:24px;background:linear-gradient(135deg,rgba(20,34,52,.98),rgba(37,64,91,.94));color:#fff;box-shadow:0 18px 45px rgba(17,30,45,.18)}
.insights-hero h2{margin:4px 0 10px;font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.12;color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.18)}.insights-hero p{margin:0;color:rgba(255,255,255,.72)}.insights-hero>div>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:#a9d8ff;font-weight:800}
.insight-period{min-width:210px;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);display:grid;gap:3px}.insight-period small,.insight-period span{color:rgba(255,255,255,.72)}.insight-period strong{font-size:1.55rem}.insight-period .positive{color:#89e2b4}.insight-period .negative{color:#ffaaa5}
.insights-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:18px}.insight-signals{display:grid;gap:10px}.insight-signals article{display:flex;gap:12px;padding:13px 14px;border-radius:15px;background:var(--surface-soft,#f5f7fa)}.insight-signals article>span{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#8190a2;flex:none}.insight-signals article.positive>span{background:#2fa56f}.insight-signals article.warning>span{background:#db8b31}.insight-signals article.neutral>span{background:#4f83b8}.insight-signals strong,.insight-signals small{display:block}.insight-signals small{margin-top:3px;color:var(--muted,#667085);line-height:1.4}
.coverage-list,.mover-grid{display:grid;gap:10px}.coverage-list article,.mover-grid article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border,#e8ebef)}.coverage-list article:last-child,.mover-grid article:last-child{border-bottom:0}.coverage-list strong,.coverage-list small,.mover-grid strong,.mover-grid small{display:block}.coverage-list small,.mover-grid small{margin-top:3px;color:var(--muted,#667085)}.coverage-pill,.mover-change{white-space:nowrap;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.coverage-pill.critical{background:#ffe8e6;color:#b43c34}.coverage-pill.watch{background:#fff1d8;color:#9b6118}.coverage-pill.info{background:#e8f2fc;color:#346c9e}.mover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.mover-change.up{background:#e5f7ed;color:#23764d}.mover-change.down{background:#ffe9e7;color:#ae4038}.mover-change.flat,.mover-change.new{background:#edf2f7;color:#566577}.mover-panel{margin-bottom:18px}
@media(max-width:900px){.insights-grid{grid-template-columns:1fr}.mover-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.insights-hero{align-items:stretch;flex-direction:column;padding:20px}.insights-hero h2{font-size:1.75rem;line-height:1.15;margin-bottom:12px}.insight-period{min-width:0}.mover-grid{grid-template-columns:1fr}.coverage-list article,.mover-grid article{align-items:flex-start}.coverage-pill,.mover-change{margin-top:2px}}


/* FH Business Suite V6.2.2 · Enterprise UI Polish
   Central design tokens and non-breaking visual consistency layer. */
:root{
  --fh-primary:#0f3328;
  --fh-primary-hover:#1d5541;
  --fh-primary-deep:#081d16;
  --fh-accent:#c7a15a;
  --fh-accent-soft:#f2e7d5;
  --fh-success:#2f8058;
  --fh-warning:#c58127;
  --fh-danger:#a94139;
  --fh-info:#376f9f;
  --fh-canvas:#f3efe6;
  --fh-surface:rgba(255,255,255,.94);
  --fh-surface-solid:#fff;
  --fh-surface-soft:#f6f2ea;
  --fh-text:#17211d;
  --fh-text-muted:#68736d;
  --fh-border:#ded7c8;
  --fh-radius-sm:10px;
  --fh-radius-md:16px;
  --fh-radius-lg:22px;
  --fh-space-1:8px;
  --fh-space-2:16px;
  --fh-space-3:24px;
  --fh-space-4:32px;
  --fh-shadow-sm:0 5px 18px rgba(22,43,34,.055);
  --fh-shadow-md:0 12px 34px rgba(22,43,34,.08);
  --fh-focus:0 0 0 3px rgba(199,161,90,.28);
  --green:var(--fh-primary);
  --green2:var(--fh-primary-hover);
  --gold:var(--fh-accent);
  --ink:var(--fh-text);
  --muted:var(--fh-text-muted);
  --line:var(--fh-border);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(135deg,#f7f4ed 0%,#eee8dd 100%);line-height:1.5}
main{padding:var(--fh-space-4);max-width:1680px}

/* Navigation */
.sidebar{padding:26px 18px;background:linear-gradient(180deg,var(--fh-primary),var(--fh-primary-deep));box-shadow:10px 0 35px rgba(4,24,17,.08)}
.sidebar nav{gap:6px}
.sidebar nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:11px 14px;border:1px solid transparent;border-radius:12px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.sidebar nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.07);transform:translateX(2px)}
.sidebar nav a.is-active{background:linear-gradient(90deg,rgba(199,161,90,.22),rgba(255,255,255,.08));border-color:rgba(199,161,90,.34);color:#fff;font-weight:800;box-shadow:inset 3px 0 0 var(--fh-accent)}
.sidebar nav a.is-active::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--fh-accent);margin-left:auto;box-shadow:0 0 0 4px rgba(199,161,90,.12)}

/* Type scale */
h1{font-size:clamp(2rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.025em}
h2{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.18;letter-spacing:-.012em}
h3{line-height:1.25}
.topbar p,.panel-head p{line-height:1.45}

/* Unified surfaces and spacing */
.topbar{padding:20px 22px;margin-bottom:var(--fh-space-3);border-radius:var(--fh-radius-lg);box-shadow:var(--fh-shadow-sm)}
.card,.panel,.drink-card,.insight-card,.supplier-order-card,.analytics-kpi,.executive-card{border-color:var(--fh-border);border-radius:var(--fh-radius-md);background:var(--fh-surface);box-shadow:var(--fh-shadow-sm)}
.panel{padding:var(--fh-space-3);margin-bottom:var(--fh-space-3)}
.panel-head{margin-bottom:var(--fh-space-2);align-items:flex-start}
.panel-head h2{margin:0 0 4px}
.cards,.dashboard-cards,.dashboard-v513-kpis,.dashboard-bi-kpis,.order-summary-grid{gap:var(--fh-space-2);margin-bottom:var(--fh-space-3)}
.dashboard-chart-grid,.dashboard-bi-grid,.cockpit-analysis-grid,.insights-grid,.supplier-order-grid{gap:var(--fh-space-3);margin-bottom:var(--fh-space-3)}
.card.metric{min-height:132px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.metric span{margin-bottom:10px;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:800}
.metric strong{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.1}

/* Controls */
.button,.period-chip,.link-button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.button{border-radius:var(--fh-radius-sm);min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,51,40,.14)}
.button:active{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--fh-focus)}
input,select,textarea{border-radius:var(--fh-radius-sm);border-color:#cbc3b5;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}
input:focus,select:focus,textarea:focus{border-color:var(--fh-accent)}
.text-link{display:inline-flex;align-items:center;min-height:36px}

/* Tables and lists */
.table-wrap{border-radius:14px;border:1px solid rgba(222,215,200,.72)}
.table-wrap table{background:#fff}
th{padding:12px 13px;background:var(--fh-primary);font-size:12px;letter-spacing:.025em}
td{padding:12px 13px}
tbody tr{transition:background .14s ease}
.top-product-list article,.cockpit-ranking article,.margin-radar article,.responsive-receipts article,.analytics-table article{min-height:58px}

/* Dashboard component consistency */
.cockpit-hero,.insights-hero{border-radius:var(--fh-radius-lg);box-shadow:var(--fh-shadow-md)}
.operations-task{border-radius:var(--fh-radius-md);box-shadow:var(--fh-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.operations-task:hover{box-shadow:var(--fh-shadow-md)}
.insight-signals article{border:1px solid rgba(222,215,200,.55);background:var(--fh-surface-soft)}
.coverage-list article,.mover-grid article{min-height:62px}
.badge,.coverage-pill,.mover-change,.margin-pill,.version-badge{letter-spacing:.015em}

/* Reduced motion and responsive polish */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media(max-width:1000px){main{padding:24px 20px}}
@media(max-width:760px){
  main{padding:68px 12px 22px}
  .topbar{padding:16px;margin-bottom:16px}
  .panel{padding:16px;margin-bottom:16px;border-radius:16px}
  .panel-head{gap:10px;margin-bottom:14px}
  .panel-head .text-link{width:100%;justify-content:flex-start}
  .sidebar nav a:hover{transform:none}
  .card.metric{min-height:126px;padding:16px}
  .dashboard-chart-grid,.dashboard-bi-grid,.cockpit-analysis-grid,.insights-grid,.supplier-order-grid{gap:14px;margin-bottom:16px}
  .cockpit-hero,.insights-hero{border-radius:18px}
}
@media(max-width:430px){
  main{padding-left:10px;padding-right:10px}
  h1{font-size:clamp(1.8rem,9vw,2.2rem)}
  h2{font-size:1.3rem}
  .panel{padding:14px}
}


/* V6.2.3 – KPI Layout Fix
   Preserve highlighted KPI cards after the generic enterprise surface rule. */
.executive-card.executive-primary{
  background:linear-gradient(145deg,#133d30,#0b2b21);
  border-color:transparent;
  box-shadow:0 12px 30px rgba(8,38,28,.18);
}
.executive-card.executive-primary>span,
.executive-card.executive-primary>small{color:rgba(255,255,255,.78)}
.executive-card.executive-primary>strong{color:#fff}
.executive-card{min-height:142px;align-content:center}
.order-summary-grid .executive-card{min-height:180px}
@media(max-width:760px){
  .executive-card{min-height:126px}
  .order-summary-grid .executive-card{min-height:126px}
}

/* V6.3 – Predictive Analytics */
.predictive-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 18px;padding:28px;border-radius:22px;background:linear-gradient(145deg,#14213d,#243b63);color:#fff;box-shadow:0 16px 38px rgba(20,33,61,.18)}
.predictive-hero>div:first-child{max-width:720px}.predictive-hero span{display:block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.predictive-hero h2{margin:6px 0 8px;color:#fff}.predictive-hero p{margin:0;color:rgba(255,255,255,.76)}
.forecast-confidence{min-width:190px;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08)}
.forecast-confidence small,.forecast-confidence span{display:block;color:rgba(255,255,255,.72);text-transform:none;letter-spacing:0}.forecast-confidence strong{display:block;margin:5px 0;font-size:1.7rem;color:#fff}
.forecast-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.forecast-card{min-height:138px;padding:22px;border:1px solid var(--border,#dde4df);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm,0 8px 24px rgba(20,40,30,.06));display:flex;flex-direction:column;justify-content:center}
.forecast-card span{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#607068}.forecast-card strong{margin:8px 0 4px;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1;color:#17382d}.forecast-card small{color:#738078}.forecast-card.forecast-primary{background:linear-gradient(145deg,#173f65,#102d4b);border-color:transparent}.forecast-card.forecast-primary span,.forecast-card.forecast-primary small{color:rgba(255,255,255,.72)}.forecast-card.forecast-primary strong{color:#fff}
.predictive-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.forecast-signals,.forecast-coverage{display:grid;gap:10px}.forecast-signals article{display:flex;gap:12px;padding:14px;border-radius:14px;background:#f7f9f8}.forecast-signals article>span{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#86938d;flex:0 0 auto}.forecast-signals article.positive>span{background:#2d8a61}.forecast-signals article.warning>span{background:#d08a29}.forecast-signals strong,.forecast-signals small{display:block}.forecast-signals small{margin-top:3px;color:#69756f}
.forecast-coverage article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1ef}.forecast-coverage article:last-child{border-bottom:0}.forecast-coverage strong,.forecast-coverage small{display:block}.forecast-coverage small,.forecast-note{margin-top:3px;color:#6f7d76}.order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.predictive-hero{align-items:flex-start;flex-direction:column;padding:20px}.forecast-confidence{width:100%;min-width:0}.forecast-kpis,.predictive-grid,.order-summary-grid{grid-template-columns:1fr}.forecast-card{min-height:120px}}

/* V6.3.1 – Predictive Analytics Polish */
.executive-trend{display:flex;align-items:center;gap:5px}.executive-trend b{font-size:1rem;line-height:1}.executive-trend.neutral{color:#69756f}.executive-primary .executive-trend.neutral{color:rgba(255,255,255,.72)}
.forecast-confidence{position:relative;overflow:hidden}.forecast-confidence strong{display:flex;align-items:center;gap:9px}.forecast-confidence strong i{width:10px;height:10px;border-radius:50%;background:#8ca2b7;box-shadow:0 0 0 5px rgba(255,255,255,.08)}.forecast-confidence.good strong i{background:#71d5a3}.forecast-confidence.watch strong i{background:#f1c46d}.forecast-confidence.low strong i{background:#ff9a91}.confidence-track{height:5px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.confidence-track b{display:block;height:100%;border-radius:inherit;background:rgba(255,255,255,.78);transition:width .45s ease}
.forecast-card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.forecast-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,40,30,.1)}.forecast-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.forecast-card-head>span{margin:0}.trend-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:1rem;background:#edf2f6;color:#536778}.forecast-primary .trend-icon{background:rgba(255,255,255,.13);color:#fff}.trend-icon.up{color:#2a865d}.trend-icon.down{color:#b14842}.forecast-primary .trend-icon.up{color:#8fe1b8}.forecast-primary .trend-icon.down{color:#ffaaa3}.status-dot{width:11px;height:11px;border-radius:50%;background:#6e94b8;box-shadow:0 0 0 5px #eef4f9}.status-dot.good{background:#2d8a61;box-shadow:0 0 0 5px #e3f5eb}.status-dot.watch{background:#d08a29;box-shadow:0 0 0 5px #fff2dd}.status-dot.critical{background:#bd443c;box-shadow:0 0 0 5px #ffe9e7}.forecast-card-foot{margin-top:13px;padding-top:11px;border-top:1px solid #edf1ef;color:#69756f;font-size:.78rem;font-weight:700}.forecast-primary .forecast-card-foot{border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.72)}.forecast-card.state-good{border-top:3px solid #2d8a61}.forecast-card.state-watch{border-top:3px solid #d08a29}.forecast-card.state-critical{border-top:3px solid #bd443c}
.empty-state-polished{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;border:1px dashed #cfd9d3;border-radius:17px;background:linear-gradient(180deg,#fbfcfb,#f5f8f6)}.empty-state-polished>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:#e6f2eb;color:#256c4c;font-size:1.25rem;font-weight:900}.empty-state-polished>strong{font:1.22rem Georgia,serif;color:var(--green)}.empty-state-polished>small{max-width:520px;margin-top:7px;color:var(--muted);line-height:1.55}.empty-state-polished.compact{min-height:140px}.order-empty{margin:2px}.kpi-critical{border-top:3px solid #bd443c}.kpi-stable{border-top:3px solid #2d8a61}
@media(max-width:760px){.forecast-card:hover{transform:none}.forecast-card-foot{font-size:.76rem}.empty-state-polished{min-height:155px;padding:22px 18px}.forecast-confidence{box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.forecast-card,.confidence-track b{transition:none}.forecast-card:hover{transform:none}}

/* V6.4.0 – Reporting Center Foundation */
.report-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 28px;border-radius:22px;background:linear-gradient(145deg,#17382d,#244f40);color:#fff;box-shadow:0 16px 38px rgba(18,55,43,.17)}
.report-hero span{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}.report-hero h2{margin:6px 0;color:#fff}.report-hero p{margin:0;color:rgba(255,255,255,.72)}
.report-period-switch{display:flex;flex-wrap:wrap;gap:7px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08)}.report-period-switch a{padding:9px 13px;border-radius:10px;color:rgba(255,255,255,.78);font-size:.82rem;font-weight:800;text-decoration:none}.report-period-switch a.is-active{background:#fff;color:#17382d;box-shadow:0 5px 14px rgba(0,0,0,.13)}
.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.report-kpi{min-height:142px;display:flex;flex-direction:column;justify-content:center;padding:21px;border:1px solid var(--fh-border,#ded7c8);border-radius:18px;background:#fff;box-shadow:var(--fh-shadow-sm)}.report-kpi span{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#65746d}.report-kpi strong{margin:9px 0 5px;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1;color:#17382d}.report-kpi small{color:#748078}.report-kpi-primary{background:linear-gradient(145deg,#14213d,#243b63);border-color:transparent}.report-kpi-primary span,.report-kpi-primary small{color:rgba(255,255,255,.72)}.report-kpi-primary strong{color:#fff}
.report-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.report-chart{height:245px;display:flex;align-items:stretch;gap:7px;padding-top:12px;overflow-x:auto}.report-bar-item{min-width:24px;flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.report-bar-track{width:100%;height:205px;display:flex;align-items:flex-end;border-radius:8px;background:#f1f5f2;overflow:hidden}.report-bar-track i{display:block;width:100%;min-height:2px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#4e8f73,#1c5a43)}.report-bar-item small{font-size:.68rem;color:#78847d;white-space:nowrap}
.report-summary-list{display:grid;gap:0}.report-summary-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #edf1ef}.report-summary-list article:last-child{border-bottom:0}.report-summary-list span{color:#67756e}.report-summary-list strong{font-size:1.05rem;color:#17382d}.text-critical{color:#b6413a!important}
.report-ranking{display:grid}.report-ranking article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1ef}.report-ranking article:last-child{border-bottom:0}.report-ranking strong,.report-ranking small{display:block}.report-ranking small{margin-top:3px;color:#748078}.report-ranking b{white-space:nowrap;color:#17382d}.report-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf4f0;color:#286348;font-weight:900}
.report-categories{display:grid;gap:15px}.report-categories strong,.report-categories small{display:block}.report-categories small{margin-top:3px;color:#748078}.report-progress{height:7px;margin-top:8px;border-radius:999px;background:#edf2ef;overflow:hidden}.report-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#286348,#65a488)}
.report-foundation-note{display:flex;align-items:center;justify-content:space-between;gap:26px}.report-foundation-note p{max-width:760px;margin-bottom:0;color:#68766f;line-height:1.6}
@media(max-width:1000px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}
@media(max-width:760px){.report-hero{align-items:flex-start;flex-direction:column;padding:20px}.report-period-switch{width:100%;box-sizing:border-box}.report-period-switch a{flex:1;text-align:center}.report-kpis{grid-template-columns:1fr}.report-kpi{min-height:122px}.report-chart{height:215px}.report-bar-track{height:175px}.report-foundation-note{align-items:flex-start;flex-direction:column}}

/* V6.4.1 PDF export */
.report-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.report-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:#fff;color:#17382d;font-size:.84rem;font-weight:850;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.13);transition:transform .18s ease,box-shadow .18s ease}
.report-export-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.18)}
.report-export-btn span{font-size:1.05rem;color:#17382d}
@media(max-width:760px){.report-hero-actions{width:100%;align-items:stretch}.report-export-btn{width:100%;box-sizing:border-box}.report-period-switch{width:100%}}

/* V6.4.2 – Excel & CSV Export */
.report-export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.report-export-actions .report-export-btn{min-width:92px}
.report-export-excel{background:#e9f7ef;border-color:#b7ddc6;color:#195f3c}
.report-export-excel span{color:#195f3c}
.report-export-csv{background:#f4f1ff;border-color:#d5ccef;color:#504082}
.report-export-csv span{color:#504082}
@media(max-width:760px){.report-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.report-export-actions .report-export-btn{min-width:0;padding:0 10px}}
@media(max-width:430px){.report-export-actions .report-export-btn{width:100%}}

/* V6.4.3 – Scheduler & Automation */
.report-export-auto{background:#fff7e7;border-color:#efd49a;color:#7b5713}.report-export-auto span{color:#7b5713}
.automation-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 28px;border-radius:22px;background:linear-gradient(145deg,#172f28,#315746);color:#fff;box-shadow:0 16px 38px rgba(18,55,43,.17)}.automation-hero span{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}.automation-hero h2{margin:6px 0;color:#fff}.automation-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.74)}.automation-back{padding:11px 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.automation-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px;margin-bottom:18px}.automation-form{display:grid;gap:16px}.automation-form label>span,.automation-form legend{display:block;margin-bottom:6px;color:#596962;font-size:.78rem;font-weight:800;letter-spacing:.04em}.automation-form input,.automation-form select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d7dfda;border-radius:10px;background:#fff;color:#17382d}.automation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.automation-form fieldset{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:14px;border:1px solid #e0e6e2;border-radius:12px}.automation-form .check{display:flex;align-items:center;gap:7px}.automation-form .check input{width:auto}.automation-form button.primary{justify-self:start;padding:11px 17px;border:0;border-radius:11px;background:#1f6047;color:#fff;font-weight:850;cursor:pointer}
.automation-stats{display:grid;gap:0}.automation-stats article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf1ef}.automation-stats span{color:#69766f}.automation-stats strong{color:#17382d}.automation-note{margin:17px 0 0;padding:14px;border-radius:12px;background:#f2f6f3;color:#66736c;font-size:.85rem;line-height:1.55}
.automation-list,.archive-list{display:grid}.automation-list article,.archive-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #edf1ef}.automation-list article:last-child,.archive-list article:last-child{border-bottom:0}.automation-main{display:flex;align-items:flex-start;gap:12px}.automation-main strong,.automation-main small,.archive-list strong,.archive-list small{display:block}.automation-main small,.archive-list small{margin-top:4px;color:#748078}.automation-state{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#a7b0ab;box-shadow:0 0 0 5px #eef1ef}.automation-state.on{background:#2d8a61;box-shadow:0 0 0 5px #e3f5eb}.automation-actions,.archive-list article>div:last-child{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.automation-actions form,.archive-list form{margin:0}.automation-actions button,.archive-list button,.archive-list a{padding:8px 11px;border:1px solid #d6dfda;border-radius:9px;background:#fff;color:#244d3c;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.automation-actions .danger,.archive-list .danger{color:#a13e38;border-color:#ecc8c5}.archive-list article>div:last-child>span{color:#68756e;font-size:.8rem;font-weight:700}
@media(max-width:1000px){.automation-grid{grid-template-columns:1fr}}
@media(max-width:760px){.automation-hero{align-items:flex-start;flex-direction:column;padding:20px}.automation-back{width:100%;box-sizing:border-box;text-align:center}.automation-fields{grid-template-columns:1fr}.automation-list article,.archive-list article{align-items:flex-start;flex-direction:column}.automation-actions,.archive-list article>div:last-child{width:100%;justify-content:flex-start}.report-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.report-export-actions{grid-template-columns:1fr}}

/* V6.5.0 – Enterprise Foundation */
.settings-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;margin-bottom:22px;border-radius:24px;background:linear-gradient(135deg,#123a2e,#285c49);color:#fff;box-shadow:0 18px 45px rgba(18,58,46,.18)}
.settings-hero h2{margin:5px 0 8px;font-family:Georgia,serif;font-size:30px}.settings-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.78)}
.settings-hero .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d6ad57}.settings-status{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700}.settings-status span{width:10px;height:10px;border-radius:50%;background:#79d29b;box-shadow:0 0 0 6px rgba(121,210,155,.14)}
.settings-form{display:grid;gap:20px}.settings-section{margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#29453b}.settings-grid label>span{font-size:13px}.settings-grid input,.settings-grid select,.settings-grid textarea{width:100%;box-sizing:border-box}.settings-wide{grid-column:1/-1}.toggle-setting{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;padding:15px 17px;border:1px solid #dce6e1;border-radius:14px;background:#f7faf8}.toggle-setting input{width:19px!important;height:19px}.toggle-setting span{display:flex;flex-direction:column;gap:2px}.toggle-setting small{font-weight:400;color:#74837c}.settings-actions{display:flex;gap:12px;justify-content:flex-end;padding-bottom:10px}
@media(max-width:760px){.settings-hero{align-items:flex-start;flex-direction:column;padding:23px}.settings-hero h2{font-size:25px}.settings-grid{grid-template-columns:1fr}.settings-wide,.toggle-setting{grid-column:auto}.settings-actions{flex-direction:column}.settings-actions .button{text-align:center}}

/* V6.5.1 – Benutzer- und Rollenverwaltung */
.user-admin-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    padding: 32px;
    border-radius: 28px;
    background: linear-gradient(135deg, #0b3d31, #245f4c);
    color: #fff;
    margin-bottom: 22px;
}
.user-admin-hero h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(2rem, 4vw, 3.2rem); }
.user-admin-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.82); }
.user-admin-hero .eyebrow { color: #e5b84e; }
.user-primary-action { flex: 0 0 auto; }
.user-kpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-bottom: 22px; }
.user-kpi-grid article { padding: 22px; border-radius: 22px; border: 1px solid rgba(18,68,54,.12); background: #fff; box-shadow: 0 8px 24px rgba(26,47,40,.06); }
.user-kpi-grid span { display:block; color:#6f7c76; font-weight:700; }
.user-kpi-grid strong { display:block; margin-top:7px; color:#123e32; font-size:2rem; }
.user-filter-panel { margin-bottom: 22px; }
.user-filter-grid { display:grid; grid-template-columns: minmax(220px,2fr) minmax(180px,1fr) minmax(160px,1fr) auto; gap:16px; align-items:end; }
.user-filter-grid label, .user-edit-form label { display:grid; gap:8px; min-width:0; font-weight:700; color:#244d40; }
.user-filter-grid input, .user-filter-grid select, .user-edit-form input, .user-edit-form select { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
.user-filter-actions { display:flex; gap:12px; align-items:center; padding-bottom:2px; }
.enterprise-users-table td strong, .enterprise-users-table td small { display:block; }
.enterprise-users-table td small { margin-top:3px; color:#7b8580; }
.role-badge, .status-pill { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:7px 11px; border-radius:999px; font-size:.82rem; font-weight:800; line-height:1.1; }
.role-badge { background:#edf3f0; color:#174a3b; }
.role-admin { background:#f8e9bc; color:#6f4b00; }
.role-management { background:#e4ecf8; color:#294e79; }
.role-restaurant_manager { background:#dff1e8; color:#1d6048; }
.role-purchasing { background:#f0e6f7; color:#62407a; }
.role-service { background:#edf0f2; color:#45535c; }
.status-pill.is-active { background:#e0f3e8; color:#17613f; }
.status-pill.is-inactive { background:#f5e4e4; color:#8a2e2e; }
.button-compact { padding:9px 14px; font-size:.9rem; }
.user-list-panel { margin-bottom:22px; }
.enterprise-user-card { display:none; }
.user-card-meta { display:grid; gap:10px; margin:14px 0; }
.role-definition-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.role-definition-grid article { min-width:0; padding:18px; border:1px solid rgba(18,68,54,.11); border-radius:18px; background:#fbfcfb; }
.role-definition-grid p { margin:10px 0; color:#69766f; font-size:.92rem; }
.user-form-panel { max-width:980px; margin-inline:auto; }
.user-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.user-password-field { grid-column:1 / -1; }
.user-edit-form small { color:#78847e; font-weight:500; }
.form-actions { display:flex; align-items:center; gap:16px; margin-top:24px; }
.security-note { margin-top:22px; padding:18px 20px; border-radius:16px; border:1px solid #eedba9; background:#fff9e9; color:#5f4a18; }
.security-note p { margin:5px 0 0; }
.role-help { max-width:980px; margin:22px auto 0; }
.empty-state { text-align:center; padding:44px 20px; }

@media (max-width: 1100px) {
    .role-definition-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .user-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .user-admin-hero { align-items:stretch; flex-direction:column; padding:24px; }
    .user-primary-action { width:100%; text-align:center; }
    .user-kpi-grid { grid-template-columns:1fr; }
    .user-filter-grid, .user-form-grid, .role-definition-grid { grid-template-columns:minmax(0,1fr); }
    .user-filter-actions, .form-actions { align-items:stretch; flex-direction:column; }
    .user-filter-actions .button, .form-actions .button { width:100%; }
    .desktop-users-table { display:none; }
    .mobile-user-list { display:grid; gap:14px; }
    .enterprise-user-card { display:block; }
    .user-password-field { grid-column:auto; }
}

/* V6.5.1 – Responsive Settings Status Hotfix */
.settings-hero > div:first-child {
    min-width: 0;
}

.settings-status {
    flex-shrink: 0;
}

@media (max-width: 1100px) {
    .settings-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .settings-status {
        white-space: normal;
    }
}

/* V6.5.1 – Mobile Time Input Hotfix */
.settings-form,
.settings-form-grid,
.settings-field,
.settings-field input,
.settings-field select,
.report-automation-form,
.report-automation-grid,
.report-automation-field,
.report-automation-field input,
.report-automation-field select {
    min-width: 0;
}

.settings-field input,
.settings-field select,
.report-automation-field input,
.report-automation-field select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

input[type="time"] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .settings-form-grid,
    .report-automation-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-field,
    .report-automation-field {
        width: 100%;
        min-width: 0;
    }

    input[type="time"] {
        appearance: none;
        -webkit-appearance: none;
    }
}

/* V6.5.1 – Benutzerverwaltung Responsive Hero Hotfix */
.user-admin-hero > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
}

.user-admin-hero h2,
.user-admin-hero p {
    overflow-wrap: anywhere;
}

.user-primary-action {
    max-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .user-admin-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-primary-action {
        width: 100%;
        text-align: center;
        white-space: normal;
    }
}

/* V6.5.2 – Audit & Notification Center */
.nav-badge{display:inline-flex;min-width:22px;height:22px;margin-left:8px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#d6ad57;color:#12372c;font-size:12px;font-weight:800}
.enterprise-hero.audit-hero,.enterprise-hero.notification-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#0f4939,#28634f);color:#fff}.enterprise-hero h2{margin:7px 0 9px;color:#fff;font-size:clamp(2rem,4vw,3.1rem)}.enterprise-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82)}.enterprise-hero .eyebrow{color:#e5b84e;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.audit-kpis,.notification-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.notification-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.audit-filter{display:grid;grid-template-columns:2fr repeat(3,minmax(150px,1fr)) auto;gap:14px;align-items:end;margin-bottom:20px}.audit-filter label{display:grid;gap:7px;font-weight:700}.audit-filter input,.audit-filter select{width:100%;min-width:0;box-sizing:border-box}
.status-badge{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.status-info{background:#e8f0ee;color:#235344}.status-warning{background:#fff1cc;color:#805b00}.status-error,.status-critical{background:#fde3e3;color:#9a2929}
.notification-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.notification-tabs a{padding:10px 16px;border-radius:999px;background:#eef2ef;color:#345548;font-weight:700;text-decoration:none}.notification-tabs a.is-active{background:#164d3d;color:#fff}
.notification-list{display:grid;gap:14px}.notification-item{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px;border:1px solid #e5ded0;border-radius:20px;background:#fff}.notification-item.is-unread{border-color:#d6ad57;box-shadow:0 8px 28px rgba(25,65,51,.08)}.notification-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:#edf4f1;color:#174c3c;font-weight:900}.priority-critical .notification-icon{background:#fde4e4;color:#a02525}.priority-warning .notification-icon{background:#fff0c7;color:#8a6200}.priority-success .notification-icon{background:#dff2e5;color:#1d6b3d}.notification-meta{display:flex;justify-content:space-between;gap:12px;color:#718077;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.notification-body h3{margin:5px 0 6px}.notification-body p{margin:0;color:#66736d}.notification-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.notification-actions form{margin:0}.empty-state{padding:40px;text-align:center;color:#738078}
@media(max-width:1200px){.enterprise-hero.audit-hero,.enterprise-hero.notification-hero{align-items:flex-start;flex-direction:column}.audit-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter .button{width:100%}}
@media(max-width:760px){.audit-kpis,.notification-kpis{grid-template-columns:1fr}.audit-filter{grid-template-columns:minmax(0,1fr)}.notification-item{grid-template-columns:1fr}.notification-meta{align-items:flex-start;flex-direction:column}.enterprise-hero.audit-hero,.enterprise-hero.notification-hero{padding:24px}.notification-actions,.notification-actions .button,.notification-actions form{width:100%}}

/* V6.5.3 – System Center & Maintenance */
.system-center-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#103f34,#255e4d);color:#fff}.system-center-hero h2{margin:7px 0 9px;color:#fff;font-size:clamp(2rem,4vw,3.1rem)}.system-center-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82)}.system-center-hero .eyebrow,.release-card .eyebrow,.backup-center .eyebrow,.maintenance-center .eyebrow{color:#d6ad57;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.system-overall{min-width:220px;padding:18px 22px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.1)}.system-overall span{display:block;color:rgba(255,255,255,.7);font-size:12px;text-transform:uppercase}.system-overall strong{display:block;margin-top:6px;font-size:20px}.system-overall.status-error{background:rgba(140,25,25,.32)}.system-overall.status-warning{background:rgba(145,105,0,.3)}
.system-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.system-center-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.health-check-list{display:grid;gap:10px}.health-check{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid #e5ded0;border-radius:15px}.health-dot{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#35a269;box-shadow:0 0 0 4px rgba(53,162,105,.12)}.health-check.status-warning .health-dot{background:#d19a22;box-shadow:0 0 0 4px rgba(209,154,34,.14)}.health-check.status-error .health-dot{background:#c84d4d;box-shadow:0 0 0 4px rgba(200,77,77,.13)}.health-check strong,.health-check small{display:block}.health-check small{margin-top:3px;color:#718077;overflow-wrap:anywhere}.release-card h2{margin:8px 0 0;font-size:44px}.release-card>strong{display:block;margin-bottom:8px;font-size:18px}.release-facts{display:grid;gap:0;margin:18px 0 0}.release-facts div{padding:11px 0;border-top:1px solid #ece6db}.release-facts dt{color:#718077;font-size:12px;text-transform:uppercase}.release-facts dd{margin:4px 0 0;overflow-wrap:anywhere;font-weight:700}.system-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.system-actions form{margin:0}.restore-details{position:relative}.restore-details summary{list-style:none;cursor:pointer}.restore-details summary::-webkit-details-marker{display:none}.restore-details form{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:280px;padding:16px;border:1px solid #ddd4c6;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(20,50,40,.18)}.restore-details input{width:100%;box-sizing:border-box;margin:8px 0 10px}.maintenance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.maintenance-card{display:flex;flex-direction:column;padding:18px;border:1px solid #e5ded0;border-radius:18px;background:#fff}.maintenance-card h3{margin:0 0 8px}.maintenance-card p{flex:1;margin:0 0 16px;color:#6b7771}.maintenance-card form,.maintenance-card button{width:100%}.maintenance-log{display:grid;gap:10px;max-height:370px;overflow:auto}.maintenance-log article{padding:12px 0;border-bottom:1px solid #ece6db}.maintenance-log span{float:right;color:#78837e;font-size:12px}.maintenance-log p{margin:5px 0 0;color:#65716b}
@media(max-width:1300px){.system-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.system-center-hero{align-items:flex-start;flex-direction:column}.system-overall{width:100%;box-sizing:border-box}.system-center-grid{grid-template-columns:minmax(0,1fr)}.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.system-center-hero{padding:24px}.system-kpis,.maintenance-grid{grid-template-columns:minmax(0,1fr)}.backup-center .panel-head{align-items:stretch;flex-direction:column}.backup-center .panel-head .button{width:100%}.system-actions{align-items:stretch;flex-direction:column}.system-actions>a,.system-actions>form,.system-actions>form button,.system-actions>details,.system-actions>details summary{width:100%;box-sizing:border-box;text-align:center}.restore-details form{position:static;width:100%;margin-top:8px;box-shadow:none}.maintenance-log span{float:none;display:block;margin-top:3px}}


/* V6.5.3 HF1 – SQLite Optimization UX */
.sqlite-optimization-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:24px;margin-bottom:18px;padding:24px;border:1px solid #d9e5df;border-radius:22px;background:linear-gradient(135deg,#f5faf7,#eef6f2)}
.sqlite-optimization-copy h3{margin:6px 0 8px;font-size:24px}.sqlite-optimization-copy p{margin:0;color:#596b63}.sqlite-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:18px 0;padding:0;list-style:none}.sqlite-benefits li{position:relative;padding-left:25px;color:#315448;font-weight:700}.sqlite-benefits li::before{content:'✓';position:absolute;left:0;top:0;color:#218354;font-weight:900}.sqlite-recommendation{display:block;padding:12px 14px;border-left:4px solid #d6ad57;border-radius:8px;background:#fff9e9;color:#675628}.sqlite-optimization-action{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid #d9e5df;border-radius:18px;background:#fff;text-align:center}.sqlite-optimization-action>span{color:#718077;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sqlite-optimization-action>strong{display:block;margin:8px 0 18px;color:#164d3d;font-size:32px}.sqlite-optimization-action form,.sqlite-optimization-action button{width:100%}.maintenance-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.sqlite-optimization-card{grid-template-columns:minmax(0,1fr)}.maintenance-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sqlite-optimization-card{padding:18px}.sqlite-benefits,.maintenance-grid-secondary{grid-template-columns:minmax(0,1fr)}.sqlite-optimization-action>strong{font-size:28px}}

/* V6.6.0 – Cost Intelligence Dashboard */
.cost-hero{display:flex;justify-content:space-between;gap:28px;align-items:stretch;padding:28px;border-radius:24px;background:linear-gradient(135deg,#103d31,#1d5948);color:#fff;margin-bottom:22px;overflow:hidden}.cost-hero>div:first-child{max-width:720px}.cost-hero h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:.25rem 0 .65rem}.cost-hero p{margin:0;opacity:.86;line-height:1.65}.cost-hero .eyebrow{color:#c9eadc}.cost-confidence{min-width:260px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:center}.cost-confidence>span,.cost-confidence small{opacity:.8}.cost-confidence strong{font-size:2.2rem;margin:5px 0}.confidence-track{height:9px;background:rgba(255,255,255,.18);border-radius:10px;overflow:hidden;margin:3px 0 10px}.confidence-track i{display:block;height:100%;background:#fff;border-radius:inherit}.cost-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.cost-kpi{background:#fff;border:1px solid #e3e9e6;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(22,52,43,.05);display:flex;flex-direction:column;min-width:0}.cost-kpi span{color:#60736c;font-size:.87rem}.cost-kpi strong{font-size:1.75rem;margin:8px 0;color:#173c31}.cost-kpi small{color:#768780;line-height:1.45}.cost-kpi-accent{background:#f0f8f4;border-color:#bcdccc}.cost-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.cost-panel{padding:22px;border-radius:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading h3{margin:3px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#398164}.status-pill{white-space:nowrap;background:#edf4f1;color:#3b6858;border-radius:999px;padding:6px 10px;font-size:.76rem}.cost-table-wrap{overflow-x:auto}.cost-table{width:100%;border-collapse:collapse;min-width:520px}.cost-table th,.cost-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0ef;font-size:.88rem}.cost-table th{color:#6d7d77;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.cost-table td strong,.cost-table td small{display:block}.cost-table td small{color:#82918c;margin-top:3px}.trend-up{color:#a83d36;font-weight:700}.trend-down,.saving-value{color:#257455;font-weight:700}.cost-empty{text-align:center;padding:38px 22px;border:1px dashed #cdd9d4;border-radius:15px;background:#fafcfb}.cost-empty p{color:#6d7d77;margin:.5rem auto 0;max-width:490px}.cost-empty.compact{padding:22px}.critical-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.critical-cost-grid article{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff7f5;border:1px solid #efd2cc}.critical-cost-grid strong,.critical-cost-grid small{display:block}.critical-cost-grid small{color:#88746f;margin-top:3px}.critical-cost-grid span{font-weight:700;color:#9a4439;text-align:right}.cost-explain{margin-top:18px;padding:24px;border-radius:20px}.cost-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.cost-explain-grid p{margin:0;padding:15px;background:#f6f9f7;border-radius:13px;color:#66766f;line-height:1.45}.cost-explain-grid strong{display:block;color:#254c3e;margin-bottom:5px}.cost-explain>small{color:#7b8a84}
@media(max-width:1100px){.cost-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-grid-two{grid-template-columns:1fr}.cost-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cost-hero{flex-direction:column;padding:22px}.cost-confidence{min-width:0}.cost-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.cost-kpi{padding:16px}.cost-kpi strong{font-size:1.45rem}.critical-cost-grid,.cost-explain-grid{grid-template-columns:1fr}.cost-panel,.cost-explain{padding:17px}.panel-heading{align-items:center}}
@media(max-width:430px){.cost-kpi-grid{grid-template-columns:1fr}.panel-heading{align-items:flex-start;flex-direction:column}.status-pill{white-space:normal}}

/* V6.6.1 Part 2 – Price Intelligence */
.price-hero{display:flex;justify-content:space-between;gap:28px;align-items:stretch;padding:28px;border-radius:24px;background:linear-gradient(135deg,#173a4b,#235b66);color:#fff;margin-bottom:22px}.price-hero>div:first-child{max-width:760px}.price-hero h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:.25rem 0 .65rem}.price-hero p{margin:0;opacity:.86;line-height:1.65}.price-hero .eyebrow{color:#cfe9ef}.price-quality{min-width:260px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:center}.price-quality>span,.price-quality small{opacity:.8}.price-quality strong{font-size:2.2rem;margin:5px 0}.price-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.price-kpi{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #dfe8e9;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(22,52,43,.05)}.price-kpi span{color:#60736c;font-size:.87rem}.price-kpi strong{margin:8px 0;color:#173c4b;font-size:1.75rem}.price-kpi small{color:#768780;line-height:1.45}.price-kpi-alert{border-color:#e8c8c1;background:#fff7f5}.price-workbench{padding:22px;border-radius:20px;margin-bottom:18px}.price-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.price-toolbar h3{margin:3px 0 0}.price-controls{display:flex;gap:10px;min-width:min(100%,560px)}.price-controls input,.price-controls select{box-sizing:border-box;min-height:44px;border:1px solid #ccd8d4;border-radius:12px;background:#fff;padding:0 13px}.price-controls input{flex:1;min-width:220px}.price-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:18px;align-items:start}.price-table-wrap{overflow:auto;max-height:710px;border:1px solid #e3e9e6;border-radius:16px}.price-table{width:100%;border-collapse:collapse;min-width:840px}.price-table thead{position:sticky;top:0;z-index:2;background:#f5f8f7}.price-table th,.price-table td{text-align:left;padding:12px 11px;border-bottom:1px solid #edf0ef;font-size:.86rem}.price-table th{color:#687872;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.price-table td strong,.price-table td small{display:block}.price-table td small{margin-top:3px;color:#82918c}.price-row{cursor:pointer;transition:background .15s ease}.price-row:hover,.price-row:focus,.price-row.is-selected{outline:none;background:#eef7f4}.price-row.is-selected{box-shadow:inset 3px 0 #28775e}.trend-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800}.trend-up{color:#a83d36}.trend-down{color:#257455}.trend-badge.trend-up{background:#fff0ed}.trend-badge.trend-down{background:#eaf7f0}.trend-badge.trend-stable{background:#f1f3f2;color:#66746f}.quality-mini{display:block;width:72px;height:6px;margin-bottom:5px;overflow:hidden;border-radius:9px;background:#e7eeeb}.quality-mini i{display:block;height:100%;border-radius:inherit;background:#338369}.price-empty-filter{padding:26px;text-align:center;color:#6f7d78}.price-detail{position:sticky;top:18px;min-height:460px;padding:20px;border:1px solid #dce6e3;border-radius:18px;background:linear-gradient(180deg,#f8fbfa,#fff)}.price-detail-placeholder{display:flex;min-height:410px;flex-direction:column;justify-content:center;text-align:center}.price-detail-placeholder h3{margin:7px 0}.price-detail-placeholder p{margin:0 auto;max-width:330px;color:#6d7d77}.price-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.price-detail-head h3{margin:4px 0 2px}.price-detail-head>strong{color:#164d3d;font-size:1.2rem;text-align:right}.price-periods{display:flex;gap:7px;margin:18px 0 12px}.price-periods button{flex:1;border:1px solid #cddbd6;border-radius:10px;background:#fff;padding:9px;color:#48625a;font-weight:700;cursor:pointer}.price-periods button.is-active{border-color:#276f59;background:#276f59;color:#fff}.price-chart-box{position:relative;height:250px;padding:12px 5px 3px}.chart-empty{display:flex;height:100%;align-items:center;justify-content:center;padding:20px;text-align:center;color:#76847f}.price-detail-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.price-detail-kpis div{padding:11px;border-radius:12px;background:#f0f5f3}.price-detail-kpis span,.price-detail-kpis strong{display:block}.price-detail-kpis span{color:#71817b;font-size:.72rem}.price-detail-kpis strong{margin-top:4px;color:#244b3e;font-size:.9rem}.price-alert-list{display:grid;gap:8px;margin-top:14px}.price-alert{display:flex;flex-direction:column;padding:11px 13px;border-radius:12px;border-left:4px solid #d59a28;background:#fff8e8}.price-alert strong{font-size:.87rem}.price-alert span{margin-top:3px;color:#6e746f;font-size:.8rem;line-height:1.4}.price-alert-critical{border-left-color:#b9443b;background:#fff1ef}.price-alert-warning{border-left-color:#d59a28}.price-alert-info,.price-alert-ok{border-left-color:#348064;background:#edf8f3}.price-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.price-panel{padding:22px;border-radius:20px}
@media(max-width:1180px){.price-layout{grid-template-columns:1fr}.price-detail{position:static}.price-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.price-hero{flex-direction:column;padding:22px}.price-quality{min-width:0}.price-toolbar{align-items:stretch;flex-direction:column}.price-controls{min-width:0}.price-grid-two{grid-template-columns:1fr}}
@media(max-width:600px){.price-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.price-kpi{padding:16px}.price-kpi strong{font-size:1.45rem}.price-workbench,.price-panel{padding:16px}.price-controls{flex-direction:column}.price-controls input{min-width:0;width:100%}.price-controls select{width:100%}.price-detail{padding:15px}.price-detail-head{flex-direction:column}.price-detail-head>strong{text-align:left}.price-chart-box{height:220px}}
@media(max-width:430px){.price-kpi-grid{grid-template-columns:1fr}.price-detail-kpis{grid-template-columns:1fr}.price-periods{gap:4px}.price-periods button{padding:8px 5px;font-size:.78rem}}

/* V6.6.2 Part 2 – Supplier Intelligence */
.supplier-hero{display:flex;justify-content:space-between;gap:28px;padding:29px;border-radius:24px;background:linear-gradient(135deg,#183c32,#346653);color:#fff;margin-bottom:22px}.supplier-hero>div:first-child{max-width:760px}.supplier-hero h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:.25rem 0 .65rem}.supplier-hero p{margin:0;opacity:.85;line-height:1.65}.supplier-hero .eyebrow{color:#e6c56e}.supplier-best{min-width:260px;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.09)}.supplier-best span,.supplier-best small{opacity:.8}.supplier-best strong{margin:6px 0 2px;font-size:1.45rem}.supplier-best b{font-size:2rem;color:#f0d58d}.supplier-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.supplier-kpis article{display:flex;flex-direction:column;padding:19px;border:1px solid #dde7e2;border-radius:18px;background:#fff}.supplier-kpis span{font-size:.83rem;color:#667a71}.supplier-kpis strong{margin:7px 0;color:#194b3a;font-size:1.55rem}.supplier-kpis small{color:#7b8983;line-height:1.4}.supplier-kpi-alert{background:#fff8f3!important;border-color:#ecd1c2!important}.supplier-workbench{padding:22px;margin-bottom:18px}.supplier-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.supplier-toolbar h3{margin:3px 0 0}.supplier-controls{display:flex;gap:10px;min-width:min(100%,500px)}.supplier-controls input,.supplier-controls select{min-height:44px;padding:0 13px;border:1px solid #ccd8d2;border-radius:12px;background:#fff}.supplier-controls input{flex:1}.supplier-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.7fr);gap:18px;align-items:start}.supplier-table-wrap{overflow:auto;max-height:700px;border:1px solid #e2e9e5;border-radius:16px}.supplier-table{width:100%;min-width:850px;border-collapse:collapse}.supplier-table thead{position:sticky;top:0;z-index:2;background:#f5f8f6}.supplier-table th,.supplier-table td{padding:12px 11px;text-align:left;border-bottom:1px solid #edf1ef;font-size:.85rem}.supplier-table th{font-size:.7rem;color:#6d7d76;text-transform:uppercase;letter-spacing:.05em}.supplier-table td strong,.supplier-table td small{display:block}.supplier-table td small{margin-top:3px;color:#819089}.supplier-row{cursor:pointer}.supplier-row:hover,.supplier-row:focus,.supplier-row.is-selected{outline:none;background:#eef7f2}.supplier-row.is-selected{box-shadow:inset 3px 0 #2e795d}.supplier-rank{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:#e9f1ed;color:#245a46;font-weight:900}.supplier-detail{position:sticky;top:18px;padding:20px;border:1px solid #dce6e1;border-radius:18px;background:linear-gradient(180deg,#f7faf8,#fff);min-height:470px}.supplier-placeholder{display:flex;min-height:430px;flex-direction:column;justify-content:center;text-align:center}.supplier-placeholder p{color:#6c7c75}.supplier-detail-head{display:flex;justify-content:space-between;gap:14px}.supplier-detail-head h3{margin:4px 0}.supplier-score-ring{display:flex;width:92px;height:92px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border:8px solid #dcebe4;border-radius:50%;color:#1d5c43}.supplier-score-ring strong{font-size:1.6rem}.supplier-score-ring span{font-size:.7rem}.supplier-component-list{display:grid;gap:10px;margin:18px 0}.supplier-component-list>div{padding:10px 12px;border-radius:12px;background:#f0f5f2}.supplier-component-list>div>div:first-child{display:flex;justify-content:space-between}.supplier-component-list small{color:#77867f}.supplier-component-track{height:6px;margin:6px 0;border-radius:8px;background:#dce7e2;overflow:hidden}.supplier-component-track i{display:block;height:100%;background:#367d60}.supplier-detail-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.supplier-detail-kpis div{padding:10px;border-radius:11px;background:#f1f5f3}.supplier-detail-kpis span,.supplier-detail-kpis strong{display:block}.supplier-detail-kpis span{font-size:.7rem;color:#718078}.supplier-detail-kpis strong{margin-top:4px;font-size:.86rem;color:#244c3c}.supplier-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.supplier-panel,.supplier-contacts{padding:22px}.supplier-alert-overview{display:grid;gap:9px}.supplier-alert-link{display:flex;flex-direction:column;text-align:left;border:0;border-left:4px solid #d09a2e;border-radius:11px;background:#fff8e9;padding:11px 13px;cursor:pointer}.supplier-alert-link.priority-critical{border-left-color:#b8443b;background:#fff1ef}.supplier-alert-link span{margin-top:4px;color:#6f776f;font-size:.8rem}.supplier-weight-list{display:grid;gap:13px}.supplier-weight-list>div{display:grid;grid-template-columns:130px 1fr 45px;gap:10px;align-items:center}.supplier-weight-list>div>div{height:8px;overflow:hidden;border-radius:10px;background:#e4ebe7}.supplier-weight-list i{display:block;height:100%;background:#39795f}.supplier-weight-list strong{text-align:right}.supplier-contacts{margin-bottom:18px}
@media(max-width:1180px){.supplier-kpis{grid-template-columns:repeat(3,1fr)}.supplier-layout{grid-template-columns:1fr}.supplier-detail{position:static}.supplier-grid-two{grid-template-columns:1fr}}
@media(max-width:800px){.supplier-hero{flex-direction:column;padding:22px}.supplier-best{min-width:0}.supplier-toolbar{align-items:stretch;flex-direction:column}.supplier-controls{min-width:0}.supplier-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.supplier-kpis{grid-template-columns:1fr}.supplier-workbench,.supplier-panel,.supplier-contacts{padding:16px}.supplier-controls{flex-direction:column}.supplier-controls input,.supplier-controls select{width:100%}.supplier-detail{padding:15px}.supplier-detail-head{flex-direction:column}.supplier-detail-kpis{grid-template-columns:1fr}.supplier-weight-list>div{grid-template-columns:105px 1fr 38px}}

/* V6.7.0 Part 2 — AI Business Advisor */
.advisor-shell{display:grid;gap:18px}.advisor-status{padding:10px 14px;border:1px solid var(--line,#d9e2dd);border-radius:12px;background:#fff;color:#50625a;font-size:.9rem}.advisor-status[data-tone="success"]{color:#17633e}.advisor-status[data-tone="error"]{color:#a12b2b}.advisor-status[data-tone="warning"]{color:#8a5a00}.advisor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.advisor-kpi{padding:18px;border:1px solid var(--line,#d9e2dd);border-radius:16px;background:linear-gradient(145deg,#fff,#f5f8f6);box-shadow:0 8px 24px rgba(15,51,40,.06)}.advisor-kpi span,.advisor-kpi small{display:block;color:#687a72}.advisor-kpi strong{display:block;margin:6px 0;font-size:1.65rem;color:#0f3328}.advisor-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;align-items:start}.advisor-sidebar,.advisor-workspace{border:1px solid var(--line,#d9e2dd);border-radius:18px;background:#fff}.advisor-sidebar{padding:18px;position:sticky;top:18px}.advisor-panel-heading h2,.advisor-answer h2,.advisor-empty h2{margin:.2rem 0 .8rem}.eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#6f8178;font-weight:700}.advisor-quick-list{display:grid;gap:9px}.advisor-quick-question{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:13px;border:1px solid #dbe5df;border-radius:12px;background:#f8faf9;color:#173a2f;cursor:pointer}.advisor-quick-question:hover{border-color:#8caf9f;background:#f0f6f3}.advisor-privacy-note{margin-top:18px;padding:14px;border-radius:12px;background:#eef5f1}.advisor-privacy-note p{margin:.4rem 0 0;color:#5b6c64;font-size:.9rem}.advisor-workspace{padding:20px;min-height:520px}.advisor-question-form label{display:block;margin-bottom:8px;font-weight:700}.advisor-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.advisor-input-row textarea{width:100%;resize:vertical;min-height:68px;padding:13px;border:1px solid #cddbd4;border-radius:12px;font:inherit}.advisor-input-row .button{align-self:stretch;min-width:130px}.advisor-empty{text-align:center;padding:70px 24px;color:#5b6c64}.advisor-orb{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#0f3328;color:#fff;font-weight:800;font-size:1.35rem;box-shadow:0 12px 35px rgba(15,51,40,.2)}.advisor-answer{margin-top:20px}.advisor-answer>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e1e8e4}.advisor-score{padding:9px 12px;border-radius:999px;background:#e9f3ee;color:#14553a;font-weight:800}.advisor-answer-copy{white-space:pre-line;padding:20px 0;font-size:1.03rem;line-height:1.65}.advisor-method{padding:12px 14px;border-left:3px solid #7ca48f;background:#f4f8f6;color:#53665d;font-size:.9rem}.advisor-actions{display:grid;gap:12px;margin-top:22px}.advisor-actions h3{margin-bottom:0}.advisor-action{padding:16px;border:1px solid #dce5e0;border-left-width:5px;border-radius:13px;background:#fff}.advisor-action.priority-critical{border-left-color:#b73535}.advisor-action.priority-warning{border-left-color:#d18b20}.advisor-action.priority-opportunity{border-left-color:#2d8a5d}.advisor-action-top,.advisor-action-meta{display:flex;justify-content:space-between;gap:12px}.advisor-priority,.advisor-rank{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#677970}.advisor-action h4{margin:8px 0 6px}.advisor-action p{margin:0;color:#56685f}.advisor-action-meta{margin:12px 0;color:#718078;font-size:.82rem}.advisor-action a{font-weight:700;color:#15583d;text-decoration:none}
@media(max-width:1000px){.advisor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-layout{grid-template-columns:1fr}.advisor-sidebar{position:static}.advisor-quick-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.advisor-kpis{grid-template-columns:1fr 1fr;gap:9px}.advisor-kpi{padding:14px}.advisor-kpi strong{font-size:1.3rem}.advisor-workspace,.advisor-sidebar{padding:14px}.advisor-quick-list{grid-template-columns:1fr}.advisor-input-row{grid-template-columns:1fr}.advisor-input-row .button{min-height:48px}.advisor-empty{padding:48px 10px}.advisor-answer>header{align-items:center}.advisor-action-meta{flex-wrap:wrap}}

/* V6.8.0 Part 2 · Decision Intelligence */
.decision-shell{display:grid;gap:18px}.decision-status{padding:10px 14px;border:1px solid #d9e2dd;border-radius:12px;background:#fff;color:#50625a}.decision-status[data-tone=success]{color:#17633e}.decision-status[data-tone=error]{color:#a12b2b}.decision-status[data-tone=warning]{color:#8a5a00}.decision-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.decision-kpis article{padding:18px;border:1px solid #d9e2dd;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f8f6);box-shadow:0 8px 24px rgba(15,51,40,.06)}.decision-kpis span,.decision-kpis small{display:block;color:#687a72}.decision-kpis strong{display:block;margin:6px 0;font-size:1.55rem;color:#0f3328}.decision-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.decision-editor,.decision-result,.decision-comparison{border:1px solid #d9e2dd;border-radius:18px;background:#fff;padding:20px}.decision-editor{position:sticky;top:18px}.decision-editor h2,.decision-results h2{margin:.2rem 0 1rem}.decision-editor form{display:grid;gap:16px}.decision-editor label{display:grid;gap:7px;font-weight:700;color:#29463c}.decision-editor label output{justify-self:end;margin-top:-26px;color:#577067}.decision-editor input[type=text],.decision-editor input[type=number],.decision-editor input:not([type]){padding:11px;border:1px solid #ccd9d2;border-radius:10px;font:inherit}.decision-editor input[type=range]{width:100%;accent-color:#15583d}.decision-presets{margin-top:22px;padding-top:18px;border-top:1px solid #e1e8e4}.decision-presets h3{margin:0 0 10px}.decision-presets>div{display:flex;flex-wrap:wrap;gap:8px}.decision-presets button{padding:9px 12px;border:1px solid #cbdad2;border-radius:999px;background:#f4f8f6;cursor:pointer;color:#21483a}.decision-results{display:grid;gap:18px}.decision-result>header,.decision-comparison>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.decision-score{padding:10px 13px;border-radius:999px;background:#e7f2ec;color:#15583d}.decision-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.decision-result-grid>div{padding:14px;border-radius:12px;background:#f5f8f6}.decision-result-grid span{display:block;color:#6c7c74;font-size:.82rem}.decision-result-grid strong{display:block;margin-top:5px;font-size:1.15rem}.decision-result-grid strong[data-tone=positive],.is-positive{color:#167044}.decision-result-grid strong[data-tone=negative],.is-negative{color:#ad3434}.decision-bar{height:10px;background:#e6ece9;border-radius:999px;overflow:hidden}.decision-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8ab49f,#15583d);transition:width .35s ease}.decision-recommendation{margin:16px 0 0;padding:14px;border-left:4px solid #7ca48f;background:#f4f8f6}.decision-table-wrap{overflow:auto;margin-top:16px}.decision-comparison table{width:100%;border-collapse:collapse;min-width:690px}.decision-comparison th,.decision-comparison td{padding:11px 10px;border-bottom:1px solid #e5ebe8;text-align:left}.decision-comparison th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#6a7a72}.decision-best{display:grid;gap:4px;margin-top:16px;padding:15px;border-radius:12px;background:#edf5f1}.decision-best span{color:#587067}.button.secondary{background:#eef4f1;color:#174b38;border:1px solid #c8d9d0}
@media(max-width:1050px){.decision-kpis{grid-template-columns:repeat(2,1fr)}.decision-layout{grid-template-columns:1fr}.decision-editor{position:static}.decision-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.decision-kpis{grid-template-columns:1fr 1fr;gap:9px}.decision-kpis article,.decision-editor,.decision-result,.decision-comparison{padding:14px}.decision-kpis strong{font-size:1.2rem}.decision-result-grid{grid-template-columns:1fr 1fr}.decision-result>header,.decision-comparison>header{align-items:center;flex-wrap:wrap}.decision-comparison>header .button{width:100%}}

/* FH Business Suite V6.8.0-HF2 – Unified navigation hotfix */
.decision-page-hero{display:none}
.decision-shell,.decision-layout,.decision-results,.decision-editor,.decision-result,.decision-comparison{min-width:0}
.decision-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.decision-result-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.decision-editor input,.decision-editor button{max-width:100%}

/* Compact desktop and Windows split-screen retain the standard fixed sidebar.
   The mobile drawer is reserved for actual mobile widths below 761 px. */
@media (min-width:761px) and (max-width:1100px){
  body.decision-page .layout{display:block;min-height:100vh}
  body.decision-page .sidebar{
    position:fixed!important;left:0;top:0;bottom:0;height:100vh;
    width:180px;transform:none!important;margin:0;z-index:100;
    padding:24px 14px;overflow-y:auto;transition:none
  }
  body.decision-page main{margin-left:180px;width:calc(100% - 180px);padding:20px}
  body.decision-page .mobile-app-header,
  body.decision-page .mobile-menu-button,
  body.decision-page .mobile-overlay{display:none!important}
  body.decision-page .topbar{display:flex}
  body.decision-page .decision-page-hero{display:none}
  body.decision-page .brand{gap:10px;margin-bottom:22px}
  body.decision-page .brand .crest{width:48px;height:48px;font-size:18px;flex:0 0 48px}
  body.decision-page .brand strong{font-size:17px;line-height:1.15}
  body.decision-page .brand small{font-size:11px}
  body.decision-page .sidebar nav{gap:3px}
  body.decision-page .sidebar nav a{padding:10px 9px;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
  body.decision-page .sidebar-branding{font-size:9px}
  body.decision-page .sidebar-branding>strong{font-size:12px}
  .decision-layout{grid-template-columns:minmax(250px,315px) minmax(0,1fr);gap:14px}
  .decision-editor,.decision-result,.decision-comparison{padding:17px}
}

@media (min-width:981px) and (max-width:1100px){
  body.decision-page .sidebar{width:195px}
  body.decision-page main{margin-left:195px;width:calc(100% - 195px)}
}

@media (min-width:761px) and (max-width:900px){
  .decision-layout{grid-template-columns:1fr}
  .decision-editor{position:static}
  .decision-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  body.decision-page main{padding:12px}
  body.decision-page .decision-page-hero{display:grid;gap:5px;padding:17px;border-radius:16px;background:linear-gradient(135deg,#123d30,#0a281f);color:#fff}
  body.decision-page .decision-page-hero h1{margin:0;color:#fff;font-size:1.72rem;line-height:1.08}
  body.decision-page .decision-page-hero p{margin:0;color:rgba(255,255,255,.74);font-size:.92rem;line-height:1.45}
  body.decision-page .decision-page-hero .eyebrow{color:var(--gold)}
  .decision-shell{gap:12px}
  .decision-status{padding:10px 12px;font-size:.9rem}
  .decision-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .decision-kpis article{padding:13px;border-radius:14px}
  .decision-kpis span{font-size:.78rem}
  .decision-kpis strong{font-size:1.22rem;overflow-wrap:anywhere}
  .decision-kpis small{font-size:.72rem}
  .decision-layout,.decision-results{gap:12px}
  .decision-editor,.decision-result,.decision-comparison{padding:14px;border-radius:15px}
  .decision-editor h2,.decision-results h2{font-size:1.28rem;line-height:1.15}
  .decision-editor form{gap:14px}
  .decision-editor label{font-size:.9rem}
  .decision-editor input[type=text],.decision-editor input[type=number],.decision-editor input:not([type]){font-size:16px;min-height:46px}
  .decision-editor input[type=range]{min-height:34px}
  .decision-submit{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:5;width:100%;min-height:48px;box-shadow:0 10px 28px rgba(15,51,40,.2)}
  .decision-presets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .decision-presets button{padding:10px 7px;border-radius:12px;font-size:.78rem;white-space:normal}
  .decision-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .decision-result-grid>div{padding:11px}
  .decision-result-grid strong{font-size:1rem;overflow-wrap:anywhere}
  .decision-recommendation{font-size:.9rem;line-height:1.5}
  .decision-table-wrap{overflow:visible}
  .decision-comparison table,.decision-comparison tbody,.decision-comparison tr,.decision-comparison td{display:block;width:100%;min-width:0}
  .decision-comparison thead{display:none}
  .decision-comparison tr{padding:11px 12px;margin-bottom:10px;border:1px solid #e0e8e4;border-radius:13px;background:#fbfcfb}
  .decision-comparison td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;border:0;text-align:right}
  .decision-comparison td::before{content:attr(data-label);flex:0 0 auto;color:#6a7a72;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:left}
  .decision-comparison td[data-label="Szenario"]{padding-bottom:8px;margin-bottom:3px;border-bottom:1px solid #e5ebe8}
  .decision-best{font-size:.9rem}
}

@media (max-width:430px){
  .decision-kpis,.decision-result-grid{grid-template-columns:1fr}
  .decision-presets>div{grid-template-columns:1fr}
  .decision-result>header,.decision-comparison>header{align-items:flex-start}
  .decision-score{font-size:.9rem}
}

/* FH Business Suite V6.8.0-HF5 – Unified header layout hotfix */
/* FH Business Suite V6.8.0-HF5 – Centered user identity hotfix */
@media (min-width:761px) and (max-width:1100px){
  body.decision-page .topbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  body.decision-page .topbar>div:first-child{
    width:100%;
    min-width:0;
  }
  body.decision-page .user-box-inline{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:16px;
    width:100%;
    max-width:none;
    box-sizing:border-box;
  }
  body.decision-page .user-box-inline strong,
  body.decision-page .user-box-inline small,
  body.decision-page .user-box-inline .link-button{
    white-space:nowrap;
  }
  body.decision-page .user-box-inline strong{justify-self:start}
  body.decision-page .user-box-inline small{justify-self:center;text-align:center}
  body.decision-page .user-box-inline .link-button{justify-self:end}
}

@media (max-width:760px){
  body.decision-page .user-box-inline{display:none}
}


/* FH Business Suite V6.8.0-HF6 – Unified account controls hotfix */
.sidebar-mobile-account{display:none}

@media (min-width:761px) and (max-width:1100px){
  body.decision-page .user-box-inline form{
    justify-self:end;
    margin:0;
    text-align:right;
  }
  body.decision-page .user-box-inline form .link-button{
    display:inline-flex;
    justify-content:flex-end;
    width:auto;
    padding-left:0;
    padding-right:0;
  }
}

@media (max-width:760px){
  .sidebar-mobile-account{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    margin-top:18px;
    padding:14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:#fff;
  }
  .sidebar-mobile-account strong,
  .sidebar-mobile-account small{display:block}
  .sidebar-mobile-account strong{font-size:.95rem;line-height:1.25}
  .sidebar-mobile-account small{margin-top:3px;color:rgba(255,255,255,.68);font-size:.78rem}
  .sidebar-mobile-account form{margin:0}
  .sidebar-mobile-logout{
    min-height:42px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:11px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font:inherit;
    font-weight:800;
    cursor:pointer;
  }
  .sidebar-mobile-logout:focus-visible{outline:3px solid rgba(216,181,89,.75);outline-offset:2px}
}
/* Compatibility markers for cumulative HF6 release */
/* FH Business Suite V6.8.0-HF6 – Unified header layout hotfix */
/* FH Business Suite V6.8.0-HF6 – Centered user identity hotfix */

/* V6.9.0 Part 2 – Operations Intelligence Dashboard */
.operations-shell{display:grid;gap:20px}.operations-status{font-size:.82rem;color:var(--muted,#68756f)}.operations-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#0f3328,#1b5845);color:#fff;box-shadow:0 18px 45px rgba(15,51,40,.18)}.operations-hero h2{margin:.35rem 0}.operations-hero p{margin:0;opacity:.82}.operations-score{min-width:170px;text-align:center;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.08)}.operations-score strong{font-size:3.2rem;line-height:1}.operations-score span{opacity:.75}.operations-score small{display:block;margin-top:8px;font-weight:700}.operations-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.operations-kpis article,.operations-panel{background:var(--surface,#fff);border:1px solid rgba(15,51,40,.1);border-radius:18px;box-shadow:0 10px 26px rgba(15,51,40,.06)}.operations-kpis article{padding:18px;display:grid;gap:6px}.operations-kpis span,.operations-kpis small{color:var(--muted,#68756f)}.operations-kpis strong{font-size:1.75rem}.operations-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:20px}.operations-panel{padding:22px}.operations-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.operations-panel-head h2{margin:.25rem 0 0}.operations-count,.operations-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.operations-count{min-width:34px;height:34px;background:#edf5f1}.operations-priorities{display:grid;gap:12px}.operations-priority{border-left:4px solid #8b9a93;padding:14px 16px;background:#f8faf9;border-radius:12px}.operations-priority.priority-critical{border-color:#b42318}.operations-priority.priority-high{border-color:#d97706}.operations-priority.priority-medium{border-color:#ca8a04}.operations-priority>div{display:flex;justify-content:space-between;gap:10px}.operations-priority h3{margin:10px 0 5px;font-size:1rem}.operations-priority p{margin:0 0 8px;color:var(--muted,#68756f)}.operations-priority a,.operations-tasks a{font-weight:700;text-decoration:none}.operations-badge{padding:4px 9px;background:#edf5f1;font-size:.75rem}.operations-badge.priority-critical{background:#fee4e2;color:#912018}.operations-badge.priority-high{background:#fff1d6;color:#92400e}.operations-badge.priority-medium{background:#fef9c3;color:#854d0e}.operations-briefing{font-size:1.08rem;line-height:1.7}.operations-trust{display:grid;gap:5px;padding:15px;border-radius:12px;background:#edf5f1}.operations-trust span{font-size:.85rem;color:var(--muted,#68756f)}.operations-table-wrap{overflow:auto}.operations-tasks table{width:100%;border-collapse:collapse}.operations-tasks th,.operations-tasks td{text-align:left;padding:13px 10px;border-bottom:1px solid rgba(15,51,40,.09);vertical-align:top}.operations-tasks td small{display:block;color:var(--muted,#68756f);margin-top:4px}.operations-empty{padding:25px;text-align:center;color:var(--muted,#68756f)}
@media(max-width:1100px){.operations-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-grid{grid-template-columns:1fr}}
@media(max-width:640px){.operations-hero{align-items:stretch;flex-direction:column;padding:20px}.operations-score{min-width:0}.operations-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-kpis article:last-child{grid-column:1/-1}.operations-panel{padding:16px}.operations-table-wrap{overflow:visible}.operations-tasks table,.operations-tasks tbody,.operations-tasks tr,.operations-tasks td{display:block}.operations-tasks thead{display:none}.operations-tasks tr{padding:12px 0;border-bottom:1px solid rgba(15,51,40,.12)}.operations-tasks td{display:grid;grid-template-columns:90px 1fr;gap:10px;border:0;padding:6px 0}.operations-tasks td:before{content:attr(data-label);font-size:.75rem;font-weight:700;color:var(--muted,#68756f)}}

/* FH Business Suite V6.9.1 Part 1 – Design System & Shared UI Foundation */
:root{
  --fh-color-primary:#0f3328;
  --fh-color-primary-strong:#081d16;
  --fh-color-accent:#c7a15a;
  --fh-color-surface:#ffffff;
  --fh-color-surface-soft:#f7f3eb;
  --fh-color-text:#17211d;
  --fh-color-muted:#68736d;
  --fh-color-border:#ded7c8;
  --fh-space-1:.25rem;
  --fh-space-2:.5rem;
  --fh-space-3:.75rem;
  --fh-space-4:1rem;
  --fh-space-5:1.5rem;
  --fh-space-6:2rem;
  --fh-radius-sm:.5rem;
  --fh-radius-md:.75rem;
  --fh-radius-lg:1.125rem;
  --fh-shadow-card:0 10px 32px rgba(30,42,35,.07);
  --fh-focus-ring:0 0 0 3px rgba(199,161,90,.36);
}

/* Shared brand lockup: protected spacing prevents the mark from crowding the wordmark. */
.brand-lockup{
  gap:var(--fh-space-5);
  padding-inline:var(--fh-space-1);
  align-items:center;
}
.brand-lockup .brand-mark{
  flex:0 0 auto;
  margin-right:var(--fh-space-1);
}
.brand-lockup .brand-copy{
  min-width:0;
  padding-left:var(--fh-space-1);
}
.brand-lockup .brand-copy strong,
.brand-lockup .brand-copy small{display:block}
.brand-lockup .brand-copy strong{line-height:1.08}
.brand-lockup .brand-copy small{margin-top:var(--fh-space-1);line-height:1.25}

/* Shared account bar used by every module, including split-screen layouts. */
.account-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(6rem,1fr) minmax(0,1fr);
  align-items:center;
  column-gap:var(--fh-space-4);
  width:min(100%,34rem);
}
.account-bar .account-name{justify-self:start;min-width:0;overflow-wrap:anywhere}
.account-bar .account-role{justify-self:center;text-align:center;min-width:0;overflow-wrap:anywhere}
.account-bar .account-action{justify-self:end;margin:0;text-align:right}
.account-bar .account-logout{display:inline-flex;justify-content:flex-end}
.account-bar :focus-visible,
.mobile-account-card :focus-visible{outline:none;box-shadow:var(--fh-focus-ring);border-radius:var(--fh-radius-sm)}

/* Mobile account card shares identity hierarchy and logout treatment. */
.mobile-account-card{
  border-radius:var(--fh-radius-md);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.mobile-account-identity{min-width:0}
.mobile-account-identity strong,
.mobile-account-identity small{overflow-wrap:anywhere}

@media (min-width:761px) and (max-width:1250px){
  .brand-lockup{gap:var(--fh-space-4)}
  .brand-lockup .brand-copy{padding-left:0}
  .account-bar{width:100%}
}

@media(max-width:760px){
  .brand-lockup{
    gap:var(--fh-space-4);
    margin-bottom:var(--fh-space-5);
    padding-right:3.25rem;
  }
  .brand-lockup .brand-mark{margin-right:0}
  .brand-lockup .brand-copy{padding-left:0}
  .topbar .account-bar{display:none}
  .mobile-account-card{display:grid}
}