:root{--navy:#042649;--gold:#D6B45D;--bg:#F3F6F9;--text:#192638;--muted:#6F7A89;--line:#DDE4EC;--white:#fff;--shadow:0 10px 28px rgba(22,39,59,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:linear-gradient(180deg,var(--navy),#061f3a);color:white;position:fixed;inset:0 auto 0 0;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;border-bottom:1px solid #ffffff20}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--gold);letter-spacing:.18em;margin-top:2px}.sidebar nav{padding-top:18px;display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#d9e4ef;font-size:14px}.sidebar nav a span{width:22px;text-align:center;color:var(--gold)}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff13;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-foot{margin-top:auto;padding:12px;color:#aabed1;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#62c68c;border-radius:50%;margin-right:6px}.main{margin-left:248px;width:calc(100% - 248px)}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:10}.global-search{display:flex;align-items:center;gap:8px;background:#F5F7FA;border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:330px}.global-search input{border:0;background:transparent;outline:0;width:100%;color:var(--muted)}.user-box{margin-left:auto;display:flex;align-items:center;gap:12px}.user-box strong,.user-box small{display:block;text-align:right}.user-box small{font-size:11px;color:var(--muted)}.user-box>a{font-size:20px;color:var(--navy)}.content{padding:25px 28px 45px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.page-head h1{margin:0 0 4px;font-size:27px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:white;color:var(--navy);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn:hover{border-color:#b8c6d4}.btn.primary{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 5px 15px rgba(8,45,83,.18)}.btn.tiny{font-size:12px;padding:5px 8px}.btn.full{width:100%}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h2,.card h2{font-size:17px;margin:0}.card-head>a,.card-head>span{font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:30px;margin:7px 0;color:var(--navy)}.stat-card small{color:var(--muted)}.stat-card.gold{border-top:3px solid var(--gold)}.grid.two-one{display:grid;grid-template-columns:2fr 1fr;gap:18px}.quick{display:flex;flex-direction:column;gap:9px}.quick a{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px}.quick a span{width:34px;height:34px;border-radius:9px;background:#f7f1de;color:#8e6f16;display:grid;place-items:center}.quick strong,.quick small{display:block}.quick small{font-size:11px;color:var(--muted);margin-top:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:10px 9px}td{padding:11px 9px;border-bottom:1px solid #edf1f5;font-size:13px}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:color-mix(in srgb,var(--badge) 14%,white);color:#263747}.badge:before{content:"";width:7px;height:7px;background:var(--badge);border-radius:50%}.status{font-size:11px;background:#edf4ff;color:#2c5b97;border-radius:20px;padding:4px 7px}.empty{text-align:center;color:var(--muted);padding:28px 12px}.empty.big{padding:100px 15px}.empty.big strong{font-size:20px;color:var(--navy)}.alert{padding:11px 13px;border-radius:9px;margin-bottom:15px;border:1px solid}.alert.success{background:#eef9f1;border-color:#cdebd5;color:#23653a}.alert.error{background:#fff1f1;border-color:#f2cdcd;color:#932f2f}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .span2{grid-column:span 2}label{display:block;font-size:12px;font-weight:600;color:#455364}input,select,textarea{width:100%;margin-top:5px;border:1px solid #ccd6e1;background:white;border-radius:8px;padding:9px 10px;outline:0;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#6d8aab;box-shadow:0 0 0 3px #0b4d8a15}textarea{min-height:80px;resize:vertical}label small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.modal{position:fixed;inset:0;background:#07152288;display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-box{width:min(680px,100%);max-height:90vh;overflow:auto;background:white;border-radius:16px;padding:22px;box-shadow:0 25px 70px #0005;position:relative}.modal-box.small{width:min(430px,100%)}.modal-box h2{margin:0 0 16px}.modal-x{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:27px;color:#7a8796;cursor:pointer}.modal form>.btn{margin-top:15px}.master-detail{display:grid;grid-template-columns:340px 1fr;gap:18px}.list-card{padding:9px}.list-search{padding:5px}.customer-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px}.customer-row:hover,.customer-row.selected{background:#eef4fa}.customer-row strong,.customer-row small{display:block}.customer-row small{font-size:11px;color:var(--muted);margin-top:3px}.customer-row>span{font-size:11px;color:var(--muted)}.record-head{display:flex;align-items:flex-start;justify-content:space-between}.record-head h2{font-size:24px;margin:4px 0}.record-head p{color:var(--muted);margin:0}.record-no{font-size:11px;color:#856a20;background:#f8f1dc;padding:4px 7px;border-radius:20px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin:18px 0}.tabs button{border:0;background:transparent;padding:9px 10px;color:var(--muted)}.tabs button.active{color:var(--navy);border-bottom:2px solid var(--gold)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0 22px}.info-grid>div{background:#f7f9fb;padding:11px;border-radius:9px}.info-grid span,.info-grid strong{display:block}.info-grid span{font-size:11px;color:var(--muted);margin-bottom:4px}.object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.object-card{border:1px solid var(--line);border-radius:10px;padding:12px}.object-card span,.object-card strong,.object-card small,.object-card a{display:block}.object-card span{font-size:10px;color:var(--muted)}.object-card strong{margin:4px 0}.object-card small{color:var(--muted);min-height:28px}.object-card a{margin-top:8px;color:#315f91;font-size:12px}.group-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f5}.group-list small{color:var(--muted)}.group-dot{width:10px;height:10px;border-radius:50%}.calendar-toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.view-tabs{display:flex;gap:4px}.view-tabs a{padding:8px 12px;border-radius:8px;font-size:13px;color:var(--muted)}.view-tabs a.active{background:var(--navy);color:white}.cal-nav{display:flex;align-items:center;gap:10px}.cal-nav a{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;overflow:auto}.day-col{background:white;border:1px solid var(--line);border-radius:12px;min-height:550px}.day-col>header{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.day-col.today{outline:2px solid var(--gold)}.day-body{padding:8px}.assignment{border:1px solid #e4e8ee;border-left:4px solid var(--a);border-radius:8px;padding:8px;margin-bottom:8px;background:#fbfcfd}.assignment time,.assignment strong,.assignment small,.assignment em{display:block}.assignment time{font-size:10px;color:var(--muted)}.assignment strong{font-size:12px;margin:4px 0}.assignment small{font-size:11px;color:var(--muted)}.assignment em{font-style:normal;font-size:10px;margin-top:5px}.day-empty{text-align:center;color:#a5aeba;padding:40px 0}.month-head{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:0 0 6px}.month-head span{text-align:center;color:var(--muted);font-size:11px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.month-day{background:white;border:1px solid var(--line);border-radius:9px;min-height:125px;padding:7px}.month-day.outside{opacity:.38}.month-day.today{outline:2px solid var(--gold)}.month-day header{text-align:right;font-size:11px;color:var(--muted)}.mini-assignment{border-left:3px solid var(--a);background:#f7f9fb;border-radius:5px;padding:4px 5px;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.year-card{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.year-card span,.year-card strong,.year-card small{display:block}.year-card span{font-weight:600}.year-card strong{font-size:28px;color:var(--navy);margin:9px 0 2px}.year-card small{color:var(--muted)}.bar{height:4px;background:#eef1f4;border-radius:5px;margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.layout-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.logo-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0 20px}.logo-settings label{border:1px solid var(--line);border-radius:10px;padding:9px}.logo-settings span{display:block;margin-bottom:7px}.logo-settings img{width:100%;height:100px;object-fit:contain;background:#f7f8fa;border-radius:8px}.paper-preview{position:sticky;top:92px}.paper{aspect-ratio:210/297;background:white;box-shadow:0 15px 50px #25364b25;padding:32px;position:relative}.paper header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid var(--gold);padding-bottom:8px}.paper header img{width:90px;height:70px;object-fit:contain}.paper header div{text-align:right}.paper header small{display:block;color:var(--muted);margin-top:4px}.paper .sender{font-size:8px;margin-top:38px;color:var(--muted)}.address-box{margin-top:5px;width:60%;min-height:85px;border:1px dashed #e2e6eb;padding:8px;font-size:11px}.paper h2{margin-top:42px}.paper p{font-size:11px;line-height:1.6}.paper footer{position:absolute;left:32px;right:32px;bottom:25px;border-top:1px solid var(--line);padding-top:6px;font-size:8px;text-align:center;color:var(--muted)}.security-card>div{padding:8px 0;border-bottom:1px solid #edf1f5;color:#315f45}.security-note{font-size:11px;color:#a7bad0;margin-top:18px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#164d7d,#061d36 60%,#041626);padding:20px}.login-card,.install-card{width:min(430px,100%);background:white;border-radius:18px;padding:28px;box-shadow:0 30px 100px #0007}.install-card{width:min(680px,100%)}.login-logo,.install-logo{width:94px;height:94px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 12px}.login-card h1,.install-card h1{text-align:center;margin:0}.login-card>.muted,.install-card>.muted{text-align:center}.login-card label{margin:12px 0}.muted{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.mobile-menu{display:none}.security-card p{font-size:12px;line-height:1.5}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.year-grid{grid-template-columns:repeat(3,1fr)}.master-detail{grid-template-columns:290px 1fr}.object-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0;width:100%}.mobile-menu{display:block;border:0;background:transparent;font-size:20px;margin-right:10px}.content{padding:18px}.grid.two-one,.layout-editor,.master-detail{grid-template-columns:1fr}.paper-preview{position:static}.stats-grid{grid-template-columns:1fr 1fr}.week-grid{grid-template-columns:repeat(7,190px)}.month-grid{min-width:850px}.month-head{min-width:850px}.year-grid{grid-template-columns:repeat(2,1fr)}.object-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.global-search{display:none}}@media(max-width:520px){.page-head{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}.year-grid{grid-template-columns:1fr}.logo-settings{grid-template-columns:1fr}} /* Version 0.2.1 – vereinfachte Navigation, Verknüpfungen und Planungsansichten */ .global-search{width:min(440px,42vw);padding:5px 7px 5px 12px}.global-search input{margin:0;padding:7px 4px}.global-search button{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:7px 10px;font-size:11px;cursor:pointer}.top-actions{margin-left:12px}.top-action{font-size:12px;color:var(--navy);font-weight:700;background:#f6f1e2;border:1px solid #eee3c4;padding:8px 10px;border-radius:9px}.user-box{margin-left:auto}.stats-grid.five{grid-template-columns:repeat(5,1fr)}.stat-card.warn{border-top:3px solid #c34a42}.stat-card.warn strong{color:#a63832}.grid.dashboard-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px}.count-pill{font-size:11px;background:#edf3f8;color:var(--navy);padding:3px 7px;border-radius:20px;margin-left:5px}.click-row{cursor:pointer}.click-row:hover td{background:#f8fafc}.upcoming-card{margin-top:18px}.upcoming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upcoming-item{display:flex;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px;align-items:center}.upcoming-item:hover{border-color:#b7c7d8;background:#fbfcfd}.date-tile{width:44px;min-width:44px;height:48px;border-radius:9px;background:#eef4fa;display:grid;place-items:center;line-height:1}.date-tile strong{font-size:18px;color:var(--navy)}.date-tile span{font-size:10px;color:var(--muted)}.upcoming-item>div:last-child strong,.upcoming-item>div:last-child small,.upcoming-item>div:last-child em{display:block}.upcoming-item>div:last-child small{font-size:11px;color:var(--muted);margin-top:3px}.upcoming-item>div:last-child em{font-style:normal;font-size:10px;margin-top:4px;color:#54687e}.calendar-toolbar{gap:15px;flex-wrap:wrap}.today-link{width:auto!important;padding:0 9px;font-size:11px;color:var(--navy)}.calendar-filters{display:grid;grid-template-columns:1.25fr 1fr 1fr auto auto;gap:9px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px}.calendar-filters label{font-size:10px}.calendar-filters select{margin-top:3px;padding:7px 8px}.filter-reset{font-size:11px;color:var(--muted);padding:9px}.assignment{display:block;transition:.12s}.assignment:hover{transform:translateY(-1px);box-shadow:0 5px 14px #1d314a13}.assignment.needs-staff{background:#fff8f7}.danger-text{color:#a73934}.more-count{display:block;color:var(--muted);font-size:9px;margin-top:4px}.year-card em{display:block;font-style:normal;font-size:10px;color:#7b8794;margin-top:5px}.three-months-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-month{padding:12px}.mini-month-head,.mini-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-month-head span{text-align:center;font-size:9px;color:var(--muted);padding-bottom:4px}.mini-day{min-height:73px;border:1px solid #e6ebf0;border-radius:6px;padding:4px;overflow:hidden;background:#fff}.mini-day.outside{opacity:.3}.mini-day.today{outline:2px solid var(--gold)}.mini-day>b{display:block;text-align:right;font-size:9px;color:#7f8a96}.mini-day>a{display:block;border-left:3px solid var(--a);font-size:8px;background:#f7f9fb;border-radius:4px;padding:3px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-day small{font-size:8px;color:var(--muted)}.assignment-detail{margin-top:16px;border-top:3px solid var(--gold)}.assignment-detail .actions{margin-top:12px}.note-box{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:12px;line-height:1.55;font-size:13px}.note-box.large{min-height:180px}.link-tabs{overflow:auto}.link-tabs a{padding:9px 10px;color:var(--muted);white-space:nowrap;font-size:13px}.link-tabs a.active{color:var(--navy);border-bottom:2px solid var(--gold);font-weight:700}.link-tabs a span{font-size:10px;background:#eef2f6;padding:2px 5px;border-radius:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.section-head h3{margin:0;font-size:15px}.section-head>a,.section-head>span{font-size:11px;color:var(--muted)}.top-gap{margin-top:24px}.object-card.selected-object{outline:2px solid var(--gold);background:#fffdf8}.object-actions{display:flex;gap:12px;margin-top:8px}.object-actions a{margin:0!important}.compact-list{display:flex;flex-direction:column;border-top:1px solid #edf1f5}.compact-list a{display:grid;grid-template-columns:130px 1fr 180px;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f5;align-items:center}.compact-list a:hover{background:#fafbfd}.compact-list span,.compact-list small{font-size:11px;color:var(--muted)}.groups-card{margin-top:18px}.group-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.group-chips a{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:9px}.group-chips a small{grid-column:2;font-size:10px;color:var(--muted)}.docs-search{max-width:420px;margin-bottom:8px}.search-page{max-width:980px}.search-large{display:flex;gap:8px;margin-bottom:16px}.search-large input{margin:0}.search-results{display:flex;flex-direction:column}.search-results>a{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:12px;border-top:1px solid #edf1f5}.search-results>a:hover{background:#f8fafc}.search-kind{font-size:10px;text-transform:uppercase;color:#7b8796;background:#eef3f7;border-radius:20px;padding:5px 8px;text-align:center}.search-results strong,.search-results small{display:block}.search-results small{font-size:11px;color:var(--muted);margin-top:3px}.search-results b{font-size:22px;color:#9ba8b4}.current-letterhead{border:1px solid var(--line);border-radius:10px;padding:10px}.current-letterhead span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.current-letterhead img{width:100%;max-height:160px;object-fit:contain;background:#fafafa}.paper .full-letterhead{display:block;width:100%;max-height:105px;object-fit:contain;object-position:top center;margin-bottom:8px}.audit-card{margin-top:18px}.status.needs_staff{background:#fff0ee;color:#a63832}.status.done{background:#edf9f0;color:#2d6a3c}.status.confirmed{background:#f0f5ff;color:#315f91} @media(max-width:1250px){.stats-grid.five{grid-template-columns:repeat(3,1fr)}.upcoming-grid{grid-template-columns:repeat(2,1fr)}.three-months-grid{grid-template-columns:1fr}.group-chips{grid-template-columns:repeat(3,1fr)}} @media(max-width:950px){.grid.dashboard-main{grid-template-columns:1fr}.calendar-filters{grid-template-columns:1fr 1fr}.calendar-filters .btn,.calendar-filters .filter-reset{align-self:end}.compact-list a{grid-template-columns:110px 1fr}.compact-list a small{grid-column:2}.group-chips{grid-template-columns:repeat(2,1fr)}} @media(max-width:850px){.top-actions{display:none}.stats-grid.five{grid-template-columns:1fr 1fr}.upcoming-grid{grid-template-columns:1fr}.calendar-toolbar{align-items:stretch}.view-tabs{overflow:auto}.cal-nav{justify-content:space-between}.global-search{display:none}} @media(max-width:560px){.stats-grid.five{grid-template-columns:1fr}.calendar-filters{grid-template-columns:1fr}.group-chips{grid-template-columns:1fr}.compact-list a{grid-template-columns:1fr}.compact-list a small{grid-column:1}.search-large{flex-direction:column}.search-results>a{grid-template-columns:75px 1fr auto}} /* v0.3 – globale Suche */ .global-search-wrap{position:relative;width:min(520px,48vw)} .global-search-wrap .global-search{width:100%} .global-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:80;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #10243a26;overflow:hidden;max-height:420px;overflow-y:auto} .global-search-results>a{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f5;color:inherit} .global-search-results>a:last-child{border-bottom:0} .global-search-results>a:hover{background:#f8fafc} .global-search-results strong,.global-search-results small{display:block} .global-search-results strong{font-size:12px;color:#1c2d40} .global-search-results small{font-size:10px;color:var(--muted);margin-top:2px} .global-search-kind{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:#6c7c8d;background:#eef3f7;border-radius:14px;padding:4px 7px;text-align:center} .global-search-empty{padding:12px;color:var(--muted);font-size:12px} /* v0.3 – anklickbare Kalendertage */ .day-col[data-day-url],.month-day[data-day-url],.mini-day[data-day-url]{cursor:pointer} .day-col[data-day-url]:hover,.month-day[data-day-url]:hover,.mini-day[data-day-url]:hover{background:#fbfcfe} .day-col.selected-day,.month-day.selected-day,.mini-day.selected-day{outline:2px solid var(--gold);outline-offset:-2px} .day-col header{display:flex;align-items:center;justify-content:space-between;gap:5px} .day-count{font-size:9px;background:#edf3f8;color:var(--navy);padding:2px 5px;border-radius:12px;margin-left:auto} .day-detail{margin-top:16px;border-top:3px solid var(--gold)} .day-detail-list{display:flex;flex-direction:column;gap:8px;margin-top:10px} .day-detail-item{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(160px,.7fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff} .day-detail-item:hover{border-color:#bac9d8;background:#fbfcfd} .day-detail-item time{font-weight:700;color:var(--navy);font-size:12px} .day-detail-item strong,.day-detail-item small{display:block} .day-detail-item small{font-size:10px;color:var(--muted);margin-top:2px} .day-detail-item .assignment-no{font-size:10px;color:#768798;white-space:nowrap} .permission-editor{margin-top:18px} .permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .permission-group{border:1px solid var(--line);border-radius:11px;padding:12px} .permission-group h3{margin:0 0 8px;font-size:13px;color:var(--navy)} .permission-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #edf1f5} .permission-row:first-of-type{border-top:0} .permission-row span{font-size:12px} .permission-row select{margin:0;padding:7px 8px;font-size:11px} .sensitive-field{border-left:3px solid #c7962c!important;background:#fffaf0!important} .security-note{font-size:11px;color:#7a6742;background:#fff9eb;border:1px solid #f0e0b3;border-radius:9px;padding:9px 10px;margin:8px 0 14px} @media(max-width:900px){.permission-groups{grid-template-columns:1fr}.day-detail-item{grid-template-columns:90px 1fr}.day-detail-item>*:nth-child(3),.day-detail-item>*:nth-child(4){grid-column:2}} @media(max-width:850px){.global-search-wrap{display:none}} /* v0.3.1 – Reinigungsintervalle & erweitertes Drucklayout */ .company-fields{margin-bottom:4px}.paper footer>div+div{margin-top:3px}.cleaning-schedules{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.cleaning-schedules .section-head>div span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.schedule-row.inactive{opacity:.58;background:#f8f9fb}.schedule-row strong,.schedule-row small{display:block}.schedule-row small{font-size:11px;color:var(--muted);margin-top:3px}.schedule-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f7f1de;color:#896c1a;font-size:18px}.schedule-empty{background:#f8fafc;border:1px dashed var(--line);border-radius:10px}.weekday-picker{border:1px solid var(--line);border-radius:10px;padding:10px;margin:0}.weekday-picker legend{font-size:11px;color:var(--muted);padding:0 5px}.weekday-picker label{display:inline-flex;align-items:center;margin:2px 5px 2px 0;cursor:pointer}.weekday-picker input{position:absolute;opacity:0;pointer-events:none}.weekday-picker span{display:grid;place-items:center;width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.weekday-picker input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.paper-preview .paper footer{line-height:1.25}.logo-settings input[type=file]{font-size:11px}.logo-settings img{transition:.15s}.current-letterhead[hidden],.paper [hidden]{display:none!important}@media(max-width:700px){.schedule-row{grid-template-columns:38px 1fr}.schedule-row>.status,.schedule-row>form{grid-column:2}.weekday-picker label{margin-right:2px}.weekday-picker span{width:34px}} /* v0.3.3 – robuste Branding-Uploads */ .upload-hint{margin:8px 0 12px;color:var(--muted);font-size:11px;line-height:1.45;background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.upload-status{display:block;margin-top:6px!important;font-size:10px!important}.upload-status.ok{color:#2b6b40}.upload-status.error{color:#9a3535}.upload-status.pending{color:#8b6c1a}.logo-settings label{position:relative}.logo-settings img{background:#f7f8fa;border:1px solid var(--line)} /* v0.4 – Leistungsarten, Zeitwirtschaft und Abwesenheiten */ .modal-box.wide{width:min(820px,100%)}.service-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.service-types-card{margin-top:18px}.service-type-list{display:flex;flex-direction:column;gap:7px}.service-type-row{display:grid;grid-template-columns:46px minmax(180px,1fr) 130px auto;gap:9px;align-items:center;border-top:1px solid #edf1f5;padding-top:7px}.service-type-row input,.service-type-row select{margin:0}.service-type-row input[type=color]{height:38px;padding:3px}.series-editor{margin-top:16px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbfcfd}.series-editor summary{cursor:pointer;font-weight:700;color:var(--navy)}.series-editor .form-grid{margin-top:12px}.checkline{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}.checkline input{width:auto;margin:0}.absence-chip{border-left:4px solid var(--absence);background:color-mix(in srgb,var(--absence) 8%,white);border-radius:7px;padding:6px 7px;margin-bottom:6px}.absence-chip strong,.absence-chip span{display:block}.absence-chip strong{font-size:10px;color:var(--absence)}.absence-chip span{font-size:10px;color:#4f5d6b}.absence-mini{border-left:3px solid var(--absence);background:color-mix(in srgb,var(--absence) 8%,white);border-radius:4px;padding:3px 4px;margin-top:4px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c34a42;position:absolute;right:4px;top:4px}.mini-day{position:relative}.absence-day-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.absence-day-list>div{border-left:4px solid var(--absence);background:#f8fafc;border-radius:8px;padding:8px}.absence-day-list strong,.absence-day-list span,.absence-day-list small{display:block}.absence-day-list strong{color:var(--absence);font-size:11px}.absence-day-list span{font-size:11px;margin-top:2px}.absence-day-list small{font-size:9px;color:var(--muted);margin-top:3px}.absence-label{display:inline-flex;align-items:center;gap:6px}.absence-label:before{content:"";width:8px;height:8px;background:var(--absence);border-radius:50%}.actual-time{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.actual-time .section-head>div span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.time-total{display:inline-flex;gap:14px;align-items:center;background:#f7f9fb;border:1px solid var(--line);padding:9px 11px;border-radius:9px;margin-bottom:10px}.time-total span{font-size:10px;color:var(--muted)}.time-total strong{font-size:18px;color:var(--navy)}.hours-report{margin-bottom:18px}.hours-filter{display:grid;grid-template-columns:130px 170px minmax(180px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}.hours-filter .btn{height:39px}.hours-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.hours-summary>div{background:#f7f9fb;border:1px solid #edf1f5;border-radius:9px;padding:11px}.hours-summary span,.hours-summary strong{display:block}.hours-summary span{font-size:10px;color:var(--muted);margin-bottom:4px}.hours-summary strong{font-size:17px;color:var(--navy)}.total-row{background:#fffaf0}.inline-period{display:flex;gap:8px;align-items:end;margin-bottom:12px}.inline-period select,.inline-period input{margin:0;width:auto}.row-actions{display:flex;gap:5px;align-items:center}.row-actions form{margin:0}.row-actions button{white-space:nowrap} @media(max-width:1000px){.hours-filter{grid-template-columns:1fr 1fr}.hours-filter .btn{width:max-content}.absence-day-list{grid-template-columns:1fr 1fr}.service-type-row{grid-template-columns:44px 1fr 110px}.service-type-row .btn{grid-column:2/4;width:max-content}} @media(max-width:650px){.hours-summary{grid-template-columns:1fr}.absence-day-list{grid-template-columns:1fr}.service-type-row{grid-template-columns:44px 1fr}.service-type-row select,.service-type-row .btn{grid-column:2}.inline-period{flex-wrap:wrap}} .absence-chip small{display:block;margin-top:2px;color:#6a7480;font-size:10px;font-weight:600} /* v0.5 – vollständige Zeitwirtschaft */ .time-filter-card{margin-bottom:14px}.time-filter{grid-template-columns:155px 155px minmax(180px,1fr) minmax(150px,1fr) 125px 160px auto}.time-main-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 16px}.time-main-summary strong{font-size:15px}.time-summary-grid{margin-bottom:16px}.group-time-sums{display:flex;flex-direction:column;gap:8px}.group-time-sums>div{border:1px solid var(--line);border-radius:9px;padding:10px;background:#f8fafc}.group-time-sums span,.group-time-sums strong,.group-time-sums small{display:block}.group-time-sums span{font-size:11px;color:var(--muted)}.group-time-sums strong{font-size:20px;color:var(--navy);margin:3px 0}.group-time-sums small{font-size:10px;color:var(--muted)}.time-entry-list{margin-top:16px}.check-col{width:36px}.check-col input,.time-entry-list td>input{width:auto;margin:0}.variance-plus{color:#9a4c2b!important;font-weight:700}.variance-minus{color:#2b6c83!important;font-weight:700}.time-status-approved{background:#e9f7ed;color:#25613a}.time-status-draft{background:#fff4d9;color:#7f651e}.time-edit-meta{display:flex;gap:8px;flex-wrap:wrap;margin:-7px 0 15px}.time-edit-meta span{font-size:10px;background:#eef3f7;color:#536274;border-radius:16px;padding:4px 8px}.time-danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.time-danger-zone h3{font-size:13px;margin:0 0 9px}.inline-reason{display:flex;gap:7px;align-items:center}.inline-reason input{margin:0;min-width:180px}.btn.danger{border-color:#dfb9b9;color:#8c3232;background:#fff8f8}.revision-history{margin-top:16px;border:1px solid var(--line);border-radius:10px;padding:10px}.revision-history summary{cursor:pointer;color:var(--navy);font-weight:700}.hidden-form{display:none}.time-employee-picker{border:1px solid var(--line);border-radius:10px;padding:10px;margin:0}.time-employee-picker legend{font-size:11px;color:var(--muted);padding:0 6px}.time-employee-picker label{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f5;padding:7px 2px;cursor:pointer}.time-employee-picker label:last-child{border-bottom:0}.time-employee-picker input{width:auto;margin:0}.time-employee-picker span{font-size:12px}.time-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.time-total-grid>div{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:9px}.time-total-grid span,.time-total-grid strong{display:block}.time-total-grid span{font-size:10px;color:var(--muted)}.time-total-grid strong{font-size:16px;color:var(--navy);margin-top:3px} @media(max-width:1200px){.time-filter{grid-template-columns:repeat(3,1fr)}.time-main-summary{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.time-filter{grid-template-columns:1fr 1fr}.time-main-summary,.time-total-grid{grid-template-columns:1fr 1fr}.inline-reason{flex-wrap:wrap}.inline-reason input{min-width:100%}} @media(max-width:520px){.time-filter,.time-main-summary,.time-total-grid{grid-template-columns:1fr}} /* v0.5.1 – Kundenverfügbarkeit, Adressverknüpfung, Direkt-Intervall */ .same-address-check{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:9px 10px}.linked-address{background:#eef3f7!important;color:#5c6977}.same-address-label{color:#2c6780!important;font-weight:600}.customer-state-text{color:#a53f38!important;font-weight:700}.customer-state-banner{display:inline-flex;gap:8px;align-items:center;background:#fff0ef;border:1px solid #efc0bc;color:#9e382f;border-radius:8px;padding:6px 9px;margin-top:7px;font-size:11px}.customer-state-banner span{color:#7c514e}.assignment.customer-unavailable,.mini-assignment.customer-unavailable,.mini-day a.customer-unavailable{--a:#C34A42!important;border-color:#C34A42!important;background:#fff1f0!important}.customer-calendar-warning{display:block!important;color:#a43730!important;font-size:9px!important;font-style:normal!important;font-weight:800!important;margin-top:3px}.day-detail-item.customer-unavailable{border-left:4px solid #C34A42;background:#fff7f6}.customer-unavailable-box{display:flex;gap:10px;align-items:center;background:#fff0ef;border:1px solid #efc0bc;border-left:5px solid #C34A42;border-radius:9px;padding:10px 12px;margin:12px 0;color:#8f332d}.customer-unavailable-box span{font-size:11px;color:#78504d}.assignment-series-action{margin:14px 0 8px}.series-create-panel{border:1px solid var(--line);background:#fbfcfd;border-radius:11px;padding:12px;margin:0 0 14px}.series-create-panel[hidden]{display:none!important} /* ==========================================================================\n Version 1.0 Beta 2 – edle, ruhige Verkaufs-/Testoberfläche\n ========================================================================== */ :root{ --navy:#042649; --gold:#D6B45D; --bg:#F4F5F3; --text:#17283A; --muted:#6E7A88; --line:#E1E5E8; --white:#FFFFFF; --surface-soft:#F8F9F8; --navy-2:#031B34; --gold-soft:#F7F0DE; --shadow:0 10px 30px rgba(4,38,73,.075); --shadow-strong:0 18px 50px rgba(4,38,73,.13); } html,body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)} body{letter-spacing:.002em} /* Navigation */ .sidebar{ width:264px; padding:20px 16px 18px; background: radial-gradient(circle at 30% 0%,rgba(214,180,93,.10),transparent 34%), linear-gradient(180deg,#042649 0%,#03213f 58%,#021a32 100%); border-right:1px solid rgba(214,180,93,.22); box-shadow:14px 0 34px rgba(4,38,73,.08); } .main{margin-left:264px;width:calc(100% - 264px)} .brand{gap:12px;padding:2px 8px 20px;border-bottom:1px solid rgba(255,255,255,.11)} .brand img{width:58px;height:52px;border-radius:0;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))} .brand strong{font-size:13px;line-height:1.25;font-weight:650;letter-spacing:.01em;color:#fff} .brand small{font-size:9px;color:#E8CB79;letter-spacing:.22em;margin-top:5px;font-weight:700} .sidebar nav{padding-top:20px;gap:5px} .sidebar nav a{min-height:44px;padding:11px 12px;border-radius:11px;color:#D7E0E9;font-size:13.5px;font-weight:530;transition:.16s ease} .sidebar nav a span{width:23px;color:#E0BF69;font-size:16px;opacity:.95} .sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(1px)} .sidebar nav a.active{background:linear-gradient(90deg,rgba(214,180,93,.17),rgba(255,255,255,.055));color:#fff;box-shadow:inset 2px 0 #E2C36D,0 8px 20px rgba(0,0,0,.08)} .sidebar-foot{padding:14px 10px 4px;color:#91A6B9;font-size:10.5px;letter-spacing:.03em} /* Kopfbereich */ .topbar{height:74px;padding:0 30px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(4,38,73,.08);box-shadow:0 3px 18px rgba(4,38,73,.035)} .global-search-wrap{position:relative} .global-search{width:390px;min-height:42px;padding:7px 9px 7px 13px;background:#F8F9FA;border:1px solid #E3E7EA;border-radius:12px;transition:.16s ease} .global-search:focus-within{background:#fff;border-color:rgba(214,180,93,.75);box-shadow:0 0 0 3px rgba(214,180,93,.14),0 8px 20px rgba(4,38,73,.05)} .global-search>span{color:#8D99A5;font-size:18px} .global-search input{margin:0;padding:0 4px;border:0;box-shadow:none!important;background:transparent;color:var(--text)} .global-search button{border:0;border-radius:8px;background:var(--navy);color:#fff;padding:7px 11px;font-size:11px;font-weight:700;cursor:pointer} .global-search button:hover{background:#07345f} .user-box{gap:13px} .user-box strong{font-size:12.5px;color:#1D3043} .user-box small{font-size:10px;color:#7C8793;margin-top:2px} .user-box>a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#F5F7F8;color:var(--navy);font-size:18px;border:1px solid #E4E8EB} .user-box>a:hover{background:var(--navy);color:#fff} /* Seiten und Typografie */ .content{padding:30px 34px 54px;max-width:1800px;margin:0 auto} .page-head{margin-bottom:24px} .page-head h1{font-size:28px;line-height:1.15;font-weight:690;letter-spacing:-.025em;color:#10283E} .page-head p{font-size:12.5px;margin-top:6px;color:#7A8591} .card-head h2,.card h2{font-size:16px;font-weight:680;color:#183049;letter-spacing:-.008em} .card-head>a,.section-head>a{color:#315979;font-weight:650} .card-head>a:hover,.section-head>a:hover{color:#8B6B16} /* Karten / Dashboard */ .card,.stat-card,.year-card{border:1px solid rgba(4,38,73,.085);border-radius:16px;box-shadow:var(--shadow);background:#fff} .card{padding:20px} .stat-card{position:relative;overflow:hidden;padding:19px 20px 18px;transition:.16s ease} .stat-card:after{content:"";position:absolute;left:20px;bottom:0;width:34px;height:2px;background:rgba(214,180,93,.72);border-radius:4px 4px 0 0} .stat-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(4,38,73,.095)} .stat-card span{font-size:11px;text-transform:uppercase;letter-spacing:.075em;font-weight:700;color:#7A8590} .stat-card strong{font-size:31px;font-weight:680;color:#0A3155;letter-spacing:-.035em;margin:9px 0 6px} .stat-card small{font-size:10.5px;color:#87919B} .stat-card.gold{border-top:1px solid rgba(4,38,73,.085)} .stat-card.gold:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#C99F42,#F2D98D,#C99F42)} .stat-card.warn:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#B6403A} .count-pill{background:#F1F4F6;color:#42617B;border:1px solid #E4E9EC;font-weight:700} .quick a{padding:13px;border-color:#E6E9EC;border-radius:12px;background:#fff;transition:.15s ease} .quick a:hover{border-color:#D9C688;background:#FFFDF8;transform:translateX(1px)} .quick a span{background:linear-gradient(145deg,#FBF5E7,#F3E8C9);color:#85671A;border:1px solid #EEE0B5} .upcoming-item{border-radius:13px;border-color:#E6EAED;background:#fff} .upcoming-item:hover{border-color:#D8C27D;background:#FFFDF9;box-shadow:0 9px 20px rgba(4,38,73,.06)} .date-tile{background:#F2F5F7;border:1px solid #E6EBEE;border-radius:10px} .date-tile strong{color:#0C3458} /* Tabellen */ .table-wrap{border-radius:12px} table{border-collapse:separate;border-spacing:0} th{padding:11px 10px;background:#F7F8F8;border-bottom:1px solid #E1E6E9;color:#71808D;font-size:10px;font-weight:750;letter-spacing:.075em} th:first-child{border-radius:9px 0 0 0}th:last-child{border-radius:0 9px 0 0} td{padding:12px 10px;border-bottom:1px solid #EDF0F2;font-size:12.5px;background:#fff} tr:last-child td{border-bottom:0} .click-row:hover td,tbody tr:hover td{background:#FBFCFC} /* Buttons */ .btn{min-height:38px;padding:8px 14px;border-radius:10px;border:1px solid #DCE2E6;background:#fff;color:#183C5C;font-size:12px;font-weight:680;box-shadow:0 1px 1px rgba(4,38,73,.02);transition:.15s ease} .btn:hover{border-color:#CAB36D;background:#FFFDF9;color:#0C3151;box-shadow:0 5px 14px rgba(4,38,73,.055)} .btn.primary{background:linear-gradient(180deg,#07345E,#042649);border-color:#042649;color:#fff;box-shadow:0 8px 18px rgba(4,38,73,.18)} .btn.primary:hover{background:linear-gradient(180deg,#0B416F,#052D53);border-color:#B99A48;box-shadow:0 10px 22px rgba(4,38,73,.21)} .btn.danger{border-color:#E6C8C6;color:#963D38;background:#FFF9F8} .btn.tiny{min-height:29px;padding:5px 9px;border-radius:8px;font-size:10.5px} /* Formulare */ label{font-size:11px;color:#4E6071;font-weight:680} input,select,textarea{margin-top:6px;border:1px solid #D7DEE3;background:#fff;border-radius:10px;padding:10px 11px;color:#1D3042;transition:.15s ease} input:hover,select:hover,textarea:hover{border-color:#C4CED5} input:focus,select:focus,textarea:focus{border-color:#C6A750;box-shadow:0 0 0 3px rgba(214,180,93,.14);background:#fff} textarea{line-height:1.45} fieldset{border-color:#E0E5E8} /* Aktenansichten */ .master-detail{gap:20px} .list-card{padding:10px} .customer-row{padding:13px 12px;border-radius:11px;border:1px solid transparent;transition:.14s ease} .customer-row:hover{background:#F8FAFA;border-color:#E8ECEE} .customer-row.selected{background:#F7F3E9;border-color:#E7D8A7;box-shadow:inset 3px 0 #D6B45D} .record-head{padding-bottom:3px} .record-head h2{font-size:25px;color:#102A42;font-weight:690;letter-spacing:-.025em} .record-no{background:#F6F0DF;color:#795E17;border:1px solid #EADDAF;padding:5px 8px;font-weight:700} .tabs,.link-tabs{gap:6px;border-bottom-color:#E5E9EC} .tabs button,.link-tabs a{padding:10px 11px;font-size:12px;border-radius:8px 8px 0 0} .tabs button:hover,.link-tabs a:hover{background:#F8F9F8;color:#294B67} .tabs button.active,.link-tabs a.active{color:#0C3153;border-bottom:2px solid #D6B45D;background:#FFFEFA} .info-grid>div{background:#F7F9F9;border:1px solid #EBEEF0;border-radius:11px;padding:12px} .object-card{border-color:#E3E8EB;border-radius:12px;padding:14px;background:#fff;transition:.14s ease} .object-card:hover{border-color:#D9C47E;box-shadow:0 8px 20px rgba(4,38,73,.06)} .object-card.selected-object{outline:0;border-color:#D2B45C;background:#FFFDF8;box-shadow:0 0 0 2px rgba(214,180,93,.11)} /* Kalender */ .calendar-toolbar,.calendar-filters{border-color:#E1E6E9;border-radius:14px;box-shadow:0 5px 16px rgba(4,38,73,.035)} .calendar-toolbar{padding:9px 10px;background:#fff} .view-tabs{background:#F3F5F6;padding:3px;border-radius:10px} .view-tabs a{padding:8px 13px;border-radius:8px;font-size:11.5px;font-weight:650} .view-tabs a.active{background:#042649;color:#fff;box-shadow:0 5px 12px rgba(4,38,73,.15)} .cal-nav a{border-color:#DFE5E8;background:#fff;color:#1F435F} .cal-nav a:hover{border-color:#D2B763;background:#FFFDF8} .today-link{font-weight:700!important} .day-col{border-color:#E2E7EA;border-radius:14px;box-shadow:0 6px 18px rgba(4,38,73,.035);overflow:hidden} .day-col>header{padding:12px 11px;background:#F8F9F9;border-bottom-color:#E6EAEC;font-size:11px} .day-col.today{outline:0;border-color:#CFAF55;box-shadow:0 0 0 2px rgba(214,180,93,.14),0 8px 22px rgba(4,38,73,.055)} .day-body{padding:9px} .assignment{border-color:#E5E9EC;border-left-width:4px;border-radius:10px;padding:9px;background:#FCFDFD;box-shadow:0 2px 5px rgba(4,38,73,.025)} .assignment:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(4,38,73,.08);border-color:#D8E0E5} .assignment strong{color:#1A3349;font-size:11.5px} .assignment time{color:#75818D;font-weight:650} .month-head span{font-size:10px;font-weight:700;letter-spacing:.05em;color:#7A8792} .month-day{border-color:#E4E8EB;border-radius:11px;background:#fff;min-height:132px;transition:.13s ease} .month-day:hover{border-color:#D9C57F;box-shadow:0 5px 13px rgba(4,38,73,.05)} .month-day.today{outline:0;border-color:#CFAE50;box-shadow:inset 0 0 0 1px rgba(214,180,93,.38)} .month-day header{font-weight:700;color:#667786} .mini-assignment,.mini-day>a{border-radius:6px;background:#F7F9FA} .year-card{padding:17px;transition:.14s ease} .year-card:hover{transform:translateY(-1px);border-color:#D9C47E;box-shadow:0 12px 26px rgba(4,38,73,.08)} .year-card strong{color:#0B3154} .bar{background:#EDF0F1}.bar i{background:linear-gradient(90deg,#B98D32,#E6CC7D)} /* Status */ .status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;border:1px solid transparent} .status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8} .status.planned{background:#EEF4FA;color:#315E82;border-color:#DCE7F0} .status.confirmed{background:#EEF8F2;color:#347052;border-color:#D8EBDD} .status.done{background:#F1F3F4;color:#68747E;border-color:#E3E6E8} .status.cancelled{background:#F6F1F1;color:#8B5A58;border-color:#E8DCDC} .status.needs_staff{background:#FFF3E7;color:#A35C1E;border-color:#F2DEC6} .status.time-status-approved{background:#EEF8F2;color:#347052;border-color:#D8EBDD} .status.time-status-draft{background:#FFF7E6;color:#8B6A1B;border-color:#EEE0B9} /* Modal */ .modal{background:rgba(2,19,35,.67);backdrop-filter:blur(5px)} .modal-box{border-radius:18px;padding:24px;border:1px solid rgba(214,180,93,.26);box-shadow:0 28px 80px rgba(0,0,0,.28)} .modal-box:before{content:"";position:absolute;left:24px;right:52px;top:0;height:2px;background:linear-gradient(90deg,#D6B45D,transparent)} .modal-box h2{font-size:20px;color:#102C46;letter-spacing:-.015em} .modal-x{color:#7A8791}.modal-x:hover{color:#9A3E38} /* Login / Installation */ .login-body{ background: radial-gradient(circle at 18% 12%,rgba(214,180,93,.18),transparent 27%), radial-gradient(circle at 86% 86%,rgba(73,112,148,.20),transparent 32%), linear-gradient(145deg,#02172C 0%,#042649 48%,#062D53 100%); position:relative; } .login-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.025) 58% 59%,transparent 59%)} .login-card,.install-card{border-radius:22px;padding:34px 34px 30px;border:1px solid rgba(214,180,93,.28);box-shadow:0 34px 100px rgba(0,0,0,.40);position:relative;overflow:hidden} .login-card:before,.install-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#A67D2D,#F0D88E,#B98934)} .login-logo,.install-logo{width:155px;height:118px;object-fit:contain;border-radius:0;margin:0 auto 17px;filter:drop-shadow(0 7px 10px rgba(4,38,73,.12))} .login-card h1,.install-card h1{font-size:24px;font-weight:690;letter-spacing:-.025em;color:#102B44} .login-card>.muted,.install-card>.muted{font-size:11.5px;letter-spacing:.055em;text-transform:uppercase;color:#788692;margin:8px 0 22px} .login-card label{margin:14px 0} .login-card .btn.primary{margin-top:7px;min-height:43px} .security-note{color:#8292A0;background:#F7F9F9;border:1px solid #E6EAEC;border-radius:9px;padding:9px 10px;line-height:1.4} /* Drucklayout */ .paper{box-shadow:0 18px 54px rgba(4,38,73,.16);border:1px solid #E7EAEC} .paper header{border-bottom-color:#D6B45D} .logo-settings label{border-color:#E1E6E9;border-radius:12px;background:#fff} .logo-settings img{background:#F8F9F9;border:1px solid #ECEEEF;border-radius:10px} /* Responsive */ @media(max-width:850px){ .sidebar{width:264px} .main{margin-left:0;width:100%} .topbar{padding:0 18px;height:68px} .content{padding:22px 18px 40px} .mobile-menu{width:36px;height:36px;border-radius:9px!important;background:#F2F5F6!important;color:#042649;margin-right:9px!important} } @media(max-width:520px){ .login-card,.install-card{padding:28px 22px 24px;border-radius:18px} .login-logo,.install-logo{width:130px;height:98px} .page-head h1{font-size:25px} .content{padding:18px 13px 34px} } .inline-delete-form{display:inline-flex;margin:0}.actions>.inline-delete-form{align-items:center} /* ========================================================= v1.0 Beta 3 – Edel / Preview-Design Umsetzung ========================================================= */ :root{ --navy-soft:#0A315A; --navy-2:#082847; --gold-2:#E1C06A; --gold-soft:#F7EED1; --surface:#FFFFFF; --surface-2:#F8FAFC; --line-2:#E7EDF3; --shadow-2:0 18px 46px rgba(4,38,73,.08),0 2px 8px rgba(4,38,73,.05); --radius-xl:20px; --radius-lg:16px; --radius-md:12px; } html,body{background:linear-gradient(180deg,#F4F7FA 0%, #EEF3F7 100%);color:#15283D} .app-shell{background:transparent} .sidebar{ width:280px; background:linear-gradient(180deg,var(--navy) 0%, #05223E 100%); padding:22px 16px 18px; box-shadow:12px 0 34px rgba(4,38,73,.14); } .main{margin-left:280px;width:calc(100% - 280px)} .brand{ display:flex;flex-direction:column;align-items:flex-start;gap:14px; padding:8px 10px 24px;border-bottom:1px solid rgba(255,255,255,.09) } .brand img{ width:118px;height:118px;border-radius:0;object-fit:contain;object-position:center; filter:drop-shadow(0 10px 22px rgba(0,0,0,.18));background:transparent } .brand-copy strong{ font-size:15px;letter-spacing:.02em;color:#fff;font-weight:700;display:block } .brand-copy small{ display:block;margin-top:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase; color:rgba(224,198,117,.92) } .sidebar nav{padding-top:20px;gap:8px} .sidebar nav a{ min-height:48px;padding:12px 14px;border-radius:14px;font-size:15px;font-weight:600; color:#E5EEF7;transition:all .15s ease;border:1px solid transparent } .sidebar nav a span{ width:28px;height:28px;display:grid;place-items:center;border-radius:9px; background:rgba(255,255,255,.06);color:var(--gold-2);font-size:16px } .sidebar nav a:hover{background:rgba(255,255,255,.08);transform:translateX(1px)} .sidebar nav a.active{ background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.06)); color:#fff;box-shadow:inset 4px 0 var(--gold), 0 10px 22px rgba(3,16,31,.18) } .sidebar nav a.active span{background:rgba(214,180,93,.17)} .sidebar-tools{ margin-top:auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04); border-radius:18px;padding:14px 12px 10px } .sidebar-tools-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C7D8E8;margin-bottom:10px} .sidebar-mini-links{display:flex;flex-direction:column;gap:8px} .sidebar-mini-links a{ display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px; color:#EEF4FA;font-size:13px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05) } .sidebar-mini-links a:hover{background:rgba(255,255,255,.08)} .sidebar-foot{padding:14px 6px 0;color:#AFC3D6;font-size:12px} .dot{width:8px;height:8px;background:#6ED29E;box-shadow:0 0 0 4px rgba(110,210,158,.12)} .topbar{ height:82px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-2); padding:0 30px;box-shadow:0 8px 28px rgba(4,38,73,.04) } .global-search-wrap{width:min(470px,44vw)} .global-search{ width:100%;background:#fff;border:1px solid #DDE5EE;border-radius:14px;padding:8px 9px 8px 14px; box-shadow:0 4px 10px rgba(4,38,73,.04) } .global-search span{color:#607286;font-size:17px} .global-search input{font-size:14px;color:#4C5F73} .global-search input::placeholder{color:#90A0B0} .global-search button{ border-radius:11px;padding:9px 14px;font-size:12px;font-weight:700; background:linear-gradient(180deg,var(--navy-soft),var(--navy)); box-shadow:0 10px 20px rgba(4,38,73,.18) } .user-box{gap:14px} .user-avatar{ width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800; color:var(--navy);background:linear-gradient(180deg,#F3E3B0,#D8B75E);box-shadow:0 10px 22px rgba(214,180,93,.22) } .user-meta strong{display:block;font-size:14px;text-align:left} .user-meta small{display:block;font-size:11px;color:var(--muted);text-align:left;margin-top:3px} .logout-pill{ padding:9px 12px;border-radius:12px;border:1px solid var(--line-2);background:#fff; font-size:12px;font-weight:700;color:var(--navy) } .content{padding:28px 30px 48px} .page-head{margin-bottom:24px} .page-head h1{font-size:31px;letter-spacing:-.02em;color:var(--navy);margin-bottom:6px} .page-head p{font-size:14px;color:#718294} .btn{ border-radius:12px;padding:10px 15px;border-color:#DCE5EE;font-weight:700; box-shadow:none;transition:all .15s ease } .btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(4,38,73,.06)} .btn.primary{ background:linear-gradient(180deg,var(--navy-soft),var(--navy));border-color:var(--navy); color:#fff;box-shadow:0 12px 24px rgba(4,38,73,.18) } .btn.tiny{padding:6px 10px;border-radius:10px} .card,.stat-card,.calendar-toolbar,.calendar-filters,.day-col,.month-day,.year-card,.mini-day,.paper,.modal-box,.install-card,.login-card{ border-color:var(--line-2)!important;box-shadow:var(--shadow-2)!important } .card,.stat-card,.modal-box,.login-card,.install-card{border-radius:var(--radius-xl)} .card{padding:22px;background:rgba(255,255,255,.96)} .card-head{margin-bottom:16px} .card-head h2,.card h2{font-size:21px;letter-spacing:-.02em;color:var(--navy)} .card-head>a,.card-head>span{font-size:12px;color:#5F7590;font-weight:600} .stats-grid{gap:18px;margin-bottom:22px} .stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))} .stat-card{ position:relative;padding:18px 18px 18px 76px;background:linear-gradient(180deg,#fff,#FCFDFE) } .stat-card::before{ content:"";position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:50%; background:linear-gradient(180deg,#F8F2DE,#F0E1B0);box-shadow:inset 0 0 0 1px #E9DBAD } .stat-card::after{ content:"";position:absolute;left:31px;top:31px;width:16px;height:16px;border-radius:5px; border:2px solid var(--gold);opacity:.75 } .stat-card span{display:block;font-size:13px;font-weight:700;color:#5D7187} .stat-card strong{font-size:36px;line-height:1;color:var(--navy);margin:8px 0} .stat-card small{font-size:12px;color:#73859A} .stat-card.gold{border-top:0;background:linear-gradient(180deg,#fff,#FDFBF5)} .stat-card.warn{background:linear-gradient(180deg,#fff,#FEF7F6)} .table-wrap{border:1px solid #EDF1F5;border-radius:14px;overflow:auto} table{background:#fff} th{background:#F8FBFD;font-size:11px;color:#6E8093;padding:12px 10px} td{padding:12px 10px;font-size:13px} .click-row:hover td{background:#FBFCFE} .record-no,.status,.badge,.count-pill{border-radius:999px} .status{padding:6px 9px;font-weight:700;font-size:11px;border:1px solid transparent} .status.planned{background:#EEF4FF;color:#265CB6} .status.confirmed{background:#EDF8F0;color:#277148} .status.done{background:#F2F4F6;color:#5E6E7E} .status.needs_staff{background:#FFF5E8;color:#B06B12} .record-head h2{font-size:30px;color:var(--navy)} .record-head p{font-size:14px} .record-no{background:#FAF3DD;color:#87681C;padding:6px 10px;font-weight:700} .info-grid>div,.note-box,.current-letterhead,.object-card,.upcoming-item,.group-chips a,.quick a,.search-results>a{ border-radius:14px } .info-grid>div{background:#F8FBFD;border:1px solid #ECF1F5} .object-card{padding:14px;box-shadow:0 6px 15px rgba(4,38,73,.04)} .object-card.selected-object{background:linear-gradient(180deg,#FFFDF6,#FFFFFF)} .tabs, .link-tabs{margin-top:20px} .tabs button,.link-tabs a{padding:11px 12px;font-weight:700;border-radius:10px 10px 0 0} .tabs button.active,.link-tabs a.active{background:linear-gradient(180deg,#FFF,#FBF5E6);color:var(--navy);border-bottom:2px solid var(--gold)} .calendar-toolbar,.calendar-filters{ background:rgba(255,255,255,.96);border-radius:16px;padding:12px 14px } .view-tabs a{padding:9px 14px;border-radius:10px;font-weight:700} .view-tabs a.active{background:linear-gradient(180deg,var(--navy-soft),var(--navy));color:#fff;box-shadow:0 10px 20px rgba(4,38,73,.16)} .cal-nav a{border-radius:10px;background:#fff} .day-col,.month-day{border-radius:16px;background:rgba(255,255,255,.96)} .day-col>header,.month-day header{background:#F8FBFD} .assignment{ border:1px solid #E8EDF2;border-radius:12px;padding:10px;background:linear-gradient(180deg,#fff,#FBFCFE); box-shadow:0 8px 18px rgba(4,38,73,.04) } .assignment strong{font-size:12px;color:#19314C} .assignment small,.assignment time,.assignment em{color:#708093} .assignment:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(4,38,73,.10)} .login-body{ min-height:100vh;display:grid;place-items:center;padding:28px;background: radial-gradient(circle at top left, rgba(214,180,93,.18), transparent 32%), linear-gradient(180deg,var(--navy),#03182C) } .login-card,.install-card{padding:34px 34px 28px;background:rgba(255,255,255,.98);max-width:470px} .login-logo,.install-logo{width:170px;height:138px;object-fit:contain;border-radius:0;background:transparent;box-shadow:none} .login-card h1,.install-card h1{font-size:31px;color:var(--navy);letter-spacing:-.02em;margin:12px 0 5px} .login-card .muted,.install-card .muted{color:#6C7B8B;letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-bottom:20px} .security-note{background:#F8FBFD;border-color:#E8EDF2;border-radius:12px;color:#6F8092} .global-search-results{border-radius:16px;border:1px solid var(--line-2);box-shadow:var(--shadow-2)} .search-results>a:hover,.customer-row:hover,.customer-row.selected{background:linear-gradient(180deg,#FBFDFF,#F4F8FB)} .customer-row{border-radius:12px} /* Dashboard polish */ .dashboard-main .card,.upcoming-card{min-height:100%} .upcoming-item{padding:12px;background:#fff} .date-tile{border-radius:12px;background:linear-gradient(180deg,#F7EED0,#FFFFFF);border:1px solid #EEDB9C} .date-tile strong{color:var(--navy)} .quick a{background:#fff;border-radius:14px;box-shadow:0 8px 18px rgba(4,38,73,.04)} .quick a span{background:linear-gradient(180deg,#FCF4D9,#F8E6B2);color:#8A6A1A} /* Responsive preview feeling */ @media(max-width:1250px){ .sidebar{width:264px}.main{margin-left:264px;width:calc(100% - 264px)} .stats-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:980px){ .sidebar{transform:translateX(-100%);transition:transform .2s ease} body.menu-open .sidebar{transform:translateX(0)} .main{margin-left:0;width:100%} .topbar{padding:0 18px;height:74px} .content{padding:20px 18px 40px} .global-search-wrap{width:100%} .user-meta{display:none} .sidebar-tools{display:none} } @media(max-width:680px){ .stats-grid.five,.stats-grid{grid-template-columns:1fr 1fr!important} .topbar{gap:10px} .global-search button{display:none} .page-head{display:block} .page-head .actions{margin-top:12px} .stat-card{padding-left:18px}.stat-card::before,.stat-card::after{display:none} } @media(max-width:520px){ .stats-grid.five,.stats-grid{grid-template-columns:1fr!important} .brand img{width:96px;height:96px} .login-card,.install-card{padding:28px 22px} .login-logo,.install-logo{width:140px;height:110px} } /* v1.0 Beta 4 – Proportionen & Tagesansicht */ .topbar{gap:16px} .global-search-wrap{flex:1;min-width:240px;max-width:560px} .user-box{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:max-content} .user-avatar{flex:0 0 44px} .logout-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:40px;padding:9px 14px;flex-shrink:0} .day-view-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:18px;align-items:start} .day-view-main{background:rgba(255,255,255,.97);border:1px solid var(--line-2);border-radius:20px;padding:18px 18px 20px;box-shadow:var(--shadow-2)} .day-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px} .day-view-head h2{margin:0;font-size:24px;color:var(--navy)} .day-view-head p{margin:5px 0 0;color:var(--muted)} .day-view-absences{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:14px} .day-absence-card{border:1px solid #ead8d8;border-left:4px solid var(--absence);border-radius:14px;background:#fff8f8;padding:10px 12px} .day-absence-card strong,.day-absence-card span,.day-absence-card small{display:block} .day-absence-card span{margin-top:4px;font-size:13px;color:#47596c} .day-absence-card small{margin-top:4px;font-size:11px;color:#73859a} .day-timeline{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start} .day-timeline-scale{padding-top:4px} .time-slot{height:56px;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:8px;font-size:11px;color:#708193;font-weight:700} .day-timeline-track{position:relative;min-height:1344px;border:1px solid #e6edf3;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);overflow:hidden} .track-row{height:56px;border-top:1px solid #eef3f7} .track-row:first-child{border-top:0} .timeline-item{position:absolute;left:12px;right:12px;display:block;border:1px solid #e3e9ef;border-left:5px solid var(--a);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 10px 18px rgba(4,38,73,.06);padding:9px 10px;overflow:hidden} .timeline-item time,.timeline-item strong,.timeline-item small,.timeline-item em,.timeline-item span{display:block} .timeline-item time{font-size:11px;color:#647587;font-weight:700} .timeline-item strong{font-size:13px;color:#17314d;margin-top:3px} .timeline-item small{font-size:12px;color:#5d7085;margin-top:3px} .timeline-item em{font-style:normal;font-size:11px;color:#6d8094;margin-top:4px} .timeline-item .customer-calendar-warning{margin-top:6px;font-size:11px} .day-timeline-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8a97a6;font-weight:600;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.96))} .day-view-side .card{padding:18px} .day-detail-list.compact{gap:8px} .day-detail-list.compact .day-detail-item{grid-template-columns:96px 1fr 160px;padding:10px 12px} @media(max-width:1180px){ .day-view-layout{grid-template-columns:1fr} .day-view-side{order:2} } @media(max-width:980px){ .global-search-wrap{min-width:0} } @media(max-width:760px){ .topbar{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px} .global-search-wrap{order:3;width:100%;max-width:none} .user-box{width:100%;justify-content:flex-end} .day-timeline{grid-template-columns:56px minmax(0,1fr)} .time-slot{padding-right:4px;font-size:10px} .timeline-item{left:8px;right:8px} } @media(max-width:560px){ .user-avatar{display:none} .logout-pill{padding:8px 11px;font-size:11px} .day-view-head{display:block} .day-view-head .btn{margin-top:10px} .day-detail-list.compact .day-detail-item{grid-template-columns:86px 1fr} .day-detail-list.compact .day-detail-item>div:last-child{grid-column:2} } /* v1.0 Beta 7 – eindeutige Live-Farbverknüpfung */ .assignment, .mini-assignment, .mini-day>a, .timeline-item, .day-detail-item{ background-color:var(--service-bg,#F7F9FB) !important; background-image:none !important; border:2px solid var(--group-border,#9AA8B5) !important; color:var(--service-text,#102A43) !important; } .assignment strong, .timeline-item strong, .day-detail-item strong, .mini-assignment, .mini-day>a{ color:var(--service-text,#102A43) !important; } .assignment time, .assignment small, .assignment em, .timeline-item time, .timeline-item small, .timeline-item em, .day-detail-item time, .day-detail-item small{ color:var(--service-muted,#4D6275) !important; } .assignment.customer-unavailable, .mini-assignment.customer-unavailable, .mini-day a.customer-unavailable, .timeline-item.customer-unavailable, .day-detail-item.customer-unavailable{ background-color:#FFF1F0 !important; border-color:#C34A42 !important; color:#7C2D28 !important; } .assignment.customer-unavailable strong, .timeline-item.customer-unavailable strong, .day-detail-item.customer-unavailable strong, .assignment.customer-unavailable time, .assignment.customer-unavailable small, .assignment.customer-unavailable em, .timeline-item.customer-unavailable time, .timeline-item.customer-unavailable small, .timeline-item.customer-unavailable em, .day-detail-item.customer-unavailable time, .day-detail-item.customer-unavailable small{ color:#7C2D28 !important; } .group-settings-list{display:flex;flex-direction:column;gap:9px} .group-setting-row{display:grid;grid-template-columns:54px minmax(180px,1fr) 120px auto auto;gap:10px;align-items:center;border:1px solid var(--line-2);background:#fff;border-radius:14px;padding:10px 12px} .group-setting-row input[type="color"]{width:44px;height:38px;margin:0;padding:3px;border-radius:9px;cursor:pointer} .group-setting-row input[name="name"]{margin:0} .group-member-count{font-size:11px;color:var(--muted);white-space:nowrap} @media(max-width:760px){.group-setting-row{grid-template-columns:50px 1fr auto}.group-member-count{grid-column:2}.group-setting-row .btn{grid-row:2}.group-setting-row .btn:last-child{grid-column:3}} /* v1.0 Beta 9 – Farbauswahl deutlich sichtbar */ input[type="color"]{ -webkit-appearance:none; appearance:none; width:54px!important; min-width:54px!important; max-width:54px!important; height:46px!important; min-height:46px!important; margin:0!important; padding:4px!important; border:1px solid #C9D4DF!important; border-radius:12px!important; background:#fff!important; cursor:pointer; box-shadow:0 3px 10px rgba(4,38,73,.08); vertical-align:middle; } input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important} input[type="color"]::-webkit-color-swatch{border:0!important;border-radius:8px!important} input[type="color"]::-moz-color-swatch{border:0!important;border-radius:8px!important} input[type="color"]:hover{border-color:#8FA4B8!important;box-shadow:0 6px 14px rgba(4,38,73,.12)} input[type="color"]:focus{outline:none;box-shadow:0 0 0 3px rgba(4,38,73,.12),0 6px 14px rgba(4,38,73,.10)} .color-control{ display:inline-flex; align-items:center; gap:9px; width:max-content; min-width:132px; margin-top:6px; padding:4px 7px 4px 4px; border:1px solid #E2E8EE; border-radius:13px; background:#F8FAFC; } .color-control input[type="color"]{margin:0!important} .color-value{ min-width:62px; font-family:Consolas,"Segoe UI Mono",monospace; font-size:11px; font-weight:700; letter-spacing:.02em; color:#42566B; text-transform:uppercase; user-select:all; } .color-control::after{ content:""; width:9px; height:9px; border-radius:50%; background:var(--picked-color,#D6B45D); box-shadow:0 0 0 2px #fff,0 0 0 3px #CFD8E2; } .service-type-row{grid-template-columns:145px minmax(180px,1fr) 130px auto} .group-setting-row{grid-template-columns:145px minmax(180px,1fr) 120px auto auto} .service-type-row .color-control,.group-setting-row .color-control{margin:0} @media(max-width:1000px){ .service-type-row{grid-template-columns:140px 1fr 110px} } @media(max-width:760px){ .group-setting-row{grid-template-columns:140px 1fr auto} } @media(max-width:650px){ .service-type-row{grid-template-columns:140px 1fr} } @media(max-width:520px){ .color-control{min-width:126px} .color-value{min-width:58px;font-size:10px} } /* v1.0 Beta 10 – durchsuchbare Mitarbeiter-Auswahl */ .search-select{position:relative;width:100%;margin-top:5px} .search-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;left:0;bottom:0} .search-select-input{margin:0!important;width:100%;min-height:40px;padding:9px 38px 9px 11px!important;border:1px solid #CCD6E1!important;border-radius:10px!important;background:#fff!important;color:var(--text)!important;cursor:text} .search-select-input:focus{border-color:#6D8AAB!important;box-shadow:0 0 0 3px #0B4D8A15!important} .search-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-54%);color:#6B7E91;font-size:18px;pointer-events:auto;cursor:pointer} .search-select-menu{display:none;position:absolute;z-index:240;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow:auto;background:#fff;border:1px solid #DCE5EE;border-radius:12px;box-shadow:0 18px 42px rgba(4,38,73,.16);padding:6px} .search-select.open .search-select-menu{display:block} .search-select-option{display:block;width:100%;border:0;background:transparent;color:#243A50;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;line-height:1.35} .search-select-option:hover,.search-select-option.active{background:#EEF4F9;color:var(--navy)} .search-select-option.selected{font-weight:700;background:#F8F1DC;color:#6F5618} .search-select-empty{padding:13px 10px;text-align:center;color:#8391A0;font-size:12px} .modal .search-select-menu{z-index:260} /* v1.0 Beta 12 – Datensicherung, Papierkorb, Systemprüfung */ .backup-card,.trash-card,.system-check-card{margin-top:18px} .backup-grid,.trash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px} .backup-grid h3,.trash-grid h3{margin:0 0 10px;color:var(--navy);font-size:15px} .backup-list,.trash-list{display:flex;flex-direction:column;gap:8px} .backup-row,.trash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line-2);background:#fff;border-radius:14px;padding:11px 12px} .backup-row strong,.backup-row small,.trash-row strong,.trash-row small{display:block} .backup-row small,.trash-row small{margin-top:4px;color:var(--muted);font-size:11px} .restore-panel{border:1px solid var(--line-2);border-radius:16px;padding:15px;background:#F9FBFD} .restore-panel .security-note{margin-bottom:12px} .restore-panel .btn.danger{margin-top:4px} .backup-import{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)} .backup-import .btn{margin-top:10px} .trash-row .actions{flex-wrap:wrap;justify-content:flex-end} .trash-row form{margin:0} .system-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .system-check-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:14px;padding:12px;background:#fff} .system-check-row .check-state{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#EAF6EE;color:#2C7548} .system-check-row strong,.system-check-row small{display:block} .system-check-row small{font-size:11px;color:var(--muted);margin-top:3px} .system-check-row b{font-size:18px;color:var(--navy)} .system-check-row.warn .check-state{background:#FFF3D8;color:#9B6A10} .system-check-row.warn{border-color:#F0DCAD;background:#FFFCF4} .system-check-row.error .check-state{background:#FCE8E6;color:#A33D35} .system-check-row.error{border-color:#EAC4C0;background:#FFF9F8} @media(max-width:1050px){.backup-grid,.trash-grid{grid-template-columns:1fr}.system-check-list{grid-template-columns:1fr}} @media(max-width:650px){.backup-row,.trash-row{align-items:flex-start;flex-direction:column}.trash-row .actions{width:100%;justify-content:flex-start}.system-check-row{grid-template-columns:34px 1fr}.system-check-row b{grid-column:2}} /* v1.0 Beta 13 – direkte Monatswahl im Kalender */ .calendar-period-trigger{ border:1px solid #DCE5EE;background:#fff;color:var(--navy);border-radius:11px; padding:8px 12px;min-height:34px;display:inline-flex;align-items:center;gap:8px; font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(4,38,73,.04) } .calendar-period-trigger:hover{border-color:#C7D4E0;background:#FBFCFE} .calendar-period-trigger i{font-style:normal;color:var(--gold);font-size:13px} .month-picker-modal .modal-box{width:min(520px,100%)} .month-picker-head h2{margin:0;color:var(--navy);font-size:22px} .month-picker-head p{margin:5px 0 0;color:var(--muted);font-size:12px} .month-picker-year{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin:18px 0 14px} .month-picker-year strong{text-align:center;font-size:20px;color:var(--navy)} .month-year-nav{height:38px;border:1px solid #DCE5EE;border-radius:11px;background:#fff;color:var(--navy);font-size:22px;cursor:pointer} .month-year-nav:hover{background:#F4F8FB;border-color:#C8D5E1} .month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .month-jump{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #E1E8EF;border-radius:13px;background:#fff;color:#294158;font-size:13px;font-weight:800;transition:.14s} .month-jump:hover{transform:translateY(-1px);border-color:#D3B75E;background:#FFF9E9;color:var(--navy);box-shadow:0 8px 18px rgba(4,38,73,.06)} .month-jump.current{border-color:#D6B45D;background:#FAF3DD;color:#72591B;box-shadow:inset 0 0 0 1px rgba(214,180,93,.18)} .month-picker-note{margin:14px 0 0;padding:10px 12px;border-radius:11px;background:#F7FAFC;color:#738498;font-size:11px;line-height:1.45} @media(max-width:560px){ .month-picker-grid{grid-template-columns:repeat(2,1fr)} .calendar-period-trigger{max-width:210px} .calendar-period-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } /* v1.0 Beta 14 – Disposition: Konflikte, Schnellfilter, Farblegende, Direktplanung */ .planning-quickbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px} .quick-filter{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #DDE5ED;border-radius:12px;background:#fff;color:#40566E;font-size:12px;font-weight:700;box-shadow:0 6px 16px rgba(4,38,73,.04)} .quick-filter span{color:#C37A16}.quick-filter strong{font-size:14px;color:var(--navy)} .quick-filter:hover{border-color:#C9D5E1;background:#FBFCFD} .quick-filter.active.warning{border-color:#E8B967;background:#FFF8EA;color:#8A5813;box-shadow:0 8px 18px rgba(195,122,22,.10)} .quick-filter-clear{font-size:12px;color:#66798D;text-decoration:underline;text-underline-offset:3px} .calendar-legend{margin-left:auto;position:relative} .calendar-legend summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #DDE5ED;border-radius:12px;background:#fff;color:var(--navy);font-size:12px;font-weight:700;user-select:none} .calendar-legend summary::-webkit-details-marker{display:none} .calendar-legend[open] summary{border-color:#C7A756;background:#FFFDF7} .legend-panel{position:absolute;right:0;top:45px;z-index:35;width:min(620px,82vw);padding:16px;border:1px solid #DDE5ED;border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(4,38,73,.16)} .legend-section+ .legend-section{margin-top:14px;padding-top:14px;border-top:1px solid #EDF1F5} .legend-section>strong{display:block;font-size:12px;color:#4D6074;margin-bottom:9px} .legend-items{display:flex;flex-wrap:wrap;gap:8px 14px} .legend-items>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#526579} .legend-service{width:22px;height:16px;border:1px solid rgba(0,0,0,.12);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)} .legend-group{width:24px;height:17px;border:3px solid #9AA8B5;border-radius:5px;background:#fff} .legend-panel>small{display:block;margin-top:14px;color:#7A8998;line-height:1.45} .day-col>header{align-items:center;gap:5px} .day-col>header .day-add-button{margin-left:auto;flex:0 0 25px;width:25px;height:25px;border:1px solid #DCE5ED;border-radius:8px;background:#fff;color:var(--navy);font-size:15px;line-height:1;cursor:pointer;opacity:.78} .day-col>header .day-add-button:hover{opacity:1;border-color:var(--gold);background:#FFFCF4} .day-timeline-track .track-row.calendar-create-slot{display:block;width:100%;height:56px;margin:0;padding:0 10px;border:0;border-top:1px solid #EEF3F7;border-radius:0;background:transparent;text-align:left;cursor:pointer;color:transparent;position:relative;z-index:1} .day-timeline-track .track-row.calendar-create-slot:first-child{border-top:0} .day-timeline-track .track-row.calendar-create-slot span{opacity:0;display:inline-flex;align-items:center;height:100%;font-size:11px;font-weight:700;color:#55708A;transition:opacity .12s ease} .day-timeline-track .track-row.calendar-create-slot:hover{background:linear-gradient(90deg,rgba(214,180,93,.10),rgba(4,38,73,.025))} .day-timeline-track .track-row.calendar-create-slot:hover span{opacity:1} .day-timeline-empty{pointer-events:none;z-index:2} .timeline-item{z-index:5} @media(max-width:760px){ .calendar-legend{margin-left:0;width:100%}.calendar-legend summary{width:100%;justify-content:center}.legend-panel{position:static;width:100%;margin-top:8px} .planning-quickbar{align-items:stretch}.quick-filter{flex:1 1 180px;justify-content:center} } .planning-conflict-alert{border-left:5px solid #C34A42;box-shadow:0 8px 22px rgba(195,74,66,.08)} .day-timeline-empty{background:transparent;align-items:flex-start;padding-top:18px;color:#93A0AD;font-size:12px} /* v1.0 Beta 14.1 – Konflikthinweis direkt im Einsatzdialog */ .planning-modal-error{ display:grid;gap:5px;margin:12px 0 18px;padding:14px 16px; border:1px solid #E0A29D;border-left:6px solid #C34A42;border-radius:12px; background:#FFF4F3;color:#7D211B;box-shadow:0 8px 22px rgba(195,74,66,.12); outline:none;animation:planningConflictPulse .28s ease-out; } .planning-modal-error strong{font-size:14px;color:#922F28} .planning-modal-error span{font-size:13px;line-height:1.45;color:#6E2A25} .planning-modal-error small{font-size:12px;line-height:1.4;color:#8A514D} @keyframes planningConflictPulse{from{transform:translateY(-4px);opacity:.45}to{transform:translateY(0);opacity:1}} /* v1.0 Beta 14.2 – Abwesenheiten und Planungskonflikte sofort sichtbar */ .quick-filter.conflict span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#FBE7E5;color:#A83D36;font-weight:900} .quick-filter.active.danger{border-color:#D88B84;background:#FFF3F2;color:#8F302A;box-shadow:0 8px 18px rgba(195,74,66,.12)} .assignment.planning-conflict, .mini-assignment.planning-conflict, .mini-day>a.planning-conflict, .timeline-item.planning-conflict, .day-detail-item.planning-conflict{ border-color:#C34A42 !important; box-shadow:0 0 0 2px rgba(195,74,66,.16),0 8px 18px rgba(195,74,66,.10) !important; } .planning-warning-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin-top:4px;padding:3px 7px;border-radius:999px;background:#FFF0EF;color:#9B302A;border:1px solid #E8B0AC;font-size:9px;font-style:normal;font-weight:900;line-height:1.1;letter-spacing:.02em} .planning-warning-badge.duplicate{background:#FFE7E4;color:#8D2923} .planning-inline-warning{display:block!important;margin-top:4px!important;color:#A23831!important;font-weight:800!important;line-height:1.35} .mini-conflict-mark{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:3px;border-radius:50%;background:#C34A42;color:#fff;font-size:9px;font-weight:900;vertical-align:middle} .staff-conflict-box{display:grid;gap:5px;margin:14px 0;padding:12px 14px;border:1px solid #E4A7A2;border-left:5px solid #C34A42;border-radius:12px;background:#FFF4F3;color:#7F2C27} .staff-conflict-box strong{color:#99352F}.staff-conflict-box span{font-size:12px;line-height:1.4} .assignment-absence-hint{display:block;margin-top:6px;padding:7px 9px;border-radius:9px;background:#FFF0EF;border:1px solid #E9B7B2;color:#98372F;font-size:11px;font-weight:700;line-height:1.4} .search-select.absence-warning .search-select-input{border-color:#C34A42!important;box-shadow:0 0 0 3px rgba(195,74,66,.10)!important;background:#FFF9F8!important;color:#8B302A!important} .search-select-option.warning{background:#FFF5F4;color:#9A342E;font-weight:800} .search-select-option.warning:hover,.search-select-option.warning.active{background:#FFE8E6;color:#842923} .absence-chip,.absence-mini,.day-absence-card,.absence-day-list>div{--absence:#C34A42} /* v1.0 Beta 14.3 – sichere Löschaktionen für Objekte und Reinigungsintervalle */ .object-actions form{margin:0;display:inline-flex;align-items:center}.link-danger{border:0;background:transparent;color:#a63832;padding:0;font:inherit;font-size:inherit;cursor:pointer;text-decoration:none}.link-danger:hover{text-decoration:underline;color:#842b27} /* v1.0 Beta 15 – Drag & Drop, Duplizieren und Kalender-Feinschliff */ .planning-draggable{cursor:grab} .planning-draggable:active{cursor:grabbing} .planning-draggable.is-dragging{opacity:.42;transform:scale(.985);box-shadow:none!important} body.planning-dragging .day-col[data-drop-date], body.planning-dragging .month-day[data-drop-date], body.planning-dragging .day-timeline-track[data-timeline-date]{transition:border-color .12s,box-shadow .12s,background .12s} .day-col.planning-drop-target,.month-day.planning-drop-target,.day-timeline-track.planning-drop-target{ border-color:#D6B45D!important;box-shadow:inset 0 0 0 2px rgba(214,180,93,.26),0 9px 24px rgba(4,38,73,.07)!important;background:#FFFDF7!important } .calendar-create-slot.planning-drop-target{background:linear-gradient(90deg,rgba(214,180,93,.22),rgba(214,180,93,.07))!important;box-shadow:inset 0 0 0 1px rgba(214,180,93,.35)} .calendar-create-slot.planning-drop-target span{opacity:1!important;color:#7B621E!important} .move-assignment-summary{display:grid;gap:7px;margin:4px 0 14px;padding:14px;border:1px solid #E2E8EE;border-radius:13px;background:#F8FAFC;color:#40566E} .move-assignment-summary strong{color:var(--navy);font-size:14px} .move-assignment-summary span{font-size:12px;font-weight:700} .move-assignment-summary b{text-align:center;color:var(--gold);font-size:18px;line-height:1} .move-assignment-modal form .actions{margin-top:14px;justify-content:flex-end} .duplicate-note{display:grid;gap:4px;margin:-4px 0 16px;padding:11px 13px;border:1px solid #E8D9A9;border-left:4px solid var(--gold);border-radius:11px;background:#FFFDF6;color:#5B6775} .duplicate-note strong{color:#6D581D;font-size:13px}.duplicate-note span{font-size:11px;line-height:1.45} .assignment-quick-actions{align-items:center;flex-wrap:wrap} .assignment-quick-actions .inline-action-form{margin:0;display:inline-flex}.assignment-quick-actions .inline-action-form .btn{margin:0} .btn.danger-soft{border-color:#E0B0AC;background:#FFF5F4;color:#9A342E}.btn.danger-soft:hover{border-color:#C97871;background:#FFEBE9} .series-quick-hint{font-size:11px;color:#748396;padding:6px 2px} .week-more-link,.month-more-link{display:block;margin-top:6px;padding:6px 7px;border-radius:8px;background:#F3F6F9;color:#53697F;font-size:10px;font-weight:800;text-align:center} .week-more-link:hover,.month-more-link:hover{background:#EAF0F5;color:var(--navy)} .week-grid .assignment{padding:7px 8px;margin-bottom:6px} .week-grid .assignment strong{margin:3px 0}.week-grid .assignment small{line-height:1.25}.week-grid .assignment em{margin-top:4px} /* Überlappende Einsätze werden in der Tagesansicht nebeneinander aufgeteilt. */ .day-timeline-track .timeline-item{ left:calc(12px + ((100% - 24px) / var(--timeline-lanes,1)) * var(--timeline-lane,0)); right:auto; width:calc(((100% - 24px) / var(--timeline-lanes,1)) - 6px); } .day-now-line{position:absolute;left:0;right:0;height:2px;background:#C34A42;z-index:8;pointer-events:none;box-shadow:0 0 0 1px rgba(195,74,66,.06)} .day-now-line:before{content:"";position:absolute;left:8px;top:-4px;width:9px;height:9px;border-radius:50%;background:#C34A42;box-shadow:0 0 0 3px rgba(195,74,66,.13)} .day-now-line span{position:absolute;right:8px;top:-11px;padding:2px 6px;border-radius:999px;background:#FFF1F0;color:#96342E;border:1px solid #E4A6A1;font-size:9px;font-weight:900;white-space:nowrap} @media(max-width:760px){ .day-timeline-track .timeline-item{left:calc(8px + ((100% - 16px) / var(--timeline-lanes,1)) * var(--timeline-lane,0));width:calc(((100% - 16px) / var(--timeline-lanes,1)) - 4px)} .assignment-quick-actions{align-items:stretch}.assignment-quick-actions .btn,.assignment-quick-actions .inline-action-form{width:100%}.assignment-quick-actions .inline-action-form .btn{width:100%} } .drag-tip{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;color:#718093;font-size:11px;font-weight:700} @media(max-width:760px){.drag-tip{width:100%;justify-content:center;min-height:auto;padding:3px 8px}} /* v1.0 Beta 15.1 – Wochenwechsel per Drag & Drop + direkte Konfliktauflösung */ .week-drag-shell{position:relative} .week-edge-drop{position:absolute;top:0;bottom:0;width:92px;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 7px;border:2px dashed #D6B45D;border-radius:14px;background:rgba(255,253,247,.97);color:#6D581D;box-shadow:0 12px 32px rgba(4,38,73,.14);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);transition:opacity .12s,transform .12s,background .12s,border-color .12s} .week-edge-drop small{font-size:10px;font-weight:800;color:#7C6A3A;text-align:center}.week-edge-drop strong{font-size:13px;color:#4A3B16}.week-edge-drop span{font-size:9px;font-weight:800;color:#8B7A4A;text-align:center} .week-edge-prev{left:4px}.week-edge-next{right:4px} body.planning-dragging .week-edge-drop{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)} .week-edge-drop.planning-drop-target{background:#FFF6D9!important;border-color:#B58C20!important;box-shadow:0 0 0 3px rgba(214,180,93,.24),0 14px 34px rgba(4,38,73,.16)!important} .conflict-resolution-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.staff-conflict-box>small{font-size:11px;line-height:1.4;color:#8A514D}.conflict-resolution-actions .btn{font-size:11px} @media(max-width:850px){.week-edge-drop{position:fixed;top:auto;bottom:22px;height:86px;width:110px}.week-edge-prev{left:18px}.week-edge-next{right:18px}} /* Beta 15.3 – Branding + Theme switch */ .brand{align-items:flex-start} .brand img{width:84px;height:52px;object-fit:contain;border-radius:12px;padding:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)} .brand-copy{padding-top:2px} .login-logo{width:240px;height:122px;object-fit:contain;border-radius:0;background:transparent} .appearance-card{margin-bottom:18px} .appearance-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr 1fr;gap:14px;align-items:stretch} .appearance-preview{border:1px solid #E3E8EB;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:145px;justify-content:space-between} .appearance-preview strong{font-size:14px;color:#102B44} .appearance-preview span{font-size:12px;color:#6F7A89;line-height:1.4} .appearance-preview .swatches{display:flex;gap:8px;margin-top:6px} .appearance-preview .swatches i{display:block;width:46px;height:26px;border-radius:8px;border:1px solid rgba(4,38,73,.08)} .appearance-preview.classic{background:linear-gradient(180deg,#ffffff 0%,#f6f8fa 100%)} .appearance-preview.classic .swatches i:nth-child(1){background:#042649} .appearance-preview.classic .swatches i:nth-child(2){background:#D6B45D} .appearance-preview.classic .swatches i:nth-child(3){background:#F3F6F9} .appearance-preview.blue{background:linear-gradient(180deg,#0a3459 0%,#072847 100%);border-color:#20496c} .appearance-preview.blue strong,.appearance-preview.blue span{color:#eef4fa} .appearance-preview.blue .swatches i:nth-child(1){background:#0b355b;border-color:#2c5d89} .appearance-preview.blue .swatches i:nth-child(2){background:#D6B45D;border-color:#D6B45D} .appearance-preview.blue .swatches i:nth-child(3){background:#103f6b;border-color:#2c5d89} body.theme-full-blue{background:#062544;color:#eaf2f8} body.theme-full-blue .main{background:linear-gradient(180deg,#072847 0%,#041f38 100%)} body.theme-full-blue .content{color:#e8f0f6} body.theme-full-blue .page-head h1, body.theme-full-blue .card-head h2, body.theme-full-blue .card h2, body.theme-full-blue .record-head h2, body.theme-full-blue .stat-card strong, body.theme-full-blue .year-card strong, body.theme-full-blue .object-card strong, body.theme-full-blue .assignment strong, body.theme-full-blue .user-box strong, body.theme-full-blue th, body.theme-full-blue td, body.theme-full-blue label, body.theme-full-blue .appearance-preview strong{color:#edf4fb} body.theme-full-blue .page-head p, body.theme-full-blue .card-head>a, body.theme-full-blue .card-head>span, body.theme-full-blue .record-head p, body.theme-full-blue .user-box small, body.theme-full-blue td small, body.theme-full-blue .appearance-preview span, body.theme-full-blue .quick small, body.theme-full-blue .month-head span, body.theme-full-blue .month-day header, body.theme-full-blue .assignment time, body.theme-full-blue .assignment small, body.theme-full-blue .muted, body.theme-full-blue .empty, body.theme-full-blue .empty.big strong, body.theme-full-blue .info-grid span, body.theme-full-blue .object-card span, body.theme-full-blue .object-card small, body.theme-full-blue .customer-row small, body.theme-full-blue .customer-row>span, body.theme-full-blue .record-no, body.theme-full-blue .group-list small{color:#c2d3e2} body.theme-full-blue .topbar, body.theme-full-blue .card, body.theme-full-blue .stat-card, body.theme-full-blue .year-card, body.theme-full-blue .calendar-toolbar, body.theme-full-blue .calendar-filters, body.theme-full-blue .day-col, body.theme-full-blue .month-day, body.theme-full-blue .upcoming-item, body.theme-full-blue .list-card, body.theme-full-blue .modal-box, body.theme-full-blue .paper, body.theme-full-blue .object-card, body.theme-full-blue .info-grid>div, body.theme-full-blue .quick a, body.theme-full-blue .date-tile, body.theme-full-blue .customer-row.selected, body.theme-full-blue .customer-row:hover, body.theme-full-blue .backup-row, body.theme-full-blue .trash-row, body.theme-full-blue .service-type-row, body.theme-full-blue .permission-group, body.theme-full-blue .security-card, body.theme-full-blue .restore-panel{background:rgba(10,47,80,.94)!important;border-color:rgba(132,171,203,.20)!important;box-shadow:0 12px 32px rgba(0,0,0,.20)} body.theme-full-blue .topbar{backdrop-filter:blur(10px)} body.theme-full-blue .global-search, body.theme-full-blue .count-pill, body.theme-full-blue .view-tabs, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .tabs button:hover, body.theme-full-blue .link-tabs a:hover{background:#0d355b;border-color:#28527b;color:#eaf2f8} body.theme-full-blue table td, body.theme-full-blue .table-wrap td{background:transparent;border-bottom-color:rgba(196,214,230,.08)} body.theme-full-blue th{background:#0c3155;border-bottom-color:rgba(196,214,230,.12)} body.theme-full-blue .click-row:hover td, body.theme-full-blue tbody tr:hover td{background:rgba(255,255,255,.03)} body.theme-full-blue input, body.theme-full-blue select, body.theme-full-blue textarea{background:#0c3155;border-color:#2a5a84;color:#edf4fb} body.theme-full-blue input::placeholder, body.theme-full-blue textarea::placeholder{color:#bfd0de} body.theme-full-blue input:focus, body.theme-full-blue select:focus, body.theme-full-blue textarea:focus{border-color:#D6B45D;box-shadow:0 0 0 3px rgba(214,180,93,.18)} body.theme-full-blue .btn{background:#0d355a;border-color:#2a5a84;color:#eef4fa} body.theme-full-blue .btn:hover{background:#123e66;border-color:#D6B45D;color:#fff} body.theme-full-blue .btn.primary{background:linear-gradient(180deg,#0f4777,#0a3357);border-color:#D6B45D;color:#fff} body.theme-full-blue .btn.danger{background:#4a2526;border-color:#b46f71;color:#fff1f1} body.theme-full-blue .tabs button.active, body.theme-full-blue .link-tabs a.active, body.theme-full-blue .view-tabs a.active{background:#D6B45D;color:#062544;border-bottom-color:#D6B45D} body.theme-full-blue .day-col>header{background:#0c3155;border-bottom-color:rgba(196,214,230,.14)} body.theme-full-blue .day-col.today, body.theme-full-blue .month-day.today{border-color:#D6B45D!important;box-shadow:0 0 0 2px rgba(214,180,93,.16),0 10px 26px rgba(0,0,0,.18)} body.theme-full-blue .assignment{background:rgba(7,34,57,.88);border-color:rgba(214,228,239,.10)} body.theme-full-blue .month-day:hover, body.theme-full-blue .object-card:hover, body.theme-full-blue .quick a:hover, body.theme-full-blue .year-card:hover{border-color:#D6B45D!important;background:rgba(16,63,107,.95)!important} body.theme-full-blue .customer-row.selected{box-shadow:inset 3px 0 #D6B45D} body.theme-full-blue .record-no{background:rgba(214,180,93,.18);border-color:rgba(214,180,93,.28);color:#f0d894} body.theme-full-blue .status.planned{background:#174870;color:#d7e8f6;border-color:#34638c} body.theme-full-blue .status.confirmed{background:#1b5340;color:#d8efe4;border-color:#3c7d68} body.theme-full-blue .status.done{background:#294256;color:#d7e5ef;border-color:#48657d} body.theme-full-blue .status.cancelled{background:#5b2c2d;color:#feeaea;border-color:#8b5455} body.theme-full-blue .status.needs_staff{background:#6b4416;color:#fff0dc;border-color:#9d6c2e} body.theme-full-blue .appearance-preview.classic{background:linear-gradient(180deg,#1a4064 0%,#123552 100%);border-color:#2c5d89} body.theme-full-blue .appearance-preview.classic strong, body.theme-full-blue .appearance-preview.classic span{color:#eef4fa} @media (max-width:1200px){ .appearance-grid{grid-template-columns:1fr;} } /* Beta 15.5 – Dark theme readability fixes */ body.theme-full-blue .user-box>a, body.theme-full-blue .stat-card span, body.theme-full-blue .stat-card small, body.theme-full-blue .quick small, body.theme-full-blue .upcoming-item small, body.theme-full-blue .upcoming-item em, body.theme-full-blue .date-tile span, body.theme-full-blue .day-empty, body.theme-full-blue .empty p, body.theme-full-blue .time-total span, body.theme-full-blue .hours-summary span, body.theme-full-blue .absence-day-list small, body.theme-full-blue .absence-day-list span, body.theme-full-blue .service-type-row, body.theme-full-blue .checkline, body.theme-full-blue .legend-panel, body.theme-full-blue .legend-panel span, body.theme-full-blue .legend-panel small, body.theme-full-blue .quick-filter, body.theme-full-blue .calendar-period-trigger, body.theme-full-blue .month-jump, body.theme-full-blue .month-day header, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a{color:#d7e5f0!important} body.theme-full-blue .quick strong, body.theme-full-blue .upcoming-item strong, body.theme-full-blue .upcoming-item em strong, body.theme-full-blue .date-tile strong, body.theme-full-blue .customer-row strong, body.theme-full-blue .group-list strong, body.theme-full-blue .hours-summary strong, body.theme-full-blue .time-total strong, body.theme-full-blue .absence-day-list strong, body.theme-full-blue .legend-panel strong{color:#f4f8fc!important} body.theme-full-blue .badge{background:rgba(255,255,255,.08)!important;color:#eef4fa!important;border:1px solid rgba(255,255,255,.14)} body.theme-full-blue .count-pill{background:#123c64!important;border-color:#2c5d86!important;color:#f1f6fb!important} body.theme-full-blue .quick a span{background:#12395f!important;color:#f0d894!important;border:1px solid rgba(214,180,93,.22)} body.theme-full-blue .calendar-toolbar, body.theme-full-blue .calendar-filters, body.theme-full-blue .calendar-period-trigger, body.theme-full-blue .month-year-nav, body.theme-full-blue .quick-filter, body.theme-full-blue .calendar-legend summary, body.theme-full-blue .legend-panel, body.theme-full-blue .legend-group, body.theme-full-blue .cal-nav a, body.theme-full-blue .day-col>header .day-add-button, body.theme-full-blue .month-jump, body.theme-full-blue .system-check-row, body.theme-full-blue .backup-head, body.theme-full-blue .same-address-check, body.theme-full-blue .series-editor, body.theme-full-blue .series-create-panel, body.theme-full-blue .absence-day-list>div, body.theme-full-blue .hours-summary>div, body.theme-full-blue .time-total{background:#0b3154!important;border-color:#2c5d86!important;color:#eef4fa!important} body.theme-full-blue .calendar-period-trigger:hover, body.theme-full-blue .month-year-nav:hover, body.theme-full-blue .quick-filter:hover, body.theme-full-blue .calendar-legend[open] summary, body.theme-full-blue .cal-nav a:hover, body.theme-full-blue .month-jump:hover, body.theme-full-blue .day-col>header .day-add-button:hover{background:#123e66!important;border-color:#D6B45D!important;color:#fff!important} body.theme-full-blue .month-jump.current{background:rgba(214,180,93,.18)!important;border-color:#D6B45D!important;color:#f2de9c!important;box-shadow:inset 0 0 0 1px rgba(214,180,93,.14)} body.theme-full-blue .date-tile{background:linear-gradient(180deg,#0f3a62,#0a2e4d)!important;border-color:#2d5b83!important} body.theme-full-blue .upcoming-item{background:linear-gradient(180deg,rgba(10,47,80,.98),rgba(7,34,57,.98))!important;border-color:rgba(132,171,203,.20)!important} body.theme-full-blue .upcoming-item:hover{background:linear-gradient(180deg,rgba(16,63,107,.98),rgba(9,41,70,.98))!important;border-color:#D6B45D!important;box-shadow:0 12px 28px rgba(0,0,0,.22)} body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .assignment{background:#082b48!important} body.theme-full-blue .month-day, body.theme-full-blue .day-col{background:#082a47!important} body.theme-full-blue .day-col[data-day-url]:hover, body.theme-full-blue .month-day[data-day-url]:hover, body.theme-full-blue .mini-day[data-day-url]:hover{background:#103f6b!important} body.theme-full-blue .tabs button, body.theme-full-blue .view-tabs a, body.theme-full-blue .link-tabs a{color:#d7e5f0!important} body.theme-full-blue .status{border:1px solid rgba(255,255,255,.12)} /* Beta 15.6 – Remaining dark-theme surfaces */ body.theme-full-blue .table-wrap, body.theme-full-blue .table-wrap table, body.theme-full-blue .table-wrap thead, body.theme-full-blue .table-wrap tbody, body.theme-full-blue .table-wrap tr, body.theme-full-blue .docs-search input, body.theme-full-blue .list-search input, body.theme-full-blue .search-select-input, body.theme-full-blue .search-select-menu, body.theme-full-blue .group-time-sums>div, body.theme-full-blue .time-total-grid>div, body.theme-full-blue .time-employee-picker, body.theme-full-blue .revision-history, body.theme-full-blue .permission-group, body.theme-full-blue .permission-row, body.theme-full-blue .security-note, body.theme-full-blue .time-edit-meta span, body.theme-full-blue .paper-toolbar, body.theme-full-blue .current-letterhead, body.theme-full-blue .logo-strip img, body.theme-full-blue .paper .logo-holder{background:#0b3154!important;border-color:#2c5d86!important;color:#eef4fa!important} body.theme-full-blue .table-wrap{background:#082b48!important;border-color:#2c5d86!important} body.theme-full-blue .table-wrap thead tr, body.theme-full-blue .table-wrap tbody tr, body.theme-full-blue .table-wrap td, body.theme-full-blue .table-wrap th{background:transparent!important;color:#e9f1f8!important} body.theme-full-blue .table-wrap tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)!important} body.theme-full-blue .table-wrap tbody tr:hover td, body.theme-full-blue .click-row:hover td{background:rgba(255,255,255,.05)!important} body.theme-full-blue .docs-search input, body.theme-full-blue .list-search input, body.theme-full-blue .search-select-input{background:#0b3154!important;border-color:#2c5d86!important;color:#eef4fa!important} body.theme-full-blue .search-select-arrow{color:#c8d7e4!important} body.theme-full-blue .search-select-menu{background:#0b3154!important;border-color:#2c5d86!important;box-shadow:0 18px 42px rgba(0,0,0,.30)!important} body.theme-full-blue .search-select-option{color:#e7f0f7!important} body.theme-full-blue .search-select-option:hover, body.theme-full-blue .search-select-option.active{background:#123e66!important;color:#fff!important} body.theme-full-blue .search-select-option.selected{background:rgba(214,180,93,.18)!important;color:#f0d894!important} body.theme-full-blue .search-select-empty{color:#c3d3df!important} body.theme-full-blue .group-time-sums>div, body.theme-full-blue .time-total-grid>div, body.theme-full-blue .time-employee-picker, body.theme-full-blue .revision-history, body.theme-full-blue .permission-group{background:#0b3154!important;border-color:#2c5d86!important} body.theme-full-blue .group-time-sums span, body.theme-full-blue .group-time-sums small, body.theme-full-blue .time-total-grid span, body.theme-full-blue .time-employee-picker legend, body.theme-full-blue .permission-row span, body.theme-full-blue .security-note, body.theme-full-blue .revision-history summary, body.theme-full-blue .time-edit-meta span{color:#d2e2ee!important} body.theme-full-blue .group-time-sums strong, body.theme-full-blue .time-total-grid strong, body.theme-full-blue .permission-group h3{color:#f3f8fc!important} body.theme-full-blue .time-employee-picker label{border-bottom-color:rgba(196,214,230,.10)!important} body.theme-full-blue .time-employee-picker span{color:#eaf2f8!important} body.theme-full-blue .security-note{background:#103758!important;border-color:#315f84!important} body.theme-full-blue .time-status-approved{background:#1d5c46!important;color:#e8f6ee!important} body.theme-full-blue .time-status-draft{background:#6d5318!important;color:#fff3d2!important} body.theme-full-blue .total-row td{background:rgba(214,180,93,.08)!important} body.theme-full-blue .variance-plus{color:#f0c76a!important} body.theme-full-blue .variance-minus{color:#7fd3eb!important} body.theme-full-blue .document-row strong, body.theme-full-blue .document-row td, body.theme-full-blue .document-row small, body.theme-full-blue .document-row .btn{color:#eef4fa!important} body.theme-full-blue .audit-card table td, body.theme-full-blue .audit-card table th, body.theme-full-blue .time-entry-list table td, body.theme-full-blue .time-entry-list table th{color:#e9f1f8!important} body.theme-full-blue .page-head .btn, body.theme-full-blue .card-head .btn{color:#eef4fa!important} /* Beta 15.7 – Header spacing and logo tuning */ .user-box{gap:18px!important} .user-box strong,.user-box small{text-align:right} .user-box form{margin-left:4px} .user-box .btn,.user-box a.btn{margin-left:6px} .brand{gap:14px!important;padding:6px 10px 18px!important} .brand img{width:104px!important;height:60px!important;object-fit:contain!important;object-position:62% center!important;padding:2px 0 2px 6px!important;border-radius:10px!important} .brand-copy{padding-top:4px} body.theme-full-blue .brand img{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.06)!important} @media (max-width:760px){.user-box{gap:12px!important}.brand img{width:92px!important;height:54px!important}} /* Beta 15.8 – Header composition and sidebar emblem */ .brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:4px 6px 18px!important} .brand img{display:block!important;width:168px!important;max-width:100%!important;height:82px!important;object-fit:contain!important;object-position:64% center!important;padding:0!important;background:transparent!important;border:0!important;filter:drop-shadow(0 7px 14px rgba(0,0,0,.18))!important} .brand-copy{width:100%;padding-top:0!important} .brand-copy strong{font-size:14px!important;line-height:1.25!important} .brand-copy small{display:block!important;margin-top:5px!important} .user-box{gap:10px!important} .user-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:42px!important;padding:6px 16px 6px 0!important;margin-right:2px!important;border-right:1px solid rgba(4,38,73,.12)!important} .user-meta strong{font-size:13px!important;line-height:1.15!important;text-align:left!important} .user-meta small{font-size:11px!important;line-height:1.15!important;margin-top:4px!important;text-align:left!important;color:#7a8897!important} .logout-pill{margin-left:10px!important;padding:10px 16px!important;min-height:42px!important;border-radius:14px!important;border:1px solid rgba(4,38,73,.10)!important;background:linear-gradient(180deg,#ffffff,#f7f9fb)!important;box-shadow:0 6px 18px rgba(4,38,73,.06)!important} .logout-pill:hover{border-color:#D6B45D!important;box-shadow:0 8px 22px rgba(4,38,73,.10)!important;transform:translateY(-1px)} .user-avatar{flex:0 0 44px!important} body.theme-full-blue .user-meta{border-right-color:rgba(255,255,255,.12)!important} body.theme-full-blue .logout-pill{background:linear-gradient(180deg,#123d63,#0c3155)!important;border-color:#2c5d86!important;color:#eef4fa!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important} body.theme-full-blue .logout-pill:hover{border-color:#D6B45D!important;background:linear-gradient(180deg,#174b79,#103b61)!important} body.theme-full-blue .brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))!important} @media (max-width:760px){.brand img{width:138px!important;height:70px!important}.user-meta{padding-right:10px!important}.logout-pill{margin-left:6px!important;padding:9px 12px!important}} /* Beta 15.9 – Clean user header and full-width sidebar emblem */ .brand{align-items:stretch!important;gap:9px!important;padding:2px 5px 20px!important;overflow:visible!important} .brand img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;transform:scale(1.04) translateX(3px)!important;transform-origin:center center!important;filter:drop-shadow(0 8px 17px rgba(0,0,0,.22))!important} .brand-copy{padding:1px 6px 0!important} .user-box{gap:12px!important;align-items:center!important} .user-profile-panel{display:flex;align-items:center;gap:11px;padding:5px 12px 5px 6px;border:1px solid rgba(4,38,73,.09);border-radius:15px;background:rgba(255,255,255,.54);box-shadow:0 5px 16px rgba(4,38,73,.045)} .user-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:34px!important;padding:0!important;margin:0!important;border:0!important} .user-meta strong{font-size:13px!important;line-height:1.15!important;text-align:left!important} .user-meta small{font-size:10.5px!important;line-height:1.15!important;margin-top:4px!important;text-align:left!important} .logout-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;min-height:44px!important;padding:10px 15px!important;border-radius:15px!important;border:1px solid rgba(4,38,73,.11)!important;background:linear-gradient(180deg,#fff,#f5f8fa)!important;box-shadow:0 6px 18px rgba(4,38,73,.055)!important;font-size:12px!important;font-weight:750!important} .logout-pill .logout-icon{font-size:15px;line-height:1;opacity:.72;transform:translateY(-.5px)} .logout-pill:hover{border-color:#D6B45D!important;background:linear-gradient(180deg,#fffdf8,#f7f1df)!important;box-shadow:0 8px 22px rgba(4,38,73,.085)!important;transform:translateY(-1px)} body.theme-full-blue .user-profile-panel{background:rgba(13,53,91,.78)!important;border-color:#2b587f!important;box-shadow:0 7px 20px rgba(0,0,0,.15)!important} body.theme-full-blue .user-meta{border:0!important} body.theme-full-blue .logout-pill{background:linear-gradient(180deg,#123d63,#0c3155)!important;border-color:#2c5d86!important;color:#eef4fa!important} body.theme-full-blue .logout-pill:hover{background:linear-gradient(180deg,#174b79,#103b61)!important;border-color:#D6B45D!important} @media(max-width:980px){.user-profile-panel{padding:4px 8px!important}.user-meta{display:none!important}.logout-pill{padding:9px 12px!important}.brand img{transform:scale(1.02) translateX(2px)!important}} @media(max-width:520px){.brand img{width:100%!important;height:auto!important;max-height:none!important}} /* Beta 15.10 – Mitarbeitergruppen/Abwesenheit Dark-Theme + Emblem tiefer */ /* Emblem ca. 20 % tiefer, Breite aus Beta 15.9 bleibt erhalten */ .brand img{transform:translateY(20%) scale(1.04) translateX(3px)!important;margin-bottom:20px!important} @media(max-width:980px){.brand img{transform:translateY(20%) scale(1.02) translateX(2px)!important;margin-bottom:16px!important}} /* Mitarbeitergruppen: keine weißen Zeilen mehr im Komplett-Blau-Design */ body.theme-full-blue .groups-card, body.theme-full-blue .group-settings-list, body.theme-full-blue .group-setting-row{background:#0a2f50!important;border-color:#2b5a82!important;color:#edf5fb!important} body.theme-full-blue .group-setting-row:hover{background:#103b62!important;border-color:#3c6f98!important} body.theme-full-blue .group-setting-row input[name="name"]{background:#0b3154!important;border-color:#2c5d86!important;color:#f2f7fb!important} body.theme-full-blue .group-setting-row input[type="color"]{background:#0b3154!important;border-color:#2c5d86!important} body.theme-full-blue .group-member-count{color:#c8d9e6!important} /* Freistellung / Urlaub / Krankheit / sonstige Abwesenheit */ body.theme-full-blue .absence-chip, body.theme-full-blue .absence-mini, body.theme-full-blue .day-absence-card, body.theme-full-blue .absence-day-list>div{background:color-mix(in srgb,var(--absence) 16%,#082a47)!important;border-color:color-mix(in srgb,var(--absence) 48%,#2c5d86)!important;color:#f0f6fb!important} body.theme-full-blue .absence-chip span, body.theme-full-blue .absence-chip small, body.theme-full-blue .absence-mini, body.theme-full-blue .day-absence-card span, body.theme-full-blue .day-absence-card small, body.theme-full-blue .absence-day-list span, body.theme-full-blue .absence-day-list small{color:#d5e3ed!important} body.theme-full-blue .absence-chip strong, body.theme-full-blue .day-absence-card strong, body.theme-full-blue .absence-day-list strong, body.theme-full-blue .absence-label{color:#f1f6fb!important} body.theme-full-blue .assignment-absence-hint{background:rgba(195,74,66,.18)!important;border-color:#99514b!important;color:#ffd9d5!important} body.theme-full-blue .search-select.absence-warning .search-select-input{background:#3c292b!important;border-color:#C34A42!important;color:#ffe8e6!important;box-shadow:0 0 0 3px rgba(195,74,66,.12)!important} body.theme-full-blue .search-select-option.warning{background:#40282a!important;color:#ffd8d4!important} body.theme-full-blue .search-select-option.warning:hover, body.theme-full-blue .search-select-option.warning.active{background:#583034!important;color:#fff0ee!important} /* Beta 15.11 – Planning/employee dark-theme fixes + emblem alignment */ .brand img{width:calc(100% + 8px)!important;max-width:none!important;height:auto!important;margin:-18px -4px 4px!important;transform:scale(1.06) translateX(4px)!important;transform-origin:center top!important;object-fit:contain!important;object-position:center!important} @media(max-width:980px){.brand img{width:calc(100% + 4px)!important;margin:-12px -2px 4px!important;transform:scale(1.04) translateX(2px)!important}} body.theme-full-blue .planning-quickbar .quick-filter strong{color:#f5f9fc!important} body.theme-full-blue .planning-quickbar .quick-filter.active.warning strong{color:#ffe5a2!important} body.theme-full-blue .planning-quickbar .quick-filter.active.danger strong,body.theme-full-blue .planning-quickbar .quick-filter.conflict strong{color:#ffd5d1!important} body.theme-full-blue .sensitive-field{background:rgba(214,180,93,.10)!important;border-left:3px solid #D6B45D!important;color:#eef4fa!important} body.theme-full-blue label.sensitive-field{padding:8px 10px!important;border-radius:10px!important;border-top:1px solid rgba(214,180,93,.22)!important;border-right:1px solid rgba(214,180,93,.22)!important;border-bottom:1px solid rgba(214,180,93,.22)!important} body.theme-full-blue .sensitive-field input{background:#0b3154!important;border-color:#496c87!important;color:#f4f8fc!important} body.theme-full-blue .sensitive-field span,body.theme-full-blue .sensitive-field strong{color:#f3e3ad!important} body.theme-full-blue .color-control{background:#0a2f50!important;border-color:#2c5d86!important;box-shadow:none!important} body.theme-full-blue .color-value{color:#e7f1f8!important} body.theme-full-blue .color-control::after{box-shadow:0 0 0 2px #0a2f50,0 0 0 3px #4b7395!important} body.theme-full-blue input[type="color"]{background:#0b3154!important;border-color:#2c5d86!important;box-shadow:none!important} body.theme-full-blue input[type="color"]:hover,body.theme-full-blue input[type="color"]:focus{border-color:#D6B45D!important;box-shadow:0 0 0 3px rgba(214,180,93,.13)!important} body.theme-full-blue .day-view-main{background:#082a47!important;border-color:#2c5d86!important;box-shadow:0 16px 36px rgba(0,0,0,.20)!important} body.theme-full-blue .day-view-head h2{color:#f3f8fc!important} body.theme-full-blue .day-view-head p{color:#c4d5e2!important} body.theme-full-blue .day-timeline-track{background:linear-gradient(180deg,#082a47 0%,#06243d 100%)!important;border-color:#2c5d86!important} body.theme-full-blue .day-timeline-track .track-row.calendar-create-slot{border-top-color:rgba(196,214,230,.10)!important} body.theme-full-blue .day-timeline-track .track-row.calendar-create-slot:hover{background:linear-gradient(90deg,rgba(214,180,93,.14),rgba(24,72,111,.18))!important} body.theme-full-blue .day-timeline-track .track-row.calendar-create-slot span{color:#d7e5f0!important} body.theme-full-blue .day-timeline-empty{color:#bdcfdd!important;background:transparent!important} body.theme-full-blue .day-timeline-scale .time-slot span{color:#c8d8e4!important} body.theme-full-blue .day-view-side .card{background:#082a47!important;border-color:#2c5d86!important} body.theme-full-blue .timeline-item{border-color:var(--group-border,#4c6d89)!important;background-color:var(--service-bg,#082b48)!important;color:var(--service-text,#f4f8fc)!important} body.theme-full-blue .timeline-item strong{color:var(--service-text,#f4f8fc)!important} body.theme-full-blue .timeline-item time,body.theme-full-blue .timeline-item small,body.theme-full-blue .timeline-item em{color:var(--service-muted,#d2e0ea)!important} body.theme-full-blue .month-head span{color:#dce8f2!important} body.theme-full-blue .month-day{background:#082a47!important;border-color:#285477!important;color:#eef5fa!important} body.theme-full-blue .month-day header{background:#0b3154!important;color:#f3f8fc!important;border-radius:9px!important;padding:4px 6px!important} body.theme-full-blue .month-day header span,body.theme-full-blue .month-day header strong{color:#f3f8fc!important} body.theme-full-blue .month-day.outside{opacity:.58!important} body.theme-full-blue .month-day.outside header,body.theme-full-blue .month-day.outside header span{color:#aebfcd!important} body.theme-full-blue .month-day.today header{background:rgba(214,180,93,.18)!important;color:#ffe7a7!important} body.theme-full-blue .month-day.today header span{color:#ffe7a7!important} body.theme-full-blue .month-day .day-count{color:#d9e7f1!important;background:#123b60!important;border-color:#315f84!important} body.theme-full-blue .day-detail-item{background:#0b3154!important;border-color:#2c5d86!important} body.theme-full-blue .day-detail-item strong{color:#f3f8fc!important} body.theme-full-blue .day-detail-item small,body.theme-full-blue .day-detail-item time{color:#c7d8e5!important} /* Beta 15.12 – Branding alignment, document delete, settings dark-theme audit */ /* AH: obere Logo-Kante wieder auf Höhe der Suchleiste; die breite Darstellung bleibt erhalten. */ .brand{padding-top:0!important} .brand img{width:calc(100% + 8px)!important;max-width:none!important;height:auto!important;margin:0 -4px 6px!important;transform:scale(1.06) translateX(4px)!important;transform-origin:center top!important;object-fit:contain!important;object-position:center!important} @media(max-width:980px){.brand img{width:calc(100% + 4px)!important;margin:0 -2px 5px!important;transform:scale(1.04) translateX(2px)!important}} .document-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap} .document-actions form{margin:0} /* Datensicherung, Wiederherstellung und Papierkorb: komplette Text-/Flächenprüfung im blauen Modus. */ body.theme-full-blue .backup-card h3, body.theme-full-blue .trash-card h3, body.theme-full-blue .restore-panel h3{color:#f3f8fc!important} body.theme-full-blue .backup-card .card-head span, body.theme-full-blue .trash-card .card-head span, body.theme-full-blue .backup-row small, body.theme-full-blue .trash-row small, body.theme-full-blue .restore-panel label small{color:#c8d8e5!important} body.theme-full-blue .backup-row strong, body.theme-full-blue .trash-row strong, body.theme-full-blue .restore-panel label{color:#eef5fa!important} body.theme-full-blue .backup-list, body.theme-full-blue .trash-list{background:transparent!important} body.theme-full-blue .backup-row, body.theme-full-blue .trash-row{background:#0b3154!important;border-color:#2c5d86!important;box-shadow:none!important} body.theme-full-blue .backup-row:hover, body.theme-full-blue .trash-row:hover{background:#103b62!important;border-color:#3a6d96!important} body.theme-full-blue .restore-panel{background:#092d4c!important;border-color:#2c5d86!important;box-shadow:none!important} body.theme-full-blue .restore-panel .security-note{background:#103a5f!important;border-color:#38678d!important;color:#d8e6f0!important} body.theme-full-blue .restore-panel input, body.theme-full-blue .restore-panel select{background:#0b3154!important;border-color:#2c5d86!important;color:#f3f8fc!important} body.theme-full-blue .backup-import{border-color:rgba(196,214,230,.14)!important} /* System-/Plausibilitätsprüfung: Zähler und Texte müssen auf Blau hell bleiben. */ body.theme-full-blue .system-check-row b{color:#f5f9fc!important} body.theme-full-blue .system-check-row strong{color:#f0f6fb!important} body.theme-full-blue .system-check-row small{color:#c7d8e5!important} body.theme-full-blue .system-check-row{background:#0b3154!important;border-color:#2c5d86!important} body.theme-full-blue .system-check-row:hover{background:#103b62!important;border-color:#3a6d96!important} body.theme-full-blue .system-check-row.ok .check-state{background:#184f3d!important;color:#dff5e8!important} body.theme-full-blue .system-check-row.warn{background:#4b3a19!important;border-color:#876c2e!important} body.theme-full-blue .system-check-row.warn .check-state{background:#6a5018!important;color:#ffe6a1!important} body.theme-full-blue .system-check-row.error{background:#4b292b!important;border-color:#855056!important} body.theme-full-blue .system-check-row.error .check-state{background:#6a3437!important;color:#ffd8d6!important} body.theme-full-blue .document-actions .btn.danger{background:#4b292b!important;border-color:#855056!important;color:#ffe9e7!important} /* MAHPLUS Update 61 – unterschiedliche Intervallzeiten je Wochentag */ .series-day-time-grid{border:1px solid var(--line);border-radius:12px;padding:10px;margin:0;background:#f8fafc} .series-day-time-grid legend,.series-scope-picker legend{padding:0 6px;color:var(--navy);font-size:12px;font-weight:800} .series-day-time-head,.series-day-time-row{display:grid;grid-template-columns:minmax(140px,1fr) 118px 118px 88px;gap:9px;align-items:center} .series-day-time-head{padding:0 8px 6px;color:var(--muted);font-size:10px;font-weight:750} .series-day-time-row{padding:7px 8px;border-top:1px solid #e7edf2} .series-day-time-row:first-of-type{border-top:0} .series-day-choice{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer} .series-day-choice input{width:auto;margin:0} .series-day-choice strong{font-size:12px;color:var(--navy)} .series-day-time-row input[type=time]{margin:0;min-width:0} .series-day-time-row input:disabled{opacity:.46;background:#eef2f5;cursor:not-allowed} .series-day-time-row output{font-size:11px;font-weight:800;color:#6d581d;text-align:right;white-space:nowrap} .series-day-time-row:not(.active){opacity:.68} .series-scope-picker{display:grid;gap:7px;border:1px solid #d9c47c;border-radius:12px;padding:10px;margin:3px 0;background:#fffaf0} .series-scope-picker label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:8px;border:1px solid transparent;border-radius:9px;cursor:pointer} .series-scope-picker label:has(input:checked){border-color:#d6b45d;background:#fff} .series-scope-picker input{width:auto;margin:2px 0 0} .series-scope-picker span,.series-scope-picker strong,.series-scope-picker small{display:block} .series-scope-picker strong{font-size:12px;color:var(--navy)} .series-scope-picker small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35} body.theme-full-blue .series-day-time-grid{background:#082a47;border-color:#2c5d86} body.theme-full-blue .series-day-time-grid legend,body.theme-full-blue .series-scope-picker legend,body.theme-full-blue .series-day-choice strong,body.theme-full-blue .series-scope-picker strong{color:#f3f8fc} body.theme-full-blue .series-day-time-head,body.theme-full-blue .series-scope-picker small{color:#c7d8e5} body.theme-full-blue .series-day-time-row{border-color:#285477} body.theme-full-blue .series-day-time-row input:disabled{background:#092944;color:#9eb2c3} body.theme-full-blue .series-day-time-row output{color:#f0d894} body.theme-full-blue .series-scope-picker{background:#102f4c;border-color:#7a6732} body.theme-full-blue .series-scope-picker label:has(input:checked){background:#173d5d;border-color:#d6b45d} @media(max-width:700px){.series-day-time-head{display:none}.series-day-time-row{grid-template-columns:1fr 1fr}.series-day-choice{grid-column:1/-1}.series-day-time-row output{text-align:left}.series-day-time-row input[type=time]{width:100%}} body.theme-full-blue .document-actions .btn.danger:hover{background:#613034!important;border-color:#c56a70!important} /* Beta 16.0 – DIN-A4 Druckstudio */ .print-page-head{align-items:center} .print-head-actions{align-items:center;flex-wrap:wrap} .print-format-pill{display:inline-flex;align-items:center;min-height:40px;padding:9px 13px;border:1px solid #DDE5ED;border-radius:12px;background:#fff;color:#587087;font-size:11px;font-weight:800;letter-spacing:.03em} .print-layout-form{margin:0} .print-studio{display:grid;grid-template-columns:minmax(390px,470px) minmax(520px,1fr);gap:24px;align-items:start} .print-settings-stack{display:flex;flex-direction:column;gap:16px;min-width:0} .print-setting-card{padding:18px} .print-setting-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px} .print-setting-head h2{font-size:18px!important;margin:0 0 4px!important} .print-setting-head p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45} .print-step{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#F5E8BE;color:#735819;border:1px solid #EAD594;font-size:12px;font-weight:900} .print-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .print-template-card{display:flex;flex-direction:column;gap:6px;position:relative;border:1px solid #E0E7ED;border-radius:13px;padding:10px;background:#fff;cursor:pointer;transition:.15s ease;color:#203448} .print-template-card:hover{border-color:#D6B45D;transform:translateY(-1px);box-shadow:0 8px 18px rgba(4,38,73,.06)} .print-template-card.selected{border-color:#D6B45D;box-shadow:inset 0 0 0 1px rgba(214,180,93,.30),0 8px 20px rgba(4,38,73,.06)} .print-template-card input{position:absolute;opacity:0;pointer-events:none} .print-template-card strong{font-size:12px;color:#183049} .print-template-card small{font-size:9.5px;line-height:1.35;color:#7A8997} .template-thumb{height:68px;border:1px solid #E5E9ED;border-radius:8px;background:#fff;position:relative;overflow:hidden;display:block} .template-thumb i,.template-thumb b,.template-thumb em{position:absolute;display:block} .template-thumb i{left:8px;top:8px;width:25px;height:16px;border-radius:3px;background:linear-gradient(135deg,#F3D77D,#B8802B)} .template-thumb b{right:8px;top:9px;width:34px;height:4px;border-radius:3px;background:#60758A;box-shadow:0 8px 0 #A1AFBA} .template-thumb em{left:8px;right:8px;bottom:10px;height:2px;background:#D6B45D} .template-thumb.blue-gold{background:#fff} .template-thumb.blue-gold:before{content:"";position:absolute;left:0;right:0;top:0;height:29px;background:#042649} .template-thumb.blue-gold i{z-index:2;background:linear-gradient(135deg,#F3D77D,#B8802B)} .template-thumb.blue-gold b{z-index:2;background:#fff;box-shadow:0 8px 0 #BBC9D5} .template-thumb.minimal i{width:20px;height:14px} .template-thumb.minimal b{right:auto;left:8px;top:32px;width:45px;background:#B2BDC6;box-shadow:0 7px 0 #D0D8DE} .template-thumb.minimal em{height:1px;background:#C8D2DA} .print-compact-fields{margin-top:13px} .print-switches{display:grid;gap:7px;margin-top:14px} .switch-row{display:flex!important;align-items:center;gap:9px;border:1px solid #E4E9EE;border-radius:11px;padding:9px 10px;cursor:pointer;background:#FBFCFD;color:#425568!important} .switch-row input[type="hidden"]{display:none} .switch-row input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px;margin:0} .switch-row>span{width:34px;height:20px;border-radius:999px;background:#C8D2DB;position:relative;transition:.15s;flex:0 0 34px} .switch-row>span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.15s} .switch-row input:checked+span{background:#D6B45D} .switch-row input:checked+span:after{transform:translateX(14px);background:#fff} .switch-row b{font-size:11px;font-weight:750} .print-subsection{margin-top:15px;border:1px solid #E4E9EE;border-radius:12px;background:#FBFCFD;overflow:hidden} .print-subsection summary{cursor:pointer;padding:11px 12px;font-size:11px;font-weight:800;color:#41566B;list-style:none;position:relative} .print-subsection summary::-webkit-details-marker{display:none} .print-subsection summary:after{content:"+";position:absolute;right:12px;top:9px;font-size:16px;color:#8090A0} .print-subsection[open] summary:after{content:"−"} .print-subsection-body{padding:0 12px 12px} .print-logo-note{display:flex;gap:10px;align-items:center;padding:11px 12px;margin-bottom:12px;border:1px solid #E8D69A;border-radius:12px;background:linear-gradient(180deg,#FFFCF3,#FAF5E5)} .print-logo-note>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#042649;color:#E4C56E;font-family:Georgia,serif;font-size:18px;font-weight:800} .print-logo-note strong,.print-logo-note small{display:block} .print-logo-note strong{font-size:11px;color:#3B4E61} .print-logo-note small{font-size:9.5px;color:#758495;margin-top:3px;line-height:1.4} .print-logo-settings{grid-template-columns:1fr 1fr!important;margin:0 0 14px!important} .print-logo-settings label{padding:10px!important} .print-logo-settings img{height:112px!important;object-fit:contain!important} .print-letterhead-settings{gap:10px} .app-branding-subsection{margin-top:12px} .print-app-logo-row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:0 12px 12px} .print-app-logo-row>img{width:90px;height:70px;object-fit:contain;border-radius:10px;background:#F5F7F9;border:1px solid #E5E9ED;padding:5px} .print-app-logo-row label{margin:0} .print-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #E7ECF0} .print-save-bar strong,.print-save-bar small{display:block} .print-save-bar strong{font-size:11px;color:#344A5F} .print-save-bar small{font-size:9.5px;color:#8090A0;margin-top:3px} .print-preview-column{position:sticky;top:92px;min-width:0} .print-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 4px} .print-preview-toolbar strong,.print-preview-toolbar span{display:block} .print-preview-toolbar strong{font-size:13px;color:#24394D} .print-preview-toolbar div>span{font-size:10px;color:#7E8C99;margin-top:2px} .print-preview-badge{display:inline-flex!important;padding:6px 9px;border-radius:999px;background:#EEF3F7;color:#587087!important;border:1px solid #DCE5EC;font-size:9px!important;font-weight:800} .a4-stage{display:flex;justify-content:center;align-items:flex-start;border:1px solid #DCE4EB;border-radius:18px;padding:24px;background:radial-gradient(circle at 50% 8%,#FFFFFF,#E9EEF3 72%);box-shadow:inset 0 1px 0 #fff} .a4-paper{--print-primary:#042649;--print-accent:#D6B45D;width:min(100%,690px)!important;max-width:690px;aspect-ratio:210/297!important;padding:28px!important;position:relative!important;overflow:hidden;background:#fff!important;color:#1E2C39!important;border:1px solid #CFD7DE!important;border-radius:2px!important;box-shadow:0 20px 55px rgba(22,42,61,.18)!important;font-family:Arial,Helvetica,sans-serif!important} .a4-paper .full-letterhead{width:100%!important;max-height:118px!important;object-fit:contain!important;object-position:top center!important;margin:0 0 8px!important;background:#fff!important} .a4-paper .paper-design-header{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;align-items:center;border:0!important;border-bottom:0!important;padding:0 0 12px!important;margin:0!important;min-height:82px;background:transparent;color:#1E2C39} .paper-logo-zone{display:flex;align-items:center;justify-content:flex-start;min-width:0} .paper-logo-zone img{display:block;width:145px!important;height:78px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important} .logo-size-small .paper-logo-zone img{width:105px!important;height:62px!important} .logo-size-medium .paper-logo-zone img{width:145px!important;height:78px!important} .logo-size-large .paper-logo-zone img{width:185px!important;height:92px!important} .paper-company-zone{text-align:right;min-width:0} .paper-company-zone strong,.paper-company-zone span,.paper-company-zone small{display:block} .paper-company-zone strong{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:var(--print-primary);letter-spacing:.01em} .paper-company-zone>span{font-size:8.5px;color:#5D6B78;margin-top:5px} .paper-company-zone small{font-size:7.5px;color:#7A8792;margin-top:4px} .paper-separator{display:inline!important} .logo-right .paper-design-header{grid-template-columns:1fr 1fr} .logo-right .paper-logo-zone{grid-column:2;grid-row:1;justify-content:flex-end} .logo-right .paper-logo-zone img{object-position:right center!important} .logo-right .paper-company-zone{grid-column:1;grid-row:1;text-align:left} .logo-center .paper-design-header{grid-template-columns:1fr;text-align:center;gap:5px} .logo-center .paper-logo-zone{justify-content:center} .logo-center .paper-logo-zone img{object-position:center!important} .logo-center .paper-company-zone{text-align:center} .paper-accent-line{height:2px;background:linear-gradient(90deg,var(--print-accent),color-mix(in srgb,var(--print-accent) 35%,#fff));margin:0 0 18px} .paper-sender{font-size:6.8px;color:#677581;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px;border-bottom:1px solid #E1E6EA;padding-bottom:4px;width:62%} .paper-sender i{font-style:normal;margin:0 3px;color:var(--print-accent)} .paper-recipient-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(130px,.75fr);gap:26px;align-items:start} .paper-address-window{min-height:92px;padding:9px 11px;border:1px solid #E2E6EA;border-radius:3px;background:#fff;font-size:9px;line-height:1.45} .paper-address-window small,.paper-address-window strong,.paper-address-window span{display:block} .paper-address-window small{font-size:6.5px;color:#8A959E;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px} .paper-address-window strong{font-size:10px;color:#243442} .paper-meta-box{border-top:2px solid var(--print-primary);padding-top:5px} .paper-meta-box>div{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:4px 0;border-bottom:1px solid #E8ECEF;font-size:7px} .paper-meta-box span{color:#85909A} .paper-meta-box strong{text-align:right;color:#304252;font-size:7px} .paper-body-copy{margin-top:30px!important} .paper-body-copy .paper-eyebrow{display:block;font-size:6px;color:var(--print-accent);font-weight:800;letter-spacing:.12em;margin-bottom:7px} .a4-paper .paper-body-copy h2{font-size:18px!important;color:var(--print-primary)!important;margin:0 0 16px!important;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.01em} .a4-paper .paper-body-copy p{font-size:9px!important;line-height:1.55!important;color:#394A59!important;margin:0 0 10px!important} .paper-sample-table{border:1px solid #DDE3E8;border-radius:4px;overflow:hidden;margin:18px 0;font-size:7.5px} .paper-sample-table>div{display:grid;grid-template-columns:1.25fr 1fr .9fr} .paper-sample-table span{padding:6px 7px;border-right:1px solid #E3E8EC} .paper-sample-table span:last-child{border-right:0} .paper-sample-table>div+div{border-top:1px solid #E3E8EC} .paper-sample-head{background:#F1F4F6;font-weight:800;color:#405468} .paper-closing{margin-top:18px!important} .paper-footer-grid{position:absolute!important;left:28px!important;right:28px!important;bottom:24px!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid #D8E0E5!important;padding-top:8px!important;text-align:left!important;font-size:6.4px!important;color:#657480!important;line-height:1.38!important} .paper-footer-grid>div{min-width:0} .paper-footer-grid strong,.paper-footer-grid span{display:block} .paper-footer-grid strong{font-size:6.8px;color:var(--print-primary);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em} .paper-footer-grid .paper-prefixed{display:flex;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .paper-footer-grid .paper-prefixed b{font-weight:700;color:#7B8791} /* Druckdesign: Blau-Gold */ .template-blue_gold .paper-design-header{margin:-28px -28px 0!important;padding:20px 28px 17px!important;background:var(--print-primary)!important;min-height:118px;color:#fff!important} .template-blue_gold .paper-company-zone strong{color:#fff!important} .template-blue_gold .paper-company-zone>span,.template-blue_gold .paper-company-zone small{color:#D9E4ED!important} .template-blue_gold .paper-logo-zone img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.20))} .template-blue_gold .paper-accent-line{height:4px;margin:0 -28px 18px;background:var(--print-accent)} .template-blue_gold .paper-meta-box{border-top-color:var(--print-accent)} .template-blue_gold .paper-body-copy .paper-eyebrow{color:#9B7827} /* Druckdesign: Minimal */ .template-minimal .paper-design-header{min-height:70px;padding-bottom:5px!important} .template-minimal .paper-company-zone strong{font-size:14px} .template-minimal .paper-accent-line{height:1px;background:#DDE3E8;margin-bottom:21px} .template-minimal .paper-address-window{border-color:#EDF0F2} .template-minimal .paper-meta-box{border-top-width:1px;border-top-color:#C9D1D8} .template-minimal .paper-body-copy .paper-eyebrow{color:#8B969F} .template-minimal .paper-footer-grid{border-top-color:#E5E9EC!important} .print-preview-note{font-size:9.5px;color:#7B8B99;line-height:1.45;padding:9px 8px 0;text-align:center} /* Dark theme: Studio dunkel, Papier bleibt echtes Weiß */ body.theme-full-blue .print-format-pill, body.theme-full-blue .print-template-card, body.theme-full-blue .switch-row, body.theme-full-blue .print-subsection, body.theme-full-blue .print-app-logo-row>img{background:#0B3154!important;border-color:#2C5D86!important;color:#EAF2F8!important} body.theme-full-blue .print-template-card strong, body.theme-full-blue .print-setting-head h2, body.theme-full-blue .print-save-bar strong, body.theme-full-blue .print-preview-toolbar strong, body.theme-full-blue .print-subsection summary, body.theme-full-blue .switch-row b{color:#EEF5FA!important} body.theme-full-blue .print-template-card small, body.theme-full-blue .print-setting-head p, body.theme-full-blue .print-save-bar small, body.theme-full-blue .print-preview-toolbar div>span, body.theme-full-blue .print-preview-note{color:#BCD0E0!important} body.theme-full-blue .print-template-card.selected{border-color:#D6B45D!important;box-shadow:inset 0 0 0 1px rgba(214,180,93,.28),0 10px 24px rgba(0,0,0,.16)!important} body.theme-full-blue .print-template-card:hover{border-color:#D6B45D!important;background:#103D65!important} body.theme-full-blue .template-thumb{border-color:#345F83} body.theme-full-blue .print-logo-note{background:#103758!important;border-color:#5F583D!important} body.theme-full-blue .print-logo-note strong{color:#F2F6F9!important} body.theme-full-blue .print-logo-note small{color:#BCD0E0!important} body.theme-full-blue .print-save-bar{border-top-color:rgba(196,214,230,.12)} body.theme-full-blue .print-preview-badge{background:#0B3154!important;border-color:#2C5D86!important;color:#D9E7F1!important} body.theme-full-blue .a4-stage{background:radial-gradient(circle at 50% 8%,#164A73,#082642 75%)!important;border-color:#2C5D86!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important} body.theme-full-blue .a4-paper, body.theme-full-blue .a4-paper *{color:inherit} body.theme-full-blue .a4-paper{background:#fff!important;color:#1E2C39!important;border-color:#CAD3DA!important} body.theme-full-blue .a4-paper .paper-company-zone strong, body.theme-full-blue .a4-paper .paper-body-copy h2, body.theme-full-blue .a4-paper .paper-footer-grid strong{color:var(--print-primary)!important} body.theme-full-blue .a4-paper .paper-company-zone>span{color:#5D6B78!important} body.theme-full-blue .a4-paper .paper-company-zone small{color:#7A8792!important} body.theme-full-blue .a4-paper .paper-sender{color:#677581!important} body.theme-full-blue .a4-paper .paper-address-window strong{color:#243442!important} body.theme-full-blue .a4-paper .paper-address-window span, body.theme-full-blue .a4-paper .paper-meta-box strong{color:#304252!important} body.theme-full-blue .a4-paper .paper-address-window small, body.theme-full-blue .a4-paper .paper-meta-box span{color:#85909A!important} body.theme-full-blue .a4-paper .paper-body-copy p{color:#394A59!important} body.theme-full-blue .a4-paper .paper-sample-head{color:#405468!important} body.theme-full-blue .a4-paper .paper-footer-grid{color:#657480!important} body.theme-full-blue .a4-paper .paper-footer-grid .paper-prefixed b{color:#7B8791!important} body.theme-full-blue .template-blue_gold .paper-company-zone strong{color:#fff!important} body.theme-full-blue .template-blue_gold .paper-company-zone>span, body.theme-full-blue .template-blue_gold .paper-company-zone small{color:#D9E4ED!important} @media(max-width:1380px){ .print-studio{grid-template-columns:minmax(350px,420px) minmax(470px,1fr);gap:18px} .a4-stage{padding:18px} } @media(max-width:1080px){ .print-studio{grid-template-columns:1fr} .print-preview-column{position:static;order:-1} .a4-paper{width:min(100%,660px)!important} } @media(max-width:700px){ .print-page-head{align-items:flex-start} .print-head-actions{width:100%} .print-format-pill{flex:1} .print-template-grid{grid-template-columns:1fr} .print-logo-settings{grid-template-columns:1fr!important} .print-app-logo-row{grid-template-columns:1fr} .print-app-logo-row>img{width:110px} .a4-stage{padding:10px;overflow:auto;justify-content:flex-start} .a4-paper{width:620px!important;min-width:620px!important} } .paper-company-zone small [data-live-output]{display:inline!important} body.theme-full-blue .a4-paper .paper-body-copy .paper-eyebrow{color:var(--print-accent)!important} /* ========================================================= ObjektPilot by MAHA · Beta 16.1 Kleine Displays: komplette Seitenleiste vertikal scrollbar ========================================================= */ .sidebar{height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable} .sidebar>.brand,.sidebar>nav,.sidebar>.sidebar-tools,.sidebar>.sidebar-foot{flex-shrink:0} .sidebar::-webkit-scrollbar{width:8px} .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px} .sidebar::-webkit-scrollbar-track{background:transparent} .user-actions{flex-wrap:wrap;min-width:150px} @media(max-height:820px) and (min-width:851px){ .sidebar{padding-top:14px;padding-bottom:12px} .brand{gap:8px;padding-bottom:14px} .brand img{width:86px;height:86px} .sidebar nav{padding-top:12px;gap:5px} .sidebar nav a{min-height:42px;padding:9px 12px} .sidebar-tools{margin-top:14px} .sidebar-foot{margin-top:8px;padding-top:10px} } /* Beta 16.1 Serverfix 2 */ .user-row-highlight{outline:2px solid var(--gold);outline-offset:-2px;background:rgba(214,180,93,.14)!important} /* ========================================================= ObjektPilot Beta 16.1 · Profilupdate 1 Nur Kopfzeile, Sidebar-Typografie und Profilbilder ========================================================= */ .brand-copy{width:100%!important;padding:2px 8px 0!important;text-align:center!important} .brand-copy strong,.brand-copy small{display:block!important;width:100%!important;text-align:center!important} .brand-copy strong{font-size:15px!important;letter-spacing:.015em!important} .brand-copy small{margin-top:5px!important;letter-spacing:.13em!important} .topbar-clock{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-left:auto;padding:7px 11px;border:1px solid rgba(4,38,73,.08);border-radius:12px;background:rgba(255,255,255,.48);color:#506579;font-size:11.5px;font-weight:650;letter-spacing:.015em} .clock-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(214,180,93,.12)} body.theme-full-blue .topbar-clock{background:rgba(13,53,91,.68);border-color:#2b587f;color:#dbe9f4} .user-avatar{overflow:hidden!important;padding:0!important;display:grid!important;place-items:center!important} .user-avatar img,.user-avatar-fallback{width:100%;height:100%;border-radius:inherit} .user-avatar img{display:block;object-fit:cover} .user-avatar-fallback{place-items:center;font-weight:800} .employee-photo,.profile-photo-preview,.user-list-avatar{position:relative;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#0a3154,#154f7e);border:2px solid rgba(214,180,93,.75);box-shadow:0 7px 18px rgba(4,38,73,.16);display:grid;place-items:center;color:#f6e3a3;font-weight:800;flex:none} .employee-photo{width:72px;height:72px;font-size:20px} .profile-photo-preview{width:82px;height:82px;font-size:22px} .profile-photo-preview.is-local-preview{outline:2px solid rgba(214,180,93,.38);outline-offset:3px} .user-list-avatar{width:34px;height:34px;font-size:11px;border-width:1px;box-shadow:none} .employee-photo img,.profile-photo-preview img,.user-list-avatar img{width:100%;height:100%;object-fit:cover;display:block} .record-identity{display:flex;align-items:center;gap:15px;min-width:0} .record-identity>div:last-child{min-width:0} .profile-upload-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} .profile-upload-panel h3{margin:0 0 9px;font-size:14px} .profile-upload-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .profile-upload-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;flex:1} .profile-upload-form label{min-width:210px;flex:1;margin:0} .profile-upload-form input[type=file]{padding:8px;background:var(--input-bg,#fff)} .user-name-with-avatar{display:flex;align-items:center;gap:9px} .user-name-with-avatar>div:last-child{min-width:0} body.theme-full-blue .profile-upload-panel{border-top-color:#2b587f} @media(max-width:1120px){.topbar-clock{font-size:10.5px;padding:6px 9px}} @media(max-width:980px){.topbar-clock{display:none}.brand-copy strong,.brand-copy small{text-align:center!important}} @media(max-width:620px){.employee-photo{width:58px;height:58px}.profile-photo-preview{width:70px;height:70px}.record-identity{align-items:flex-start}.profile-upload-form{width:100%}} /* ========================================================= ObjektPilot Beta 16.1 · Themefix 10 Lesbare verknuepfte Objektadresse im Komplett-Blau-Theme. linked-address verwendet sonst helle !important-Werte aus dem klassischen Theme und uebersteuert theme-full-blue. ========================================================= */ body.theme-full-blue input.linked-address, body.theme-full-blue input[readonly].linked-address, body.theme-full-blue [data-object-address].linked-address { background:#0b3154!important; border-color:#3b668c!important; color:#f4f8fc!important; -webkit-text-fill-color:#f4f8fc!important; opacity:1!important; box-shadow:inset 0 0 0 1px rgba(214,180,93,.08)!important; } body.theme-full-blue input.linked-address:focus, body.theme-full-blue input[readonly].linked-address:focus, body.theme-full-blue [data-object-address].linked-address:focus { border-color:#D6B45D!important; box-shadow:0 0 0 3px rgba(214,180,93,.18)!important; } body.theme-full-blue .same-address-check:has(input:checked) { border-color:rgba(214,180,93,.55)!important; background:#0d355b!important; } /* ============================================================ ObjektPilot Beta 16.1 – Design Polish 17 Dezente optische Veredelung ohne Layout-/Funktionsänderung. Schwerpunkt: Komplett-Blaues Theme, Gold nur als Akzent. ============================================================ */ /* Dashboard-Karten: feinere Kontur, ruhige Tiefe und ein Hauch Gold. */ body.theme-full-blue .stats-grid .stat-card{ border-color:rgba(214,180,93,.20)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.16)!important; } body.theme-full-blue .stats-grid .stat-card:hover{ border-color:rgba(214,180,93,.36)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 15px 34px rgba(0,0,0,.20)!important; transform:translateY(-1px); } body.theme-full-blue .stats-grid .stat-card::after{ width:44px; height:2px; background:linear-gradient(90deg,var(--gold),rgba(214,180,93,.15)); box-shadow:0 0 12px rgba(214,180,93,.18); } /* Große Dashboard-Flächen: Gold nicht als Rahmen, sondern nur als feine Lichtkante. */ body.theme-full-blue .dashboard-main > .card, body.theme-full-blue .dashboard-main > .stack > .card, body.theme-full-blue .upcoming-card{ border-color:rgba(214,180,93,.15)!important; box-shadow: inset 0 1px 0 rgba(214,180,93,.07), 0 14px 34px rgba(0,0,0,.16)!important; } body.theme-full-blue .dashboard-main > .card:hover, body.theme-full-blue .dashboard-main > .stack > .card:hover, body.theme-full-blue .upcoming-card:hover{ border-color:rgba(214,180,93,.23)!important; } /* Überschriften nur minimal klarer, ohne Größen oder Positionen zu ändern. */ body.theme-full-blue .dashboard-main .card-head h2, body.theme-full-blue .upcoming-card .card-head h2{ text-shadow:0 1px 12px rgba(0,0,0,.10); } body.theme-full-blue .dashboard-main .card-head > a, body.theme-full-blue .upcoming-card .card-head > a{ color:#d8e5ef!important; transition:color .15s ease; } body.theme-full-blue .dashboard-main .card-head > a:hover, body.theme-full-blue .upcoming-card .card-head > a:hover{ color:#f0d894!important; } /* Schnellzugriff: schmalere Goldwirkung, keine Größenänderung. */ body.theme-full-blue .dashboard-main .quick a{ border-color:rgba(214,180,93,.15)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 16px rgba(0,0,0,.08)!important; } body.theme-full-blue .dashboard-main .quick a:hover{ border-color:rgba(214,180,93,.42)!important; background:rgba(16,63,107,.95)!important; box-shadow:inset 0 0 0 1px rgba(214,180,93,.06),0 10px 22px rgba(0,0,0,.13)!important; transform:translateY(-1px); } body.theme-full-blue .dashboard-main .quick a span{ border-color:rgba(214,180,93,.34)!important; box-shadow:0 0 0 3px rgba(214,180,93,.035),0 5px 14px rgba(0,0,0,.10); } /* Seitenleiste: aktiver Eintrag und Schnellzugriffe etwas präziser gefasst. */ body.theme-full-blue .sidebar nav a.active{ border:1px solid rgba(214,180,93,.16); border-left-color:rgba(214,180,93,.55); box-shadow:inset 3px 0 var(--gold),0 8px 20px rgba(0,0,0,.10); } body.theme-full-blue .sidebar nav a:hover{ background:linear-gradient(90deg,rgba(214,180,93,.08),rgba(255,255,255,.045)); } body.theme-full-blue .sidebar-mini-links a{ border-color:rgba(214,180,93,.10); transition:border-color .15s ease,background .15s ease,transform .15s ease; } body.theme-full-blue .sidebar-mini-links a:hover{ border-color:rgba(214,180,93,.28); background:rgba(214,180,93,.055); transform:translateX(1px); } /* Topbar und Suche bekommen nur eine feinere Kontur. */ body.theme-full-blue .topbar{ border-bottom-color:rgba(214,180,93,.10)!important; box-shadow:0 7px 22px rgba(0,0,0,.10)!important; } body.theme-full-blue .global-search{ border-color:rgba(214,180,93,.15)!important; } body.theme-full-blue .global-search:focus-within{ border-color:rgba(214,180,93,.42)!important; box-shadow:0 0 0 3px rgba(214,180,93,.07); } /* Primäraktionen etwas hochwertiger, bei identischer Größe/Position. */ body.theme-full-blue .btn.primary{ box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.10); } body.theme-full-blue .btn.primary:hover{ box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 20px rgba(0,0,0,.14),0 0 0 1px rgba(214,180,93,.10); } /* Reduzierte Bewegung für Nutzer mit entsprechender Betriebssystem-Einstellung. */ @media (prefers-reduced-motion:reduce){ body.theme-full-blue .stats-grid .stat-card, body.theme-full-blue .dashboard-main .quick a, body.theme-full-blue .sidebar-mini-links a{transition:none!important;transform:none!important} } /* DESIGNPOLISH 18 – stärkere Umsetzung nach freigegebenem Mockup Basis: UIFIX 16 + Designpolish 17 Ziel: deutlich sichtbare, aber weiterhin saubere Blau-Gold-Veredelung ohne Funktions- oder Layoutänderung. */ body.theme-full-blue .main{ background: radial-gradient(circle at 18% 0%, rgba(17,72,116,.28) 0%, rgba(17,72,116,0) 32%), radial-gradient(circle at 78% 8%, rgba(14,58,95,.18) 0%, rgba(14,58,95,0) 28%), linear-gradient(180deg,#062849 0%,#031a31 100%)!important; } body.theme-full-blue .sidebar{ background:linear-gradient(180deg,#04284a 0%,#031d36 100%)!important; border-right:1px solid rgba(214,180,93,.24)!important; box-shadow:18px 0 44px rgba(0,0,0,.22), inset -1px 0 0 rgba(214,180,93,.08)!important; } body.theme-full-blue .brand{ align-items:center!important; gap:12px!important; padding:14px 12px 16px!important; margin-bottom:14px!important; border:1px solid rgba(214,180,93,.16)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(8,41,70,.82),rgba(6,31,54,.92))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 24px rgba(0,0,0,.14)!important; } body.theme-full-blue .brand img{ width:138px!important; height:138px!important; filter:drop-shadow(0 14px 28px rgba(0,0,0,.18))!important; } body.theme-full-blue .brand-copy{width:100%!important;text-align:center!important} body.theme-full-blue .brand-copy strong{font-size:15px!important;letter-spacing:-.01em!important} body.theme-full-blue .brand-copy small{font-size:11px!important;letter-spacing:.15em!important} body.theme-full-blue .sidebar nav a{ background:rgba(255,255,255,.025)!important; border:1px solid rgba(255,255,255,.03)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important; } body.theme-full-blue .sidebar nav a:hover{ background:linear-gradient(90deg,rgba(214,180,93,.07),rgba(255,255,255,.05))!important; border-color:rgba(214,180,93,.14)!important; } body.theme-full-blue .sidebar nav a.active{ border-color:rgba(214,180,93,.34)!important; background:linear-gradient(90deg,rgba(214,180,93,.15),rgba(255,255,255,.05))!important; box-shadow:inset 4px 0 #D6B45D,0 12px 24px rgba(0,0,0,.16)!important; } body.theme-full-blue .sidebar nav a span{ background:rgba(214,180,93,.10)!important; border:1px solid rgba(214,180,93,.18)!important; color:#f0d894!important; } body.theme-full-blue .sidebar-tools{ background:linear-gradient(180deg,rgba(10,47,80,.62),rgba(7,35,59,.78))!important; border-color:rgba(214,180,93,.13)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important; } body.theme-full-blue .sidebar-mini-links a{ background:rgba(255,255,255,.018)!important; border-color:rgba(214,180,93,.08)!important; } body.theme-full-blue .sidebar-mini-links a:hover{ background:rgba(214,180,93,.06)!important; border-color:rgba(214,180,93,.22)!important; } body.theme-full-blue .topbar{ background:rgba(5,35,63,.96)!important; border-bottom:1px solid rgba(214,180,93,.10)!important; box-shadow:0 10px 28px rgba(0,0,0,.16)!important; } body.theme-full-blue .global-search-wrap{width:min(520px,44vw)!important} body.theme-full-blue .global-search{ background:rgba(9,41,69,.94)!important; border:1px solid rgba(214,180,93,.15)!important; border-radius:16px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 10px 24px rgba(0,0,0,.11)!important; } body.theme-full-blue .global-search span{color:#95aec4!important} body.theme-full-blue .global-search input{color:#edf4fb!important} body.theme-full-blue .global-search input::placeholder{color:#aac0d2!important} body.theme-full-blue .global-search button{ background:linear-gradient(180deg,#124a7c,#0c355a)!important; border:1px solid rgba(214,180,93,.24)!important; box-shadow:0 8px 18px rgba(0,0,0,.16)!important; } body.theme-full-blue .user-profile-panel{ background:rgba(10,47,80,.92)!important; border-color:rgba(214,180,93,.16)!important; border-radius:16px!important; } body.theme-full-blue .logout-pill{ border-color:rgba(214,180,93,.16)!important; box-shadow:0 8px 20px rgba(0,0,0,.16)!important; } body.theme-full-blue .page-head h1{color:#f4f8fc!important} body.theme-full-blue .page-head p{color:#d4e1ec!important} body.theme-full-blue .stats-grid .stat-card, body.theme-full-blue .dashboard-main > .card, body.theme-full-blue .dashboard-main .stack .card, body.theme-full-blue .upcoming-card{ position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(8,42,71,.97),rgba(5,29,50,.985))!important; border:1px solid rgba(214,180,93,.22)!important; box-shadow:0 16px 34px rgba(0,0,0,.16)!important; } body.theme-full-blue .stats-grid .stat-card::selection, body.theme-full-blue .dashboard-main > .card::selection, body.theme-full-blue .upcoming-card::selection{background:rgba(214,180,93,.22)} body.theme-full-blue .dashboard-main > .card::before, body.theme-full-blue .dashboard-main .stack .card::before, body.theme-full-blue .upcoming-card::before{ content:""; position:absolute; left:0;right:0;top:0; height:2px; background:linear-gradient(90deg,rgba(214,180,93,.85),rgba(255,234,176,.95),rgba(214,180,93,.78)); } body.theme-full-blue .stats-grid .stat-card span{color:#dbe8f3!important} body.theme-full-blue .stats-grid .stat-card strong{color:#ffffff!important} body.theme-full-blue .stats-grid .stat-card small{color:#d1dfeb!important} body.theme-full-blue .stats-grid .stat-card::after{border-color:#D6B45D!important;opacity:.92!important} body.theme-full-blue .stats-grid .stat-card::before{content:"";position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#F8F2DE,#F0E1B0)!important;box-shadow:inset 0 0 0 1px rgba(233,219,173,.85),0 8px 18px rgba(0,0,0,.12)!important} body.theme-full-blue .stats-grid .stat-card .count-pill{background:#123d63!important} body.theme-full-blue .stats-grid .stat-card:nth-child(1)::after{border-radius:50%;width:16px;height:16px;border-width:3px;top:30px;left:30px} body.theme-full-blue .stats-grid .stat-card:nth-child(2)::after{width:16px;height:16px;border-width:3px;top:28px;left:28px;box-shadow:9px 0 0 0 rgba(214,180,93,.0),0 9px 0 0 rgba(214,180,93,.0)} body.theme-full-blue .stats-grid .stat-card:nth-child(3)::after{border-radius:50%;width:14px;height:14px;top:29px;left:30px} body.theme-full-blue .stats-grid .stat-card:nth-child(4)::after{border-radius:4px;width:16px;height:14px;top:29px;left:29px} body.theme-full-blue .stats-grid .stat-card:nth-child(5)::after{border-radius:4px;width:16px;height:14px;top:29px;left:29px} body.theme-full-blue .dashboard-main .card-head, body.theme-full-blue .upcoming-card .card-head{margin-bottom:18px!important} body.theme-full-blue .dashboard-main .card-head > a, body.theme-full-blue .upcoming-card .card-head > a{color:#dbe6ef!important} body.theme-full-blue .dashboard-main .card-head > a:hover, body.theme-full-blue .upcoming-card .card-head > a:hover{color:#f0d894!important} body.theme-full-blue .count-pill{ background:#123b60!important; border:1px solid rgba(214,180,93,.18)!important; color:#f3f8fc!important; } body.theme-full-blue .dashboard-main .quick a{ background:rgba(8,44,74,.86)!important; border:1px solid rgba(214,180,93,.18)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 8px 18px rgba(0,0,0,.11)!important; } body.theme-full-blue .dashboard-main .quick a:hover{ background:rgba(11,51,85,.96)!important; border-color:rgba(214,180,93,.34)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 24px rgba(0,0,0,.16)!important; } body.theme-full-blue .dashboard-main .quick a span{ background:linear-gradient(180deg,rgba(214,180,93,.14),rgba(214,180,93,.08))!important; border:1px solid rgba(214,180,93,.32)!important; color:#f0d894!important; } body.theme-full-blue .dashboard-main .quick strong{color:#f3f8fc!important} body.theme-full-blue .dashboard-main .quick small{color:#cfdeea!important} body.theme-full-blue .dashboard-main .empty, body.theme-full-blue .upcoming-card .empty{ color:#d8e4ee!important; min-height:220px; display:grid; place-items:center; align-content:center; text-align:center; } body.theme-full-blue .upcoming-card .empty{min-height:120px} body.theme-full-blue .dashboard-main > .card .empty::before, body.theme-full-blue .upcoming-card .empty::before{ content:""; width:56px;height:56px;display:block;margin:0 auto 14px; border-radius:50%; border:2px solid rgba(214,180,93,.75); box-shadow:0 0 0 7px rgba(214,180,93,.045); } body.theme-full-blue .dashboard-main .table-wrap, body.theme-full-blue .upcoming-grid{ border-color:rgba(214,180,93,.12)!important; background:rgba(255,255,255,.01)!important; } @media (max-width:1200px){ body.theme-full-blue .brand img{width:120px!important;height:120px!important} } /* BRANDSIZEFIX 19 – linkes Emblem im Brand-Kästchen größer, ohne Positionsänderung */ body.theme-full-blue .brand{ padding: 10px 10px 14px !important; } body.theme-full-blue .brand img{ width: 156px !important; height: 156px !important; max-width: 100% !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } body.theme-full-blue .brand-copy{ margin-top: -2px !important; } @media (max-width:1200px){ body.theme-full-blue .brand img{ width: 142px !important; height: 142px !important; } } /* ================================================================ ObjektPilot Beta 16.1 – DESIGNFINAL 20 Ziel: bestätigtes Navy/Gold-Mockup so nah wie möglich im bestehenden Layout abbilden. Nur theme-full-blue, keine Funktions-/Layoutlogik. ================================================================ */ body.theme-full-blue{ --op-gold:#D6B45D; --op-gold-bright:#F0D47F; --op-gold-deep:#9E7729; --op-panel:#072A49; --op-panel-deep:#041F38; --op-border:rgba(214,180,93,.58); --op-border-soft:rgba(214,180,93,.30); } body.theme-full-blue .main{ background: radial-gradient(circle at 17% -4%,rgba(28,83,127,.27),transparent 31%), radial-gradient(circle at 82% 5%,rgba(13,56,94,.20),transparent 28%), linear-gradient(180deg,#052847 0%,#031C34 100%)!important; } /* Sidebar – tiefer, sauberer, gold gefasst. */ body.theme-full-blue .sidebar{ background:linear-gradient(180deg,#04294B 0%,#031B33 100%)!important; border-right:1px solid rgba(214,180,93,.34)!important; box-shadow:16px 0 34px rgba(0,0,0,.23),inset -1px 0 rgba(255,226,143,.035)!important; } body.theme-full-blue .brand{ align-items:center!important; text-align:center!important; padding:10px 10px 16px!important; border:1px solid rgba(214,180,93,.54)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(7,42,72,.92),rgba(4,29,51,.98))!important; box-shadow:inset 0 0 0 1px rgba(255,234,176,.035),0 11px 25px rgba(0,0,0,.18)!important; } body.theme-full-blue .brand img{ width:156px!important;height:156px!important;max-width:100%!important; object-fit:contain!important;margin:0 auto!important; filter:drop-shadow(0 11px 20px rgba(0,0,0,.22))!important; } body.theme-full-blue .brand-copy{width:100%!important;text-align:center!important} body.theme-full-blue .brand-copy strong{color:#fff!important} body.theme-full-blue .brand-copy small{color:#F0D47F!important} body.theme-full-blue .sidebar nav a{ border:1px solid rgba(214,180,93,.13)!important; background:rgba(4,31,54,.23)!important; border-radius:13px!important; box-shadow:inset 0 1px rgba(255,255,255,.018)!important; } body.theme-full-blue .sidebar nav a span{ background:rgba(214,180,93,.10)!important; border:1px solid rgba(214,180,93,.24)!important; color:#F0D47F!important; } body.theme-full-blue .sidebar nav a:hover{ background:linear-gradient(90deg,rgba(214,180,93,.075),rgba(255,255,255,.045))!important; border-color:rgba(214,180,93,.30)!important; } body.theme-full-blue .sidebar nav a.active{ background:linear-gradient(90deg,rgba(214,180,93,.16),rgba(255,255,255,.045))!important; border-color:rgba(214,180,93,.58)!important; box-shadow:inset 4px 0 #D6B45D,0 10px 22px rgba(0,0,0,.18)!important; } body.theme-full-blue .sidebar-tools{ background:linear-gradient(180deg,rgba(9,48,81,.74),rgba(5,33,57,.86))!important; border:1px solid rgba(214,180,93,.24)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; } body.theme-full-blue .sidebar-tools-title{color:#F0D47F!important} body.theme-full-blue .sidebar-mini-links a{ background:rgba(7,39,67,.65)!important; border:1px solid rgba(214,180,93,.22)!important; } body.theme-full-blue .sidebar-mini-links a:hover{ background:rgba(214,180,93,.07)!important;border-color:rgba(214,180,93,.42)!important; } /* Topbar – wie Zielbild dunkel und fein gold gerahmt. */ body.theme-full-blue .topbar{ background:linear-gradient(180deg,rgba(5,37,66,.98),rgba(4,31,56,.98))!important; border-bottom:1px solid rgba(214,180,93,.14)!important; box-shadow:0 9px 24px rgba(0,0,0,.16)!important; } body.theme-full-blue .global-search{ background:#082D4F!important; border:1px solid rgba(214,180,93,.46)!important; border-radius:14px!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 17px rgba(0,0,0,.12)!important; } body.theme-full-blue .global-search input{color:#F4F8FC!important} body.theme-full-blue .global-search input::placeholder{color:#CCD9E4!important} body.theme-full-blue .global-search button{ background:linear-gradient(180deg,#123E66,#092C4B)!important; border:1px solid rgba(214,180,93,.30)!important; color:#fff!important; } body.theme-full-blue .user-profile-panel, body.theme-full-blue .logout-pill{ border-color:rgba(214,180,93,.42)!important; background:linear-gradient(180deg,#0B3458,#072743)!important; box-shadow:0 8px 18px rgba(0,0,0,.14)!important; } body.theme-full-blue .user-profile-panel:hover, body.theme-full-blue .logout-pill:hover{border-color:#D6B45D!important} /* Überschriften */ body.theme-full-blue .page-head h1{color:#F7FAFD!important;text-shadow:0 2px 14px rgba(0,0,0,.14)} body.theme-full-blue .page-head p{color:#D7E3EC!important} /* Dashboard-Karten: goldene Outline + subtile obere Lichtkante. */ body.theme-full-blue .stats-grid .stat-card, body.theme-full-blue .dashboard-main > .card, body.theme-full-blue .dashboard-main .stack > .card, body.theme-full-blue .upcoming-card{ background:linear-gradient(180deg,rgba(8,46,78,.98),rgba(5,31,54,.99))!important; border:1px solid rgba(214,180,93,.57)!important; box-shadow:inset 0 1px rgba(255,238,187,.035),0 14px 30px rgba(0,0,0,.17)!important; } body.theme-full-blue .stats-grid .stat-card{ border-radius:16px!important; } body.theme-full-blue .dashboard-main > .card, body.theme-full-blue .dashboard-main .stack > .card, body.theme-full-blue .upcoming-card{ border-radius:18px!important; } body.theme-full-blue .dashboard-main > .card::before, body.theme-full-blue .dashboard-main .stack > .card::before, body.theme-full-blue .upcoming-card::before{ content:"";position:absolute;left:0;right:0;top:0;height:2px; background:linear-gradient(90deg,#B68A31 0%,#F2D986 18%,rgba(214,180,93,.2) 42%,rgba(214,180,93,.08) 75%,#D6B45D 100%); } /* KPI-Icons: hellgoldene Flächen wie Mockup. */ body.theme-full-blue .stats-grid .stat-card::before{ content:"";position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:11px!important; background:linear-gradient(145deg,#F8D977,#C99431)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 15px rgba(0,0,0,.18),0 0 0 1px rgba(255,223,133,.20)!important; } body.theme-full-blue .stats-grid .stat-card::after{ border-color:#133655!important;opacity:1!important; } body.theme-full-blue .stats-grid .stat-card span{color:#F0F5F9!important;font-weight:750!important} body.theme-full-blue .stats-grid .stat-card strong{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.14)} body.theme-full-blue .stats-grid .stat-card small{color:#D8E4ED!important} /* Primärbutton */ body.theme-full-blue .btn.primary{ background:linear-gradient(180deg,#0C3A62,#072B4A)!important; border-color:#D6B45D!important; color:#fff!important; box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.15)!important; } body.theme-full-blue .btn.primary:hover{background:linear-gradient(180deg,#124A77,#0A3457)!important} /* Hauptkarten */ body.theme-full-blue .dashboard-main .card-head h2, body.theme-full-blue .upcoming-card .card-head h2{color:#F7FAFD!important} body.theme-full-blue .dashboard-main .card-head > a, body.theme-full-blue .upcoming-card .card-head > a{color:#E1EAF1!important} body.theme-full-blue .dashboard-main .card-head > a:hover, body.theme-full-blue .upcoming-card .card-head > a:hover{color:#F0D47F!important} body.theme-full-blue .count-pill{ background:#0B355A!important;border:1px solid rgba(214,180,93,.45)!important;color:#F6FAFD!important; } /* Schnellzugriff – einzelne Kacheln gold gerahmt. */ body.theme-full-blue .dashboard-main .quick a{ background:linear-gradient(180deg,rgba(8,46,78,.90),rgba(5,34,59,.96))!important; border:1px solid rgba(214,180,93,.46)!important; border-radius:13px!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 16px rgba(0,0,0,.12)!important; } body.theme-full-blue .dashboard-main .quick a:hover{ background:linear-gradient(180deg,rgba(13,58,96,.96),rgba(7,39,67,.98))!important; border-color:#D6B45D!important; transform:translateY(-1px)!important; } body.theme-full-blue .dashboard-main .quick a span{ width:38px!important;height:38px!important;border-radius:50%!important; background:rgba(214,180,93,.07)!important; border:1px solid rgba(214,180,93,.62)!important; color:#F0D47F!important; box-shadow:0 0 0 4px rgba(214,180,93,.025)!important; } body.theme-full-blue .dashboard-main .quick strong{color:#fff!important} body.theme-full-blue .dashboard-main .quick small{color:#D7E3EC!important} /* Leere Dashboardbereiche – dezentes Goldsymbol wie Mockup. */ body.theme-full-blue .dashboard-main > .card .empty, body.theme-full-blue .upcoming-card .empty{ min-height:225px!important; color:#DFE8F0!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; text-align:center!important; } body.theme-full-blue .upcoming-card .empty{min-height:115px!important} body.theme-full-blue .dashboard-main > .card .empty::before, body.theme-full-blue .upcoming-card .empty::before{ content:"▣";display:grid;place-items:center; width:54px;height:54px;margin:0 0 16px;border-radius:50%; border:1px solid rgba(214,180,93,.72); color:#F0C959;font-size:25px;line-height:1; background:rgba(214,180,93,.035); box-shadow:0 0 0 6px rgba(214,180,93,.018),0 8px 18px rgba(0,0,0,.10); } /* Scrollbar in Gold beibehalten/vereinheitlichen. */ body.theme-full-blue .sidebar{scrollbar-width:thin;scrollbar-color:#D6B45D rgba(255,255,255,.04)} body.theme-full-blue .sidebar::-webkit-scrollbar{width:6px} body.theme-full-blue .sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:99px} body.theme-full-blue .sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#F0D47F,#B98B31);border-radius:99px} /* Nur auf kleineren Breiten das bereits vorhandene Responsive-Verhalten respektieren. */ @media(max-width:1200px){ body.theme-full-blue .brand img{width:142px!important;height:142px!important} } /* ================================================================ DESIGNMATCH 21 – echtes Dashboard-Markup für das bestätigte Zielbild Nur UI. Keine Funktions- oder Datenlogik. ================================================================ */ body.theme-full-blue{ --op21-gold:#D8A637; --op21-gold-light:#F4CD61; --op21-gold-soft:rgba(216,166,55,.55); --op21-panel:#062846; --op21-panel-deep:#041d35; } body.theme-full-blue .main{ background: radial-gradient(circle at 16% -6%,rgba(18,69,109,.34),transparent 32%), radial-gradient(circle at 78% 0%,rgba(12,55,91,.18),transparent 27%), linear-gradient(180deg,#052541 0%,#031a30 100%)!important; } /* Sidebar / Brand */ body.theme-full-blue .sidebar{ background:linear-gradient(180deg,#042746 0%,#031a30 100%)!important; border-right:1px solid rgba(216,166,55,.42)!important; box-shadow:14px 0 34px rgba(0,0,0,.24)!important; } body.theme-full-blue .brand{ padding:10px 10px 14px!important; margin:0 0 14px!important; border:1px solid rgba(216,166,55,.78)!important; border-radius:16px!important; background:linear-gradient(180deg,#072b4b,#041d35)!important; box-shadow:inset 0 0 0 1px rgba(255,230,158,.035),0 10px 22px rgba(0,0,0,.16)!important; } body.theme-full-blue .brand img{ width:156px!important;height:156px!important;max-width:100%!important; object-fit:contain!important;margin:0 auto!important; } body.theme-full-blue .brand-copy{width:100%!important;text-align:center!important} body.theme-full-blue .brand-copy strong{color:#fff!important;font-size:15px!important} body.theme-full-blue .brand-copy small{color:#F2C74D!important;font-size:11px!important} body.theme-full-blue .sidebar nav{gap:6px!important} body.theme-full-blue .sidebar nav a{ min-height:46px!important; border:1px solid rgba(216,166,55,.17)!important; border-radius:12px!important; background:rgba(3,29,52,.28)!important; color:#f3f6f9!important; } body.theme-full-blue .sidebar nav a span{ width:30px!important;height:30px!important;border-radius:8px!important; display:grid!important;place-items:center!important; background:#082d4d!important; border:1px solid rgba(216,166,55,.48)!important; color:#F2C74D!important; } body.theme-full-blue .sidebar nav a.active{ background:linear-gradient(90deg,rgba(216,166,55,.14),rgba(10,49,83,.64))!important; border-color:rgba(216,166,55,.88)!important; box-shadow:inset 3px 0 #F2C74D,0 8px 18px rgba(0,0,0,.16)!important; } body.theme-full-blue .sidebar-tools{ border:1px solid rgba(216,166,55,.26)!important; background:linear-gradient(180deg,rgba(8,45,76,.72),rgba(5,31,54,.82))!important; border-radius:14px!important; } body.theme-full-blue .sidebar-tools-title{color:#F2C74D!important} body.theme-full-blue .sidebar-mini-links a{ border:1px solid rgba(216,166,55,.30)!important; background:rgba(7,40,68,.55)!important; border-radius:10px!important; } /* Topbar */ body.theme-full-blue .topbar{ height:84px!important; background:linear-gradient(180deg,#052846,#041f39)!important; border-bottom:1px solid rgba(216,166,55,.13)!important; box-shadow:0 8px 22px rgba(0,0,0,.17)!important; } body.theme-full-blue .global-search-wrap{width:min(540px,43vw)!important} body.theme-full-blue .global-search{ min-height:52px!important; background:#072b4b!important; border:1px solid rgba(216,166,55,.64)!important; border-radius:14px!important; padding:7px 8px 7px 14px!important; box-shadow:inset 0 -1px rgba(216,166,55,.17),0 8px 18px rgba(0,0,0,.12)!important; } body.theme-full-blue .global-search input{color:#fff!important} body.theme-full-blue .global-search button{ min-height:38px!important; background:linear-gradient(180deg,#0d385f,#082845)!important; border:1px solid rgba(216,166,55,.34)!important; color:#fff!important; } body.theme-full-blue .topbar-clock{ gap:8px!important; padding:8px 12px!important; min-height:44px!important; background:linear-gradient(180deg,#0a3459,#072743)!important; border:1px solid rgba(216,166,55,.64)!important; border-radius:13px!important; color:#fff!important; box-shadow:0 7px 16px rgba(0,0,0,.13)!important; } body.theme-full-blue .op-clock-svg{ width:20px;height:20px;fill:none;stroke:#F2C74D;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; } body.theme-full-blue .user-box{ display:flex!important;align-items:stretch!important;gap:0!important; padding:4px!important; border:1px solid rgba(216,166,55,.72)!important; border-radius:14px!important; background:linear-gradient(180deg,#092f50,#061f37)!important; box-shadow:0 7px 16px rgba(0,0,0,.14)!important; } body.theme-full-blue .user-profile-panel{ min-height:48px!important;padding:3px 12px 3px 4px!important; border:0!important;background:transparent!important;box-shadow:none!important; } body.theme-full-blue .user-avatar{ width:44px!important;height:44px!important;border:1px solid rgba(216,166,55,.62)!important; box-shadow:0 0 0 2px rgba(216,166,55,.05)!important; } body.theme-full-blue .logout-pill{ min-height:48px!important;margin:0!important;padding:8px 14px!important; border:0!important;border-left:1px solid rgba(216,166,55,.38)!important; border-radius:0 10px 10px 0!important;background:transparent!important;box-shadow:none!important; } /* Dashboard heading */ body.theme-full-blue .page-head{margin-bottom:18px!important} body.theme-full-blue .page-head h1{font-size:31px!important;color:#fff!important} body.theme-full-blue .page-head p{color:#e1e8ef!important} body.theme-full-blue .page-head .btn.primary{ min-height:42px!important;padding:9px 15px!important; border-color:#E2B13F!important;border-radius:11px!important; background:linear-gradient(180deg,#0a3459,#06243f)!important; } /* KPI cards: echtes SVG-Markup statt Pseudoelemente */ body.theme-full-blue .stats-grid{gap:16px!important;margin-bottom:20px!important} body.theme-full-blue .stats-grid .op-kpi{ display:flex!important;align-items:center!important;gap:16px!important; min-height:132px!important;padding:17px 16px!important; background:linear-gradient(180deg,#082f51,#041f38)!important; border:1px solid rgba(216,166,55,.76)!important; border-radius:15px!important; box-shadow:inset 0 1px rgba(255,239,192,.035),0 12px 25px rgba(0,0,0,.16)!important; } body.theme-full-blue .stats-grid .op-kpi::before, body.theme-full-blue .stats-grid .op-kpi::after{display:none!important} body.theme-full-blue .op-stat-icon{ flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center; border-radius:11px;background:linear-gradient(145deg,#F4CF61,#C38D24); border:1px solid rgba(255,230,151,.78); box-shadow:inset 0 1px rgba(255,255,255,.44),0 7px 14px rgba(0,0,0,.19),0 0 12px rgba(216,166,55,.12); } body.theme-full-blue .op-stat-icon svg{ width:27px;height:27px;fill:none;stroke:#082947;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; } body.theme-full-blue .op-stat-copy{min-width:0} body.theme-full-blue .op-stat-copy>span{ display:block;color:#f5f7f9!important;font-size:13px!important;font-weight:750!important; letter-spacing:.04em;text-transform:uppercase; } body.theme-full-blue .op-stat-copy>strong{ display:block;color:#fff!important;font-size:35px!important;line-height:1!important;margin:8px 0 7px!important; font-weight:650!important; } body.theme-full-blue .op-stat-copy>small{color:#e0e7ed!important;font-size:12px!important} /* Hauptkarten */ body.theme-full-blue .dashboard-main{gap:18px!important} body.theme-full-blue .dashboard-main>.card, body.theme-full-blue .dashboard-main .stack>.card, body.theme-full-blue .upcoming-card{ position:relative!important;overflow:hidden!important; background:linear-gradient(180deg,#072c4d,#041e36)!important; border:1px solid rgba(216,166,55,.74)!important; border-radius:16px!important; box-shadow:inset 0 1px rgba(255,239,192,.025),0 13px 28px rgba(0,0,0,.16)!important; } body.theme-full-blue .dashboard-main>.card::before, body.theme-full-blue .dashboard-main .stack>.card::before, body.theme-full-blue .upcoming-card::before{ content:"";position:absolute;left:0;right:0;top:0;height:2px; background:linear-gradient(90deg,#B67E1D,#F2C74D 18%,rgba(242,199,77,.18) 45%,rgba(242,199,77,.05) 76%,#D8A637); } body.theme-full-blue .dashboard-main .card-head h2, body.theme-full-blue .upcoming-card .card-head h2{color:#fff!important;font-size:21px!important} body.theme-full-blue .count-pill{border-color:rgba(216,166,55,.55)!important;background:#082d4d!important} /* Echte Kalender-Leerzustände */ body.theme-full-blue .op-dashboard-empty{ min-height:270px!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;gap:14px!important; color:#e5ebf0!important;text-align:center!important; } body.theme-full-blue .op-dashboard-empty-small{min-height:118px!important;flex-direction:row!important;gap:13px!important} body.theme-full-blue .op-empty-icon{ width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px; border-radius:50%;border:1px solid rgba(216,166,55,.72);background:rgba(216,166,55,.035); box-shadow:0 0 0 5px rgba(216,166,55,.018),0 8px 17px rgba(0,0,0,.11); } body.theme-full-blue .op-empty-icon svg{ width:30px;height:30px;fill:none;stroke:#F2C74D;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; } /* alte CSS-Pseudokalender abschalten */ body.theme-full-blue .op-dashboard-empty::before{display:none!important;content:none!important} /* Schnellzugriff */ body.theme-full-blue .dashboard-main .quick{gap:8px!important} body.theme-full-blue .dashboard-main .quick a{ min-height:68px!important;padding:10px 12px!important; background:linear-gradient(180deg,#082d4d,#051f38)!important; border:1px solid rgba(216,166,55,.52)!important; border-radius:12px!important; box-shadow:inset 0 1px rgba(255,255,255,.018),0 6px 14px rgba(0,0,0,.11)!important; } body.theme-full-blue .dashboard-main .quick a:hover{border-color:#F2C74D!important;background:#0a3559!important} body.theme-full-blue .op-quick-icon{ width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important; border-radius:50%!important;background:rgba(216,166,55,.04)!important; border:1px solid rgba(216,166,55,.68)!important;color:#F2C74D!important; } body.theme-full-blue .op-quick-icon svg{ width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; } body.theme-full-blue .dashboard-main .quick strong{font-size:16px!important;color:#fff!important} body.theme-full-blue .dashboard-main .quick small{font-size:11px!important;color:#dce5ec!important} /* Gold Scrollbar */ body.theme-full-blue .sidebar{scrollbar-width:thin;scrollbar-color:#D8A637 rgba(255,255,255,.035)} body.theme-full-blue .sidebar::-webkit-scrollbar{width:6px!important} body.theme-full-blue .sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:99px} body.theme-full-blue .sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#F2C74D,#B67E1D)!important;border:0!important;border-radius:99px} @media(max-width:1200px){ body.theme-full-blue .brand img{width:142px!important;height:142px!important} body.theme-full-blue .op-stat-icon{width:44px;height:44px;flex-basis:44px} body.theme-full-blue .op-stat-copy>strong{font-size:31px!important} } /* DESIGNMATCH 21B – Farbkalibrierung nach Zielbild-Pixelwerten */ body.theme-full-blue{ --op21-bg:#000d22; --op21-bg2:#00132b; --op21-panel:#001631; --op21-panel2:#001028; --op21-gold:#C99430; --op21-gold-hi:#F8C860; } body.theme-full-blue .main{ background: radial-gradient(circle at 18% -8%,rgba(8,45,79,.34),transparent 34%), radial-gradient(circle at 78% 0%,rgba(4,34,62,.20),transparent 27%), linear-gradient(180deg,#00142e 0%,#000c20 100%)!important; } body.theme-full-blue .sidebar{ background:linear-gradient(180deg,#00152f 0%,#000b20 100%)!important; border-right-color:rgba(201,148,48,.62)!important; } body.theme-full-blue .brand{ background:linear-gradient(180deg,#001832,#000f26)!important; border-color:rgba(201,148,48,.82)!important; } body.theme-full-blue .topbar{ background:linear-gradient(180deg,#00142d,#000e24)!important; } body.theme-full-blue .global-search, body.theme-full-blue .topbar-clock, body.theme-full-blue .user-box{ background:linear-gradient(180deg,#00172f,#001025)!important; border-color:rgba(201,148,48,.72)!important; } body.theme-full-blue .stats-grid .op-kpi, body.theme-full-blue .dashboard-main>.card, body.theme-full-blue .dashboard-main .stack>.card, body.theme-full-blue .upcoming-card{ background:linear-gradient(180deg,#001833,#001029)!important; border-color:rgba(201,148,48,.88)!important; box-shadow:inset 0 1px rgba(248,200,96,.045),0 13px 30px rgba(0,0,0,.28)!important; } body.theme-full-blue .op-stat-icon{ background:linear-gradient(145deg,#F8C860,#C9912E)!important; border-color:rgba(255,222,139,.92)!important; } body.theme-full-blue .dashboard-main .quick a{ background:linear-gradient(180deg,#001831,#001027)!important; border-color:rgba(201,148,48,.72)!important; } body.theme-full-blue .op-quick-icon, body.theme-full-blue .op-empty-icon{ border-color:rgba(201,148,48,.90)!important; color:#F8C860!important; } body.theme-full-blue .sidebar nav a span svg, body.theme-full-blue .logout-icon svg{ width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; } body.theme-full-blue .logout-icon{display:grid;place-items:center;width:20px;height:20px} body.theme-full-blue .sidebar nav a.active{border-color:rgba(201,148,48,.92)!important} body.theme-full-blue .sidebar-tools{border-color:rgba(201,148,48,.45)!important} body.theme-full-blue .sidebar-mini-links a{border-color:rgba(201,148,48,.48)!important} /* BRANDEMBLEM 22 – oberes linkes AK-Emblem leicht vergrößern */ body.theme-full-blue .brand{ padding-top: 8px !important; padding-left: 8px !important; padding-right: 8px !important; } body.theme-full-blue .brand img{ width: calc(100% + 16px) !important; max-width: none !important; height: auto !important; margin: -2px -8px 8px !important; transform: scale(1.08) translateX(4px) !important; transform-origin: center top !important; object-fit: contain !important; object-position: center !important; } @media (max-width: 980px){ body.theme-full-blue .brand img{ width: calc(100% + 10px) !important; margin: -1px -5px 6px !important; transform: scale(1.05) translateX(2px) !important; } } /* ========================================================= THEME RECOVERY 23 Klassisches Hell-Theme fuer das neue DESIGNMATCH-21-Markup. Dunkles Komplett-Blau bleibt unveraendert. ========================================================= */ /* SVGs der neuen Navigation auch im hellen Theme sichtbar machen. */ body.theme-classic .sidebar nav a span svg, body.theme-classic .logout-icon svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; } body.theme-classic .logout-icon{ display:grid; place-items:center; width:20px; height:20px; } body.theme-classic .op-clock-svg{ width:19px; height:19px; fill:none; stroke:#9A761D; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } /* Neuer KPI-Aufbau: im Classic-Theme wieder helle, saubere Karten. */ body.theme-classic .stats-grid .op-kpi{ display:flex; align-items:center; gap:15px; min-height:124px; padding:17px 18px; background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFD 100%); border:1px solid #DDE5ED; border-radius:16px; box-shadow:0 10px 26px rgba(4,38,73,.07); } body.theme-classic .stats-grid .op-kpi::before, body.theme-classic .stats-grid .op-kpi::after{ display:none; } body.theme-classic .op-stat-icon{ flex:0 0 46px; width:46px; height:46px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(145deg,#F7E8B9,#D9B657); border:1px solid #E5CF8D; box-shadow:inset 0 1px rgba(255,255,255,.55),0 7px 15px rgba(4,38,73,.08); } body.theme-classic .op-stat-icon svg{ width:26px; height:26px; fill:none; stroke:#123B60; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } body.theme-classic .op-stat-copy{min-width:0} body.theme-classic .op-stat-copy>span{ display:block; color:#5B6E82; font-size:12px; font-weight:750; letter-spacing:.05em; text-transform:uppercase; } body.theme-classic .op-stat-copy>strong{ display:block; color:#092F52; font-size:34px; line-height:1; margin:8px 0 7px; font-weight:680; } body.theme-classic .op-stat-copy>small{ color:#708196; font-size:11.5px; } /* Neue Schnellzugriff-Icons auch klassisch hochwertig darstellen. */ body.theme-classic .op-quick-icon{ width:40px!important; height:40px!important; display:grid!important; place-items:center!important; flex:0 0 40px!important; border-radius:50%!important; background:#FBF5E4!important; border:1px solid #E6D39B!important; color:#84651A!important; } body.theme-classic .op-quick-icon svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } body.theme-classic .dashboard-main .quick a{ background:#fff; border-color:#E0E6EC; box-shadow:0 7px 17px rgba(4,38,73,.045); } body.theme-classic .dashboard-main .quick a:hover{ background:#FFFDF8; border-color:#D9C47E; } body.theme-classic .dashboard-main .quick strong{color:#17334D} body.theme-classic .dashboard-main .quick small{color:#748598} /* Kalender-Leerzustand aus dem neuen Dashboard-Markup. */ body.theme-classic .op-dashboard-empty{ min-height:245px; display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:13px; text-align:center; color:#718196; } body.theme-classic .op-dashboard-empty-small{ min-height:108px; flex-direction:row; gap:12px; } body.theme-classic .op-empty-icon{ width:54px; height:54px; display:grid; place-items:center; flex:0 0 54px; border-radius:50%; background:#FBF5E4; border:1px solid #DEC77F; box-shadow:0 7px 16px rgba(4,38,73,.055); } body.theme-classic .op-empty-icon svg{ width:28px; height:28px; fill:none; stroke:#9A7417; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } body.theme-classic .op-dashboard-empty::before{ display:none!important; content:none!important; } /* Kopfzeile des Classic-Themes fuer DESIGNMATCH-Markup bereinigen. */ body.theme-classic .topbar-clock{ background:#fff; border-color:#DDE5ED; color:#506579; box-shadow:0 5px 14px rgba(4,38,73,.04); } body.theme-classic .user-box{ padding:0; border:0; background:transparent; box-shadow:none; } body.theme-classic .user-profile-panel{ background:#fff; border:1px solid #DDE5ED; box-shadow:0 5px 14px rgba(4,38,73,.04); } body.theme-classic .logout-pill{ background:linear-gradient(180deg,#fff,#F7F9FB)!important; border:1px solid #DDE5ED!important; color:#123B60!important; box-shadow:0 5px 14px rgba(4,38,73,.04)!important; } /* Appearance-Karten im hellen Theme explizit lesbar. */ body.theme-classic .appearance-card, body.theme-classic .appearance-preview.classic{ background:#fff; color:#192638; } body.theme-classic .appearance-preview.blue{ color:#eef4fa; } @media(max-width:1200px){ body.theme-classic .op-stat-icon{width:42px;height:42px;flex-basis:42px} body.theme-classic .op-stat-copy>strong{font-size:30px} } /* ===================================================================== BLUE THEME COLOR AUDIT 24 Verbindliche Farbpalette fuer "Komplett Blau". Diese Regeln stehen bewusst am Ende des Stylesheets und harmonisieren alte Beta-/Hotfix-Farbwerte, ohne semantische Status-/Servicefarben oder das klassische helle Theme zu veraendern. ===================================================================== */ body.theme-full-blue{ --op-blue-page:#031A31; --op-blue-shell:#042649; --op-blue-panel:#082A47; --op-blue-field:#0B3154; --op-blue-hover:#103B62; --op-blue-border:#285477; --op-blue-border-soft:rgba(40,84,119,.72); --op-gold:#D6B45D; --op-gold-hi:#F0D894; --op-text:#F3F8FC; --op-muted:#C7D8E5; --op-muted-2:#AFC4D4; background:var(--op-blue-page)!important; color:var(--op-text)!important; } body.theme-full-blue .main{ background:linear-gradient(180deg,var(--op-blue-shell) 0%,var(--op-blue-page) 100%)!important; color:var(--op-text)!important; } body.theme-full-blue .content{color:var(--op-text)!important} body.theme-full-blue .sidebar{ background:linear-gradient(180deg,var(--op-blue-shell) 0%,#031E38 100%)!important; border-right-color:rgba(214,180,93,.24)!important; } body.theme-full-blue .topbar{ background:var(--op-blue-shell)!important; border-bottom-color:rgba(214,180,93,.14)!important; } /* Hauptflaechen / Karten / Dialoge */ body.theme-full-blue .card, body.theme-full-blue .stat-card, body.theme-full-blue .modal-box, body.theme-full-blue .year-card, body.theme-full-blue .calendar-toolbar, body.theme-full-blue .calendar-filters, body.theme-full-blue .day-col, body.theme-full-blue .month-day, body.theme-full-blue .list-card, body.theme-full-blue .object-card, body.theme-full-blue .info-grid>div, body.theme-full-blue .quick a, body.theme-full-blue .upcoming-item, body.theme-full-blue .date-tile, body.theme-full-blue .backup-row, body.theme-full-blue .trash-row, body.theme-full-blue .service-type-row, body.theme-full-blue .permission-group, body.theme-full-blue .security-card, body.theme-full-blue .restore-panel, body.theme-full-blue .system-check-row, body.theme-full-blue .group-setting-row, body.theme-full-blue .groups-card, body.theme-full-blue .time-total-grid>div, body.theme-full-blue .hours-summary>div, body.theme-full-blue .time-employee-picker, body.theme-full-blue .day-view-main, body.theme-full-blue .day-view-side .card, body.theme-full-blue .day-timeline-track, body.theme-full-blue .day-detail-item, body.theme-full-blue .appearance-card{ background:var(--op-blue-panel)!important; border-color:var(--op-blue-border)!important; color:var(--op-text)!important; } /* Unterflaechen / Eingaben / Filter */ body.theme-full-blue input, body.theme-full-blue select, body.theme-full-blue textarea, body.theme-full-blue .global-search, body.theme-full-blue .count-pill, body.theme-full-blue .view-tabs, body.theme-full-blue .calendar-period-trigger, body.theme-full-blue .month-year-nav, body.theme-full-blue .month-jump, body.theme-full-blue .quick-filter, body.theme-full-blue .legend-panel, body.theme-full-blue .search-results>a, body.theme-full-blue .customer-row.selected, body.theme-full-blue .customer-row:hover, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .day-col>header, body.theme-full-blue .month-day header, body.theme-full-blue .sensitive-field input, body.theme-full-blue .color-control, body.theme-full-blue input[type="color"]{ background:var(--op-blue-field)!important; border-color:var(--op-blue-border)!important; color:var(--op-text)!important; } /* Tabellen */ body.theme-full-blue .table-wrap{ border-color:var(--op-blue-border)!important; background:var(--op-blue-panel)!important; } body.theme-full-blue table{background:transparent!important;color:var(--op-text)!important} body.theme-full-blue th{ background:var(--op-blue-field)!important; color:var(--op-text)!important; border-bottom-color:var(--op-blue-border)!important; } body.theme-full-blue td{ background:transparent!important; color:var(--op-text)!important; border-bottom-color:rgba(40,84,119,.45)!important; } body.theme-full-blue tbody tr:hover td, body.theme-full-blue .click-row:hover td{background:rgba(16,59,98,.72)!important} /* Typografie */ body.theme-full-blue .page-head h1, body.theme-full-blue .card-head h2, body.theme-full-blue .card h2, body.theme-full-blue .record-head h2, body.theme-full-blue .stat-card strong, body.theme-full-blue .object-card strong, body.theme-full-blue .year-card strong, body.theme-full-blue .quick strong, body.theme-full-blue .upcoming-item strong, body.theme-full-blue .customer-row strong, body.theme-full-blue .group-list strong, body.theme-full-blue .time-total strong, body.theme-full-blue .hours-summary strong, body.theme-full-blue .system-check-row strong, body.theme-full-blue label{ color:var(--op-text)!important; } body.theme-full-blue .page-head p, body.theme-full-blue .card-head>a, body.theme-full-blue .card-head>span, body.theme-full-blue .record-head p, body.theme-full-blue .muted, body.theme-full-blue .empty, body.theme-full-blue td small, body.theme-full-blue label small, body.theme-full-blue .quick small, body.theme-full-blue .upcoming-item small, body.theme-full-blue .object-card small, body.theme-full-blue .customer-row small, body.theme-full-blue .group-list small, body.theme-full-blue .month-head span, body.theme-full-blue .assignment time, body.theme-full-blue .assignment small, body.theme-full-blue .day-empty, body.theme-full-blue .day-timeline-empty, body.theme-full-blue .day-timeline-scale .time-slot span{ color:var(--op-muted)!important; } body.theme-full-blue input::placeholder, body.theme-full-blue textarea::placeholder{color:var(--op-muted-2)!important} /* Interaktionen */ body.theme-full-blue input:focus, body.theme-full-blue select:focus, body.theme-full-blue textarea:focus, body.theme-full-blue .global-search:focus-within{ border-color:var(--op-gold)!important; box-shadow:0 0 0 3px rgba(214,180,93,.16)!important; } body.theme-full-blue .object-card:hover, body.theme-full-blue .quick a:hover, body.theme-full-blue .year-card:hover, body.theme-full-blue .month-day:hover, body.theme-full-blue .group-setting-row:hover, body.theme-full-blue .backup-row:hover, body.theme-full-blue .trash-row:hover, body.theme-full-blue .search-results>a:hover{ background:var(--op-blue-hover)!important; border-color:var(--op-gold)!important; } /* Buttons: neutral blau, Primaeraktion mit Goldrahmen. */ body.theme-full-blue .btn{ background:var(--op-blue-field)!important; border-color:var(--op-blue-border)!important; color:var(--op-text)!important; } body.theme-full-blue .btn:hover{ background:var(--op-blue-hover)!important; border-color:var(--op-gold)!important; color:#fff!important; } body.theme-full-blue .btn.primary{ background:linear-gradient(180deg,#0D3B63,var(--op-blue-field))!important; border-color:var(--op-gold)!important; color:#fff!important; } /* Gefahr-/Statusfarben bleiben absichtlich semantisch. */ /* Navigation und Schnellzugriff */ body.theme-full-blue .sidebar nav a{color:var(--op-text)!important} body.theme-full-blue .sidebar nav a span{color:var(--op-gold-hi)!important} body.theme-full-blue .sidebar nav a:hover{background:rgba(16,59,98,.78)!important} body.theme-full-blue .sidebar nav a.active{ background:linear-gradient(90deg,rgba(214,180,93,.14),rgba(16,59,98,.62))!important; border-color:rgba(214,180,93,.34)!important; } body.theme-full-blue .sidebar-mini-links a{ background:rgba(8,42,71,.72)!important; border-color:rgba(40,84,119,.72)!important; color:var(--op-text)!important; } body.theme-full-blue .sidebar-mini-links a:hover{ background:var(--op-blue-hover)!important; border-color:rgba(214,180,93,.40)!important; } body.theme-full-blue .quick a span, body.theme-full-blue .op-quick-icon{ background:rgba(214,180,93,.10)!important; border-color:rgba(214,180,93,.34)!important; color:var(--op-gold-hi)!important; } /* Neue DESIGNMATCH-Dashboard-Komponenten */ body.theme-full-blue .op-kpi{ background:linear-gradient(180deg,var(--op-blue-panel),#061F38)!important; border-color:rgba(214,180,93,.48)!important; color:var(--op-text)!important; } body.theme-full-blue .op-stat-copy>span{color:var(--op-text)!important} body.theme-full-blue .op-stat-copy>strong{color:#fff!important} body.theme-full-blue .op-stat-copy>small{color:var(--op-muted)!important} body.theme-full-blue .op-stat-icon{ background:linear-gradient(145deg,#F4D77C,#C99B35)!important; border-color:#E4C467!important; } body.theme-full-blue .op-stat-icon svg{stroke:var(--op-blue-page)!important} body.theme-full-blue .op-empty-icon{ background:rgba(214,180,93,.07)!important; border-color:rgba(214,180,93,.66)!important; } body.theme-full-blue .op-empty-icon svg{stroke:var(--op-gold-hi)!important} body.theme-full-blue .op-dashboard-empty, body.theme-full-blue .op-dashboard-empty-small{color:var(--op-muted)!important} body.theme-full-blue .topbar-clock, body.theme-full-blue .user-profile-panel, body.theme-full-blue .logout-pill{ background:var(--op-blue-field)!important; border-color:var(--op-blue-border)!important; color:var(--op-text)!important; } body.theme-full-blue .topbar-clock{border-color:rgba(214,180,93,.44)!important} /* Kalender: Grundflaechen vereinheitlichen, individuelle Einsatzfarben behalten. */ body.theme-full-blue .day-col, body.theme-full-blue .month-day{background:var(--op-blue-panel)!important} body.theme-full-blue .day-col>header, body.theme-full-blue .month-day header{background:var(--op-blue-field)!important} body.theme-full-blue .day-col.today, body.theme-full-blue .month-day.today{ border-color:var(--op-gold)!important; box-shadow:0 0 0 2px rgba(214,180,93,.14),0 10px 24px rgba(0,0,0,.16)!important; } body.theme-full-blue .assignment, body.theme-full-blue .timeline-item{ /* keine background-Override: Service-Typ-Farblogik bleibt erhalten */ border-top-color:rgba(40,84,119,.72)!important; border-right-color:rgba(40,84,119,.72)!important; border-bottom-color:rgba(40,84,119,.72)!important; } /* Systemeinstellungen / Hinweise */ body.theme-full-blue .security-note, body.theme-full-blue .restore-panel .security-note{ background:var(--op-blue-field)!important; border-color:var(--op-blue-border)!important; color:var(--op-muted)!important; } /* Gold bleibt fuer dekorative Linien/Auswahl der einzige Akzent. */ body.theme-full-blue .record-no, body.theme-full-blue .tabs button.active, body.theme-full-blue .link-tabs a.active, body.theme-full-blue .view-tabs a.active{border-color:var(--op-gold)!important} body.theme-full-blue .tabs button.active, body.theme-full-blue .link-tabs a.active, body.theme-full-blue .view-tabs a.active{ background:var(--op-gold)!important; color:var(--op-blue-page)!important; } /* Druckvorschau bleibt bewusst papierweiss – kein Blue-Audit auf .paper. */ /* BRANDBOXCOLORFIX 25 – Hintergrund im linken Emblem-Kästchen an Blue Theme angleichen */ body.theme-full-blue .brand{ background: linear-gradient(180deg,#082A47 0%, #06223C 100%) !important; border-color: rgba(214,180,93,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.18) !important; } body.theme-full-blue .brand img{ background: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* TOPBAR SPACINGFIX 26 – mehr Abstand zwischen Benutzerrolle und Abmelden */ .user-box{ gap: 18px !important; } .user-profile-panel{ margin-right: 4px !important; } .logout-pill{ margin-left: 8px !important; } body.theme-full-blue .logout-pill{ margin-left: 10px !important; } body.theme-classic .logout-pill{ margin-left: 8px !important; } @media (max-width: 980px){ .user-box{gap: 12px !important;} .logout-pill, body.theme-full-blue .logout-pill, body.theme-classic .logout-pill{margin-left: 4px !important;} } /* ===================================================================== DASHBOARD COLORFIX 27 Entfernt verbliebene DESIGNMATCH-21B-Dunkelverlaeufe im blauen Theme. Classic/Hell bleibt unberuehrt. ===================================================================== */ body.theme-full-blue{ --op-dashboard-surface:#082A47; --op-dashboard-sub:#0B3154; --op-dashboard-hover:#103B62; } /* Admin-Bereich oben rechts: alten dunklen Außenblock vollständig neutralisieren. */ body.theme-full-blue .user-box{ background:transparent !important; border-color:transparent !important; box-shadow:none !important; } body.theme-full-blue .user-profile-panel, body.theme-full-blue .logout-pill{ background:var(--op-dashboard-surface) !important; border-color:var(--op-blue-border) !important; box-shadow:0 6px 16px rgba(0,0,0,.10) !important; } body.theme-full-blue .user-profile-panel:hover, body.theme-full-blue .logout-pill:hover{ background:var(--op-dashboard-hover) !important; border-color:var(--op-gold) !important; } /* Alle Dashboard-Kennzahlen exakt auf dieselbe Flaeche setzen. Die hohe Selektor-Spezifitaet ist absichtlich so gewaehlt, damit die alten DESIGNMATCH-21B-Regeln (#001833/#001029) nicht mehr gewinnen. */ body.theme-full-blue .stats-grid .op-kpi, body.theme-full-blue .stats-grid .stat-card.op-kpi{ background:var(--op-dashboard-surface) !important; border-color:rgba(214,180,93,.50) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 22px rgba(0,0,0,.14) !important; } /* Heutige Einsaetze, Schnellzugriff und Naechste 7 Tage: gleiche Kartenfarbe. */ body.theme-full-blue .dashboard-main>.card, body.theme-full-blue .dashboard-main .stack>.card, body.theme-full-blue .dashboard-main>.stack>.card, body.theme-full-blue .upcoming-card{ background:var(--op-dashboard-surface) !important; border-color:rgba(214,180,93,.50) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 22px rgba(0,0,0,.14) !important; } /* Schnellzugriff-Unterkarten bewusst etwas heller statt dunkler. */ body.theme-full-blue .dashboard-main .quick a{ background:var(--op-dashboard-sub) !important; border-color:var(--op-blue-border) !important; box-shadow:none !important; } body.theme-full-blue .dashboard-main .quick a:hover{ background:var(--op-dashboard-hover) !important; border-color:var(--op-gold) !important; } /* Dashboard-interne kleine Flaechen ebenfalls ohne fast-schwarze Altwerte. */ body.theme-full-blue .dashboard-main .count-pill, body.theme-full-blue .upcoming-card .count-pill, body.theme-full-blue .dashboard-main .table-wrap, body.theme-full-blue .upcoming-card .upcoming-item, body.theme-full-blue .upcoming-card .date-tile{ background:var(--op-dashboard-sub) !important; border-color:var(--op-blue-border) !important; } /* Leere Zustaende bleiben transparent auf der einheitlichen Kartenflaeche. */ body.theme-full-blue .dashboard-main .op-dashboard-empty, body.theme-full-blue .upcoming-card .op-dashboard-empty, body.theme-full-blue .op-dashboard-empty-small{ background:transparent !important; } /* ADMIN GOLDFRAMEFIX 28 – goldenen Rahmen oben rechts bei Administrator und Abmelden wiederherstellen */ body.theme-full-blue .user-profile-panel, body.theme-full-blue .logout-pill{ border: 1px solid rgba(214,180,93,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 22px rgba(0,0,0,.16) !important; } body.theme-full-blue .user-profile-panel:hover, body.theme-full-blue .logout-pill:hover{ border-color: #F0D894 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18) !important; } /* TOPBAR FRAME MATCH 29 Administrator und Abmelden: Rahmen exakt wie Datum/Uhrzeit im blauen Modus. */ body.theme-full-blue .user-profile-panel, body.theme-full-blue .logout-pill{ border: 1px solid rgba(214,180,93,.44) !important; border-radius: 13px !important; box-shadow: 0 7px 16px rgba(0,0,0,.13) !important; } body.theme-full-blue .user-profile-panel:hover, body.theme-full-blue .logout-pill:hover{ border-color: rgba(214,180,93,.44) !important; box-shadow: 0 7px 16px rgba(0,0,0,.13) !important; } /* LOGOUT ICONFIX 30 – Abmelden als Power-Icon, kein Überstand ins Administrator-Kästchen */ .logout-pill.logout-icon-only{ width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; gap: 0 !important; justify-content: center !important; align-items: center !important; overflow: hidden !important; } .logout-pill.logout-icon-only .logout-icon{ width: 18px !important; height: 18px !important; } .logout-pill.logout-icon-only .logout-icon svg{ width: 18px !important; height: 18px !important; } body.theme-full-blue .logout-pill.logout-icon-only, body.theme-classic .logout-pill.logout-icon-only{ margin-left: 8px !important; } @media (max-width: 980px){ .logout-pill.logout-icon-only{ width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; } } /* DASHBOARD LINKS + POWER HOVER 31 */ /* Power-Symbol wird beim Überfahren rot; Rahmen und Kästchen bleiben unverändert. */ .logout-pill.logout-icon-only:hover .logout-icon, .logout-pill.logout-icon-only:focus-visible .logout-icon{ color:#E5484D !important; } .logout-pill.logout-icon-only:hover .logout-icon svg, .logout-pill.logout-icon-only:focus-visible .logout-icon svg{ stroke:#E5484D !important; } /* Dashboard-Kennzahlen sind echte Links. */ .stats-grid .op-kpi-link{ color:inherit !important; text-decoration:none !important; cursor:pointer !important; transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease !important; } .stats-grid .op-kpi-link:hover, .stats-grid .op-kpi-link:focus-visible{ transform:translateY(-2px); outline:none; } body.theme-full-blue .stats-grid .op-kpi-link:hover, body.theme-full-blue .stats-grid .op-kpi-link:focus-visible{ border-color:rgba(214,180,93,.85) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 27px rgba(0,0,0,.19) !important; } body.theme-classic .stats-grid .op-kpi-link:hover, body.theme-classic .stats-grid .op-kpi-link:focus-visible{ border-color:#D6B45D !important; box-shadow:0 12px 28px rgba(4,38,73,.10) !important; } /* MAHPLUS 34 – Mehrfachauswahl einzelner Mitarbeiter */ .employee-multi-picker{ min-width:0; margin:0; padding:10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.72); } .employee-multi-picker>legend{ padding:0 6px; font-size:12px; font-weight:700; color:#455364; } .employee-multi-picker>small{ display:block; margin:0 0 8px; color:var(--muted); font-size:11px; } .employee-multi-list{ display:grid; gap:6px; max-height:184px; overflow:auto; padding-right:3px; } .employee-multi-list label{ display:flex; align-items:center; gap:8px; min-width:0; padding:7px 8px; border:1px solid #e2e8ef; border-radius:8px; background:#fff; font-size:12px; font-weight:500; cursor:pointer; } .employee-multi-list label:hover{border-color:#c6d3df;background:#f8fafc} .employee-multi-list input[type="checkbox"]{ width:auto !important; min-width:16px; height:16px; margin:0 !important; padding:0 !important; box-shadow:none !important; accent-color:var(--gold); } .employee-multi-list label.absence-warning{ border-color:#d97777 !important; background:#fff3f3 !important; } .employee-multi-picker>.assignment-absence-hint{ display:block; margin-top:8px; color:#a93434; font-weight:600; } body.theme-full-blue .employee-multi-picker{ background:var(--op-blue-field,#0B3154) !important; border-color:var(--op-blue-border,#285477) !important; } body.theme-full-blue .employee-multi-picker>legend{color:var(--op-blue-text,#F3F8FC) !important} body.theme-full-blue .employee-multi-picker>small{color:var(--op-blue-muted,#C7D8E5) !important} body.theme-full-blue .employee-multi-list label{ color:var(--op-blue-text,#F3F8FC) !important; background:var(--op-blue-panel,#082A47) !important; border-color:var(--op-blue-border,#285477) !important; } body.theme-full-blue .employee-multi-list label:hover{ background:var(--op-blue-hover,#103B62) !important; border-color:rgba(214,180,93,.55) !important; } body.theme-full-blue .employee-multi-list label.absence-warning{ background:#4a242b !important; border-color:#d66a70 !important; } body.theme-full-blue .employee-multi-picker>.assignment-absence-hint{color:#ffb0b4 !important} /* MAHPLUS 35 – Löschaktionen für Leistungsarten und Systemaktionen */ .service-type-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end} .service-type-row{grid-template-columns:46px minmax(180px,1fr) 130px minmax(150px,auto)!important} .service-type-actions .btn{margin:0} .service-delete-disabled{opacity:.42!important;cursor:not-allowed!important;filter:saturate(.45)} .audit-action-cell{width:88px;text-align:right} .audit-delete-form{margin:0;display:flex;justify-content:flex-end} .audit-delete-form .btn{white-space:nowrap} body.theme-full-blue .service-delete-disabled{background:#233b50!important;color:#8799a8!important;border-color:#3b5368!important} @media(max-width:1000px){ .service-type-row{grid-template-columns:44px minmax(150px,1fr) 110px!important} .service-type-actions{grid-column:2/4;justify-content:flex-start} } @media(max-width:650px){ .service-type-row{grid-template-columns:44px 1fr!important} .service-type-row select,.service-type-actions{grid-column:2!important} .service-type-actions{flex-wrap:wrap} } /* MAHPLUS 37 – Suchauswahl und Mitarbeiter-Verknüpfung */ .search-select.open{z-index:520!important} .search-select.open .search-select-menu{display:block!important;visibility:visible!important;opacity:1!important} .search-select-option[hidden],.search-select-empty[hidden]{display:none!important} .checklist-search{ display:block;width:100%;margin:8px 0 9px!important;padding:8px 10px!important; border:1px solid #ccd6e1!important;border-radius:9px!important;background:#fff!important;color:var(--text)!important; } .employee-record-link{display:block;color:inherit;text-decoration:none;font-weight:650} .employee-record-link:hover{text-decoration:underline;text-underline-offset:2px} body.theme-full-blue .checklist-search{ background:var(--op-blue-panel,#082A47)!important;color:var(--op-blue-text,#F3F8FC)!important; border-color:var(--op-blue-border,#285477)!important; } body.theme-full-blue .employee-record-link{color:#F0D894!important} /* ABSENCE LINKSTYLE FIX 38 Mitarbeiter bei Urlaub/Abwesenheit nur in der unteren Tagesübersicht verlinken. Der Link bleibt optisch in normaler Schrift und wird erst beim Hover hervorgehoben. */ .employee-record-link{ display:block !important; font-weight:400 !important; color:inherit !important; text-decoration:none !important; } .absence-day-list .employee-record-link{ margin-top:2px !important; font-size:11px !important; line-height:1.35 !important; } .employee-record-link:hover{ text-decoration:underline !important; text-underline-offset:2px !important; } body.theme-full-blue .employee-record-link{ color:#D5E3ED !important; } body.theme-full-blue .employee-record-link:hover{ color:#F0D894 !important; } /* MAHPLUS 40 – Einzelne Mitarbeiter als aufklappbare Häkchen-Leiste */ .employee-multi-dropdown-picker{ padding:10px !important; overflow:visible; } .employee-multi-dropdown{ position:relative; width:100%; } .employee-multi-dropdown>summary{ list-style:none; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; border:1px solid #ccd6e1; border-radius:8px; background:#fff; color:var(--text); font-size:12px; font-weight:500; cursor:pointer; user-select:none; } .employee-multi-dropdown>summary::-webkit-details-marker{display:none} .employee-multi-dropdown>summary:hover{border-color:#b8c6d4} .employee-multi-dropdown[open]>summary{ border-color:#6d8aab; box-shadow:0 0 0 3px #0b4d8a15; } .employee-multi-chevron{ flex:0 0 auto; font-size:15px; line-height:1; transition:transform .16s ease; } .employee-multi-dropdown[open] .employee-multi-chevron{transform:rotate(180deg)} .employee-multi-dropdown-panel{ position:absolute; z-index:140; top:calc(100% + 6px); left:0; right:0; padding:10px; border:1px solid #ccd6e1; border-radius:10px; background:#fff; box-shadow:0 14px 34px rgba(22,39,59,.18); } .employee-multi-dropdown-panel>small{ display:block; margin:0 0 8px; color:var(--muted); font-size:11px; } .employee-multi-dropdown-panel .checklist-search{ margin:0 0 8px !important; } .employee-multi-dropdown-panel .employee-multi-list{ max-height:220px; } body.theme-full-blue .employee-multi-dropdown>summary{ background:var(--op-blue-field,#0B3154) !important; color:var(--op-blue-text,#F3F8FC) !important; border-color:var(--op-blue-border,#285477) !important; } body.theme-full-blue .employee-multi-dropdown>summary:hover, body.theme-full-blue .employee-multi-dropdown[open]>summary{ border-color:rgba(214,180,93,.60) !important; } body.theme-full-blue .employee-multi-dropdown[open]>summary{ box-shadow:0 0 0 3px rgba(214,180,93,.10) !important; } body.theme-full-blue .employee-multi-dropdown-panel{ background:var(--op-blue-field,#0B3154) !important; border-color:var(--op-blue-border,#285477) !important; box-shadow:0 16px 36px rgba(0,0,0,.28) !important; } body.theme-full-blue .employee-multi-dropdown-panel>small{ color:var(--op-blue-muted,#C7D8E5) !important; } @media(max-width:700px){ .employee-multi-dropdown-panel{position:static;margin-top:6px} } /* MAHPLUS 43 – feinere Produkt-Typografie oben links */ .brand-copy strong{ font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-size:14px !important; font-weight:500 !important; line-height:1.25 !important; letter-spacing:.095em !important; text-transform:uppercase !important; text-shadow:none !important; } body.theme-full-blue .brand-copy strong{ color:#F5F8FB !important; font-size:14px !important; font-weight:500 !important; letter-spacing:.095em !important; } @media(max-width:980px){ .brand-copy strong, body.theme-full-blue .brand-copy strong{ font-size:13.5px !important; letter-spacing:.085em !important; } } /* Benutzer ↔ Mitarbeiter: Erklaerung lesbarer, ohne Logikaenderung */ .user-employee-link-field>small{ line-height:1.45 !important; margin-top:6px !important; } /* NAV + NOTES UI 50 ------------------------------------------------------ */ /* Ganzes Marken-Kaestchen oben links ist der Dashboard-Link. */ .brand.brand-dashboard-link{ color:inherit !important; text-decoration:none !important; cursor:pointer; } .brand.brand-dashboard-link:hover{ text-decoration:none !important; } body.theme-full-blue .brand.brand-dashboard-link:hover{ border-color:rgba(214,180,93,.94) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.20) !important; } /* Datum/Uhrzeit behaelt exakt die Optik, wird aber anklickbar. */ .topbar-clock.topbar-clock-link{ color:inherit !important; text-decoration:none !important; cursor:pointer; } .topbar-clock.topbar-clock-link:hover{ text-decoration:none !important; } body.theme-full-blue .topbar-clock.topbar-clock-link:hover{ border-color:rgba(214,180,93,.72) !important; } /* Kleine MAHPLUS-Wortmarke in der Sidebar-Fusszeile, leicht vergroessert. */ .sidebar-foot{ display:flex !important; align-items:center !important; gap:6px !important; } .sidebar-footer-wordmark{ display:block !important; height:12px !important; width:auto !important; max-width:62px !important; object-fit:contain !important; flex:0 0 auto !important; } .sidebar-footer-version{ white-space:nowrap; } /* Kunden-Notizen: im blauen Theme keine weisse Schrift auf weissem Feld. */ body.theme-full-blue .detail-card .note-box, body.theme-full-blue .detail-card .note-box.large{ background:#0B3154 !important; color:#F3F8FC !important; border:1px solid #285477 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important; } /* Kennzeichnung am Notizen-Tab, wenn Inhalt vorhanden ist. */ .link-tabs a .note-tab-indicator{ display:inline-grid !important; place-items:center !important; min-width:16px !important; height:16px !important; margin-left:5px !important; padding:0 !important; border-radius:999px !important; font-size:7px !important; line-height:1 !important; color:#9A741D !important; background:#FAF3DD !important; border:1px solid rgba(214,180,93,.55) !important; vertical-align:middle !important; } body.theme-full-blue .link-tabs a .note-tab-indicator{ color:#F0D894 !important; background:rgba(214,180,93,.12) !important; border-color:rgba(214,180,93,.55) !important; } /* CUSTOMER TAB COUNT FIX 51 – Objekt-Zähler im blauen Modus wieder lesbar */ body.theme-full-blue .link-tabs a > span:not(.note-tab-indicator){ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:20px !important; height:20px !important; margin-left:4px !important; padding:0 6px !important; border-radius:999px !important; background:#0B3154 !important; color:#F0D894 !important; border:1px solid rgba(214,180,93,.45) !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; } body.theme-full-blue .link-tabs a.active > span:not(.note-tab-indicator){ background:rgba(214,180,93,.14) !important; color:#F0D894 !important; border-color:rgba(214,180,93,.62) !important; } /* MAHPLUS 52 – Mitarbeiter aus dem Planungsfilter per Drag & Drop auf Einsätze ziehen */ .planning-employee-drag-source{ display:flex!important; align-items:center; gap:7px; cursor:grab!important; } .planning-employee-drag-source:active{cursor:grabbing!important} .planning-employee-drag-source.is-dragging{opacity:.48} .planning-employee-drag-handle{ flex:0 0 auto; width:18px; display:inline-grid; place-items:center; color:#9a7b28; font-size:12px; line-height:1; } body.planning-employee-dragging [data-drag-assignment]{ transition:box-shadow .12s,border-color .12s,transform .12s,opacity .12s; } body.planning-employee-dragging [data-drag-assignment][data-drag-group="0"]{ box-shadow:0 0 0 2px rgba(214,180,93,.28)!important; } body.planning-employee-dragging [data-drag-assignment][data-drag-group="1"]{ opacity:.58; } [data-drag-assignment].planning-employee-drop-target{ border-color:#D6B45D!important; box-shadow:0 0 0 3px rgba(214,180,93,.30),0 10px 25px rgba(4,38,73,.14)!important; transform:translateY(-1px) scale(1.01)!important; } [data-drag-assignment].planning-employee-drop-blocked{ border-color:#C34A42!important; box-shadow:0 0 0 3px rgba(195,74,66,.20)!important; } .employee-drop-summary{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr); align-items:center; gap:10px; margin:4px 0 14px; padding:13px; border:1px solid #E2E8EE; border-radius:13px; background:#F8FAFC; } .employee-drop-summary>div{min-width:0;display:grid;gap:3px} .employee-drop-summary span{font-size:10px;color:#718093;font-weight:700;text-transform:uppercase;letter-spacing:.05em} .employee-drop-summary strong{font-size:12px;color:var(--navy);white-space:normal;overflow-wrap:anywhere} .employee-drop-summary small{font-size:10px;color:#718093;line-height:1.35} .employee-drop-summary>b{color:var(--gold);font-size:20px} .employee-drop-series{ display:grid; gap:8px; margin:12px 0 4px; padding:11px 12px; border:1px solid #E4D6AA; border-radius:11px; background:#FFFDF7; } .employee-drop-series[hidden]{display:none!important} .employee-drop-series legend{padding:0 5px;color:#6D581D;font-size:11px;font-weight:800} .employee-drop-series label{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.35;color:#4C5E70} .employee-drop-series input{margin-top:1px} .employee-drop-modal form>.actions{margin-top:14px;justify-content:flex-end} body.theme-full-blue .planning-employee-drag-handle{color:#F0D894} body.theme-full-blue .employee-drop-summary{ background:#103758; border-color:#315F84; } body.theme-full-blue .employee-drop-summary span, body.theme-full-blue .employee-drop-summary small{color:#C9D9E6} body.theme-full-blue .employee-drop-summary strong{color:#F4F8FC} body.theme-full-blue .employee-drop-series{ background:#103758; border-color:rgba(214,180,93,.38); } body.theme-full-blue .employee-drop-series legend{color:#F0D894} body.theme-full-blue .employee-drop-series label{color:#E7F0F7} @media(max-width:700px){ .employee-drop-summary{grid-template-columns:1fr;gap:7px} .employee-drop-summary>b{transform:rotate(90deg);justify-self:center} } /* MAHPLUS 55 – Gruppen aus dem Planungsfilter per Drag & Drop zuweisen */ .planning-group-drag-source{ display:flex!important; align-items:center; gap:7px; cursor:grab!important; } .planning-group-drag-source:active{cursor:grabbing!important} .planning-group-drag-source.is-dragging{opacity:.48} .planning-group-drag-handle{ flex:0 0 auto; width:18px; display:inline-grid; place-items:center; color:#9a7b28; font-size:12px; line-height:1; } body.planning-group-dragging [data-drag-assignment]{ transition:box-shadow .12s,border-color .12s,transform .12s; box-shadow:0 0 0 2px rgba(214,180,93,.28)!important; } [data-drag-assignment].planning-group-drop-target{ border-color:#D6B45D!important; box-shadow:0 0 0 3px rgba(214,180,93,.30),0 10px 25px rgba(4,38,73,.14)!important; transform:translateY(-1px) scale(1.01)!important; } body.theme-full-blue .planning-group-drag-handle{color:#F0D894} /* MAHPLUS 56 – Kunde / Objekt auf freie Kalenderflaechen ziehen */ @media(min-width:951px){ .calendar-filters{ grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto auto; } } .planning-object-drag-source{ display:flex!important; align-items:center; gap:7px; cursor:grab!important; } .planning-object-drag-source:active{cursor:grabbing!important} .planning-object-drag-source.is-dragging{opacity:.48} .planning-object-drag-handle{ flex:0 0 auto; width:18px; display:inline-grid; place-items:center; color:#9a7b28; font-size:12px; line-height:1; } body.planning-object-dragging .day-col[data-drop-date], body.planning-object-dragging .month-day[data-drop-date], body.planning-object-dragging .day-timeline-track[data-timeline-date]{ transition:box-shadow .12s,border-color .12s,background-color .12s; box-shadow:inset 0 0 0 2px rgba(214,180,93,.16); } body.planning-object-dragging [data-drag-assignment]{ opacity:.76; } .day-col.planning-object-drop-target, .month-day.planning-object-drop-target, .day-timeline-track.planning-object-drop-target{ border-color:#D6B45D!important; box-shadow:inset 0 0 0 3px rgba(214,180,93,.32),0 10px 25px rgba(4,38,73,.12)!important; } body.theme-full-blue .planning-object-drag-handle{color:#F0D894} /* MAHPLUS 58 – klare Abstände im Dashboard und bei Leistungsarten */ .dashboard-main > .stack{gap:26px} .service-type-row{column-gap:16px;row-gap:9px} /* MAHPLUS 59 – Seitenleistenabstand und Audit-Wiederherstellung */ .sidebar > nav + .sidebar-tools{margin-top:8px!important} .audit-action-cell{width:210px} .audit-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap} .audit-row-actions form{margin:0} .audit-row-actions .btn{white-space:nowrap} .audit-restore-form .btn{min-width:142px} /* MAHPLUS 63 – Intervallkarten unter Kunden & Objekte im blauen Theme */ body.theme-full-blue .cleaning-schedules{ border-top-color:var(--op-blue-border,#285477)!important; } body.theme-full-blue .cleaning-schedules .section-head h3{ color:var(--op-text,#F3F8FC)!important; } body.theme-full-blue .cleaning-schedules .section-head>div>span{ color:var(--op-muted,#C7D8E5)!important; } body.theme-full-blue .schedule-row{ background:var(--op-blue-field,#0B3154)!important; border-color:var(--op-blue-border,#285477)!important; color:var(--op-text,#F3F8FC)!important; box-shadow:0 8px 22px rgba(0,0,0,.14)!important; } body.theme-full-blue .schedule-row:hover{ background:var(--op-blue-hover,#103B62)!important; border-color:var(--op-gold,#D6B45D)!important; } body.theme-full-blue .schedule-row strong{ color:var(--op-text,#F3F8FC)!important; } body.theme-full-blue .schedule-row small{ color:var(--op-muted,#C7D8E5)!important; } body.theme-full-blue .schedule-row.inactive{ background:#072641!important; border-color:var(--op-blue-border-soft,rgba(40,84,119,.72))!important; opacity:1!important; } body.theme-full-blue .schedule-row.inactive strong{ color:#D9E5EE!important; } body.theme-full-blue .schedule-row.inactive small{ color:var(--op-muted-2,#AFC4D4)!important; } body.theme-full-blue .schedule-icon{ background:rgba(214,180,93,.14)!important; border:1px solid rgba(214,180,93,.42)!important; color:var(--op-gold-hi,#F0D894)!important; } body.theme-full-blue .schedule-row .service-dot{ box-shadow:0 0 0 1px rgba(243,248,252,.55)!important; } body.theme-full-blue .schedule-empty{ background:var(--op-blue-field,#0B3154)!important; border-color:var(--op-blue-border,#285477)!important; color:var(--op-muted,#C7D8E5)!important; } /* MAHPLUS 65 – alle Einsätze eines Wochentags innerhalb der Spalte scrollen */ .week-grid .day-col{ display:flex; flex-direction:column; height:clamp(550px,70vh,760px); } .week-grid .day-col>header{ flex:0 0 auto; } .week-grid .week-day-scroll{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#AAB8C6 rgba(111,122,137,.10); scrollbar-gutter:stable; overscroll-behavior:contain; scroll-behavior:smooth; } .week-grid .week-day-scroll:focus-visible{ outline:2px solid var(--gold); outline-offset:-3px; } .week-grid .week-day-scroll::-webkit-scrollbar{width:9px} .week-grid .week-day-scroll::-webkit-scrollbar-track{background:rgba(111,122,137,.10);border-radius:999px} .week-grid .week-day-scroll::-webkit-scrollbar-thumb{background:#AAB8C6;border:2px solid transparent;border-radius:999px;background-clip:padding-box} .week-grid .week-day-scroll::-webkit-scrollbar-thumb:hover{background:#8294A6;background-clip:padding-box} body.theme-full-blue .week-grid .week-day-scroll{ scrollbar-color:#50718D rgba(255,255,255,.06); } body.theme-full-blue .week-grid .week-day-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.06)} body.theme-full-blue .week-grid .week-day-scroll::-webkit-scrollbar-thumb{background:#50718D;border-color:transparent;background-clip:padding-box} body.theme-full-blue .week-grid .week-day-scroll::-webkit-scrollbar-thumb:hover{background:#6E8AA2;background-clip:padding-box} @media(max-height:760px){ .week-grid .day-col{height:clamp(430px,66vh,550px);min-height:430px} } /* Kopfzeile: echte Datums-/Zeitwerte mit ruhiger Ziffernbreite darstellen. */ .topbar-clock #liveDateTime{ display:inline-block; min-width:198px; text-align:center; font-variant-numeric:tabular-nums; letter-spacing:.02em; } /* MAHPLUS 67 – Kalenderfarben und Suchfilter-Umschalter */ .assignment, .mini-assignment, .mini-day>a, .timeline-item, .day-detail-item, body.theme-full-blue .assignment, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .timeline-item, body.theme-full-blue .day-detail-item{ background-color:var(--service-bg,#F7F9FB)!important; background-image:none!important; border-color:var(--group-border,#9AA8B5)!important; color:var(--service-text,#102A43)!important; } .assignment strong, .mini-assignment, .mini-day>a, .timeline-item strong, .day-detail-item strong, body.theme-full-blue .assignment strong, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .timeline-item strong, body.theme-full-blue .day-detail-item strong{ color:var(--service-text,#102A43)!important; } .assignment time, .assignment small, .assignment em, .timeline-item time, .timeline-item small, .timeline-item em, .day-detail-item time, .day-detail-item small, body.theme-full-blue .assignment time, body.theme-full-blue .assignment small, body.theme-full-blue .assignment em, body.theme-full-blue .timeline-item time, body.theme-full-blue .timeline-item small, body.theme-full-blue .timeline-item em, body.theme-full-blue .day-detail-item time, body.theme-full-blue .day-detail-item small{ color:var(--service-muted,#4D6275)!important; } /* MAHPLUS 69 – Sitzungsverlauf und einklappbare Einstellungen */ #industry-profile{margin-top:18px} .settings-fold-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.72)} .settings-fold-toolbar>span{font-size:12px;color:var(--muted)} .settings-collapsible-head{gap:10px} .settings-collapsible-head>div:first-child{margin-right:auto} .settings-card-toggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:9px;background:#F7F9FB;color:var(--navy);cursor:pointer} .settings-card-toggle>span:first-child{font-size:20px;line-height:1;transform:translateY(-2px);transition:transform .16s ease} .settings-collapsible.is-collapsed>.card-head{margin-bottom:0} .settings-collapsible.is-collapsed .settings-card-toggle>span:first-child{transform:translateY(1px) rotate(-90deg)} .settings-collapsible.is-collapsed>.settings-card-body{display:none} .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .presence-row{grid-template-columns:18px minmax(170px,1.35fr) repeat(3,minmax(135px,.75fr))} .presence-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:22px 0 8px;padding-top:18px;border-top:1px solid var(--line)} .presence-history-head h3{margin:0;font-size:15px;color:var(--navy)} .presence-history-head>div>span,.presence-history-head>.muted{display:block;margin-top:3px;font-size:11px} .presence-history table{min-width:920px} .presence-history td{font-variant-numeric:tabular-nums;white-space:nowrap} .presence-history td:first-child{white-space:normal} .presence-history .status{display:inline-flex} body.theme-full-blue .settings-fold-toolbar,body.theme-full-blue .settings-card-toggle{background:var(--op-blue-field,#0B3154)!important;border-color:var(--op-blue-border,#285477)!important} body.theme-full-blue .settings-fold-toolbar>span,body.theme-full-blue .settings-card-toggle,body.theme-full-blue .presence-history-head h3{color:var(--op-text,#F3F8FC)!important} body.theme-full-blue .presence-history-head{border-color:var(--op-blue-border,#285477)!important} @media(max-width:1000px){.presence-row{grid-template-columns:18px 1fr}.presence-row>.presence-user,.presence-row>.presence-metric{grid-column:2}.settings-fold-toolbar{align-items:flex-start;flex-direction:column}} @media(max-width:520px){.settings-fold-toolbar .actions{width:100%;flex-wrap:wrap}.settings-fold-toolbar .btn{flex:1 1 auto}} .search-select-arrow{transition:transform .14s ease} .search-select.open .search-select-arrow{transform:translateY(-46%) rotate(180deg)} /* MAHPLUS 70 – geschützte Verlaufslöschung und einheitliche goldene Dreiecke */ .presence-history table{min-width:1020px} .presence-history-action{width:92px} .presence-history-delete-form{margin:0} .presence-history-delete-form .btn{white-space:nowrap} select:not([multiple]){ -webkit-appearance:none; appearance:none; padding-right:32px!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23D6B45D' d='M1 1h10L6 7z'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 11px center!important; background-size:10px 7px!important; } .search-select-arrow, .employee-multi-chevron, .settings-card-toggle>span:first-child, .calendar-period-trigger i{ color:var(--gold)!important; font-size:0!important; } .search-select-arrow::after, .employee-multi-chevron::after, .settings-card-toggle>span:first-child::after, .calendar-period-trigger i::after{ content:"▼"; display:block; color:var(--gold); font-size:10px; line-height:1; } details>summary::marker{color:var(--gold)} details>summary::-webkit-details-marker{color:var(--gold)} .calendar-legend summary::after{ content:"▼"; margin-left:8px; color:var(--gold); font-size:10px; line-height:1; transition:transform .16s ease; } .calendar-legend[open] summary::after{transform:rotate(180deg)} /* MAHPLUS 68 – Online-Benutzer und eigenes Altkundenarchiv */ .action-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:#EEF3F8;color:var(--navy);font-size:11px} .presence-card{margin-top:18px} .presence-live-label{display:inline-flex!important;align-items:center;gap:6px;color:#237447!important;font-weight:700} .presence-live-label i,.presence-dot{width:9px;height:9px;border-radius:50%;background:#35B96D;box-shadow:0 0 0 4px rgba(53,185,109,.13)} .presence-note{margin:-4px 0 14px} .presence-list{display:flex;flex-direction:column;gap:8px} .presence-row{display:grid;grid-template-columns:18px minmax(190px,1.5fr) minmax(150px,.8fr) minmax(180px,.9fr);align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#F8FAFC} .presence-user strong,.presence-user small,.presence-metric span,.presence-metric strong,.presence-metric small{display:block} .presence-user small,.presence-metric span,.presence-metric small{color:var(--muted);font-size:11px;margin-top:3px} .presence-metric strong{font-size:13px;color:var(--navy);font-variant-numeric:tabular-nums} .archive-info{display:flex;gap:13px;align-items:flex-start;padding:14px;border:1px solid #D9E6F0;border-radius:11px;background:#F5F9FC} .archive-info>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#E8F0F7;color:var(--navy);font-size:19px} .archive-info p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5} .archive-search{max-width:460px;margin:12px 0 6px} .archived-customer-list{display:flex;flex-direction:column;gap:8px;margin-top:10px} .archived-customer-row{display:flex;align-items:center;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#FAFBFC} .archived-customer-main{display:flex;align-items:center;gap:11px;min-width:260px;flex:1 1 auto} .archived-customer-main strong,.archived-customer-main small,.archived-customer-history span,.archived-customer-history small{display:block} .archived-customer-main small,.archived-customer-history small{font-size:11px;color:var(--muted);margin-top:3px} .archived-customer-history{display:grid;grid-template-columns:auto auto;gap:2px 12px;min-width:230px;font-size:12px} .archived-customer-history small{grid-column:1/-1} .archived-customer-actions{margin-left:auto;min-width:125px;text-align:right} body.theme-full-blue .presence-row,body.theme-full-blue .archived-customer-row,body.theme-full-blue .archive-info{background:var(--op-blue-field,#0B3154)!important;border-color:var(--op-blue-border,#285477)!important} body.theme-full-blue .presence-user strong,body.theme-full-blue .presence-metric strong,body.theme-full-blue .archive-info strong,body.theme-full-blue .archived-customer-main strong,body.theme-full-blue .archived-customer-history span{color:var(--op-text,#F3F8FC)!important} body.theme-full-blue .presence-user small,body.theme-full-blue .presence-metric span,body.theme-full-blue .presence-metric small,body.theme-full-blue .archive-info p,body.theme-full-blue .archived-customer-main small,body.theme-full-blue .archived-customer-history small{color:var(--op-muted,#C7D8E5)!important} body.theme-full-blue .action-count{background:#173F62;color:#F3F8FC} @media(max-width:850px){.presence-row{grid-template-columns:18px 1fr 1fr}.presence-row>.presence-metric:last-child{grid-column:2/-1}.archived-customer-row{align-items:flex-start;flex-wrap:wrap}.archived-customer-main{min-width:min(260px,100%)}.archived-customer-history{min-width:210px}.archived-customer-actions{min-width:auto}} @media(max-width:520px){.presence-row{grid-template-columns:16px 1fr}.presence-row>.presence-metric{grid-column:2}.archived-customer-history{width:100%;margin-left:0}.archived-customer-actions{width:100%;text-align:left}} /* MAHPLUS 68 – Kalenderfarben wieder als dezenter linker Balken */ .assignment, .mini-assignment, .mini-day>a, .timeline-item, .day-detail-item{ background-color:#FBFCFD!important; background-image:none!important; border:1px solid #E1E7ED!important; border-left:4px solid var(--service-bg,#9AA8B5)!important; color:#17314D!important; } .mini-assignment,.mini-day>a{background-color:#F7F9FA!important;border-left-width:3px!important} .timeline-item{background-color:rgba(255,255,255,.98)!important;border-left-width:5px!important} .assignment strong,.timeline-item strong,.day-detail-item strong,.mini-assignment,.mini-day>a{color:#17314D!important} .assignment time,.assignment small,.assignment em,.timeline-item time,.timeline-item small,.timeline-item em,.day-detail-item time,.day-detail-item small{color:#617386!important} .assignment.customer-unavailable, .mini-assignment.customer-unavailable, .mini-day>a.customer-unavailable, .timeline-item.customer-unavailable, .day-detail-item.customer-unavailable, .assignment.planning-conflict, .mini-assignment.planning-conflict, .mini-day>a.planning-conflict, .timeline-item.planning-conflict, .day-detail-item.planning-conflict{ background-color:#FBFCFD!important; border-top-color:#E1E7ED!important; border-right-color:#E1E7ED!important; border-bottom-color:#E1E7ED!important; border-left-color:#C34A42!important; } .assignment.customer-unavailable strong,.timeline-item.customer-unavailable strong,.day-detail-item.customer-unavailable strong, .assignment.customer-unavailable time,.assignment.customer-unavailable small,.assignment.customer-unavailable em, .timeline-item.customer-unavailable time,.timeline-item.customer-unavailable small,.timeline-item.customer-unavailable em, .day-detail-item.customer-unavailable time,.day-detail-item.customer-unavailable small{color:#617386!important} body.theme-full-blue .assignment, body.theme-full-blue .mini-assignment, body.theme-full-blue .mini-day>a, body.theme-full-blue .timeline-item, body.theme-full-blue .day-detail-item{ background-color:var(--op-blue-field,#0B3154)!important; border-top-color:var(--op-blue-border,#285477)!important; border-right-color:var(--op-blue-border,#285477)!important; border-bottom-color:var(--op-blue-border,#285477)!important; border-left-color:var(--service-bg,#9AA8B5)!important; color:var(--op-text,#F3F8FC)!important; } body.theme-full-blue .assignment strong,body.theme-full-blue .timeline-item strong,body.theme-full-blue .day-detail-item strong,body.theme-full-blue .mini-assignment,body.theme-full-blue .mini-day>a{color:var(--op-text,#F3F8FC)!important} body.theme-full-blue .assignment time,body.theme-full-blue .assignment small,body.theme-full-blue .assignment em,body.theme-full-blue .timeline-item time,body.theme-full-blue .timeline-item small,body.theme-full-blue .timeline-item em,body.theme-full-blue .day-detail-item time,body.theme-full-blue .day-detail-item small{color:var(--op-muted,#C7D8E5)!important} body.theme-full-blue .assignment.customer-unavailable, body.theme-full-blue .mini-assignment.customer-unavailable, body.theme-full-blue .mini-day>a.customer-unavailable, body.theme-full-blue .timeline-item.customer-unavailable, body.theme-full-blue .day-detail-item.customer-unavailable, body.theme-full-blue .assignment.planning-conflict, body.theme-full-blue .mini-assignment.planning-conflict, body.theme-full-blue .mini-day>a.planning-conflict, body.theme-full-blue .timeline-item.planning-conflict, body.theme-full-blue .day-detail-item.planning-conflict{ background-color:var(--op-blue-field,#0B3154)!important; border-top-color:var(--op-blue-border,#285477)!important; border-right-color:var(--op-blue-border,#285477)!important; border-bottom-color:var(--op-blue-border,#285477)!important; border-left-color:#C34A42!important; } body.theme-full-blue .assignment.customer-unavailable strong,body.theme-full-blue .timeline-item.customer-unavailable strong,body.theme-full-blue .day-detail-item.customer-unavailable strong{color:var(--op-text,#F3F8FC)!important} body.theme-full-blue .assignment.customer-unavailable time,body.theme-full-blue .assignment.customer-unavailable small,body.theme-full-blue .assignment.customer-unavailable em,body.theme-full-blue .timeline-item.customer-unavailable time,body.theme-full-blue .timeline-item.customer-unavailable small,body.theme-full-blue .timeline-item.customer-unavailable em,body.theme-full-blue .day-detail-item.customer-unavailable time,body.theme-full-blue .day-detail-item.customer-unavailable small{color:var(--op-muted,#C7D8E5)!important} /* Schlusskaskade Update 69: vier Kennzahlen in der Live-Zeile */ .presence-row{grid-template-columns:18px minmax(170px,1.35fr) repeat(3,minmax(135px,.75fr))} @media(max-width:1000px){.presence-row{grid-template-columns:18px 1fr}.presence-row>.presence-user,.presence-row>.presence-metric,.presence-row>.presence-metric:last-child{grid-column:2/-1}} @media(max-width:520px){.presence-row{grid-template-columns:16px 1fr}.presence-row>.presence-user,.presence-row>.presence-metric,.presence-row>.presence-metric:last-child{grid-column:2}} /* MAHPLUS Update 77 – kompakte Navigation, sichere Wochenbreite, Speicherstatus. */ .sidebar-collapse-toggle{width:34px;height:34px;flex:0 0 34px;margin-right:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);cursor:pointer;font-weight:800;display:grid;place-items:center;line-height:1} .sidebar-collapse-toggle:hover{border-color:#b8c6d4} body.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px} body.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)} body.sidebar-collapsed .sidebar .brand{justify-content:center;padding-left:0;padding-right:0} body.sidebar-collapsed .sidebar .brand img{width:44px;height:44px} body.sidebar-collapsed .sidebar .brand-copy,body.sidebar-collapsed .sidebar .sidebar-tools,body.sidebar-collapsed .sidebar .sidebar-foot{display:none!important} body.sidebar-collapsed .sidebar nav a{justify-content:center;gap:0;padding-left:0;padding-right:0;font-size:0} body.sidebar-collapsed .sidebar nav a span{width:28px;font-size:16px} body.sidebar-collapsed .sidebar-collapse-toggle span{display:inline-block;transform:rotate(180deg)} .week-grid{overflow-x:auto!important;overflow-y:visible;scrollbar-gutter:stable;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} .week-grid>.day-col{min-width:150px} .btn.is-saving,.btn:disabled{cursor:wait;opacity:.72} @media(max-width:1366px) and (min-width:981px){.content{padding-left:18px;padding-right:18px}} @media(max-width:980px){.sidebar-collapse-toggle{display:none!important}body.sidebar-collapsed .sidebar{width:248px;padding:18px 14px}body.sidebar-collapsed .main{margin-left:0;width:100%}body.sidebar-collapsed .sidebar .brand-copy,body.sidebar-collapsed .sidebar .sidebar-tools,body.sidebar-collapsed .sidebar .sidebar-foot{display:initial!important}body.sidebar-collapsed .sidebar nav a{justify-content:flex-start;gap:11px;padding:11px 12px;font-size:14px}body.sidebar-collapsed .sidebar nav a span{width:22px;font-size:inherit}} /* MAHPLUS Update 78: ausschließlich Gestaltung des bestehenden Navigationspfeils. */ .sidebar-collapse-toggle{ color:#D6B45D; background:#042649; border-color:rgba(214,180,93,.75); box-shadow:0 1px 3px rgba(4,38,73,.06); transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; } .sidebar-collapse-toggle:hover{ background:#0b355d; border-color:#D6B45D; color:#f0d38a; box-shadow:0 2px 8px rgba(4,38,73,.10); } .sidebar-collapse-toggle:focus-visible{outline:2px solid #D6B45D;outline-offset:2px} .sidebar-collapse-toggle .sidebar-collapse-glyph{ display:grid;place-items:center; transition:transform .22s ease; } .sidebar-collapse-toggle svg{ width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round; } body.sidebar-collapsed .sidebar-collapse-toggle .sidebar-collapse-glyph{transform:rotate(180deg)} @media(prefers-reduced-motion:reduce){.sidebar-collapse-toggle,.sidebar-collapse-toggle .sidebar-collapse-glyph{transition:none}} /* MAHPLUS Update 80 – kompakte Benutzerhistorie und Mehrfachauswahl. */ .presence-history-users{display:grid;gap:8px;margin-top:12px} .presence-history-user-row{display:grid;grid-template-columns:minmax(155px,1.6fr) minmax(135px,1fr) minmax(80px,.65fr) minmax(70px,.45fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc} .presence-history-user-row.is-selected{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)} .presence-history-user-name a{font-weight:700;color:var(--navy);text-decoration:none} .presence-history-user-name a:hover{text-decoration:underline} .presence-history-user-name small,.presence-history-field-label{display:block;font-size:11px;color:var(--muted);margin-top:3px} .presence-history-user-row strong{font-size:13px;color:var(--navy);font-variant-numeric:tabular-nums} .presence-history-detail{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:12px;scroll-margin-top:90px} .presence-history-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .presence-history-detail-head h3{margin:0} .presence-history-detail-head span{font-size:12px;color:var(--muted)} .presence-history-safety-note{margin:8px 0 12px} .presence-history-bulk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px} .presence-history-bulk-bar label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;cursor:pointer} .presence-history-bulk-bar input[type=checkbox],.presence-history-check-col input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer} .presence-history-check-col{width:40px;text-align:center} .presence-history-pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:12px} .presence-history-bulk-bar button:disabled{opacity:.5;cursor:not-allowed} body.theme-full-blue .presence-history-user-row,body.theme-full-blue .presence-history-detail{background:var(--op-blue-field,#0b3154)!important;border-color:var(--op-blue-border,#285477)!important} body.theme-full-blue .presence-history-user-row.is-selected{border-color:var(--gold)!important} body.theme-full-blue .presence-history-user-name a,body.theme-full-blue .presence-history-user-row strong{color:var(--op-text,#f3f8fc)!important} body.theme-full-blue .presence-history-user-name small,body.theme-full-blue .presence-history-field-label{color:var(--op-muted,#c7d8e5)!important} @media(max-width:900px){.presence-history-user-row{grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) auto}.presence-history-user-row>div:nth-child(3),.presence-history-user-row>div:nth-child(4){grid-row:2}.presence-history-user-row>a.btn{grid-column:3;grid-row:1/3}} @media(max-width:580px){.presence-history-user-row{grid-template-columns:1fr auto;gap:8px}.presence-history-user-row>div:nth-child(2),.presence-history-user-row>div:nth-child(3),.presence-history-user-row>div:nth-child(4){grid-row:auto}.presence-history-user-row>a.btn{grid-column:2;grid-row:1}.presence-history-detail{padding:10px}.presence-history-pagination{justify-content:space-between}} /* MAHPLUS Update 81 – gezielte Lesbarkeit/Übersicht */ .month-picker-note{background:#042649!important;color:#fff!important;border:1px solid rgba(214,180,93,.28)!important} .audit-more-actions{display:flex;justify-content:center;padding-top:10px} .audit-card tr[hidden]{display:none!important} /* Update 81 – Kontrastschutz für Textfelder in hellen Dialogen (u. a. Sonderereignis). */ body:not(.theme-full-blue) .modal-box input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="submit"]):not([type="button"]), body:not(.theme-full-blue) .modal-box select, body:not(.theme-full-blue) .modal-box textarea{color:#102A43!important} body:not(.theme-full-blue) .modal-box input::placeholder, body:not(.theme-full-blue) .modal-box textarea::placeholder{color:#738498!important;opacity:1} .audit-card td>strong,.audit-card td>small{display:block} .audit-card td>small{margin-top:2px;color:var(--muted);font-size:10px} /* ========================================================= MAHPLUS Update 83 – appweite Design-/Kontrastkonsistenz Ziel: keine helle Schrift auf hellen Arbeitsflächen und keine dunkle Schrift auf dunkelblauen Arbeitsflächen. Druckvorschauen (.a4-paper) bleiben bewusst hell. ========================================================= */ .mahplus-wordmark-text{ display:block; color:#F0D894; font-family:Georgia,"Times New Roman",serif; font-size:14px; font-weight:700; letter-spacing:.16em; line-height:1; text-align:center; text-shadow:0 1px 8px rgba(0,0,0,.16); } .sidebar-foot{ min-height:44px; padding:8px 6px!important; gap:8px!important; } .sidebar-footer-emblem{ display:block; width:38px; height:38px; flex:0 0 38px; object-fit:cover; border-radius:7px; border:1px solid rgba(214,180,93,.30); box-shadow:0 4px 12px rgba(0,0,0,.15); } .sidebar-footer-fallback{color:#F0D894;font-weight:800;letter-spacing:.08em} .sidebar-footer-version{color:#C5D3DF;font-weight:700;white-space:nowrap} body.sidebar-collapsed .sidebar-footer-emblem{display:none!important} /* Helles MAHPLUS-Theme: helle Flächen erhalten immer dunkle Bedien- und Textfarben. */ body.theme-classic .modal-box, body.theme-classic .card, body.theme-classic .stat-card, body.theme-classic .calendar-toolbar, body.theme-classic .calendar-filters, body.theme-classic .day-col, body.theme-classic .month-day, body.theme-classic .list-card, body.theme-classic .object-card, body.theme-classic .restore-panel, body.theme-classic .presence-history-user-row, body.theme-classic .presence-history-detail, body.theme-classic .print-template-card, body.theme-classic .series-scope-picker, body.theme-classic .settings-fold-toolbar{color:#192638} body.theme-classic input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]), body.theme-classic select, body.theme-classic textarea, body.theme-classic .search-select-input{ background-color:#fff!important; color:#192638!important; -webkit-text-fill-color:#192638!important; border-color:#CCD6E1; caret-color:#192638; color-scheme:light; } body.theme-classic input:disabled, body.theme-classic input[readonly], body.theme-classic select:disabled, body.theme-classic textarea:disabled{ background-color:#F1F4F7!important; color:#536579!important; -webkit-text-fill-color:#536579!important; opacity:1!important; } body.theme-classic input::placeholder, body.theme-classic textarea::placeholder, body.theme-classic .search-select-input::placeholder{ color:#738498!important; -webkit-text-fill-color:#738498!important; opacity:1!important; } body.theme-classic select option{background:#fff;color:#192638} body.theme-classic .search-select-menu{background:#fff!important;color:#192638!important;border-color:#CCD6E1!important} body.theme-classic .search-select-option{color:#263747!important} body.theme-classic .search-select-option:hover, body.theme-classic .search-select-option.active{background:#EEF4FA!important;color:#102A43!important} body.theme-classic .search-select-option.selected{background:#FFF7DF!important;color:#5F4A13!important} /* Komplett-Blau: Formelemente und dynamische Auswahlfelder konsequent dunkel. */ body.theme-full-blue input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]), body.theme-full-blue select, body.theme-full-blue textarea, body.theme-full-blue .search-select-input{ background-color:#0C3155!important; color:#F4F8FC!important; -webkit-text-fill-color:#F4F8FC!important; border-color:#38678E!important; caret-color:#F4F8FC!important; color-scheme:dark; } body.theme-full-blue input:disabled, body.theme-full-blue input[readonly], body.theme-full-blue select:disabled, body.theme-full-blue textarea:disabled{ background-color:#092944!important; color:#D5E3ED!important; -webkit-text-fill-color:#D5E3ED!important; opacity:1!important; } body.theme-full-blue input::placeholder, body.theme-full-blue textarea::placeholder, body.theme-full-blue .search-select-input::placeholder{ color:#B8CCDC!important; -webkit-text-fill-color:#B8CCDC!important; opacity:1!important; } body.theme-full-blue select option{background:#0C3155!important;color:#F4F8FC!important} body.theme-full-blue .search-select-menu{background:#0B3154!important;color:#EEF5FA!important;border-color:#38678E!important} body.theme-full-blue .search-select-option{color:#E7F0F7!important} body.theme-full-blue .search-select-option:hover, body.theme-full-blue .search-select-option.active{background:#123E66!important;color:#FFF!important} body.theme-full-blue .search-select-option.selected{background:rgba(214,180,93,.18)!important;color:#F0D894!important} /* Browser-Autofill darf die Themefarben nicht wieder weiß/gelb überschreiben. */ body.theme-classic input:-webkit-autofill, body.theme-classic input:-webkit-autofill:hover, body.theme-classic input:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #fff inset!important; box-shadow:0 0 0 1000px #fff inset!important; -webkit-text-fill-color:#192638!important; } body.theme-full-blue input:-webkit-autofill, body.theme-full-blue input:-webkit-autofill:hover, body.theme-full-blue input:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #0C3155 inset!important; box-shadow:0 0 0 1000px #0C3155 inset!important; -webkit-text-fill-color:#F4F8FC!important; } /* Update-83 Abrechnungs-Check */ .billing-check-card{margin:18px 0} .billing-check-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px} .billing-check-metric{border:1px solid var(--line);border-radius:11px;padding:12px;background:#F8FAFC} .billing-check-metric span,.billing-check-metric strong,.billing-check-metric small{display:block} .billing-check-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800} .billing-check-metric strong{font-size:22px;color:var(--navy);margin:4px 0} .billing-check-metric small{font-size:10px;color:var(--muted)} .billing-check-state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800} .billing-check-state.ok{background:#EAF7EF;color:#24613B;border:1px solid #C9E7D3} .billing-check-state.warn{background:#FFF5DE;color:#775B16;border:1px solid #E9D394} .billing-check-issues{margin-top:14px;border-top:1px solid var(--line);padding-top:10px} .billing-check-issue{display:grid;grid-template-columns:90px minmax(180px,1.2fr) minmax(180px,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #EDF1F5;font-size:12px} .billing-check-issue small{display:block;color:var(--muted);margin-top:2px} body.theme-full-blue .billing-check-metric{background:#0B3154!important;border-color:#285477!important} body.theme-full-blue .billing-check-metric span,body.theme-full-blue .billing-check-metric small{color:#C7D8E5!important} body.theme-full-blue .billing-check-metric strong{color:#F4F8FC!important} body.theme-full-blue .billing-check-state.ok{background:#174D3B;color:#D8EFE4;border-color:#3C7D68} body.theme-full-blue .billing-check-state.warn{background:#654B17;color:#FFE7A7;border-color:#9A7430} body.theme-full-blue .billing-check-issues{border-color:#285477} body.theme-full-blue .billing-check-issue{border-color:rgba(196,214,230,.09);color:#EEF5FA} body.theme-full-blue .billing-check-issue small{color:#C7D8E5!important} @media(max-width:980px){.billing-check-grid{grid-template-columns:repeat(2,1fr)}.billing-check-issue{grid-template-columns:80px 1fr auto}.billing-check-issue>div:nth-child(3){grid-column:2}} @media(max-width:620px){.billing-check-grid{grid-template-columns:1fr}.billing-check-issue{grid-template-columns:1fr}.billing-check-issue>div:nth-child(3){grid-column:auto}} /* Update 83 – Zeitwirtschaftsfilter mit Kunde + Objekt bewusst zweizeilig statt gequetscht. */ .time-filter{grid-template-columns:repeat(4,minmax(145px,1fr))!important} .time-filter>.btn{width:max-content} @media(max-width:1200px){.time-filter{grid-template-columns:repeat(3,minmax(145px,1fr))!important}} @media(max-width:760px){.time-filter{grid-template-columns:1fr 1fr!important}} @media(max-width:520px){.time-filter{grid-template-columns:1fr!important}.time-filter>.btn{width:100%}} /* MAHPLUS 84 · Zeitwirtschaft als skalierbarer Arbeitsbereich */ .time-filter{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:10px;align-items:end} .time-more-filters{grid-column:1/-2;border:1px solid var(--line);border-radius:10px;background:#F8FAFC;padding:0} .time-more-filters>summary{cursor:pointer;padding:10px 12px;font-size:11px;font-weight:800;color:var(--navy);list-style:none} .time-more-filters>summary::-webkit-details-marker{display:none} .time-more-filters>summary:after{content:'+';float:right;color:var(--gold);font-size:16px;line-height:12px} .time-more-filters[open]>summary:after{content:'−'} .time-more-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;padding:0 10px 10px} .time-filter-submit{align-self:end;min-height:38px} .time-workspace-tabs{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:4px 0 10px;margin:2px 0 8px;scrollbar-width:thin} .time-workspace-tabs a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800} .time-workspace-tabs a:hover{border-color:#B8C6D4;background:#F7F9FB} .time-workspace-tabs a.active{background:var(--navy);border-color:var(--navy);color:#fff} .time-workspace-tabs a span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#E9EEF3;color:#40566B;font-size:10px} .time-workspace-tabs a.active span{background:rgba(255,255,255,.16);color:#fff} .time-workspace-tabs a span.warn{background:#FFF0C7;color:#6F5310} .time-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 16px} .time-nav-card{display:grid;gap:4px;text-decoration:none!important;min-height:118px;align-content:center;transition:transform .12s ease,border-color .12s ease} .time-nav-card:hover{transform:translateY(-1px);border-color:#C5A85A} .time-nav-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800} .time-nav-card>strong{font-size:26px;color:var(--navy)} .time-nav-card>small{color:var(--muted);font-size:10px;line-height:1.4} .time-nav-card.warn{border-color:#E2C56E}.time-nav-card.ok{border-color:#BFDCC9} .time-overview-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .time-overview-facts>div{border:1px solid var(--line);border-radius:10px;padding:11px;background:#F8FAFC} .time-overview-facts span,.time-overview-facts strong{display:block}.time-overview-facts span{font-size:10px;color:var(--muted);font-weight:750}.time-overview-facts strong{font-size:18px;color:var(--navy);margin-top:3px} .time-summary-card .card-head{gap:12px;align-items:center} .time-summary-search{width:min(320px,100%);margin-left:auto} .time-summary-scroll{max-height:62vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .time-summary-scroll table{min-width:920px} .time-summary-scroll thead th{position:sticky;top:0;z-index:2;background:#F4F7FA;box-shadow:0 1px 0 var(--line)} .time-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;font-weight:800;color:var(--muted)} body.theme-full-blue .time-more-filters{background:#0B3154!important;border-color:#285477!important} body.theme-full-blue .time-more-filters>summary{color:#F4F8FC!important} body.theme-full-blue .time-workspace-tabs a{background:#0B3154!important;border-color:#285477!important;color:#EAF2F8!important} body.theme-full-blue .time-workspace-tabs a:hover{background:#103B62!important;border-color:#4B7395!important} body.theme-full-blue .time-workspace-tabs a.active{background:#D6B45D!important;border-color:#D6B45D!important;color:#142C43!important} body.theme-full-blue .time-workspace-tabs a span{background:rgba(255,255,255,.12)!important;color:#EAF2F8!important} body.theme-full-blue .time-workspace-tabs a.active span{background:rgba(4,38,73,.16)!important;color:#142C43!important} body.theme-full-blue .time-workspace-tabs a span.warn{background:#6A5018!important;color:#FFE7A7!important} body.theme-full-blue .time-nav-card>span,body.theme-full-blue .time-nav-card>small{color:#C7D8E5!important} body.theme-full-blue .time-nav-card>strong{color:#F4F8FC!important} body.theme-full-blue .time-overview-facts>div{background:#0B3154!important;border-color:#285477!important} body.theme-full-blue .time-overview-facts span{color:#C7D8E5!important} body.theme-full-blue .time-overview-facts strong{color:#F4F8FC!important} body.theme-full-blue .time-summary-scroll thead th{background:#0A2C4B!important;color:#DDE9F2!important;box-shadow:0 1px 0 #285477} body.theme-full-blue .time-pagination{border-color:#285477;color:#C7D8E5!important} @media(max-width:1100px){.time-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-filter{grid-template-columns:repeat(2,minmax(150px,1fr))!important}.time-more-filters{grid-column:1/-1}.time-more-filter-grid{grid-template-columns:repeat(2,minmax(145px,1fr))}.time-filter-submit{width:100%}} @media(max-width:620px){.time-overview-grid{grid-template-columns:1fr}.time-filter{grid-template-columns:1fr!important}.time-more-filter-grid{grid-template-columns:1fr}.time-summary-card .card-head{align-items:stretch}.time-summary-search{margin-left:0;width:100%}.time-overview-facts{grid-template-columns:1fr}.time-workspace-tabs{padding-bottom:8px}} /* ========================================================= MAHPLUS Update 85 – Dokumentordnung + freigegebenes Branding ========================================================= */ .sidebar-footer-emblem{ width:58px!important; max-width:58px!important; height:10px!important; max-height:10px!important; flex:0 0 58px!important; object-fit:contain!important; object-position:center!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; } .sidebar-foot{gap:7px!important;min-height:34px!important;padding:6px 4px!important} .sidebar-footer-version{font-size:11px!important;line-height:1!important} .document-category-card{margin-bottom:14px} .document-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .document-category-tile{display:flex;flex-direction:column;gap:4px;min-height:62px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;transition:.12s} .document-category-tile:hover{border-color:#b8c8d7;transform:translateY(-1px)} .document-category-tile.active{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold);background:#fffdf7} .document-category-tile.archived{opacity:.65} .document-category-tile strong{font-size:12px;color:var(--navy)} .document-category-tile span{font-size:10px;color:var(--muted)} .document-library-card{margin-top:14px} .document-filter-bar{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(180px,1fr) minmax(150px,.8fr) auto auto;gap:9px;align-items:end;margin-bottom:12px} .document-filter-bar label{font-size:10px} .document-filter-bar input,.document-filter-bar select{margin-top:3px;padding:8px 9px} .document-category-link{font-weight:700;color:#315f91} .document-category-link:hover{text-decoration:underline} .document-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted)} .document-category-create{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;margin-bottom:14px} .document-category-create .btn{margin:0!important} .document-category-manage-list{display:flex;flex-direction:column;gap:8px} .document-category-manage-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:10px} .document-category-manage-row form{margin:0} .document-category-rename{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end} .document-category-rename label span{display:block;font-size:9px;color:var(--muted);font-weight:600;margin-bottom:2px} .document-category-rename input{margin:0} body.theme-full-blue .document-category-tile, body.theme-full-blue .document-category-create, body.theme-full-blue .document-category-manage-row{background:#0b3154!important;border-color:#285477!important;color:#f3f8fc!important} body.theme-full-blue .document-category-tile:hover{border-color:#3f7098!important;background:#103b62!important} body.theme-full-blue .document-category-tile.active{border-color:var(--gold)!important;background:#103758!important;box-shadow:inset 3px 0 var(--gold)!important} body.theme-full-blue .document-category-tile strong, body.theme-full-blue .document-category-link{color:#f0d894!important} body.theme-full-blue .document-category-tile span, body.theme-full-blue .document-category-rename label span, body.theme-full-blue .document-pagination{color:#c7d8e5!important} body.theme-full-blue .document-pagination{border-color:#285477!important} @media(max-width:1100px){.document-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-filter-bar{grid-template-columns:1fr 1fr 1fr auto}.document-filter-bar>a.btn{grid-column:1/-1}} @media(max-width:700px){.document-category-grid{grid-template-columns:1fr}.document-filter-bar{grid-template-columns:1fr}.document-filter-bar>a.btn{grid-column:auto}.document-category-create,.document-category-manage-row,.document-category-rename{grid-template-columns:1fr}.document-category-manage-row .btn,.document-category-rename .btn{width:100%}} /* Das Footer-Bild ist die vom Nutzer gelieferte Original-Wortmarke mit schwarzem Hintergrund. Screen-Blending macht nur das Schwarz optisch transparent; die Bilddatei selbst bleibt unverändert. */ .sidebar-footer-emblem{mix-blend-mode:screen!important} .sidebar-footer-emblem{ width:auto!important; max-width:70px!important; height:24px!important; max-height:24px!important; flex:0 0 auto!important; } /* MAHPLUS Update 86 – Dokumente nachträglich einordnen */ .document-edit-name{margin:0 0 12px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;font-size:12px;font-weight:700;color:var(--navy);overflow-wrap:anywhere} body.theme-full-blue .document-edit-name{background:#0b3154!important;border-color:#285477!important;color:#f0d894!important} /* MAHPLUS Update 87 – gespeicherte Dokument-Neueinordnung sichtbar bestätigen */ .document-row-edited td{background:rgba(214,180,93,.10)!important} body.theme-full-blue .document-row-edited td{background:rgba(214,180,93,.13)!important} /* MAHPLUS Update 89 – manuelle Reihenfolge in „Alle Dokumente“ */ .document-order-hint{margin:0 0 9px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:10px;font-weight:700;color:var(--muted);background:#f8fafc} .document-order-controls{display:inline-flex;gap:4px;align-items:center} .document-order-controls form{margin:0} .document-order-controls .btn{min-width:28px;padding-left:7px!important;padding-right:7px!important;font-size:14px;line-height:1} body.theme-full-blue .document-order-hint{background:#0b3154!important;border-color:#285477!important;color:#c7d8e5!important} /* MAHPLUS Update 91 – oben links exakt dieselbe MAHPLUS-Wortmarke wie neben Beta 16.1. Nur der bisherige MAHPLUS-Text wird ersetzt; AK-Logo und restliches Branding bleiben unverändert. */ body.theme-full-blue .brand-copy .mahplus-top-wordmark{ display:block!important; width:76px!important; max-width:76px!important; height:auto!important; max-height:27px!important; object-fit:contain!important; object-position:center!important; margin:0 auto!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; mix-blend-mode:screen!important; transform:none!important; filter:none!important; } @media(max-width:980px){ body.theme-full-blue .brand-copy .mahplus-top-wordmark{ width:73px!important; max-width:73px!important; max-height:26px!important; } } /* MAHPLUS Update 92 – echte Dashboard-Symbole passend zur linken Navigation */ .stats-grid .stat-card.op-kpi::before, .stats-grid .stat-card.op-kpi::after{display:none!important} .stats-grid .op-stat-icon svg{ fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round } .stats-grid .op-stat-icon-staff .op-stat-alert-mark{stroke-width:2.1} body.theme-full-blue .stats-grid .op-stat-icon-staff .op-stat-alert-mark{stroke:#8b2f29} body.theme-classic .stats-grid .op-stat-icon-staff .op-stat-alert-mark{stroke:#9b332d} /* MAHPLUS Update 93 – strukturierte Aktenansichten statt endloser Seiten */ .record-pagination{ display:flex;align-items:center;justify-content:center;gap:12px; margin-top:14px;padding-top:12px;border-top:1px solid var(--line); font-size:11px;font-weight:700;color:var(--muted) } .employee-list-card{ align-self:start;max-height:calc(100vh - 118px);overflow:auto; scrollbar-width:thin } .employee-list-card .list-search{ position:sticky;top:0;z-index:2;background:inherit;padding-top:5px;padding-bottom:8px } .object-rate-label{min-height:0!important;margin-top:6px;font-weight:700} body.theme-full-blue .record-pagination{border-color:#285477!important;color:#c7d8e5!important} body.theme-full-blue .employee-list-card .list-search{background:#082A47!important} @media(max-width:850px){ .employee-list-card{position:static;max-height:420px} } /* Update 93 – Dashboard-Symbole optisch auf denselben Maßstab wie die Navigation bringen. */ .stats-grid .op-stat-icon svg{width:22px!important;height:22px!important} .document-category-manage-row .btn:disabled{opacity:.42;cursor:not-allowed} .customer-list-card{ align-self:start;max-height:calc(100vh - 118px);overflow:auto;scrollbar-width:thin } .customer-list-card .list-search{ position:sticky;top:0;z-index:2;background:inherit;padding-top:5px;padding-bottom:8px } body.theme-full-blue .customer-list-card .list-search{background:#082A47!important} @media(max-width:850px){.customer-list-card{position:static;max-height:420px}} /* MAHPLUS Update 94 – Mehrfachauswahl in Einstellungen */ .bulk-action-form{margin:0 0 9px} .bulk-action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line-2);border-radius:12px;background:#f7f9fb} .bulk-action-bar [data-bulk-count]{font-size:12px;color:var(--muted);margin-right:auto} .bulk-select-all,.bulk-row-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700;color:var(--navy)} .bulk-select-all input,.bulk-row-check input{width:17px;height:17px;margin:0;accent-color:var(--navy)} .bulk-row-check{flex:0 0 auto;padding:3px} .bulk-row-check span{display:none} .bulk-row-main{min-width:0;flex:1} .backup-row.bulk-selected,.trash-row.bulk-selected{border-color:#c9a227;box-shadow:0 0 0 2px rgba(201,162,39,.10)} body.theme-full-blue .bulk-action-bar{background:#0b3154!important;border-color:#2c5d86!important} body.theme-full-blue .bulk-action-bar [data-bulk-count],body.theme-full-blue .bulk-select-all,body.theme-full-blue .bulk-row-check{color:#eef4fa!important} @media(max-width:650px){.bulk-action-bar{align-items:flex-start}.bulk-action-bar [data-bulk-count]{width:100%;margin-right:0}.bulk-action-bar .btn{width:100%}} /* MAHPLUS 97 – Dokument-Aktenarten und Filter klar sichtbar */ .document-filter-state{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:-2px 0 12px;padding:9px 11px;border:1px solid #dbe5ee;border-radius:10px;background:#f8fafc;font-size:11px;color:#536577} .document-filter-state strong{color:var(--navy)} .document-filter-state span{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef4fa;color:#284d70} .document-file-type-label{color:var(--navy);font-size:12px} .document-current-classification{margin:0 0 14px;padding:10px 12px;border:1px solid #d8e3ec;border-left:4px solid var(--gold);border-radius:10px;background:#f8fafc;color:#334b61;font-size:12px} .document-current-classification strong{color:var(--navy)} .document-current-classification span{font-weight:800;color:#7a5f16} .document-current-classification small{display:block;margin-top:4px;color:var(--muted)} body.theme-full-blue .document-filter-state,body.theme-full-blue .document-current-classification{background:#0b3154!important;border-color:#285477!important;color:#d9e6ef!important} body.theme-full-blue .document-filter-state strong,body.theme-full-blue .document-file-type-label,body.theme-full-blue .document-current-classification strong{color:#f0d894!important} body.theme-full-blue .document-filter-state span{background:#123e66!important;color:#eef5fa!important} body.theme-full-blue .document-current-classification span{color:#f0d894!important} /* MAHPLUS Update 104 – Dashboard-KPI-Symbole exakt im Stil der linken Navigation. */ body.theme-full-blue .stats-grid .op-stat-icon{ background:rgba(214,180,93,.10)!important; border:1px solid rgba(214,180,93,.18)!important; box-shadow:none!important; color:#f0d894!important; } body.theme-full-blue .stats-grid .op-stat-icon svg{stroke:#f0d894!important} body.theme-classic .stats-grid .op-stat-icon{ background:#f7f1de!important; border:1px solid #ead9a8!important; box-shadow:none!important; color:#8e6f16!important; } body.theme-classic .stats-grid .op-stat-icon svg{stroke:#8e6f16!important} .billing-customer-coverage .muted{margin:8px 0 4px;font-size:11px} .billing-customer-issue{grid-template-columns:110px minmax(180px,1.2fr) minmax(180px,1fr) auto} @media(max-width:980px){.billing-customer-issue{grid-template-columns:90px 1fr auto}.billing-customer-issue>div:nth-child(3){grid-column:2}} @media(max-width:620px){.billing-customer-issue{grid-template-columns:1fr}.billing-customer-issue>div:nth-child(3){grid-column:auto}} /* Update 105: monatlicher Kunden-Abrechnungsstatus */ .billing-customer-status{margin-top:16px;border-top:1px solid var(--line);padding-top:10px} .billing-customer-status>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:8px 0;color:var(--navy)} .billing-customer-status>summary::-webkit-details-marker{display:none} .billing-customer-status>summary span{font-size:11px;color:var(--muted);font-weight:700} .billing-customer-status-list{display:grid;gap:8px;margin-top:10px} .billing-customer-status-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(170px,.7fr) minmax(240px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff} .billing-customer-status-row.warn{border-left:4px solid #C18A1B}.billing-customer-status-row.ok{border-left:4px solid #3B7D57} .billing-customer-status-row>div small{display:block;color:var(--muted);margin-top:3px;font-size:10px} .billing-customer-status-row label{font-size:10px;font-weight:800;color:var(--muted)} .billing-customer-status-row select,.billing-customer-status-row input{width:100%;margin-top:4px} .billing-status-readonly{align-self:center;font-size:11px;font-weight:800} body.theme-full-blue .billing-customer-status{border-color:#285477}body.theme-full-blue .billing-customer-status>summary{color:#F4F8FC}body.theme-full-blue .billing-customer-status>summary span{color:#C7D8E5}body.theme-full-blue .billing-customer-status-row{background:#0B3154;border-color:#285477;color:#EEF5FA}body.theme-full-blue .billing-customer-status-row>div small,body.theme-full-blue .billing-customer-status-row label{color:#C7D8E5!important} @media(max-width:1050px){.billing-customer-status-row{grid-template-columns:1fr 1fr}.billing-customer-status-row>div{grid-column:1/-1}} @media(max-width:620px){.billing-customer-status-row{grid-template-columns:1fr}.billing-customer-status-row>div{grid-column:auto}.billing-customer-status>summary{display:block}.billing-customer-status>summary span{display:block;margin-top:4px}}