:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102033;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.appShell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#0c2134,#071724);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:5}.logoWrap{display:flex;align-items:center;gap:10px;color:#fff}.logoSvg{width:38px;height:38px}.logoSvg.small{width:30px;height:30px}.logoText{font-size:23px;font-weight:800;letter-spacing:-.8px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:34px}.navBtn{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#cbd7e4;padding:11px 12px;border-radius:9px;font:inherit;text-align:left;cursor:pointer}.navBtn:hover,.navBtn.active{background:#1677ff;color:#fff}.sideBottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}.profile{border-top:1px solid #203448;margin-top:15px;padding:18px 6px 0;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#60748a;font-size:12px;font-weight:700}.profile div:last-child{display:flex;flex-direction:column;font-size:12px}.profile span{color:#92a5b8;margin-top:2px}.main{margin-left:220px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce5ef;background:#fbfdff;padding:9px 12px;border-radius:9px;width:320px;color:#6b7d91}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.topActions{display:flex;align-items:center;gap:18px}.avatar.light{background:#dbe7f5;color:#344b61}.heroRow{display:flex;justify-content:space-between;align-items:center;padding:28px 30px 18px}.heroRow h1{margin:0;font-size:28px;letter-spacing:-.7px}.heroRow p{margin:5px 0 0;color:#718196}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 14px;font:inherit;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.primary{background:#1677ff;color:#fff;box-shadow:0 6px 18px rgba(22,119,255,.18)}.secondary{background:#eef4fb;color:#18324a}.danger{background:#fff0f0;color:#c33}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0 30px 18px}.statCard{background:#fff;border:1px solid #ebf0f6;border-radius:13px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 5px 18px rgba(10,36,64,.04)}.statCard strong{font-size:24px;display:block}.statCard span{color:#728196;font-size:13px}.statIcon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.statIcon.neutral{background:#eaf3ff;color:#1677ff}.statIcon.green{background:#e6f7ed;color:#21a857}.statIcon.yellow{background:#fff4d9;color:#dc9917}.statIcon.red{background:#ffeded;color:#e05252}.statIcon.gray{background:#edf1f5;color:#607080}.grid2{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;padding:0 30px 16px}.grid2.lower{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid #e9eef5;border-radius:13px;box-shadow:0 5px 18px rgba(10,36,64,.035);overflow:hidden}.panelHead{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #eef2f6}.panelHead h3{margin:0;font-size:15px}.linkBtn{border:0;background:none;color:#1677ff;font-size:12px;cursor:pointer}.donutWrap{display:flex;align-items:center;gap:30px;padding:26px}.donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:#fff}.donut>div{z-index:1;text-align:center;display:flex;flex-direction:column}.donut b{font-size:28px}.donut span{font-size:12px;color:#7c8998}.legend{flex:1;display:flex;flex-direction:column;gap:12px}.legend span{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:13px;color:#526477}.dot{width:9px;height:9px;border-radius:50%}.green{background:#21b65b}.yellow{background:#f4b938}.red{background:#ef5b5b}.gray{background:#65758b}.dueList{padding:4px 18px 12px}.dueItem{width:100%;display:grid;grid-template-columns:1.4fr .7fr .55fr;gap:10px;align-items:center;border:0;border-bottom:1px solid #eef2f6;background:#fff;padding:13px 0;text-align:left;cursor:pointer}.dueItem div{display:flex;flex-direction:column}.dueItem b{font-size:13px}.dueItem span{font-size:12px;color:#748497}.dueItem em{justify-self:end;font-style:normal;font-size:11px;padding:6px 9px;border-radius:999px}.dueItem em.soon{background:#fff3d7;color:#9a6d11}.dueItem em.late{background:#ffe8e8;color:#bb4040}.empty{padding:30px;text-align:center;color:#7d8b9b}.mini,table{width:100%;border-collapse:collapse}.mini th,.mini td,table th,table td{text-align:left;padding:12px 16px;border-bottom:1px solid #eef2f6;font-size:13px}.mini th,table th{font-size:11px;color:#7d8b9b;text-transform:uppercase;letter-spacing:.04em}.mini tbody tr{cursor:pointer}.mini tbody tr:hover,tbody tr:hover{background:#fbfdff}.sub{display:block;color:#8492a3;font-size:11px;margin-top:2px}.pill{font-size:11px;border-radius:999px;padding:5px 9px;font-weight:700;white-space:nowrap}.pill.ok{background:#e5f7ec;color:#1d8a48}.pill.soon{background:#fff2d4;color:#996710}.pill.late{background:#ffe5e5;color:#bd3c3c}.pill.blocked{background:#e9edf2;color:#546371}.bars{padding:22px 20px}.barRow{display:grid;grid-template-columns:100px 1fr 22px;align-items:center;gap:10px;margin:12px 0;font-size:12px}.barRow>div{height:9px;border-radius:999px;background:#edf3f9;overflow:hidden}.barRow i{display:block;height:100%;background:#1677ff;border-radius:999px}.contentPage{padding-bottom:30px}.tablePanel{margin:0 30px}.iconBtn{border:0;background:transparent;color:#68798b;cursor:pointer;border-radius:8px;padding:6px;display:grid;place-items:center}.iconBtn:hover{background:#eef4fb}.coming{margin:0 30px;padding:60px;text-align:center;color:#68798b}.coming h3{color:#24384b;margin-bottom:4px}.overlay{position:fixed;inset:0;background:rgba(5,17,29,.52);display:grid;place-items:center;z-index:20;padding:24px}.modal{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.modalHead{display:flex;justify-content:space-between;padding:22px 24px 12px}.modalHead h2{margin:0;font-size:22px}.modalHead p{margin:4px 0;color:#76869a;font-size:13px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:10px 24px 20px}.formGrid label{font-size:12px;color:#536578;font-weight:700}.formGrid input,.formGrid select,.formGrid textarea{width:100%;margin-top:6px;border:1px solid #dce5ef;border-radius:9px;padding:10px 11px;font:inherit;color:#20364a;background:#fff}.formGrid .full{grid-column:1/-1}.modalActions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #eef2f6}.drawerOverlay{place-items:stretch end;padding:0}.drawer{width:min(420px,100vw);height:100vh;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.2);overflow:auto}.drawerHead{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #edf2f7}.drawerHead .logoWrap{color:#102033}.drawerBody{padding:22px}.detailTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detailTitle span{font-size:12px;color:#748497}.detailTitle h2{margin:2px 0 18px;font-size:23px}.detailCard,.qrCard,.fileBox{border:1px solid #e6edf5;border-radius:12px;margin-bottom:14px}.detailRow{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-bottom:1px solid #eef2f6;font-size:13px}.detailRow:last-child{border-bottom:0}.detailRow span{color:#708094}.qrCard{padding:16px;text-align:center}.qrCard h3{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 0 8px}.qrCard img{width:180px;height:180px}.qrCard p{font-size:12px;color:#77879a;line-height:1.45}.fullBtn{width:100%;text-decoration:none}.fileBox{display:flex;gap:12px;align-items:center;padding:14px}.fileBox div{display:flex;flex-direction:column;font-size:13px}.fileBox span{color:#7b8b9c;font-size:11px}.fileBox.muted{color:#788898}.drawerActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid2,.grid2.lower{grid-template-columns:1fr}.sidebar{width:76px;padding:22px 10px}.sidebar .logoText,.navBtn:not(.active){font-size:0}.navBtn{justify-content:center}.navBtn.active{font-size:0}.profile div:last-child{display:none}.main{margin-left:76px}.logoWrap{justify-content:center}.sidebar .logoSvg{width:36px}.sidebar .profile{justify-content:center}.search{width:260px}}
@media(max-width:720px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:0 16px}.search{width:220px}.heroRow{padding:20px 16px 14px;align-items:flex-start;gap:14px}.heroRow .primary{font-size:12px}.stats{padding:0 16px 14px;grid-template-columns:1fr 1fr}.grid2,.grid2.lower{padding:0 16px 14px}.donutWrap{flex-direction:column}.tablePanel{margin:0 16px;overflow:auto}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.topActions{display:none}}
.heroActions{display:flex;gap:8px;flex-wrap:wrap}.heroActions a{text-decoration:none}.pad20{padding:20px}.usage{margin:0 0 18px}.usage>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.usageBar{height:8px;background:#edf3f9;border-radius:999px;overflow:hidden}.usageBar i{display:block;height:100%;background:#1677ff;border-radius:999px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 30px 20px}.planCard{background:#fff;border:1px solid #e7edf4;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.planCard.current{outline:2px solid #1677ff}.planName{font-weight:800;font-size:17px}.price{font-size:30px;font-weight:800;margin:12px 0}.price small{font-size:12px;font-weight:500;color:#7a8999}.planCard ul{padding-left:18px;line-height:1.9;font-size:13px}.planButtons{display:grid;gap:8px}.billingInfo{margin:0 30px 30px;padding:20px}.importBox{padding:10px 24px 24px}.dropZone{display:grid;place-items:center;border:2px dashed #cdd9e5;border-radius:12px;padding:28px;margin:18px 0;background:#f8fbff;font-weight:700;cursor:pointer}.dropZone input{display:none}.previewTable{margin:10px 0;display:grid;gap:6px}.previewTable div{background:#f6f9fc;padding:8px 10px;border-radius:7px;font-size:12px}.errorInline{color:#b33}.mobileMenu,.mobileNav{display:none}.small{font-size:11px}
@media(max-width:1100px){.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:64px}.topbar{height:58px}.mobileMenu{display:block;border:0;background:#eef4fb;border-radius:8px;padding:8px 10px}.search{flex:1;width:auto}.toolbar .badge,.toolbar #logout{display:none}.mobileNav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid #dfe7f0;z-index:15}.mobileNav button{border:0;background:#fff;font-size:11px}.mobileNav button.active{color:#1677ff;font-weight:800}.navOpen .sidebar{display:block;width:min(290px,85vw);z-index:30;box-shadow:18px 0 50px #0003}.navOpen .sidebar .logoText,.navOpen .navBtn,.navOpen .profile div:last-child{font-size:initial;display:flex}.navOpen .main:before{content:"";position:fixed;inset:0;background:#0006;z-index:20}.heroRow{flex-direction:column}.heroActions{width:100%}.heroActions>*{flex:1}.stats{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr;padding:0 16px 16px}.billingInfo{margin:0 16px 20px}.planCard{min-height:auto}.tablePanel table{min-width:720px}.drawer{width:100vw}.qrCard img{width:150px;height:150px}.modal{max-height:92vh}.importModal{width:96vw}}
/* Valtreq Control Center */
.controlShell{min-height:100vh;background:#f4f7fb}.controlSide{position:fixed;inset:0 auto 0 0;width:250px;background:#0b1f33;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.controlSide .logoWrap{margin:0 8px 4px}.controlTag{display:inline-block;font-size:10px;letter-spacing:.14em;font-weight:800;color:#5aa2ff;margin:3px 8px 22px}.controlSide nav{display:grid;gap:6px}.controlSide .navBtn{color:#c8d4df;text-align:left}.controlSide .navBtn.active{background:#143454;color:#fff}.controlLink{text-decoration:none}.controlSide .sideBottom{margin-top:auto;display:grid;gap:14px}.controlMain{margin-left:250px;min-height:100vh}.controlTop{height:72px;background:#fff;border-bottom:1px solid #e6edf5;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.controlTop div{display:flex;flex-direction:column}.controlTop span{font-size:12px;color:#75869a}.controlStats{grid-template-columns:repeat(5,1fr)}.controlStat small{display:block;color:#8b98a7;font-size:10px;margin-top:4px}.controlTable{margin:0 30px 30px}.tableScroll{overflow:auto}.controlSearch{border:1px solid #dae4ef;border-radius:9px;padding:9px 12px;min-width:270px}.controlDrawer{width:min(560px,100vw)}.controlDrawer .drawerHead h2{margin:4px 0 0}.formStack{display:grid;gap:12px;margin-bottom:14px}.formStack .field input,.formStack .field select,.formStack .field textarea{width:100%;margin-top:6px;border:1px solid #dce5ef;border-radius:9px;padding:10px;font:inherit}.toggleLine{display:flex;align-items:center;gap:9px;font-size:13px}.sectionTitle{margin-top:26px}.moduleGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moduleCard{border:1px solid #e2eaf3;border-radius:11px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.moduleCard b{font-size:13px}.moduleCard span{font-size:11px;color:#748497}.moduleCard input{grid-column:2;grid-row:1/3}.userCards{display:grid;gap:8px}.userCard{border:1px solid #e5ecf4;border-radius:10px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.userCard>div:first-child{display:flex;flex-direction:column}.userCard span{font-size:11px;color:#7b8a9a}.userCard>div:last-child{display:flex;gap:6px}.controlLogin .loginCard{border-top:4px solid #1677ff}.controlLogin .controlTag{margin:0 0 6px}.controlLogin .logoWrap{color:#0b1f33}
@media(max-width:900px){.controlSide{position:static;width:auto;height:auto;display:block}.controlSide nav{grid-template-columns:1fr 1fr 1fr;margin:12px 0}.controlSide .sideBottom{display:none}.controlMain{margin-left:0}.controlStats{grid-template-columns:repeat(2,1fr)}.controlTop{padding:0 16px}.controlTable{margin:0 16px 20px}.moduleGrid{grid-template-columns:1fr}}
/* Valtreq Prüfmittel v0.5 */
.wideDrawer{width:min(650px,100vw)}
.detailActions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.economyStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.economyStrip>div{background:#f6f9fd;border:1px solid #e3ebf4;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:4px}
.economyStrip span{font-size:11px;color:#748497}.economyStrip b{font-size:15px}
.timeline,.comments,.costList{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.historyItem,.comment,.costRow{border:1px solid #e6edf5;border-radius:10px;padding:12px;background:#fff}
.historyItem>div,.comment>div{display:flex;justify-content:space-between;gap:12px}.historyItem span,.comment span{font-size:11px;color:#7a8998}.historyItem p,.comment p{margin:7px 0 0;font-size:12px;color:#526477}.historyItem strong{float:right;margin-top:-20px}
.costRow{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:8px;align-items:center;font-size:12px}
.commentForm{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.commentForm textarea{min-height:72px;border:1px solid #dce5ef;border-radius:9px;padding:10px;font:inherit}
.certItem{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6edf5;border-radius:10px;padding:11px;margin-bottom:8px}.certItem>div{display:flex;flex-direction:column}.certItem span{font-size:11px;color:#7a8998;margin-top:2px}
.threeStats{grid-template-columns:repeat(3,1fr)}.economyNote{margin:12px 30px;color:#708094;font-size:12px}
.scanPage{min-height:100vh;background:#f5f8fc;display:grid;place-items:center;padding:20px}.scanCard{width:min(520px,100%);background:#fff;border:1px solid #e4ebf4;border-radius:18px;padding:24px;box-shadow:0 18px 50px #1232}.scanStatus{padding:16px;border-radius:12px;text-align:center;margin:18px 0}.scanStatus.ok{background:#e8f8ee;color:#187642}.scanStatus.soon{background:#fff4dc;color:#8b620f}.scanStatus.late,.scanStatus.blocked{background:#ffeaea;color:#ae3232}.scanGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scanCell{background:#f7f9fc;border-radius:10px;padding:11px}.scanCell span{display:block;font-size:11px;color:#78879a}.scanCell b{display:block;margin-top:3px}.scanActions{display:grid;gap:9px;margin-top:18px}.scanActions a{text-decoration:none}
@media(max-width:720px){.economyStrip{grid-template-columns:1fr 1fr}.threeStats{grid-template-columns:1fr}.costRow{grid-template-columns:70px 1fr auto}.costRow span:nth-child(3){display:none}.commentForm{grid-template-columns:1fr}.wideDrawer{width:100vw}}
.legalPage{max-width:900px;margin:40px auto;padding:20px}.legalHead{display:flex;justify-content:space-between;margin-bottom:20px}.legalCard{background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:28px;margin:18px 0}.pre{white-space:pre-wrap}.appFooter{padding:18px;text-align:center;font-size:12px;color:#718096}.appFooter a{color:inherit;margin:0 8px}.printOnly{display:none}@media print{.sidebar,.topbar,.mobileNav,.drawerHead button,.noPrint,.appFooter{display:none!important}.main{margin:0!important}.drawerOverlay{position:static!important;background:none!important}.drawer{position:static!important;width:100%!important;box-shadow:none!important}.printOnly{display:block}.legalHead{display:none}.legalCard{border:0;padding:0}.legalPage{margin:0;max-width:none}}
/* Valtreq Prüfmittel v0.5.2 - Kategorien */
.categoryTabs{display:flex;gap:8px;padding:0 30px 16px;overflow:auto}.categoryTab{border:1px solid #dce5ef;background:#fff;color:#38516b;border-radius:999px;padding:8px 11px;cursor:pointer;white-space:nowrap;font-weight:700;font-size:12px}.categoryTab span{margin-left:7px;background:#eef4fb;padding:2px 6px;border-radius:999px;font-size:10px}.categoryTab.active{background:#1677ff;color:#fff;border-color:#1677ff}.categoryTab.active span{background:#ffffff26}.categoryTag{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4fb;color:#42627f;font-size:11px;font-weight:700}@media(max-width:720px){.categoryTabs{padding:0 16px 12px}}
/* Valtreq QM-Handbuch v0.6 */
.moduleLink{display:block;text-align:center;text-decoration:none;margin:5px 0}.qmSub{display:block;font-size:11px;color:#7a8998;margin-top:2px}.qmScopeGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px}.qmScopeGrid button{padding:22px;border:1px solid #e0e8f1;background:#f8fbff;border-radius:12px;font-weight:800;color:#274762;cursor:pointer}.qmHint{padding:0 20px 20px;margin:0;color:#718096;font-size:12px}.qmList{padding:8px 16px 18px}.qmRow{width:100%;border:0;background:#fff;border-bottom:1px solid #edf1f5;padding:13px 5px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.qmRow div{display:flex;flex-direction:column;gap:4px}.qmRow span{font-size:11px;color:#7b8b9b}.qmFilters{display:flex;gap:10px;padding:0 30px 16px}.qmFilters input,.qmFilters select{border:1px solid #dce5ef;border-radius:9px;padding:10px;background:#fff;min-width:180px}.qmFilters input{flex:1}.qmDocModal{width:min(860px,96vw)}.qmDocModal textarea{width:100%;border:1px solid #dce5ef;border-radius:9px;padding:10px;font:inherit;resize:vertical}.qmContent{border:1px solid #e4ebf2;border-radius:12px;padding:18px;margin:14px 0;background:#fbfdff;line-height:1.65}.qmContent h3{margin-top:0}.qmFiles{margin-bottom:10px}.qmDiagramGrid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qmDiagramCard{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;text-align:left;cursor:pointer}.qmDiagramCard span{display:block;color:#79899a;font-size:11px;margin-top:5px}.diagramIcon{width:46px;height:46px;border-radius:12px;background:#eef5ff;color:#1677ff;display:grid;place-items:center;font-size:24px;font-weight:900}.qmEditorOverlay{position:fixed;inset:0;background:#0b1622ee;z-index:80;padding:18px}.qmEditor{height:100%;background:#f5f8fc;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.qmEditor>header{height:76px;background:#fff;border-bottom:1px solid #e1e9f1;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.qmEditor h2{margin:3px 0}.diagramToolbar{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e3eaf2}.diagramToolbar button{border:1px solid #d9e3ed;background:#f8fbff;border-radius:8px;padding:8px 11px;cursor:pointer}.diagramToolbar span{font-size:11px;color:#7a8998;margin-left:auto}.diagramCanvas{position:relative;flex:1;min-height:520px;overflow:auto;background-image:radial-gradient(#d9e2ec 1px,transparent 1px);background-size:22px 22px}.edgeLayer{position:absolute;inset:0;width:100%;height:100%;min-width:800px;min-height:520px;pointer-events:none}.flowNode{position:absolute;width:140px;min-height:56px;padding:12px;border:2px solid #8eb7e6;background:#fff;border-radius:10px;box-shadow:0 6px 14px #1231;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700;cursor:grab;user-select:none}.flowNode.start{border-radius:999px;background:#edf9f0;border-color:#79bd8a}.flowNode.decision{transform:rotate(45deg);width:90px;height:90px}.flowNode.decision::first-line{transform:rotate(-45deg)}.flowNode.selected{outline:3px solid #1677ff33}.orgCanvas{display:flex;justify-content:center;align-items:flex-start;padding:45px;min-width:900px}.orgBranch{text-align:center;position:relative;padding:0 12px}.orgChildren{display:flex;justify-content:center;gap:16px;margin-top:34px}.orgCard{min-width:150px;background:#fff;border:2px solid #b8cfe7;border-radius:12px;padding:12px 15px;box-shadow:0 5px 14px #1232}.orgCard span{display:block;font-size:11px;color:#718096;margin-top:3px}@media(max-width:900px){.qmDiagramGrid{grid-template-columns:1fr 1fr}.qmFilters{padding:0 16px 12px;flex-wrap:wrap}.qmFilters input,.qmFilters select{min-width:0;flex:1}.qmEditorOverlay{padding:0}.qmEditor{border-radius:0}.qmEditor>header{height:auto;padding:10px;gap:8px}.diagramToolbar{overflow:auto}.diagramToolbar span{display:none}}@media(max-width:620px){.qmDiagramGrid{grid-template-columns:1fr;padding:0 16px 20px}.qmScopeGrid{grid-template-columns:1fr}.qmEditor>header{align-items:flex-start;flex-direction:column}.qmEditor>header .detailActions{margin:0}.flowNode{width:120px}}
@media print{.qmEditorOverlay,.detailActions,.qmFiles+button,.commentForm{display:none!important}.qmContent{border:0;padding:0}}
/* QM v0.7 */
.processLandscape{display:grid;gap:18px}.processLane{background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:18px}.processLane h3{margin:0 0 14px}.processLane>div{display:flex;gap:12px;flex-wrap:wrap}.processTile{min-width:210px;max-width:320px;display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border:1px solid #d7e2ec;background:#f8fbfe;border-radius:14px;cursor:pointer}.processTile span{font-size:12px;color:#64788d}.matrixTable tr[data-m]{cursor:pointer}.matrixTable td{vertical-align:top}.preText{white-space:pre-wrap;line-height:1.55}
@media(max-width:760px){.processLane>div{display:grid}.processTile{max-width:none;width:100%}.matrixTable{overflow:auto}.matrixTable table{min-width:900px}}

.invoiceFilters{display:grid;grid-template-columns:minmax(220px,1fr) 150px 170px;gap:10px;margin:14px 0}.invoiceFilters input,.invoiceFilters select{border:1px solid #dce5ef;border-radius:9px;padding:10px 11px;background:#fff;font:inherit}@media(max-width:720px){.invoiceFilters{grid-template-columns:1fr}}

/* v0.9.1 Rollen & Berechtigungen */
.wideModal{max-width:980px;width:min(980px,94vw)}
.permissionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.permissionGroup{border:1px solid #e5eaf2;border-radius:14px;padding:14px;background:#f8fbff}
.permissionGroup h4{margin:0 0 10px}
.permCheck{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-size:14px}
.permCheck input{margin-top:3px}
/* v0.9.9 universal desktop drag & drop */
.valtreqDropTarget{transition:border-color .15s,background .15s,box-shadow .15s}.valtreqDropTarget.dragActive{outline:2px dashed #1677ff;outline-offset:4px;background:#eef6ff!important;box-shadow:0 0 0 5px #1677ff14}.valtreqDropTarget input[type=file]{max-width:100%}