/* Küchen-Cockpit · Einstieg 140. Darstellung der vorhandenen Bedienelemente.
   Der Betreiberzugang wird weiterhin ausschließlich durch owner-admin.js erzeugt. */
@media screen {
  .topbar.entry140 {
    position:relative!important;isolation:isolate;display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto auto auto!important;
    gap:24px 12px!important;padding:28px 28px 24px!important;
    background:#1b2222!important;color:#fff;border-bottom:1px solid #38403d!important;
    box-shadow:0 8px 24px #18211c0b!important;overflow:clip;
  }
  .topbar.entry140::before {
    content:"";position:absolute;z-index:-1;pointer-events:none;
    width:360px;height:360px;right:2%;top:-56px;
    background:url('./icons/kuechencockpit-kompass-v170-512.png') center/contain no-repeat;
    opacity:.2;mask-image:radial-gradient(ellipse at center,#000 26%,transparent 70%);
  }
  .topbar.entry140::after { height:2px!important;background:linear-gradient(90deg,#dd741f,#dd741f55 60%,transparent)!important; }
  .topbar.entry140>div:nth-child(2) { grid-column:2;grid-row:1;min-width:0; }
  .topbar.entry140 .eyebrow {
    display:block!important;margin:0 0 7px!important;font-size:10px!important;
    line-height:1.4!important;letter-spacing:.12em;color:#ffb477!important;font-weight:650;
  }
  .topbar.entry140 h1 { color:#fff!important;font-size:clamp(24px,2.2vw,32px)!important;font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0; }
  .topbar.entry140 .entry140-intro { margin:7px 0 0;color:#c3cbc5;font-size:13px;line-height:1.4; }
  .topbar.entry140 .topbar-actions { display:contents!important; }
  .topbar.entry140 #menuToggle { grid-column:1;grid-row:1;align-self:center; }
  .topbar.entry140 #kcSellerLockButton { grid-column:3;grid-row:1;align-self:center; }
  .topbar.entry140 #quickProject { grid-column:4;grid-row:1;align-self:center;min-height:46px;padding:11px 18px; }
  .topbar.entry140 #adminPlus { grid-column:5;grid-row:1;align-self:center; }
  .topbar.entry140 :is(#menuToggle,#kcSellerLockButton,#adminPlus) {
    background:#ffffff09!important;color:#f4f5f2!important;border:1px solid #ffffff30!important;
  }
  .topbar.entry140 :is(#menuToggle,#kcSellerLockButton,#adminPlus):hover { background:#ffffff15!important;border-color:#ffffff66!important; }
  .topbar.entry140 #kcCustomerAccess89 {
    grid-column:1/-1;grid-row:2;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;gap:12px 20px!important;align-items:end;
    min-width:0;max-width:none!important;width:100%!important;
  }
  .topbar.entry140 #kcOrderAccess92 {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 16px!important;min-width:0;width:100%!important;
  }
  .topbar.entry140 #kcOrderAccess92 label { min-width:0;gap:7px;color:#e2e7e2!important;font-size:12px;font-weight:600; }
  .topbar.entry140 #kcOrderAccess92 select,
  .topbar.entry140 #globalProjectSelect {
    min-width:0!important;max-width:none!important;width:100%!important;
    min-height:48px!important;font-size:14px;font-weight:550;
    background:#fff!important;color:#252d29!important;border-color:#f3f1eb!important;
    padding:12px 34px 12px 14px!important;text-overflow:ellipsis;
  }
  .topbar.entry140 #kcOrderHint92 { grid-column:1/-1;min-height:0;color:#c3cbc5!important;font-size:11px; }
  .topbar.entry140 #kcOrderHint92:empty { display:none; }
  .topbar.entry140 #kcCustomerImport89 {
    min-height:44px;align-self:end;width:auto!important;max-width:190px;margin:0!important;
    padding:9px 13px!important;font-size:12px!important;line-height:1.4;
    color:#f3f4f0!important;background:#ffffff08!important;border:1px solid #ffffff35!important;
  }
  .topbar.entry140 #kcCustomerImport89:not(:disabled):hover { background:#ffffff15!important;border-color:#ffb477!important; }
  .topbar.entry140:has(#kcOwner82) #kcCustomerAccess89 { grid-column:1/4;grid-template-columns:1fr; }
  .topbar.entry140:has(#kcOwner82) #kcCustomerImport89 { justify-self:start;max-width:none; }
  .topbar.entry140 #kcOwner82 {
    grid-column:4/-1;grid-row:2;align-self:stretch;display:block;
    position:relative;text-align:left;min-width:250px;max-width:340px;width:100%!important;
    min-height:120px;margin:0!important;padding:22px 40px 22px 22px!important;
    white-space:normal!important;word-break:normal;overflow-wrap:normal;line-height:1.35;
    font-size:16px!important;font-weight:650;color:#fff!important;
    background:#2c3432!important;border:1px solid #657267!important;border-left:3px solid #e58a42!important;
    border-radius:10px!important;box-shadow:none!important;
  }
  .topbar.entry140 #kcOwner82::before { content:'↗';position:absolute;right:16px;top:20px;color:#ffb477;font-size:22px;line-height:1; }
  .topbar.entry140 #kcOwner82::after { content:'Unternehmen und Konditionen verwalten';display:block;margin-top:9px;color:#cbd4cc;font-size:12px;font-weight:400;line-height:1.5; }
  .topbar.entry140 #kcOwner82:hover { background:#37413a!important;border-color:#e6ac78!important; }
  .topbar.entry140 :is(button,select):focus-visible { outline:3px solid #ffc08d!important;outline-offset:3px!important;box-shadow:0 0 0 1px #1b2222!important; }
  body.case99-active .topbar.entry140 { padding-top:18px!important;padding-bottom:18px!important;row-gap:18px!important; }
  body.case99-active .topbar.entry140 h1 { font-size:24px!important; }
  body.case99-active .topbar.entry140 .entry140-intro { display:none; }
  @media (max-width:1100px) {
    .topbar.entry140 { padding:24px 20px!important;column-gap:10px!important; }
    .topbar.entry140 #kcOwner82 { min-width:220px;max-width:none;font-size:15px!important;padding-left:18px!important; }
    .topbar.entry140 #kcCustomerAccess89 { grid-template-columns:1fr; }
    .topbar.entry140 #kcCustomerImport89 { justify-self:start;max-width:none; }
  }
  @media (max-width:850px) {
    .topbar.entry140 { grid-template-columns:44px minmax(0,1fr) auto auto!important;gap:18px 10px!important; }
    .topbar.entry140 #kcSellerLockButton { grid-column:3; }
    .topbar.entry140 #adminPlus { grid-column:4; }
    .topbar.entry140 #quickProject { grid-column:1/3;grid-row:3; }
    .topbar.entry140 #kcCustomerAccess89,
    .topbar.entry140:has(#kcOwner82) #kcCustomerAccess89 { grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;gap:12px!important; }
    .topbar.entry140 #kcCustomerImport89 { max-width:155px; }
    .topbar.entry140 #kcOwner82 { grid-column:3/-1;grid-row:3;min-width:220px;min-height:80px;padding:15px 40px 15px 18px!important; }
    .topbar.entry140 #kcOwner82::after { margin-top:5px; }
    .topbar.entry140 #kcOrderAccess92 select { font-size:16px!important; }
  }
  @media (max-width:650px) {
    .topbar.entry140 { grid-template-columns:44px minmax(0,1fr) auto!important;padding:20px 16px!important;gap:18px 10px!important; }
    .topbar.entry140::before { width:280px;height:280px;right:-60px;top:-35px;opacity:.15; }
    .topbar.entry140 .eyebrow { font-size:8px!important;letter-spacing:.09em; }
    .topbar.entry140 h1 { font-size:25px!important; }
    .topbar.entry140 .entry140-intro { font-size:12px;max-width:23ch; }
    .topbar.entry140 #kcSellerLockButton { grid-column:3;grid-row:1; }
    .topbar.entry140 #quickProject { grid-column:1/3;grid-row:2; }
    .topbar.entry140 #adminPlus { grid-column:3;grid-row:2; }
    .topbar.entry140 #kcCustomerAccess89,
    .topbar.entry140:has(#kcOwner82) #kcCustomerAccess89 { grid-column:1/-1;grid-row:3;grid-template-columns:1fr;gap:10px!important; }
    .topbar.entry140 #kcOrderAccess92 { gap:8px 10px!important; }
    .topbar.entry140 #kcCustomerImport89 { justify-self:stretch;max-width:none;width:100%!important;min-height:44px; }
    .topbar.entry140 #kcOwner82 { grid-column:1/-1;grid-row:4;min-width:0;max-width:none;min-height:80px;padding:16px 40px 16px 18px!important; }
    .topbar.entry140 #kcOwner82::before { top:18px; }
    body.case99-active .topbar.entry140 h1 { font-size:22px!important; }
  }
  @media (max-width:620px) {
    .topbar.entry140>div:nth-child(2) { grid-column:2/-1; }
    .topbar.entry140 #kcSellerLockButton { grid-column:3;grid-row:2; }
  }
  @media (prefers-reduced-motion:reduce) { .topbar.entry140 button { transition:none!important; } }
}
@media print { .entry140-intro { display:none!important; } }