/* GOA Verwaltung Next Workspace, demo-only presentation layer.
   Existing role checks, CSRF, data and navigation handlers remain original. */
:root{
  --bg:#f4f6f8;--panel:#ffffff;--text:#1c2d3f;--muted:#738397;
  --line:#e0e8ee;--soft:#edf3f7;--dark:#162d40;--accent:#177c91;
  --side:#111f31;--radius:17px;--accent-soft:#e7f4f5;
  --blue:#477792;--bluebg:#e9f1f7;--shadow:0 14px 32px rgba(26,49,69,.045);
}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--bg);color:var(--text);letter-spacing:-.012em}
.app{grid-template-columns:268px minmax(0,1fr);background:var(--bg)}
.sidebar{
 background:linear-gradient(165deg,#102036 0%,#172c40 55%,#15283e 100%)!important;
 padding:24px 14px 16px!important;border:0;overflow-y:auto;overflow-x:hidden;
 scrollbar-color:#476073 transparent;scrollbar-width:thin;box-shadow:6px 0 25px rgba(14,37,57,.07);
}
.sidebar:before{content:"";position:absolute;top:-100px;right:-100px;width:270px;height:270px;
  border:1px solid rgba(102,199,203,.11);border-radius:50%;pointer-events:none}
.sidebar-brand{padding:8px 7px 23px!important;border-bottom:1px solid rgba(214,230,240,.12)!important;gap:13px}
.brand-mark.small{background:#ffffff!important;width:47px;height:47px;border:1px solid rgba(255,255,255,.15);padding:5px;border-radius:14px!important;box-shadow:none}
.brand-mark.small img{transform:none!important;object-fit:contain!important}
.sidebar-brand strong{color:#f5fbff;font-weight:770;font-size:14px;letter-spacing:-.02em}
.sidebar-brand span{color:#9cb0c1!important;font-size:10px;margin-top:3px}
.product-tag{margin:15px 8px 13px!important;padding:9px 11px!important;display:flex!important;
 background:rgba(40,155,164,.15)!important;color:#9de1de!important;border:1px solid rgba(77,207,196,.22);
 font-size:10px!important;letter-spacing:.12em;border-radius:10px!important}
.product-tag .status-dot{background:#4fd7c2!important;box-shadow:0 0 0 4px rgba(79,215,194,.1)}
.sidebar nav{position:relative;z-index:1}
.nav-group{margin:22px 0 8px!important;padding:0 11px!important;color:#7294ae!important;font-weight:750;font-size:9px}
.nav-item{display:flex;gap:12px;padding:10px 12px!important;margin:2px 0!important;color:#c5d4de!important;
 border-radius:11px!important;font-size:12px!important;font-weight:550;transition:background .15s,color .15s}
.nav-item:hover{background:rgba(202,235,249,.10)!important;color:#fff!important}
.nav-item.active{background:linear-gradient(90deg,rgba(38,151,161,.27),rgba(40,123,159,.14))!important;
 box-shadow:inset 3px 0 0 #5fdbd2!important;color:#f0ffff!important;font-weight:730!important}
.nav-item .nav-icon{color:#89acbf!important;width:22px;display:grid;place-items:center}
.nav-item.active .nav-icon{color:#6de1d5!important}
.sidebar-footer{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:auto}
.sidebar-footer .btn{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.05)!important}
.avatar{background:#b5e1df!important;color:#143849!important;font-weight:800}
.topbar{height:76px!important;background:rgba(255,255,255,.93)!important;border-color:var(--line)!important;
 backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(14,45,68,.02);padding:0 28px}
.topbar:before{content:"GOA / WORKSPACE";font-size:10px;font-weight:800;letter-spacing:.12em;
 color:#6a8796;padding-right:10px;white-space:nowrap}
.global-search input{background:#f2f6f8!important;border-color:#e1eaf0!important;box-shadow:none!important;
 border-radius:12px!important;min-height:42px}
.global-search input:focus{border-color:#5dafb9!important;background:#fff!important}
.kbd{border-color:#d5e0e8!important;background:#fff!important}
.tenant-switch{border-color:#e0e8ee!important;background:#f5f8fa!important}
.tenant-switch select{color:var(--text)!important}
.system-live i{background:#1eac8c!important;box-shadow:0 0 0 4px rgba(30,172,140,.10)}
.content{padding:29px 30px 64px!important;max-width:1760px;margin:0 auto}
.page-head h1{font-weight:720!important;letter-spacing:-.035em;color:#1b3348;font-size:29px!important}
.page-head p{color:#687e91}
.panel,.metric,.integration-card,.tenant-card,.integration-tile{background:#fff!important;
 border-color:#e0e8ef!important;border-radius:17px!important;box-shadow:var(--shadow)}
.panel{padding:20px!important}
.panel-head{border-color:#e9eef2!important}
.metric:after{background:rgba(22,134,153,.045)!important}
.metric:nth-child(2n):after{background:rgba(69,123,166,.06)!important}
.metric .value{font-weight:750!important;color:#18384b}
.metric .label{color:#71889a;font-weight:760}
.btn{border-radius:10px!important;font-weight:700;box-shadow:none}
.btn.primary{background:#177e90!important;border-color:#177e90!important;box-shadow:0 5px 12px rgba(22,121,141,.13)!important}
.btn.primary:hover{background:#126b7b!important}
.btn.ghost{border:1px solid #dbe6ec!important;color:#294d61!important;background:#f7fafb!important}
.btn.accent{background:#20374d!important}
.btn:hover{transform:none!important}
.nav-icon svg{width:18px;height:18px}
.badge.ok{background:#e8f7f1!important;color:#197b5d!important}
.badge.warn{background:#fff4e7!important;color:#9c652c!important}
th{background:#f4f8fa!important;color:#60788b}
td{border-color:#e9eef1!important}
.table-wrap{border-color:#dfe8ed!important}
.status-note{background:#f1f8f9!important;border-color:#d4e9eb!important;border-left-color:#1c94a4!important;color:#406376!important}
dialog{border-radius:20px!important;border:1px solid #dae7ee;box-shadow:0 28px 90px rgba(19,44,64,.23)!important}
dialog::backdrop{background:rgba(10,30,47,.57)!important}
.modal-head{background:#fafcfd!important;border-color:#e1eaf0}
.login-shell{background:
 radial-gradient(circle at 17% 19%,rgba(30,137,151,.15),transparent 31%),
 radial-gradient(circle at 93% 79%,rgba(87,118,176,.13),transparent 37%),
 linear-gradient(135deg,#eef4f7,#e4edf3)!important}
.login-card{width:min(475px,100%);border:1px solid rgba(162,196,212,.44)!important;
 box-shadow:0 35px 100px rgba(26,59,78,.12)!important;border-radius:24px!important;
 padding:36px!important}
.login-card h1{color:#173449!important;font-size:29px!important;font-weight:750!important}
.login-card .brand-mark{background:#fff!important;box-shadow:none!important;border-radius:15px!important;
 border:1px solid #e0e9ee!important;padding:8px!important;width:76px;height:76px}
.login-card .brand-mark img{object-fit:contain!important;transform:none!important}
.login-card:before{content:"GOA VERWALTUNG · PRIVATE DEMO";display:block;font-weight:800;font-size:10px;
 letter-spacing:.15em;color:#2c8f9b;background:#e7f5f5;padding:9px 12px;border-radius:9px}
.login-card .eyebrow{color:#2c8695}
.login-card .btn.primary{min-height:48px}
.goa-demo-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.45fr .7fr;gap:30px;
 background:linear-gradient(112deg,#162b41 0%,#1e4355 57%,#1d6b76 100%);
 color:#fff;border-radius:23px;padding:30px 34px;box-shadow:0 18px 36px rgba(24,64,87,.13);
 margin:0 0 20px;min-height:212px}
.goa-demo-hero:before,.goa-demo-hero:after{content:"";position:absolute;border:1px solid rgba(203,247,247,.13);
 border-radius:50%;width:310px;height:310px;right:-105px;top:-140px;pointer-events:none}
.goa-demo-hero:after{width:205px;height:205px;right:45px;top:70px}
.goa-demo-hero>*{position:relative;z-index:1}
.goa-demo-kicker{color:#93d9d7;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:13px}
.goa-demo-hero h2{font-size:clamp(22px,2.4vw,35px);font-weight:730;letter-spacing:-.045em;
 line-height:1.12;margin:0 0 11px}
.goa-demo-hero p{color:#bfdae2;font-size:12px;line-height:1.65;max-width:620px;margin:0}
.goa-demo-hero-aside{align-self:center;border-left:1px solid rgba(255,255,255,.20);padding-left:24px;display:grid;gap:13px}
.goa-demo-hero-aside strong{font-size:13px}
.goa-demo-hero-aside span{font-size:11px;color:#a8cad3;line-height:1.5}
.goa-demo-flag{display:inline-flex;gap:7px;align-items:center;width:max-content;border:1px solid rgba(114,223,210,.4);
 border-radius:99px;color:#c3f4ed;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.07em}
.goa-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}
.goa-demo-card{display:flex;flex-direction:column;min-height:151px;gap:13px;border:1px solid #dfe8ee;border-radius:17px;
 background:#fff;padding:20px;text-align:left;box-shadow:var(--shadow);color:#23394a!important;
 transition:border-color .15s,transform .15s}
.goa-demo-card:hover{border-color:#74b2bc;transform:translateY(-2px)}
.goa-demo-card-top{display:flex;justify-content:space-between;align-items:center}
.goa-demo-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e7f3f5;
 color:#168497;font-size:18px}
.goa-demo-card-state{color:#6d8998;font-size:9px;font-weight:740;letter-spacing:.04em}
.goa-demo-card strong{font-size:14px;font-weight:750}
.goa-demo-card small{font-size:11px;color:#75889a;line-height:1.55}
.goa-demo-card.is-limited{background:#f9fbfc}
.goa-demo-section-title{font-size:14px;font-weight:770;color:#2d4759;margin:2px 0 13px}
.goa-demo-footnote{padding:12px 16px;border-radius:12px;color:#668195;font-size:11px;border:1px dashed #ccdae2;
 background:rgba(255,255,255,.5);margin-bottom:24px}
@media(max-width:1150px){.goa-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goa-demo-hero{grid-template-columns:1fr}}
@media(max-width:820px){.app{display:block}.sidebar{width:min(88vw,292px)!important;left:-300px!important}
 .sidebar.open{left:0!important}.topbar{height:auto!important;min-height:70px;padding:12px!important;display:grid!important}
 .topbar:before{display:none}.content{padding:17px 13px 68px!important}
 .goa-demo-hero{grid-template-columns:1fr;padding:24px 20px;gap:18px}
 .goa-demo-hero-aside{border-left:0;border-top:1px solid rgba(255,255,255,.20);padding:14px 0 0}
 .goa-demo-grid{grid-template-columns:1fr;gap:10px}.goa-demo-card{min-height:120px}
 .login-card{padding:24px!important}
}