/* Shared WERKSGILDE screen appearance. Font sizes and business behavior stay unchanged. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('./branding/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('./branding/inter-500.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('./branding/inter-600.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('./branding/inter-700.ttf') format('truetype')}
@media screen {
 :root{
  /* WERKSGILDE Designbasis. Orange ist Akzent (Hauptaktion, aktive Navigation, Fokus), keine Rahmenfarbe. */
  --wg-orange:#F5920A;--wg-orange-strong:#D97706;--wg-navy:#1E3350;--wg-navy-deep:#142B45;
  --wg-canvas:#F0F2F4;--wg-surface:#FFFFFF;--wg-hairline:#DCE2E8;--wg-hairline-strong:#C3CCD5;--wg-ink:#1E2A36;--wg-ink-muted:#5F6E7C;
  --wg-radius:6px;--wg-title:16px;--wg-figure:18px;--wg-control-h:32px;--wg-control-sm-h:28px;--wg-row-h:34px;--wg-pad:12px;--wg-gap:10px;
  --wg-sidebar-surface:#16293B;--wg-sidebar-ink:#E7ECEF;--wg-sidebar-line:#243C52;--wg-sidebar-font:Inter,"DM Sans",system-ui,sans-serif;
  --wg-neutral-surface:var(--wg-canvas);--wg-soft-surface:var(--wg-surface);--wg-neutral-ink:var(--wg-ink);--line:var(--wg-hairline)}
 body,.shell,button,input,select,textarea{font-family:var(--wg-sidebar-font)!important}
 .shell>.sidebar,.shell>.workspace>header{
  --wg-neutral-surface:#16293B;--wg-soft-surface:#16293B;--wg-neutral-ink:#E7ECEF;
  --ink:#E7ECEF;--muted:#BCC8D2;--surface:#16293B;
  background:#16293B!important;color:#E7ECEF!important;border-color:var(--wg-sidebar-line)!important;
 }
 .shell>.sidebar{border-right:1px solid var(--wg-sidebar-line)}
 .shell>.sidebar .brand{background:#16293B!important;border:0;padding:10px 16px;height:76px;flex-shrink:0}
 .shell>.sidebar .brand img{content:url('./branding/werksgilde-logo.png');mix-blend-mode:normal!important;object-fit:contain;max-width:100%}
 .shell>.sidebar :is(.werksgilde-areas,nav[aria-label="Hauptnavigation"]){padding:8px;gap:3px}
 .shell>.sidebar :is(.werksgilde-areas a,nav[aria-label="Hauptnavigation"] a){color:#E7ECEF!important;min-height:36px;padding:6px 8px;gap:8px;background:transparent!important;border:1px solid transparent;border-radius:6px;overflow-wrap:anywhere}
 .shell>.sidebar nav[aria-label="Hauptnavigation"] .nav-icon-frame{width:20px;height:20px;flex-basis:20px;border:0;color:inherit!important}
 .shell>.sidebar nav[aria-label="Hauptnavigation"] .nav-icon-frame svg{color:inherit!important;stroke:currentColor}
 .shell>.sidebar :is(.werksgilde-areas a,nav[aria-label="Hauptnavigation"] a):is(:hover,:focus-visible){background:#203748!important;border-color:transparent}
 .shell>.sidebar :is(.werksgilde-areas a,nav[aria-label="Hauptnavigation"] a):is(.active,[aria-current="page"]){background:var(--wg-orange)!important;color:var(--wg-navy-deep)!important;border-color:var(--wg-orange);font-weight:600}
 .shell>.sidebar :is(.nav-label,.account span){color:#BCC8D2!important}
 .shell>.sidebar .account{padding:8px 12px;border-color:var(--wg-sidebar-line);gap:8px}
 .shell>.sidebar .account strong,.shell>.sidebar .release-identity,.shell>.sidebar .release-identity strong{color:#E7ECEF!important}
 .shell>.sidebar .account button{background:#16293B!important;color:#E7ECEF!important;border-radius:6px;min-height:32px}
 .shell>.sidebar .avatar{color:var(--wg-navy-deep);background:var(--wg-orange)}
 .shell>.sidebar .release-identity{padding:6px 12px;border-color:var(--wg-sidebar-line)}
 .shell>.workspace>header{min-height:56px;height:auto;padding:8px 12px;gap:8px;flex-wrap:wrap;align-items:center}
 .shell>.workspace>header .global-search{flex:1 1 240px;width:auto;min-width:0;max-width:100%;height:auto;min-height:36px;background:var(--wg-surface)!important;border:1px solid var(--wg-hairline-strong)!important;color:var(--wg-ink)!important;padding:0 8px}
 .shell>.workspace>header .global-search input{width:100%!important;min-width:0;min-height:34px!important;padding:5px 0!important;margin:0!important;background:transparent!important;border:0!important;color:#20303B!important;-webkit-text-fill-color:#20303B!important}
 .shell>.workspace>header .global-search input::placeholder{color:#586775!important;-webkit-text-fill-color:#586775!important;opacity:1}
 .shell>.workspace>header :is(button,select){min-height:34px!important;margin:0!important;padding:5px 8px!important;background:#16293B!important;color:#E7ECEF!important;-webkit-text-fill-color:#E7ECEF!important;border:1px solid #35506A!important;border-radius:var(--wg-radius);max-width:100%;width:auto!important}
 .shell>.workspace>header select option{background:#E9E9E9;color:#20303B;-webkit-text-fill-color:#20303B}
 .shell>.workspace>header .view-as{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%}
 .shell>.workspace>header .mode{margin-left:auto;background:transparent!important;color:#E7ECEF!important;padding:4px 6px;white-space:nowrap}
 .shell>.workspace>header :is(.menu,.icon-btn){flex:none;width:34px!important;height:34px;padding:6px!important}
 .shell>.workspace .context-navigation{width:100%;max-width:none;padding:8px 12px;margin:0;gap:8px 16px;border-bottom:1px solid var(--wg-sidebar-line);background:#16293B;color:#E7ECEF}
 .shell>.workspace .context-navigation :is(a,button,[aria-current="page"]),.shell>.workspace .workplace-breadcrumbs li+li:before{color:#E7ECEF!important;-webkit-text-fill-color:#E7ECEF!important}
 .shell>.workspace .context-navigation .back-link{background:transparent!important;border:1px solid #35506A!important;border-radius:var(--wg-radius);padding:3px 8px;min-height:var(--wg-control-sm-h)}
 .shell>.workspace :is(.panel,.stat,.table-wrap,.dialog,.thermometer-card,.management-controls,.master-hub-tile,.master-toolbar,.honest-sales,.honest-sales-glance,.honest-need,.library-grid article,.knowledge-card){border-color:var(--wg-hairline)!important;background:var(--wg-surface)!important;border-radius:var(--wg-radius);box-shadow:none}
 .shell>.workspace .page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background:var(--wg-surface)!important;color:var(--wg-ink)!important;-webkit-text-fill-color:var(--wg-ink)!important;border-color:var(--wg-hairline-strong)!important;border-radius:var(--wg-radius)}
 .shell>.workspace :is(thead,th){background:#EEF1F4!important;color:var(--wg-ink-muted)!important;border-color:var(--wg-hairline)!important;font-weight:600}
 .shell>.workspace td{border-color:var(--wg-hairline)!important}
 .shell>.workspace :is(thead,th) :is(button,a,span){color:inherit!important;-webkit-text-fill-color:currentColor!important}
 .shell>.workspace .panel>h2{background:transparent!important;color:var(--wg-navy)!important;padding:0;margin:0 0 6px;border-radius:0}
 .shell>.workspace .panel>h2 *{color:inherit!important}
 .shell>.workspace :is(button.primary,a.primary){background:var(--wg-orange)!important;color:var(--wg-navy-deep)!important;-webkit-text-fill-color:var(--wg-navy-deep)!important;border-color:var(--wg-orange)!important}
 .shell>.workspace :is(button,a,select,input,textarea):focus-visible,.shell>.sidebar :is(a,button):focus-visible{outline:2px solid var(--wg-orange);outline-offset:2px}
 .shell>.workspace :is(button,input,select):disabled{cursor:not-allowed;opacity:.55}
 @media(max-width:900px){.shell>.workspace>header{padding:8px;gap:6px}.shell>.sidebar .mobile-close{background:#16293B!important;color:#E7ECEF!important}.shell>.workspace>header .global-search{flex-basis:200px}}
 @media(max-width:600px){.shell>.workspace>header .global-search{display:flex!important;flex:1 1 calc(100% - 48px)}.shell>.workspace>header .view-as{flex:1 1 200px}.shell>.workspace>header .mode{margin-left:0}.shell>.workspace>header :is(.icon-btn,.menu,button,select){min-height:42px!important}.shell>.sidebar :is(.werksgilde-areas a,nav[aria-label="Hauptnavigation"] a){min-height:42px}.shell>.workspace .context-navigation{padding:6px 8px}}
}

/* WERKSGILDE: visible white close icons, 2026-09-27. Screen presentation only. */
@media screen {
  :is([role="dialog"], [role="alertdialog"]) > button:has(> svg.lucide-x),
  button[toast-close]:has(> svg.lucide-x),
  button[aria-label="Schließen"], button[aria-label="Close"],
  button[data-close-dialog], button.nav-close {
    color: #FFFFFF !important;
    background-color: var(--wg-sidebar-surface, #16293B) !important;
    opacity: 1 !important;
  }
  :is([role="dialog"], [role="alertdialog"]) > button > svg.lucide-x,
  button[toast-close] > svg.lucide-x,
  :is(button[aria-label="Schließen"], button[aria-label="Close"], button[data-close-dialog], button.nav-close) > svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }
}