:root{font-family:Segoe UI,Arial,sans-serif;color:#243241;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4eb;padding:18px 3%;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#1677b8;font-size:22px}header nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}a{color:#1677b8;text-decoration:none}nav form{display:inline}.ver{font-size:12px;color:#778}main{max-width:1250px;margin:30px auto;padding:0 20px;min-height:75vh}footer{text-align:center;padding:25px;color:#718096}.card{background:#fff;border:1px solid #dce4eb;border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 2px 10px #00000008}.login{max-width:450px;margin:70px auto}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border-radius:12px;padding:22px;border:1px solid #dce4eb}.stat b{display:block;font-size:36px;color:#1677b8}.stat span{color:#64748b}.danger b{color:#b42318}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;padding:11px;margin:6px 0 14px;border:1px solid #cbd5e1;border-radius:7px;background:white}button,.button{border:1px solid #cbd5e1;background:#fff;padding:10px 15px;border-radius:7px;cursor:pointer;display:inline-block}.primary{background:#1677b8;color:white;border-color:#1677b8}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px}.badge{background:#eaf4fb;padding:5px 9px;border-radius:20px}.pre{white-space:pre-wrap}.notice{background:#fff8dd;border-left:4px solid #e5a900;padding:14px}.success{background:#eaf8ef;border-left:4px solid #299a55;padding:15px}.bad{background:#feeceb;padding:12px;margin:10px 0}.check{display:block;margin:15px 0}.check input{width:auto;margin-right:8px}canvas{width:100%;max-width:700px;border:2px solid #aab7c4;border-radius:8px;background:#fff;touch-action:none}.driver{max-width:850px;margin:auto}.muted{color:#718096}@media(max-width:800px){header{display:block}.grid4,.twocol{grid-template-columns:1fr}table{font-size:13px;display:block;overflow:auto}}.drop{border:2px dashed #9db4c5;border-radius:10px;padding:22px;text-align:center;background:#f8fbfd;margin:8px 0 15px}.drop input[type=file]{margin:12px 0 0}.logoPreview{max-height:60px;max-width:160px;object-fit:contain}.customerHead,.brandrow{display:flex;align-items:center;gap:18px}.brandrow{justify-content:space-between;max-width:850px;margin:10px auto}.brandrow img{max-height:75px;max-width:220px;object-fit:contain}.mini{width:80px;margin:0}.adPreview{border:1px solid #dce4eb;padding:16px;border-radius:10px;background:#fafcfe}code{background:#eef2f6;padding:3px 6px;border-radius:4px}.deadlineRow{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:18px;align-items:end}.quick{display:flex;gap:8px;align-items:center;padding-bottom:14px;flex-wrap:wrap}.quick span{font-weight:600;margin-right:4px}.rights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.rights label{background:#f5f8fa;padding:10px;border-radius:7px}.rights input{width:auto;margin:0 6px 0 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.templateCard{border-bottom:1px solid #e5e7eb;padding:14px 0}.templateCard small{margin-left:10px;color:#718096}@media(max-width:800px){.deadlineRow,.rights,.three{grid-template-columns:1fr}}.timerbuttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.texttools{display:flex;gap:8px;margin:5px 0}.textHint{background:#f5f8fa;border-radius:7px;padding:10px;margin:6px 0 10px;min-height:18px}.portalLink{font-family:monospace}.timerbuttons form{margin:0}@media(max-width:800px){.timerbuttons{grid-template-columns:1fr}}
.smart-upload{outline:none;transition:.15s}.smart-upload.dragover{border-style:solid;transform:scale(1.002)}
.upload-actions{margin:10px 0}.upload-preview{display:grid;gap:7px;margin-top:10px}
.upload-file{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid #dce4eb;border-radius:7px;text-align:left}
.upload-file img{width:64px;height:48px;object-fit:cover;border-radius:5px}.upload-file span{flex:1}.upload-file button{padding:6px 9px}
.welcomeBox{background:#f4f9fd;border:1px solid #cfe3f1;border-radius:10px;padding:18px;margin:15px 0}.welcomeLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.customerChecks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px;margin:10px 0 15px}.accessBox,.inlineEdit{border-top:1px solid #dde5eb;padding:12px 0}.inlineEdit{display:grid;grid-template-columns:2fr 100px 100px 100px;gap:8px;align-items:center}

.customerChecks.customerList{display:flex;flex-direction:column;gap:2px;margin:10px 0 15px}
.customerChecks.customerList .customerRow{display:block;width:100%;padding:7px 5px;border-bottom:1px solid #edf1f4}
.customerSearch{max-width:520px;margin:8px 0}

.workflowActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.workflowActions form{margin:0}
.statusPill{display:inline-block;padding:5px 10px;border:1px solid #ccd9e3;border-radius:999px;background:#f5f8fa;font-weight:700}
.statusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.statusCard{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #dbe4eb;border-radius:9px;text-decoration:none;color:inherit;background:#fff}

.processNumber{font-size:1.08rem;font-weight:800;letter-spacing:.03em}

.processLine{font-size:1.05rem;padding:8px 12px;background:#f5f8fa;border-radius:8px}
#canvas{width:100%;max-width:700px;height:220px;touch-action:none;border:2px solid #cbd8e2;border-radius:8px;background:#fff}
@media(max-width:700px){#canvas{height:180px}.driver.card{padding:16px}.workflowActions button{width:100%}}

.successBox{margin:14px 0;padding:16px;border:1px solid #b8d9c2;border-radius:9px;background:#f3fbf5}.successBox h2{margin-top:0}

#pdfCanvas{width:100%;max-width:700px;height:220px;touch-action:none;border:2px solid #cbd8e2;border-radius:8px;background:#fff}
.signatureButtons{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.smallNote{font-size:.9rem;color:#586875;margin-top:14px}
@media(max-width:700px){#pdfCanvas{height:180px}.signatureButtons button{flex:1}}

.driverFlow{max-width:900px;margin:28px auto}.stepTitle{margin-top:30px;padding-top:20px;border-top:1px solid #dce5eb;display:flex;align-items:center;gap:10px}.stepTitle span{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#eef5fa;font-weight:800}.documentBox,.pdfRequired{padding:15px;border:1px solid #d6e1e8;border-radius:9px;margin:12px 0}.instructionText{margin:16px 0;white-space:pre-wrap}.finalCheck{padding:14px;background:#fff8dc;border-left:4px solid #c99a00}.pdfPageRow{margin:14px 0}.pdfPageRow input{max-width:130px;display:block;margin:6px 0}

.finalSuccess{padding:22px}.finalSuccess h2{margin-top:0}.finalSuccess button{margin-top:10px}

.pdfPositionPreview{position:relative;width:360px;max-width:100%;aspect-ratio:210/297;background:#fff;border:1px solid #bfcbd4;margin:16px 0;overflow:hidden}.pdfPositionPreview>span{position:absolute;left:8px;top:8px;font-size:.75rem;color:#71808b}.pdfPositionPreview #signatureMarker{position:absolute;left:58%;top:78%;width:32%;height:12%;border:2px dashed #1675b8;background:#eef7fd;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 label input{display:block;width:100%;margin-top:4px}.infoBox{padding:12px;background:#f5f8fa;border-radius:8px;margin:12px 0}.successIcon{font-size:46px;font-weight:800}.finalSuccess{text-align:center;padding:30px}.finalSuccess .successLead{font-size:1.08rem}.finalSuccess button{padding:12px 20px}@media(max-width:650px){.grid2{grid-template-columns:1fr}.finalSuccess{padding:20px}}

.pdfToolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0}#pdfViewerShell{position:relative;margin:0 auto 12px;background:#ddd;box-shadow:0 2px 10px #999;max-width:100%;overflow:hidden;touch-action:none}#pdfPageCanvas{display:block;max-width:100%}#placedSignature{position:absolute;left:62%;top:78%;width:24%;height:8%;border:2px dashed #1681c4;background:rgba(255,255,255,.75);touch-action:none}#placedSignature img{width:100%;height:100%;object-fit:contain;pointer-events:none}.resizeHandle{position:absolute;right:-8px;bottom:-8px;width:25px;height:25px;border-radius:50%;background:#1681c4;color:white;display:flex;align-items:center;justify-content:center}.pdfActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.sendSignedPdf{margin-top:12px}#signatureDialog{width:min(760px,94vw);border:0;border-radius:12px;padding:20px}#signatureDialog::backdrop{background:rgba(0,0,0,.55)}.errorBox{padding:20px;background:#fff1f1}

.workbar{padding:8px 14px;background:#eef7ff;border-bottom:1px solid #cfe5f7;font-size:14px}.workbar form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.workbar select{min-width:280px;margin:0}

.navbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:999px;background:#c62828;color:#fff;font-size:11px;font-weight:700;vertical-align:middle} nav a{white-space:nowrap}

/* v0.1.75 modern application shell */
.appHeader{display:grid;grid-template-columns:auto minmax(260px,360px) 1fr auto;align-items:center;gap:22px;padding:14px 28px;background:#fff;border-bottom:2px solid #1688ca;box-shadow:0 2px 12px #173b5b12;position:relative;z-index:20}
.brandBlock{display:flex;align-items:center;gap:10px;min-width:255px}.brandMark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#0878bd,#0e4d91);color:#fff;display:grid;place-items:center;font-weight:800}.brandName{font-size:20px;color:#153e72;white-space:nowrap}.brandSub{font-size:11px;color:#3884b7;margin-top:2px}.headerWorkspace{background:#edf7ff;border-radius:10px;padding:8px 12px}.headerWorkspace form{display:grid;gap:3px}.headerWorkspace label{font-size:11px;font-weight:700;color:#165b91}.headerWorkspace select{margin:0;min-width:240px;padding:7px}.headerWorkspace small{color:#52718b}.mainNav{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.mainNav .navItem,.adminMenu summary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:66px;padding:7px 8px;border-radius:9px;text-decoration:none;color:#174b78;font-size:11px;cursor:pointer}.mainNav .navItem:hover,.adminMenu summary:hover{background:#edf7ff;color:#0878bd}.navIcon{font-size:21px;line-height:1}.navbadge{position:absolute;top:2px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d92525;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.adminMenu{position:relative}.adminMenu summary{list-style:none}.adminMenu summary::-webkit-details-marker{display:none}.adminDrop{position:absolute;right:0;top:58px;background:#fff;border:1px solid #dbe8f2;border-radius:10px;box-shadow:0 12px 32px #173b5b2b;padding:8px;min-width:210px;display:grid}.adminDrop a{padding:8px 10px;text-decoration:none;border-radius:6px}.adminDrop a:hover{background:#edf7ff}.userBlock{display:flex;align-items:center;gap:9px;white-space:nowrap}.userAvatar{width:38px;height:38px;border-radius:50%;background:#0a83c9;color:#fff;display:grid;place-items:center;font-weight:800}.userBlock div:nth-child(2){display:grid}.userBlock small{color:#6b7f90}.userBlock form{margin:0}.userBlock button{padding:6px 9px;font-size:11px}
.dashHero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 16px;padding:6px 0 12px}.dashHero h1{margin:2px 0;font-size:30px;color:#102f52}.dashHero p{margin:0;color:#60758a}.eyebrow{font-size:12px;font-weight:800;color:#1688ca;text-transform:uppercase;letter-spacing:.08em}.dashDate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#355a78}.dashDate span{font-weight:700;color:#0878bd}.testBanner{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:14px;background:#fff9e8;border:1px solid #f3df9c;border-radius:10px;color:#74580a}.kpiGrid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi{display:flex;align-items:center;gap:13px;min-height:94px;padding:15px;border-radius:12px;border:1px solid #dce8f1;text-decoration:none;box-shadow:0 2px 9px #173b5b0c}.kpi:hover{transform:translateY(-1px);box-shadow:0 6px 18px #173b5b18}.kpiIcon{width:43px;height:43px;border-radius:11px;background:#ffffffa6;display:grid;place-items:center;font-size:25px;font-weight:800}.kpi div{display:grid}.kpi strong{font-size:28px;line-height:1}.kpi b{margin-top:4px;color:#163a5c}.kpi small{color:#63788a;margin-top:2px}.kpiBlue{background:#eef8ff}.kpiRed{background:#fff0f0}.kpiGold{background:#fff8e8}.kpiGreen{background:#ecfbf4}.kpiViolet{background:#f5efff}.kpiMint{background:#ecfbf8}.dashColumns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.dashMain{display:grid;gap:14px}.dashGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #dbe6ee;border-radius:12px;box-shadow:0 2px 9px #173b5b0c;padding:0;overflow:hidden}.panelHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e5edf3}.panelHead h2{margin:0;font-size:17px;color:#173b5b}.panelHead a{font-size:12px;text-decoration:none}.panel table{margin:0;border:0}.panel th{background:#f4f8fb;color:#4d6578;font-size:11px;text-transform:uppercase}.panel td,.panel th{padding:9px 11px}.tableWrap{overflow:auto}.empty{padding:18px;color:#6b7f90}.softBadge{display:inline-block;padding:3px 7px;border-radius:999px;background:#edf6fc;color:#16679d;font-size:11px;font-weight:700}.dueText{color:#c62323!important;font-weight:800}.dashSide{display:grid;align-content:start;gap:14px}.sideStat,.systemLine{display:flex;justify-content:space-between;gap:10px;padding:11px 15px;border-bottom:1px solid #edf1f4}.sideStat b{font-size:19px;color:#0878bd}.systemPanel{background:#f1fcf6}.systemOk{padding:2px 15px;color:#087b4a}.fullButton{display:block;margin:14px;text-align:center}.customerNav{margin-left:auto}
@media(max-width:1450px){.appHeader{grid-template-columns:auto minmax(240px,320px) 1fr}.userBlock{grid-column:3;justify-self:end}.mainNav{grid-column:1/-1;border-top:1px solid #edf1f4;padding-top:6px}.kpiGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.appHeader{display:flex;flex-wrap:wrap;padding:12px}.headerWorkspace{width:100%}.headerWorkspace select{width:100%}.mainNav{width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.userBlock{margin-left:auto}.kpiGrid{grid-template-columns:repeat(2,1fr)}.dashColumns,.dashGrid{grid-template-columns:1fr}.dashHero{align-items:flex-start;flex-direction:column}.dashDate{align-items:flex-start}.brandName{font-size:17px}}
@media(max-width:560px){.kpiGrid{grid-template-columns:1fr}.brandBlock{min-width:0}.brandSub{display:none}.userBlock div:nth-child(2){display:none}.dashHero h1{font-size:25px}}

/* v0.1.75 smartphone-first Fahrerportal */
.fpShell{max-width:980px;margin:0 auto;background:#f3f8fc;min-height:100vh;color:#173b5b}.fpHeader{background:#fff;border-bottom:3px solid #1688ca;padding:13px 20px;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #173b5b12}.fpLogos{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.fpLogos img{max-height:44px;max-width:140px;object-fit:contain}.fpBrand{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#0878bd,#0e4d91);color:#fff;display:grid;place-items:center;font-weight:900}.fpTitle{display:grid}.fpTitle b{font-size:18px;color:#164f84}.fpTitle small{color:#698198}.fpMain{padding:20px}.fpWelcome{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 18px}.fpWelcome h1{margin:2px 0;font-size:30px}.fpWelcome p{margin:0;color:#6b8091}.fpEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#1688ca}.fpStatus{padding:7px 10px;border-radius:999px;background:#e9f9f1;color:#087a4b;font-size:12px;font-weight:800}.fpSuccess,.fpError{padding:13px 15px;border-radius:10px;margin-bottom:14px;font-weight:700}.fpSuccess{background:#e9f9f1;color:#087a4b;border:1px solid #b9e8d1}.fpError{background:#fff0f0;color:#b32323;border:1px solid #efc4c4}.fpQuick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.fpQuickCard{display:grid;gap:3px;align-content:center;min-height:100px;padding:14px;border:1px solid #d9e7f0;border-radius:13px;background:#fff;text-decoration:none;color:#173b5b;box-shadow:0 2px 8px #173b5b0d}.fpQuickCard>span{font-size:25px;color:#1688ca}.fpQuickCard small{color:#6b8091}.fpQuickCard.fpPrimary{background:linear-gradient(145deg,#0d83c7,#1768ad);color:#fff;border:0}.fpQuickCard.fpPrimary span,.fpQuickCard.fpPrimary small{color:#fff}.fpInstall{display:grid;grid-template-columns:auto 1fr;gap:13px;background:#edf7ff;border:1px solid #cde7f7;border-radius:13px;padding:14px;margin-bottom:14px}.fpPhone{width:43px;height:43px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:25px;color:#1688ca}.fpInstall p{margin:3px 0;color:#5e7589}.fpInstall summary{cursor:pointer;color:#0878bd;font-weight:700}.fpInstallSteps{display:grid;gap:5px;margin-top:9px;font-size:13px}.fpCard{background:#fff;border:1px solid #dbe7ef;border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 2px 9px #173b5b0d}.fpSectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.fpSectionHead h2{margin:2px 0;font-size:21px}.fpRoundIcon,.fpCount{min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:#edf7ff;color:#0878bd;display:grid;place-items:center;font-weight:800}.fpCard label{display:grid;gap:5px;margin:12px 0;font-weight:700}.fpCard input,.fpCard select,.fpCard textarea{font-size:16px;padding:12px;border-radius:9px}.fpUpload{border:2px dashed #9dcce9;border-radius:13px;padding:20px;text-align:center;background:#f6fbff;display:grid;gap:5px;margin:15px 0}.fpUpload .fpCamera{font-size:30px;color:#1688ca}.fpUpload small{color:#6a8192}.fpUpload input{margin:7px auto 0;max-width:100%}.fpSend{width:100%;padding:14px;font-size:16px;border-radius:10px}.fpRequestList{display:grid;gap:9px}.fpRequest{border:1px solid #e0e9ef;border-radius:11px;padding:13px;display:grid;gap:3px}.fpReqTop{display:flex;justify-content:space-between;gap:10px}.fpReqDate{font-size:12px;color:#718698}.fpReqStatus{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.fpReqStatus.new{background:#fff0f0;color:#b32323}.fpReqStatus.work{background:#fff7df;color:#8c6800}.fpReqStatus.done{background:#e9f9f1;color:#087a4b}.fpRequest small{color:#678093}.fpRequest p{margin:6px 0}.fpLinked{margin-top:5px;padding:7px 9px;border-radius:7px;background:#edf7ff;font-size:12px;color:#17689f}.fpLegend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#687f91}.fpLegend span{display:flex;align-items:center;gap:4px}.fpLegend i{width:8px;height:8px;border-radius:50%}.fpLegend i.new{background:#d43b3b}.fpLegend i.work{background:#d5a719}.fpLegend i.done{background:#15945c}.fpList{display:grid}.fpList>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 3px;border-bottom:1px solid #edf1f4}.fpList>div:last-child{border-bottom:0}.fpList small{display:block;color:#6b8091;margin-top:2px}.fpData{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.fpData span{display:grid;background:#f6f9fb;border-radius:9px;padding:10px;color:#718698;font-size:11px}.fpData b{color:#173b5b;font-size:14px;margin-top:2px}.fpEmpty{color:#718698;padding:10px 0}.fpFooter{display:grid;justify-items:center;gap:3px;padding:24px;color:#668095;background:#fff;border-top:1px solid #dce7ef}.fpFooter b{color:#175487}.fpFooter small{font-size:11px}
@media(max-width:720px){body:has(.fpShell)>header,body:has(.fpShell)>footer{display:none}body:has(.fpShell)>main{max-width:none;padding:0;margin:0}.fpShell{max-width:none}.fpMain{padding:12px}.fpHeader{padding:10px 12px}.fpLogos img{max-height:35px;max-width:90px}.fpTitle b{font-size:15px}.fpWelcome h1{font-size:25px}.fpQuick{grid-template-columns:repeat(2,1fr)}.fpQuickCard{min-height:90px}.fpCard{padding:14px}.fpData{grid-template-columns:1fr}.fpStatus{font-size:10px}.fpSectionHead h2{font-size:19px}}
@media(max-width:390px){.fpTitle b{font-size:13px}.fpLogos{gap:6px}.fpBrand{width:36px;height:36px}.fpWelcome{align-items:flex-start}.fpQuick{grid-template-columns:1fr 1fr}.fpQuickCard{padding:11px}.fpMain{padding:9px}}

/* v0.1.75 modern customer portal */
.cpHero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;margin-bottom:14px;background:linear-gradient(120deg,#f3faff,#fff);border:1px solid #d8e9f4;border-radius:14px}.cpHero h1,.cpPageHead h1{margin:3px 0;color:#153e72}.cpHero p,.cpPageHead p{margin:0;color:#647d91}.cpHero img{max-height:65px;max-width:180px;object-fit:contain}.cpEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#1688ca;font-weight:800}.cpKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.cpKpis>div{display:grid;padding:16px;background:#eef8ff;border:1px solid #d7e8f3;border-radius:12px}.cpKpis strong{font-size:29px;color:#0878bd}.cpKpis b{color:#173b5b}.cpKpis small{color:#718697}.cpKpis .warn{background:#fff1f1}.cpKpis .warn strong{color:#c52c2c}.cpKpis .done{background:#ecfaf3}.cpKpis .done strong{color:#118657}.cpGrid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.cpPanel{background:#fff;border:1px solid #dbe7ef;border-radius:13px;overflow:hidden;box-shadow:0 2px 9px #173b5b0d;margin-bottom:14px}.cpHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e7eef3}.cpHead h2{font-size:18px;margin:0;color:#173b5b}.cpHead span,.cpHead a{font-size:12px;color:#668096}.cpActions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.cpActions a{display:grid;gap:3px;padding:14px;border-radius:10px;background:#f3f9fd;text-decoration:none;color:#173b5b}.cpActions a>span{font-size:24px;color:#1688ca}.cpActions small{color:#6d8395}.cpRights{display:flex;flex-wrap:wrap;gap:7px;padding:15px}.cpRights span{padding:6px 8px;border-radius:999px;background:#ecfaf3;color:#16794f;font-size:11px;font-weight:700}.cpPrivacy{padding:12px 15px;border-radius:10px;background:#f4f7f9;color:#61788b;font-size:12px}.cpTable{overflow:auto}.cpTable table{margin:0;border:0}.cpTable th{background:#f5f8fa;color:#536c80;font-size:11px;text-transform:uppercase}.cpTable th,.cpTable td{padding:10px 12px}.cpEmpty{padding:20px;color:#708698}.cpPageHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.cpMiniKpis{display:grid;grid-template-columns:repeat(3,150px);gap:10px;margin-bottom:14px}.cpMiniKpis>div{display:flex;align-items:baseline;gap:7px;padding:12px 14px;border-radius:10px;background:#eef8ff}.cpMiniKpis b{font-size:24px;color:#0878bd}.cpMiniKpis span{color:#536f84}.cpMiniKpis .warn{background:#fff0f0}.cpMiniKpis .warn b{color:#c52c2c}.cpMiniKpis .done{background:#eaf9f2}.cpMiniKpis .done b{color:#118657}.cpStatus{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#edf5fa;color:#3e667f}.cpStatus.active{background:#e9f9f1;color:#087a4b}.cpStatus.inactive{background:#f0f2f4;color:#6b7780}.cpStatus.late{background:#fff0f0;color:#b32323}.cpStatus.work{background:#fff7df;color:#8c6800}
@media(max-width:850px){.cpKpis{grid-template-columns:repeat(2,1fr)}.cpGrid{grid-template-columns:1fr}.cpActions{grid-template-columns:1fr}.cpMiniKpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.cpHero,.cpPageHead{align-items:flex-start;flex-direction:column}.cpKpis{grid-template-columns:1fr 1fr}.cpHero img{max-height:48px}.cpMiniKpis{grid-template-columns:1fr}.cpTable table{min-width:650px}}

/* v0.1.75 Kommunikation */
.msgHero{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-bottom:14px;background:linear-gradient(120deg,#f1f9ff,#fff);border:1px solid #d9e9f3;border-radius:14px}.msgHero h1{margin:2px 0;color:#153e72}.msgHero p{margin:0;color:#688095}.msgKpi{display:grid;justify-items:center;min-width:80px;padding:10px;border-radius:11px;background:#fff;border:1px solid #d9e7ef}.msgKpi b{font-size:25px;color:#0878bd}.msgKpi span{font-size:11px;color:#6d8293}.msgGrid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.4fr);gap:14px}.msgForm{padding:15px}.msgForm label{display:grid;gap:5px;margin-bottom:11px}.msgList{display:grid}.msgRow{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid #e8eef2;text-decoration:none;color:#173b5b}.msgRow:hover{background:#f6fbff}.msgRow.unread{background:#eef8ff}.msgDot{width:8px;height:8px;border-radius:50%;background:#c5d0d8}.msgRow.unread .msgDot{background:#1688ca}.msgRow small{display:block;color:#718596;margin-top:2px}.msgRow>span:last-child{text-align:right}.msgPriority{font-style:normal;font-size:10px;padding:3px 6px;border-radius:999px;background:#eef2f5}.msgPriority.hoch{background:#fff0f0;color:#b32323}.msgPriority.niedrig{background:#f2f5f7;color:#667985}
@media(max-width:900px){.msgGrid{grid-template-columns:1fr}}@media(max-width:520px){.msgHero{align-items:flex-start}.msgRow{grid-template-columns:auto 1fr}.msgRow>span:last-child{grid-column:2;text-align:left}}