:root{--bg:#06101c;--panel:#0b1c2c;--panel2:#102538;--line:#17364d;--text:#f3f7fa;--muted:#8ea6b7;--accent:#e1a63d;--accent2:#f4c468;--good:#55c78d;--warn:#f3ad49;--danger:#f16e71;--blue:#53a8df;--shadow:0 16px 45px rgba(0,0,0,.28);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,a,input,select,textarea{font:inherit}button{cursor:pointer}body{overscroll-behavior-y:none}.app-shell{min-height:100dvh;background:radial-gradient(circle at 50% -10%,#14314a 0,#071625 37%,#040b12 100%);padding-bottom:calc(82px + env(safe-area-inset-bottom))}.boot-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#102b42,#040b12 64%);transition:.45s opacity}.boot-screen.hide{opacity:0;pointer-events:none}.brand-mark{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#15324a,#06121e);border:1px solid #31566e;box-shadow:0 0 0 7px rgba(63,118,153,.08),0 20px 80px rgba(0,0,0,.45)}.brand-mark span{font-size:52px;font-weight:900;color:var(--accent2);letter-spacing:-4px}.boot-title{margin-top:23px;font-weight:900;letter-spacing:5px;font-size:24px}.boot-sub{color:var(--muted);font-size:13px;margin-top:7px}.boot-line{width:170px;height:2px;background:#132f43;margin-top:28px;overflow:hidden;border-radius:99px}.boot-line i{display:block;width:70px;height:100%;background:var(--accent);animation:scan 1.1s infinite ease-in-out}@keyframes scan{from{transform:translateX(-80px)}to{transform:translateX(180px)}}
.main{max-width:780px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 24px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--accent2)}h1{font-size:28px;margin:3px 0 0;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:8px}.avatar{width:42px;height:42px;border-radius:14px;border:1px solid #294a61;background:#0e2638;display:grid;place-items:center;font-weight:850;color:var(--accent2)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good);margin-left:4px}.offline .online-dot{background:var(--danger);box-shadow:none}
.hero{padding:18px;border:1px solid #214158;border-radius:22px;background:linear-gradient(135deg,rgba(18,47,69,.96),rgba(8,24,37,.97));box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(225,166,61,.22);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 28px rgba(69,123,157,.05)}.hero-label{font-size:11px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.hero strong{display:block;font-size:24px;margin-top:6px;position:relative;z-index:1}.hero p{margin:7px 0 0;color:#b3c3cf;line-height:1.4;font-size:14px;max-width:560px;position:relative;z-index:1}.compact-hero strong{font-size:20px}.plus-hero strong{color:var(--accent2);font-size:34px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.stat{padding:14px;border-radius:17px;background:rgba(9,25,39,.82);border:1px solid #1b3b52}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{font-size:24px;margin-top:3px}.stat.good strong{color:var(--good)}.stat.warn strong{color:var(--warn)}.stat.danger strong{color:var(--danger)}
.section{margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-head h2{font-size:16px;margin:0}.section-head button,.link-btn{border:0;background:none;color:var(--accent2);font-weight:750;font-size:12px;padding:6px}.card{background:rgba(10,27,42,.94);border:1px solid #18384f;border-radius:18px;padding:14px;margin-bottom:9px;box-shadow:0 8px 30px rgba(0,0,0,.13)}.row{display:flex;gap:12px;align-items:flex-start}.row .grow{flex:1;min-width:0}.icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#102b40;border:1px solid #244a62;font-size:18px;flex:0 0 auto}.card strong{font-size:14px}.meta{color:var(--muted);font-size:12px;line-height:1.45;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;background:#102a3d;border:1px solid #24465c;color:#c6d3dc;font-size:10px;font-weight:700}.pill.good{color:#8fe0b5;border-color:#285947}.pill.warn{color:#f3c477;border-color:#6f552d}.pill.danger{color:#ff9c9d;border-color:#6f383c}.action{border:1px solid #31546b;background:#112c40;color:#edf5f9;border-radius:12px;padding:10px 12px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.action.primary{border-color:#a7772d;background:linear-gradient(180deg,#dca23d,#b87824);color:#101216}.action.danger{border-color:#663d41;background:#2a171c;color:#ffc0c0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.full-action{width:100%;margin-top:12px}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed #28465b;border-radius:18px}.skeleton{height:84px;border-radius:18px;background:linear-gradient(90deg,#0b1e2e,#153149,#0b1e2e);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.hub-head{margin:4px 0 14px}.hub-head h2{font-size:21px;margin:5px 0 0}.hub-head p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.45}.feature-grid{display:grid;gap:10px}.quick-grid{display:grid;grid-template-columns:1fr;gap:9px}.feature-card{width:100%;min-height:88px;display:grid;grid-template-columns:48px 1fr 22px;align-items:center;gap:12px;text-align:left;border:1px solid #1d4058;border-radius:19px;padding:13px 12px;background:linear-gradient(140deg,rgba(15,43,63,.95),rgba(7,23,35,.98));color:var(--text);box-shadow:0 9px 28px rgba(0,0,0,.14)}.feature-card:active{transform:scale(.992);border-color:#3e647b}.feature-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#153650,#0a2031);border:1px solid #2d5770;color:var(--accent2);font-size:21px;font-weight:800}.feature-copy{min-width:0;display:block}.feature-copy strong{display:block;font-size:15px}.feature-copy small{display:block;color:#a3b6c3;font-size:11px;line-height:1.38;margin-top:4px}.feature-copy em{display:inline-block;margin-top:7px;border:1px solid #53602d;background:#222b19;color:#d9d879;border-radius:99px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.7px}.chev{font-size:26px;color:#648297}.service-grid{display:grid;gap:10px}.protocol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mini-card{border:1px solid #1d4058;border-radius:16px;background:#0a1c2b;padding:12px}.mini-card b{display:block;font-size:20px;margin-bottom:7px}.mini-card strong{display:block;font-size:12px}.mini-card span{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:4px}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(780px,100%);z-index:30;display:grid;grid-template-columns:repeat(var(--items,5),1fr);background:rgba(5,15,24,.95);backdrop-filter:blur(22px);border-top:1px solid #17334a;padding:7px 7px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px rgba(0,0,0,.2)}.nav-btn{border:0;background:none;color:#778f9f;padding:6px 1px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:700;min-width:0}.nav-btn b{font-size:19px;font-weight:400;line-height:1}.nav-btn span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nav-btn.active{color:var(--accent2)}
.login{min-height:calc(100dvh - 30px);display:flex;flex-direction:column;justify-content:center}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-logo .brand-mark{width:60px;height:60px;border-radius:19px}.login-logo .brand-mark span{font-size:35px}.login-logo h1{font-size:25px}.login-logo p{margin:3px 0 0;color:var(--muted);font-size:12px}.form-card{padding:20px;border-radius:24px;border:1px solid #1c3d54;background:rgba(9,25,39,.93);box-shadow:var(--shadow)}label{display:block;font-size:11px;color:#9db0be;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;border-radius:13px;border:1px solid #294b61;background:#071724;color:#eef4f7;padding:13px 12px;font:inherit;outline:none}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#b67d2e;box-shadow:0 0 0 3px rgba(225,166,61,.09)}.submit{width:100%;margin-top:16px;padding:13px;border-radius:14px;border:1px solid #d6a14a;background:linear-gradient(180deg,#e5b453,#bb7d25);color:#121416;font-weight:850;font-size:15px}.login-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.error{color:#ff9c9e;font-size:12px;margin-top:10px}.server-box{margin-top:12px;padding:10px;border-radius:12px;background:#091a29;border:1px solid #18364d}
.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px;padding-bottom:2px}.tab{white-space:nowrap;border:1px solid #24465d;border-radius:99px;background:#0b2132;color:#9db1bf;padding:7px 11px;font-size:11px}.tab.active{background:#173750;color:#fff;border-color:#40647b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid .wide{grid-column:1/-1}.modal{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal-card{width:min(780px,100%);max-height:88dvh;overflow:auto;background:#091a28;border:1px solid #24465d;border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.4)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.close{border:0;background:#112c40;color:#fff;border-radius:10px;width:34px;height:34px}.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(120px);bottom:calc(92px + env(safe-area-inset-bottom));z-index:90;background:#edf4f7;color:#0c1620;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:750;box-shadow:0 15px 40px rgba(0,0,0,.35);opacity:0;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.privacy{font-size:11px;line-height:1.5;color:var(--muted)}
@media(min-width:520px){.quick-grid,.feature-grid,.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:640px){.stats{grid-template-columns:repeat(4,1fr)}.main{padding-left:24px;padding-right:24px}.form-card{padding:28px}.modal-card{border-radius:26px;margin-bottom:20px}.protocol-grid{grid-template-columns:repeat(3,1fr)}}

/* v142.51 – Aufträge vollständig in der neuen App-Oberfläche */
.order-tabs{display:flex;gap:7px;margin:4px 0 12px;overflow:auto;padding-bottom:2px}.order-tabs button{flex:1;min-width:92px;border:1px solid #24465d;border-radius:14px;background:#0a1f30;color:#9eb3c1;padding:10px 9px;font-size:11px;font-weight:800}.order-tabs button.active{background:linear-gradient(180deg,#183a55,#102d43);border-color:#51748b;color:#fff}.order-tabs b{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;border-radius:99px;background:#071621;color:var(--accent2);font-size:9px}.order-tools{display:grid;grid-template-columns:1fr 46px;gap:8px;margin-bottom:12px}.order-tools input{margin:0}.mini-refresh{border:1px solid #294b61;border-radius:13px;background:#0d2638;color:var(--accent2);font-size:20px}.order-list{display:grid;gap:9px}.order-card{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:1px solid #183b52;border-radius:18px;background:linear-gradient(140deg,rgba(13,38,56,.96),rgba(7,22,34,.98));color:var(--text);padding:12px;box-shadow:0 8px 28px rgba(0,0,0,.13)}.order-card:active{transform:scale(.993);border-color:#41677f}.order-file{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#0f2c41;border:1px solid #2a526a;color:var(--accent2);font-size:17px}.order-copy{min-width:0}.order-copy strong{display:block;font-size:14px;line-height:1.25}.order-copy small{display:block;color:#a0b2bf;font-size:10.5px;line-height:1.35;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-copy em{display:block;color:#6f8798;font-size:9px;font-style:normal;margin-top:6px}.order-service{font-size:11px;color:#d4dce2;line-height:1.35;margin-top:5px}.order-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.order-side b{font-size:24px;color:#5c7b8f;font-weight:400}.order-age{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900;white-space:nowrap}.order-age.warn{background:#322817;border:1px solid #6d552c;color:#f0bd6a}.order-age.danger{background:#351b20;border:1px solid #6f373d;color:#ff9699}.back-app{border:0;background:none;color:var(--accent2);font-weight:800;padding:5px 0 12px}.order-detail-hero{position:relative;padding:17px;border:1px solid #21445c;border-radius:21px;background:linear-gradient(135deg,#123149,#081b2a);box-shadow:var(--shadow)}.order-detail-hero h2{font-size:22px;margin:6px 0 3px}.order-detail-hero p{margin:0;color:#afbec8;font-size:12px}.order-detail-hero .order-age{margin-top:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-grid>div{padding:11px;border:1px solid #183a50;border-radius:14px;background:#091d2c;min-width:0}.detail-grid .wide{grid-column:1/-1}.detail-grid span{display:block;color:#7891a2;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.detail-grid strong{display:block;font-size:12px;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}.mail-detail{border:1px solid #17384e;border-radius:16px;background:#081a29;padding:13px}.mail-body{white-space:pre-wrap;color:#c7d2da;font-size:11.5px;line-height:1.55;max-height:360px;overflow:auto}.notice{padding:10px 11px;border-radius:13px;font-size:11px;line-height:1.45;margin-bottom:10px}.notice.warn{background:#302719;border:1px solid #67532f;color:#f2c982}.order-action-stack{display:grid;gap:8px;margin-top:18px}.order-action-stack .action{width:100%}.action.success{border-color:#2a684c;background:#133425;color:#9fe1bd}.action.warn{border-color:#71552c;background:#322715;color:#f1c778}
@media(max-width:420px){.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.order-card{grid-template-columns:38px minmax(0,1fr) auto;padding:11px}.order-file{width:36px;height:36px}}

/* v142.52 – Full Native Modules: alle Portalbereiche bleiben in Maaß Portal */
.native-modal{max-height:92dvh}.module-search{margin:10px 0 12px}.workflow-grid{display:grid;gap:10px}.workflow-card{width:100%;text-align:left;border:1px solid #1d4058;border-radius:18px;background:linear-gradient(140deg,#0e2a3e,#071924);color:var(--text);padding:14px}.workflow-card strong{display:block;font-size:15px}.workflow-card span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:5px}.workflow-detail-hero{padding:17px;border-radius:20px;border:1px solid #244960;background:linear-gradient(135deg,#12344d,#071a28);margin-bottom:12px}.workflow-detail-hero h2{margin:5px 0 4px;font-size:22px}.workflow-detail-hero p{margin:0;color:var(--muted);font-size:12px}.module-block{margin-top:18px;padding:14px;border:1px solid #1c3d54;border-radius:18px;background:rgba(8,25,38,.86)}.module-block h3{margin:0 0 10px;font-size:15px}.warn-block{border-color:#684e29;background:#2a2216}.native-list{display:grid;gap:9px}.subtle-card{padding:12px;border:1px solid #17384e;border-radius:15px;background:#081a29;color:#cad5dc}.mini-select{width:auto;min-width:130px;padding:7px 9px;border-radius:10px}.check-row{display:flex;align-items:center;gap:9px;padding:8px 0;color:#cbd6dd;font-size:12px}.check-row input{width:auto;flex:0 0 auto}.inline-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.timesheet-card{padding:14px;border:1px solid #1b3c53;border-radius:18px;background:#0a1e2d;margin-bottom:9px}.timesheet-card strong{font-size:14px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-stack{display:grid;gap:4px}.native-form{display:grid;gap:2px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.native-details{display:grid;gap:7px;margin-top:10px}.detail-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(50,78,97,.45);font-size:11px}.detail-line:last-child{border-bottom:0}.detail-line span{color:var(--muted);min-width:0}.detail-line strong{text-align:right;overflow-wrap:anywhere}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.notice.good{background:#10291e;border:1px solid #295a45;color:#9ee0bd}.warning-text{color:#f2bf69}.protocol-button{width:100%;text-align:left;color:var(--text);cursor:pointer}.protocol-button:active{transform:scale(.99);border-color:#496d82}.module-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0}.module-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.native-file-note{font-size:10px;color:var(--muted);line-height:1.4;margin-top:7px}.empty.compact{padding:14px}.form-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(min-width:520px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.form-grid.compact,.checkbox-grid{grid-template-columns:1fr}.detail-line{display:grid;gap:3px}.detail-line strong{text-align:left}.reward-grid{grid-template-columns:1fr 1fr}}


/* v142.53 – Light Brand Style: heller, übersichtlicher, näher an den Maaß-Firmenfarben */
:root{--bg:#eef4f8;--panel:#ffffff;--panel2:#f6f9fc;--line:#d5e1ec;--text:#183247;--muted:#617f96;--accent:#4a86b5;--accent2:#85bce7;--good:#2f9d69;--warn:#d08b2d;--danger:#cb5b60;--blue:#5aa3d6;--shadow:0 16px 34px rgba(23,50,71,.10);color-scheme:light}
html,body{background:var(--bg);color:var(--text)}
.app-shell{background:radial-gradient(circle at 50% -12%,#dfeef9 0,#edf4f8 38%,#e7eef5 100%)}
.boot-screen{background:radial-gradient(circle at 50% 42%,#d9e9f5,#e8f0f6 68%)}
.brand-mark{background:linear-gradient(145deg,#eff6fb,#dfeaf3);border-color:#9fb6c9;box-shadow:0 0 0 7px rgba(90,163,214,.10),0 20px 80px rgba(23,50,71,.12)}
.brand-mark span,.avatar,.feature-icon,.order-file{color:#2f6289}
.boot-title,.hero strong,.workflow-detail-hero h2,.order-detail-hero h2,.hub-head h2,h1,.section-head h2,.card strong,.feature-copy strong,.workflow-card strong,.subtle-card,strong{color:var(--text)}
.boot-sub,.hero p,.hero-label,.meta,.feature-copy small,.section-head button,.link-btn,.login-logo p,.login-note,.privacy,.mini-card span,.workflow-card span,.workflow-detail-hero p,.warning-text{color:var(--muted)}
.boot-line{background:#c6d7e5}.boot-line i{background:linear-gradient(90deg,#5aa3d6,#85bce7)}
.eyebrow,.section-head button,.link-btn,.nav-btn.active,.tab.active,.hero-label,.avatar{color:#2f6289}
.topbar{margin-bottom:20px}
.avatar{background:#ffffff;border-color:#d0deea;box-shadow:0 6px 16px rgba(23,50,71,.08)}
.hero,.order-detail-hero,.workflow-detail-hero,.module-block,.card,.stat,.feature-card,.mini-card,.timesheet-card,.subtle-card,.mail-detail,.detail-grid>div,.order-card,.workflow-card,.form-card,.modal-card,.server-box{background:#ffffff!important;color:var(--text);border-color:#d7e3ee!important;box-shadow:var(--shadow)}
.hero{background:linear-gradient(135deg,#f9fcfe,#ecf5fb)!important}
.hero:after{border-color:rgba(90,163,214,.25);box-shadow:0 0 0 28px rgba(133,188,231,.10)}
.stat{background:#f7fbfe!important}.stat span,.detail-grid span,.detail-line span,.pill,.order-copy small,.order-copy em,.native-file-note{color:var(--muted)}
.icon,.feature-icon,.order-file,.nav-btn b{background:linear-gradient(145deg,#edf5fb,#dceaf4)!important;border-color:#c6d9e8!important;color:#2f6289!important}
.feature-card,.order-card,.workflow-card{background:linear-gradient(180deg,#ffffff,#f7fbfe)!important}
.quick-grid .feature-card:nth-child(1){background:linear-gradient(180deg,#edf6fd,#dceefa)!important;border-color:#9cc8e8!important}
.quick-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,#dceefa,#cfe6f7)!important;border-color:#8fbde0!important;color:#276794!important}
.quick-grid .feature-card:nth-child(2){background:linear-gradient(180deg,#f2f7fb,#e4edf4)!important;border-color:#b4c9d9!important}
.quick-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#e5eef5,#d8e5ef)!important;border-color:#b4c9d9!important;color:#496579!important}
.quick-grid .feature-card:nth-child(3){background:linear-gradient(180deg,#f3f9fd,#e8f1f8)!important;border-color:#abcde5!important}
.quick-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#e8f1f8,#d9e9f4)!important;border-color:#a7cae2!important;color:#4a7d9b!important}
.feature-copy em{border-color:#bfd4e3;background:#ecf4fa;color:#436987}
.chev{color:#7a95aa}
.bottom-nav{background:rgba(245,250,253,.96);border-top:1px solid #d3e0ea;box-shadow:0 -8px 30px rgba(23,50,71,.08)}
.nav-btn{color:#7890a2}.nav-btn.active{background:#e6f1f8;border-radius:14px;color:#2f6289}
.action{border-color:#c4d7e6;background:#f3f8fc;color:var(--text)}
.action.primary,.submit{border-color:#7eb5df;background:linear-gradient(180deg,#8fc0e6,#5ea1d1);color:#ffffff}
.action.primary:hover,.submit:hover{filter:brightness(.98)}
.action.danger{border-color:#e0b8bb;background:#fff1f2;color:#a9474e}
.action.success{border-color:#9fd0b7;background:#edf8f2;color:#2b7a52}
.action.warn{border-color:#e7c48c;background:#fff7e8;color:#9a6720}
input,select,textarea{background:#ffffff;color:var(--text);border-color:#c7d8e6}
input:focus,select:focus,textarea:focus{border-color:#6faad7;box-shadow:0 0 0 3px rgba(95,161,209,.15)}
.order-tabs button,.tab,.pill,.mini-refresh,.close{background:#f2f7fb;color:#496b83;border-color:#ccdbe7}
.order-tabs button.active,.tab.active{background:#deedf8;color:#204d6c;border-color:#9fc3df}
.order-tabs b{background:#ffffff;color:#2f6289}
.pill{background:#f6fbff;color:#557287}.pill.good{background:#eef8f2;color:#2e7b53;border-color:#a9d4ba}.pill.warn{background:#fff7ea;color:#9b6720;border-color:#ebc889}.pill.danger{background:#fff1f2;color:#a5484e;border-color:#e7b8bd}
.empty{background:#f8fbfd;border-color:#d7e3ee;color:var(--muted)}
.login{min-height:calc(100dvh - 30px)}
.login-logo .brand-mark{background:linear-gradient(145deg,#eff6fb,#dfeaf3)}
.server-box{background:#f6fbff}
.modal{background:rgba(18,37,53,.22)}
.modal-card{background:#fdfefe!important}
.notice{background:#f6fbff;border-color:#d5e2ec;color:#355166}.notice.warn,.warn-block{background:#fff7ea!important;border-color:#ebcf98!important;color:#8b5d22}.notice.good{background:#eef8f2!important;border-color:#9fd0b7!important;color:#2e7b53}
.module-kpis .mini-card b,.plus-hero strong{color:#2f6289}
.order-age.warn{background:#fff7ea;border-color:#e4bf7a;color:#9a6720}.order-age.danger{background:#fff1f2;border-color:#e1a9af;color:#a34950}
.back-app{color:#2f6289}
.detail-line{border-bottom-color:rgba(190,208,220,.65)}
.top-actions .action{padding:9px 10px}
@media(min-width:520px){.quick-grid,.feature-grid,.service-grid{gap:12px}}


/* v142.54 – Maaß Blue Hybrid: blauer Marken-Hintergrund + helle, kontrastreiche Karten */
:root{--bg:#173f5e;--panel:#ffffff;--panel2:#eef5fa;--line:#cbdce9;--text:#17364e;--muted:#617d92;--accent:#2f6f9e;--accent2:#8bc6ed;--good:#2f9a68;--warn:#356f99;--danger:#bd535a;--blue:#5aa6d8;--shadow:0 14px 32px rgba(8,34,53,.16);color-scheme:light}
html,body{background:#173f5e;color:#f6fbff}.app-shell{background:radial-gradient(circle at 50% -8%,#356d94 0,#245877 30%,#173f5e 62%,#12354f 100%)}
.boot-screen{background:radial-gradient(circle at 50% 42%,#356d94,#173f5e 68%)}.boot-title,.boot-sub{color:#f6fbff}.boot-sub{opacity:.78}.boot-line{background:rgba(255,255,255,.2)}
.brand-mark{background:linear-gradient(145deg,#edf6fc,#cadfed);border-color:#9dbed4;box-shadow:0 0 0 7px rgba(255,255,255,.09),0 20px 70px rgba(4,28,45,.25)}.brand-mark span{color:#174665}
.topbar h1,.topbar .eyebrow,.hub-head h2,.hub-head p,.section-head h2{color:#f7fbfe}.topbar .meta{color:#c9dce9}.eyebrow{color:#b9def5}.online-dot{background:#75d29e}
.avatar{background:#f5f9fc;border-color:#c4d9e7;color:#174665;box-shadow:0 7px 18px rgba(5,34,53,.16)}
.hero,.card,.stat,.feature-card,.mini-card,.timesheet-card,.subtle-card,.mail-detail,.detail-grid>div,.order-card,.workflow-card,.form-card,.modal-card,.server-box,.module-block,.workflow-detail-hero,.order-detail-hero{background:#ffffff!important;color:var(--text)!important;border-color:#c9dce9!important;box-shadow:var(--shadow)}
.hero{background:linear-gradient(140deg,#ffffff,#edf6fc)!important}.hero:after{border-color:rgba(47,111,158,.18);box-shadow:0 0 0 28px rgba(90,166,216,.07)}
.hero strong,.hero p,.hero-label,.card strong,.feature-copy strong,.workflow-card strong,.order-copy strong,.detail-grid strong,.module-block h3{color:var(--text)}
.hero p,.hero-label,.meta,.feature-copy small,.workflow-card span,.order-copy small,.order-copy em,.detail-grid span,.detail-line span,.native-file-note,.privacy{color:var(--muted)}
.stat{background:linear-gradient(180deg,#ffffff,#f3f8fc)!important}.stat span{color:#6b8498}.stat strong,.stat.warn strong{color:#245c83}.stat.good strong{color:#2f8e64}.stat.danger strong{color:#b54d55}
.quick-grid,.feature-grid{gap:11px}.feature-card{background:linear-gradient(180deg,#ffffff,#f3f8fc)!important}
.quick-grid .feature-card:nth-child(1){background:linear-gradient(180deg,#fafdff,#e9f4fb)!important;border-color:#9dc7e2!important}.quick-grid .feature-card:nth-child(2){background:linear-gradient(180deg,#f9fbfd,#e8eff5)!important;border-color:#afc7d8!important}.quick-grid .feature-card:nth-child(3){background:linear-gradient(180deg,#fafdff,#edf5fa)!important;border-color:#a9c9de!important}
.icon,.feature-icon,.order-file{background:linear-gradient(145deg,#d9e9f4,#c4dbe9)!important;border-color:#a4c2d6!important;color:#154967!important;font-weight:850}.quick-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,#cbe4f4,#afd4eb)!important;color:#155178!important;border-color:#8dbbd7!important}.quick-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#d9e5ee,#bed2df)!important;color:#365a70!important;border-color:#9fbacb!important}.quick-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#d2e7f3,#b8d8e9)!important;color:#285e7c!important;border-color:#95bfd5!important}
.feature-copy em{background:#e7f2f9;border-color:#bfd5e4;color:#315d79}.chev{color:#547d98;font-weight:700}
.bottom-nav{background:rgba(247,251,254,.97);border-top:1px solid #cbdce8;box-shadow:0 -10px 30px rgba(6,34,53,.14)}.nav-btn{color:#65839a}.nav-btn b{background:transparent!important;border:0!important;color:#426b87!important}.nav-btn.active{background:#dcecf6;color:#164e72;border-radius:14px}.nav-btn.active b{color:#164e72!important}
.action{border-color:#bfd3e2;background:#edf5fa;color:#214d69}.action.primary,.submit{border-color:#4f94c3;background:linear-gradient(180deg,#70b2de,#3f88ba);color:#fff}.action.success{background:#edf8f2;color:#2b7b53}.action.warn{background:#eaf3f9;color:#2d6082;border-color:#a7c8dd}.action.danger{background:#fff1f2;color:#a84a50}
input,select,textarea{background:#fff;color:var(--text);border-color:#bdd1df}input:focus,select:focus,textarea:focus{border-color:#4e95c5;box-shadow:0 0 0 3px rgba(78,149,197,.16)}
.order-tabs button,.tab,.pill,.mini-refresh,.close{background:#edf5fa;color:#426882;border-color:#bfd3e2}.order-tabs button.active,.tab.active{background:#cfe5f3;color:#174c6f;border-color:#8ebad8}.order-tabs b{background:#fff;color:#245e85}.pill{background:#eef5fa;color:#4f6e83}.pill.warn{background:#e8f2f8;color:#285e80;border-color:#aac8dc}.pill.good{background:#edf8f2;color:#2e7b53}.pill.danger{background:#fff0f1;color:#a5484e}
.empty{background:rgba(255,255,255,.91);border-color:#a8c5d9;color:#58768b}.skeleton{background:linear-gradient(90deg,#dcebf5,#f8fbfd,#dcebf5)}
.login-logo h1,.login-logo p{color:#f7fbfe}.login-logo p{opacity:.78}.form-card label{color:#536f84}.modal{background:rgba(5,27,43,.38)}.modal-card{background:#fdfefe!important}
.notice{background:#eef6fb;border-color:#c5d9e7;color:#35586f}.notice.warn,.warn-block{background:#edf5fa!important;border-color:#b1cada!important;color:#2f6080}.notice.good{background:#edf8f2!important;color:#2e7b53}.order-age.warn{background:#e8f2f8;border-color:#a9c9dd;color:#285f81}.order-age.danger{background:#fff0f1;border-color:#dfafb4;color:#a34950}.back-app{color:#d9effd}.module-toolbar .inline-label{color:#d9e9f4}
@media(max-width:519px){.main{padding-left:14px;padding-right:14px}.hero{border-radius:22px}.feature-card{min-height:86px}}


/* v142.55 – Original Blue UX: näher am bisherigen Portal, größer und besser lesbar */
:root{--brand-navy:#082b52;--brand-blue:#0c69cf;--brand-blue2:#2b8be4;--brand-bg:#eef4f9;--brand-card:#ffffff;--brand-ink:#102d49;--brand-muted:#607a91}
.app-shell{background:linear-gradient(165deg,#0a315a 0,#0d65a2 23%,#eaf2f8 23.1%,#eef4f9 100%)!important}
.main{max-width:820px;padding-top:calc(20px + env(safe-area-inset-top))}
.topbar{padding:15px 6px 4px}.eyebrow{color:#dbefff!important;letter-spacing:3px}.topbar h1{color:#fff!important;font-size:31px;text-shadow:0 2px 8px rgba(0,0,0,.12)}.topbar>.top-actions+.x{display:none}.topbar .meta{color:#d8e8f5!important;font-size:14px}
.logo-avatar{width:54px;height:54px;padding:7px;background:#fff!important;border:2px solid rgba(255,255,255,.75)!important;border-radius:17px;overflow:hidden}.logo-avatar img,.logo-brand img{width:100%;height:100%;object-fit:contain;display:block}.logo-brand{padding:10px;background:#fff!important}
.hero{background:linear-gradient(135deg,#ffffff,#f3f8fc)!important;border:1px solid #c8d9e6!important}.hero strong,.hero h2,.card strong,.feature-copy strong,.workflow-card strong{color:var(--brand-ink)!important}.hero p,.meta,.feature-copy small{color:var(--brand-muted)!important}
.stats .stat{background:#fff!important;border:1px solid #cfdeea!important}.stat span{color:#647e94!important}.stat strong{color:#0a5f9b!important}.stat.warn strong{color:#0a5f9b!important}.stat.good strong{color:#24845d!important}
.card,.feature-card,.order-card,.workflow-card,.module-block,.timesheet-card,.mini-card,.detail-grid>div{background:#fff!important;border:1px solid #c8d9e7!important;box-shadow:0 8px 22px rgba(13,55,88,.09)!important}.feature-card{min-height:104px}.feature-icon,.icon,.order-file{background:#dcecf8!important;border-color:#9fc3df!important;color:#124f7d!important}.feature-icon{width:54px;height:54px;font-size:24px}.feature-copy strong{font-size:17px}.feature-copy small{font-size:12px}.chev{color:#3e6e91!important;font-size:30px}
.quick-grid .feature-card:nth-child(1){border-left:7px solid #169150!important}.quick-grid .feature-card:nth-child(2){border-left:7px solid #e39a0b!important}.quick-grid .feature-card:nth-child(3){border-left:7px solid #1675cf!important}
.section-head h2,.hub-head h2{color:var(--brand-ink)!important;font-size:19px}.hub-head p{color:#58738b!important}.section-head button,.link-btn,.back-app,.dashboard-btn{color:#0b5f99!important}
.page-back-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px}.back-app,.dashboard-btn{border:1px solid #bdd2e2;background:#fff;border-radius:13px;padding:10px 12px;font-weight:850}.dashboard-btn{margin-left:auto}
.week-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0 16px}.week-nav button{border:1px solid #a9c6dd;background:#fff;color:#174b70;border-radius:13px;padding:11px 7px;font-weight:800;font-size:11px}.week-nav button.active{background:#0d69b5;color:#fff;border-color:#0d69b5}
.clickable-control{width:100%;text-align:left;cursor:pointer;padding:16px}.clickable-control:active{transform:scale(.995)}.control-start{margin-left:auto;color:#0b67a7;font-weight:850;font-size:11px}
.order-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px}.order-type-card{min-height:142px;border:1px solid #b9d0e2;background:#fff;border-radius:20px;padding:15px;text-align:left;color:var(--brand-ink);box-shadow:0 8px 20px rgba(13,55,88,.08)}.order-type-card b{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#dcecf8;color:#0d5d94;font-size:23px;margin-bottom:10px}.order-type-card strong{display:block;font-size:16px}.order-type-card span{display:block;font-size:11px;line-height:1.35;color:#667f93;margin-top:5px}
.bottom-nav{background:#f7fbfe!important;border-top:1px solid #cbdbe7!important}.nav-btn{color:#56758d!important}.nav-btn.active{color:#0b65a1!important;background:#e5f1f9!important}.nav-btn b{background:transparent!important;border:0!important;color:inherit!important}
.action.primary,.submit{background:linear-gradient(180deg,#298be1,#0868bd)!important;border-color:#0868bd!important;color:#fff!important}.action{font-size:14px}.empty{background:#fff!important;border-color:#bed3e3!important;color:#5c7890!important;font-size:15px;padding:28px}
@media(max-width:430px){.week-nav{grid-template-columns:1fr 1fr}.week-nav #wpCurrent{grid-column:1/-1;grid-row:1}.order-type-grid{grid-template-columns:1fr 1fr}.topbar h1{font-size:29px}}

/* v142.55 final home hierarchy */
.app-shell{background:linear-gradient(180deg,#082d55 0,#0b6bc8 330px,#f1f6fa 330px,#f1f6fa 100%)!important}
.main-hubs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
.main-hubs .feature-card{min-height:172px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px;border:0!important;color:#fff!important;box-shadow:0 12px 26px rgba(5,45,82,.18)!important}
.main-hubs .feature-card:nth-child(1){background:linear-gradient(155deg,#1488c7,#0870b1)!important}
.main-hubs .feature-card:nth-child(2){background:linear-gradient(155deg,#2d83ca,#1663aa)!important}
.main-hubs .feature-card:nth-child(3){background:linear-gradient(155deg,#176ed2,#0d53ae)!important}
.main-hubs .feature-icon{background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;width:58px;height:58px}
.main-hubs .feature-copy strong,.main-hubs .feature-copy small,.main-hubs .chev{color:#fff!important}.main-hubs .feature-copy strong{font-size:18px}.main-hubs .feature-copy small{opacity:.88}.main-hubs .feature-copy em{display:none}.main-hubs .chev{align-self:flex-end;line-height:1}
@media(max-width:620px){.main-hubs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.main-hubs .feature-card{min-height:150px;padding:13px 10px}.main-hubs .feature-icon{width:48px;height:48px}.main-hubs .feature-copy strong{font-size:14px}.main-hubs .feature-copy small{display:none}}


/* ===== v142.56 Blue Clean UX overrides ===== */
:root{
  --bg:#0d63b8;
  --panel:#ffffff;
  --panel2:#f4f8fc;
  --line:#c9d8e8;
  --text:#0b2744;
  --muted:#617991;
  --accent:#0d63b8;
  --accent2:#2a8cf0;
  --blue:#0d63b8;
  --good:#1d9966;
  --warn:#c98a18;
  --danger:#bf5662;
  --shadow:0 14px 36px rgba(4,34,70,.14);
  color-scheme:light;
}
html,body,.app-shell{
  background:linear-gradient(180deg,#0d63b8 0%,#1067be 72%,#2a7bc8 100%) !important;
  color:var(--text) !important;
}
.main{
  padding-bottom:calc(100px + env(safe-area-inset-bottom)) !important;
}
.topbar{
  color:#fff !important;
  align-items:flex-start !important;
}
.topbar h1,
.topbar .meta,
.topbar .eyebrow,
.eyebrow{
  color:#fff !important;
}
.topbar .eyebrow{
  opacity:.95;
  letter-spacing:.22em;
}
.logo-avatar,
.brand-mark{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.logo-avatar img,
.brand-mark img{
  width:70%;
  height:70%;
  object-fit:contain;
  display:block;
}
.hero,
.stat,
.card,
.feature-card,
.mini-card,
.timesheet-card,
.workflow-card,
.report-card,
.order-type-card,
.order-card,
.modal-card,
.task-row,
.day-card,
.login .form-card,
.login .brand-card,
.summary-card,
.control-card,
.check-row,
.check-stack,
.employee-card,
.absence-card,
.key-card,
.damage-card,
.vehicle-card,
.info-card,
.native-list .card,
.native-list button{
  background:rgba(255,255,255,.98) !important;
  color:var(--text) !important;
  border:1px solid rgba(11,92,170,.14) !important;
  box-shadow:var(--shadow) !important;
}
.hero strong,
.card strong,
.feature-card strong,
.stat strong,
.modal-card h2,
.section h2,
.section-head h2,
.feature-copy strong{
  color:#0b2744 !important;
}
.hero p,
.meta,
.feature-card small,
.card .meta,
.stat span,
.empty,
label,
small{
  color:var(--muted) !important;
}
.hero{
  border-radius:26px !important;
  padding:22px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.stats{
  gap:14px !important;
  margin-top:16px !important;
}
.stat{
  padding:18px !important;
  border-radius:22px !important;
}
.stat strong{
  font-size:22px !important;
}
.card{
  border-radius:24px !important;
  padding:22px !important;
}
.feature-card{
  border-radius:24px !important;
  padding:20px 18px !important;
  min-height:132px !important;
  align-items:flex-start !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.feature-icon{
  width:74px !important;
  height:74px !important;
  border-radius:22px !important;
  background:#eaf3fc !important;
  border:1px solid #bcd7ef !important;
  color:#0d63b8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.chev{
  color:#0d63b8 !important;
  font-size:32px !important;
}
.quick-grid.main-hubs{
  display:none !important;
}
.section{
  background:transparent !important;
}
.section-head{
  align-items:center !important;
}
.section-head h2{
  color:#f7fbff !important;
}
.section-head button{
  color:#e6f2ff !important;
}
.page-back-row{
  gap:10px !important;
  margin:8px 0 14px !important;
}
.back-app,
.dashboard-btn,
#wpPrev,
#wpCurrent,
#wpNext{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
  backdrop-filter:blur(8px);
}
#wpPrev,
#wpCurrent,
#wpNext{
  padding:13px 16px !important;
  border-radius:16px !important;
  font-weight:700 !important;
}
.week-nav{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
.submit,
.cta,
.primary,
button[data-save],
button[data-action="save"]{
  background:linear-gradient(180deg,#48a9ff 0%,#1d82de 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 22px rgba(13,99,184,.26) !important;
}
button,
.feature-card,
.submit,
.back-app,
.dashboard-btn,
.nav-btn,
.order-type-card{
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease !important;
}
button:active,
button.pressed,
.feature-card:active,
.submit:active,
.back-app:active,
.dashboard-btn:active,
.nav-btn:active{
  transform:translateY(1px) scale(.985);
}
.bottom-nav{
  background:rgba(247,250,252,.97) !important;
  border-top:1px solid rgba(12,45,74,.08) !important;
  box-shadow:0 -10px 28px rgba(0,18,35,.12) !important;
}
.nav-btn{
  color:#5c7591 !important;
  border-radius:18px !important;
  padding:10px 6px !important;
}
.nav-btn.active{
  background:#eaf3fc !important;
  color:#0d63b8 !important;
}
.nav-btn b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#f7fbff;
  border:1px solid #d6e5f5;
  color:#0d63b8;
}
.nav-btn.active b{
  background:#dfeefd;
  border-color:#bcd7ef;
}
.pill{
  background:#f4f8fc !important;
  color:#0d63b8 !important;
  border:1px solid #d3e3f2 !important;
}
.pill.warn{
  background:#fff7e7 !important;
  color:#b97805 !important;
  border-color:#f0d59b !important;
}
.pill.good{
  background:#ecfbf3 !important;
  color:#1d875b !important;
  border-color:#b9e8cf !important;
}
.pill.danger{
  background:#fff0f1 !important;
  color:#bf4458 !important;
  border-color:#f4b9c2 !important;
}
.searchbar input,
input,
select,
textarea{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid #c8d8e6 !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
.order-type-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.order-type-card{
  min-height:150px !important;
}
.empty{
  background:rgba(255,255,255,.96) !important;
  border:1px dashed #bfd0df !important;
  border-radius:22px !important;
  padding:24px !important;
}
.control-card-copy .control-start{
  display:inline-block;
  margin-top:10px;
  font-weight:700;
  color:#0d63b8 !important;
}
@media (max-width:640px){
  .feature-card{
    min-height:118px !important;
  }
  .hero{
    padding:20px !important;
  }
}


/* ===== v142.57 FINAL READABILITY / GRID FIX ===== */
:root{
  --bg:#0b4f8d;
  --panel:#ffffff;
  --panel2:#f4f6f8;
  --line:#d6dee6;
  --text:#0e2235;
  --muted:#5f7488;
  --accent:#0b5fae;
  --accent2:#0b5fae;
  --blue:#0b5fae;
  --shadow:0 12px 30px rgba(7,35,63,.13);
}
html,body,.app-shell{
  background:linear-gradient(180deg,#0b4f8d 0%,#0b5fae 62%,#2f79b8 100%) !important;
}
.main{padding-left:18px!important;padding-right:18px!important}
.topbar h1{font-weight:800!important;letter-spacing:-.03em!important}
.hub-head .eyebrow,
.hub-head h2,
.hub-head p{
  color:#fff!important;
}
.hub-head p{opacity:.82!important}
.feature-grid{gap:14px!important}
.feature-card{
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr) 26px!important;
  gap:16px!important;
  align-items:center!important;
  min-height:124px!important;
  padding:18px 18px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.feature-icon{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef2f5!important;
  border:1px solid #d1dbe3!important;
  color:#163b5a!important;
  font-size:24px!important;
  margin:0!important;
  transform:none!important;
}
.feature-copy{
  min-width:0!important;
  padding:0!important;
}
.feature-copy strong{
  display:block!important;
  color:#0e2235!important;
  font-size:18px!important;
  line-height:1.18!important;
  margin:0!important;
}
.feature-copy small{
  display:block!important;
  color:#63798d!important;
  font-size:13.5px!important;
  line-height:1.38!important;
  margin-top:7px!important;
}
.feature-copy em{
  margin-top:9px!important;
  background:#f0f3f5!important;
  color:#486176!important;
  border:1px solid #d5dee5!important;
  font-size:9px!important;
}
.chev{
  align-self:center!important;
  justify-self:end!important;
  color:#1e5f93!important;
  font-size:34px!important;
  line-height:1!important;
}
.card,.stat,.order-detail-hero,.detail-grid>div,.mail-detail,.order-card,.mini-card,.order-type-card,.workflow-card,.timesheet-card{
  background:#fff!important;
  color:#0e2235!important;
}
.card strong,.detail-grid strong,.order-detail-hero h2,.mail-detail strong{
  color:#0e2235!important;
}
.card .meta,.detail-grid span,.order-detail-hero p,.order-copy small,.order-copy em{
  color:#62778a!important;
}
.mail-detail{
  border-radius:22px!important;
  border:1px solid #d5dee6!important;
  padding:18px!important;
}
.mail-body{
  color:#1e3347!important;
  font-size:14px!important;
  line-height:1.62!important;
  white-space:pre-wrap!important;
  opacity:1!important;
}
.order-detail-hero{
  background:#fff!important;
  border-radius:25px!important;
  padding:22px!important;
}
.order-detail-hero .eyebrow{
  color:#50708b!important;
}
.order-data-section .section-head h2{
  color:#fff!important;
}
.detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.detail-grid>div{
  padding:16px!important;
  border:1px solid #d8e0e7!important;
  border-radius:18px!important;
  min-width:0!important;
}
.detail-grid span{
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
}
.detail-grid strong{
  font-size:14px!important;
  overflow-wrap:anywhere!important;
}
.order-options-toggle{
  width:100%!important;
  margin:16px 0 10px!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  backdrop-filter:blur(8px);
}
.order-options-toggle span{
  min-width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0b5fae!important;
}
.order-options-panel{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.order-options-panel[hidden],
.order-pdf-list[hidden],
#orderMailSection[hidden],
#orderPhotoSection[hidden]{display:none!important}
.order-options-panel .action,
.order-pdf-list .action{
  min-height:54px!important;
  padding:13px 12px!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#17324a!important;
  border:1px solid #d3dde5!important;
  box-shadow:0 7px 18px rgba(7,35,63,.08)!important;
  text-align:center!important;
  font-weight:750!important;
}
.order-options-panel .action.primary{
  background:#1b78c7!important;
  color:#fff!important;
  border-color:#1b78c7!important;
}
.order-options-panel .action.success{
  background:#eef9f3!important;
  color:#217a50!important;
  border-color:#bfe1cf!important;
}
.order-options-panel .action.warn{
  background:#fff6e8!important;
  color:#9b6816!important;
  border-color:#edd19b!important;
}
.order-pdf-list{
  display:grid!important;
  gap:8px!important;
  margin:0 0 14px!important;
}
.order-gallery{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.order-gallery-item{
  min-height:150px!important;
  border:1px solid #d4dde5!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:10px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  justify-content:center!important;
  color:#17324a!important;
}
.order-gallery-item img{
  width:100%!important;
  max-height:220px!important;
  object-fit:cover!important;
  border-radius:12px!important;
}
.order-gallery-item.pdf b{
  display:grid!important;
  place-items:center!important;
  width:68px!important;height:68px!important;
  margin:auto!important;
  border-radius:18px!important;
  background:#eef2f5!important;
  color:#173b59!important;
}
.order-gallery-item small{
  color:#5f7488!important;
  overflow-wrap:anywhere!important;
}
.order-card{
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}
.order-file{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:#eef2f5!important;
  color:#173b59!important;
  border:1px solid #d0dae2!important;
}
.order-copy strong{
  color:#0e2235!important;
  font-size:16px!important;
  line-height:1.25!important;
}
.order-service{color:#314d64!important}
.bottom-nav{
  background:#f8fafc!important;
}
.nav-btn b{
  background:transparent!important;
  border:0!important;
}
.nav-btn.active{
  background:#e8eef4!important;
  color:#0b5fae!important;
}
.week-nav button{
  font-size:12px!important;
}
@media(max-width:460px){
  .feature-card{
    grid-template-columns:68px minmax(0,1fr) 22px!important;
    gap:13px!important;
    min-height:112px!important;
    padding:16px!important;
  }
  .feature-icon{
    width:60px!important;height:60px!important;min-width:60px!important;
  }
  .feature-copy strong{font-size:17px!important}
  .feature-copy small{font-size:12.5px!important}
  .order-options-panel{grid-template-columns:1fr!important}
  .detail-grid{grid-template-columns:1fr!important}
  .detail-grid .wide{grid-column:auto!important}
  .order-gallery{grid-template-columns:1fr!important}
}


/* ===== v142.58 Original Blue Tile Parity Pass ===== */
:root{
  --portal-blue:#0c63b8;
  --portal-blue-deep:#0a56a3;
  --portal-blue-soft:#d9ebf8;
  --portal-card:#ffffff;
  --portal-ink:#0d2237;
  --portal-muted:#5f778a;
  --portal-border:#c9dceb;
  --portal-shadow:0 12px 28px rgba(8,46,79,.12);
}
html,body{
  background:linear-gradient(180deg,var(--portal-blue) 0%,var(--portal-blue) 78%,#2d7cc3 100%)!important;
}
body{color:#f4f9fd!important;}
.main{padding-bottom:118px!important;}
.topbar{padding:10px 2px 2px!important;margin-bottom:18px!important;}
.topbar h1{color:#fff!important;font-size:32px!important;line-height:1.02!important;text-shadow:none!important;}
.topbar .meta{color:#d6e8f7!important;font-size:14px!important;}
.topbar .eyebrow{color:#e4f1fb!important;letter-spacing:4px!important;}
.online-dot{background:#79d59b!important;box-shadow:none!important;}
.logo-avatar,.avatar{background:#fff!important;border:1px solid rgba(6,36,65,.18)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important;}
.logo-avatar img,.brand-mark img{object-fit:contain!important;padding:5px!important;background:#fff!important;border-radius:inherit!important;}
.hero,.card,.stat,.feature-card,.mini-card,.timesheet-card,.subtle-card,.mail-detail,.detail-grid>div,.order-card,.workflow-card,.form-card,.modal-card,.server-box,.module-block,.workflow-detail-hero,.order-detail-hero,.order-type-card{
  background:var(--portal-card)!important;
  color:var(--portal-ink)!important;
  border:1px solid var(--portal-border)!important;
  box-shadow:var(--portal-shadow)!important;
}
.hero{border-radius:24px!important;background:linear-gradient(135deg,#ffffff 0%,#f1f7fc 100%)!important;margin-bottom:14px!important;}
.hero:after{border-color:rgba(71,131,183,.16)!important;box-shadow:0 0 0 26px rgba(118,171,214,.08)!important;}
.hero strong,.hero h2,.hero p,.hero-label,.card strong,.feature-copy strong,.workflow-card strong,.order-copy strong,.detail-grid strong,.module-block h3,.section-head h2,.hub-head h2,.order-detail-hero h2{color:var(--portal-ink)!important;}
.hero p,.hero-label,.meta,.feature-copy small,.workflow-card span,.order-copy small,.order-copy em,.detail-grid span,.detail-line span,.native-file-note,.privacy,.hub-head p,.card .meta{color:var(--portal-muted)!important;}
.stats{gap:12px!important;margin-bottom:14px!important;}
.stat{min-height:94px!important;border-radius:22px!important;padding:16px!important;}
.stat strong{font-size:26px!important;color:#0b5ea2!important;}
.stat span{font-size:14px!important;color:var(--portal-muted)!important;}
.subtile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.subtile-grid .feature-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:170px!important;
  padding:16px!important;
  text-align:left!important;
  border-radius:24px!important;
  background:#fff!important;
}
.subtile-grid .feature-icon{
  width:58px!important;height:58px!important;min-width:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:var(--portal-blue-soft)!important;
  border:1px solid #a9c9e0!important;
  color:#0b5f9d!important;
  font-size:24px!important;
  font-weight:900!important;
}
.subtile-grid .feature-copy{display:block!important;width:100%!important;}
.subtile-grid .feature-copy strong{display:block!important;font-size:17px!important;line-height:1.16!important;margin:0 0 4px!important;}
.subtile-grid .feature-copy small{display:block!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.subtile-grid .feature-copy em{margin-top:8px!important;border:1px solid #bfd4e6!important;background:#eef6fb!important;color:#416a86!important;border-radius:999px!important;padding:4px 8px!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;letter-spacing:.7px!important;}
.subtile-grid .chev{align-self:flex-end!important;margin-top:auto!important;font-size:34px!important;line-height:1!important;color:#1f6ca8!important;}
.section-head button,.link-btn,.back-app,.dashboard-btn{color:#0b63a5!important;}
.page-back-row{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:2px 0 14px!important;}
.back-app,.dashboard-btn{border:1px solid rgba(220,236,247,.44)!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border-radius:16px!important;padding:12px 15px!important;font-weight:800!important;backdrop-filter:blur(8px)!important;}
.back-app:active,.dashboard-btn:active,.subtile-grid .feature-card:active,.order-type-card:active{transform:translateY(1px) scale(.992)!important;}
.order-tabs button,.week-nav button,.mini-refresh{background:rgba(255,255,255,.15)!important;border:1px solid rgba(223,239,249,.42)!important;color:#eef6fb!important;}
.order-tabs button.active,.week-nav button.active{background:#fff!important;color:#0d5ea0!important;border-color:#d0e1ee!important;}
.order-tools input,.native-form input,.native-form textarea,.native-form select,select,input,textarea{background:#fff!important;color:var(--portal-ink)!important;border:1px solid #ccdae6!important;}
.order-card{grid-template-columns:56px minmax(0,1fr) auto!important;gap:14px!important;border-radius:22px!important;}
.order-file,.icon,.feature-icon{display:grid!important;place-items:center!important;}
.order-file,.icon{background:#deedf8!important;border:1px solid #a8c7dd!important;color:#0b5f9f!important;}
.order-copy strong,.card strong,.detail-grid strong,.mail-detail strong{color:var(--portal-ink)!important;}
.mail-body{color:#21364a!important;font-size:13px!important;line-height:1.62!important;}
.order-detail-hero{border-radius:24px!important;padding:18px!important;}
.order-action-stack .action,.actions .action,.submit{border-radius:16px!important;font-weight:800!important;}
.action.primary{background:linear-gradient(180deg,#2c8ed7,#1171bb)!important;border-color:#0f65a6!important;color:#fff!important;}
.action.success{background:#eef9f2!important;color:#228052!important;border-color:#bfe0cc!important;}
.action.warn{background:#fff7ea!important;color:#9a6b12!important;border-color:#ebd39a!important;}
.notice,.notice.warn,.notice.good{background:#fff!important;border-color:#d6e3ee!important;color:#33546d!important;}
.order-type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:10px 0 18px!important;}
.order-type-card{min-height:164px!important;border-radius:24px!important;padding:16px!important;}
.order-type-card b{width:56px!important;height:56px!important;border-radius:18px!important;background:#dcecf8!important;color:#0b5f9d!important;border:1px solid #a6c5dc!important;margin-bottom:12px!important;}
.order-type-card strong{font-size:18px!important;line-height:1.15!important;color:var(--portal-ink)!important;}
.order-type-card span{font-size:12px!important;line-height:1.42!important;color:var(--portal-muted)!important;}
.bottom-nav{background:rgba(248,251,253,.98)!important;border-top:1px solid #d5e2ec!important;box-shadow:0 -10px 28px rgba(8,42,72,.12)!important;}
.nav-btn{color:#5c7b92!important;font-size:11px!important;gap:4px!important;}
.nav-btn b{font-size:22px!important;background:transparent!important;border:0!important;color:inherit!important;}
.nav-btn.active{background:#e9f3f9!important;color:#0b63a5!important;border-radius:16px!important;}
.card,.mini-card,.workflow-card,.timesheet-card,.subtle-card{border-radius:22px!important;}
.empty,.error{background:#fff!important;border:1px solid var(--portal-border)!important;border-radius:20px!important;color:#35546c!important;padding:16px!important;box-shadow:var(--portal-shadow)!important;}
@media (max-width:520px){
  .topbar h1{font-size:30px!important;}
  .subtile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .subtile-grid .feature-card{min-height:162px!important;padding:14px!important;}
  .subtile-grid .feature-copy strong{font-size:16px!important;}
  .subtile-grid .feature-copy small{font-size:11.5px!important;}
  .order-type-card{min-height:156px!important;}
}


/* ===== v142.59 Original Portal restoration ===== */
.bottom-nav{display:none!important;}
.main{padding-bottom:32px!important;}
body,html{background:#ffffff!important;}
.topbar{display:none!important;}
.legacy-hero{background:linear-gradient(135deg,#14388f 0%,#3457f4 100%)!important;border-radius:28px!important;padding:22px 20px!important;color:#fff!important;box-shadow:0 18px 36px rgba(27,53,126,.18)!important;margin:0 0 14px!important;position:relative;overflow:hidden;}
.legacy-hero.compact{margin-top:4px!important;}
.legacy-hero h2{margin:14px 0 10px!important;font-size:32px!important;line-height:1.02!important;color:#fff!important;}
.legacy-hero p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.86)!important;max-width:320px;}
.legacy-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;font-size:12px!important;font-weight:800!important;letter-spacing:2px!important;color:#f4f7ff!important;}
.legacy-logout{position:absolute!important;right:18px!important;top:16px!important;border-radius:18px!important;padding:12px 18px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-weight:800!important;}
.profile-summary-card,.today-summary-card,.portal-dashboard-section,.module-row-card,.order-card-legacy,.profile-card,.order-detail-hero,.mail-detail,.detail-grid>div,.notice,.card{background:#fff!important;border:1px solid #ebedf4!important;border-radius:24px!important;box-shadow:0 10px 25px rgba(25,50,112,.08)!important;}
.profile-summary-card{padding:18px!important;margin-bottom:14px!important;}
.profile-summary-user{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:14px!important;}
.profile-summary-icon{width:50px!important;height:50px!important;border-radius:18px!important;background:#f3f5ff!important;color:#5263d5!important;display:grid!important;place-items:center!important;font-size:24px!important;}
.profile-summary-user strong{display:block!important;font-size:18px!important;color:#303548!important;}
.profile-summary-user small{display:block!important;font-size:14px!important;color:#8a90a5!important;margin-top:2px!important;}
.dark-action{width:100%!important;background:#46485f!important;border-color:#46485f!important;color:#fff!important;border-radius:16px!important;font-weight:800!important;padding:14px!important;}
.today-summary-card{padding:18px!important;margin-bottom:16px!important;}
.today-summary-card .section-head{display:block!important;margin-bottom:12px!important;}
.today-summary-card .section-head h2{margin:0 0 4px!important;color:#2b3248!important;}
.today-summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.summary-big{grid-column:1/-1!important;min-height:82px!important;border:1px solid #edf0f6!important;border-radius:22px!important;background:#fff!important;padding:16px 16px 16px 18px!important;position:relative;}
.summary-big:before,.summary-mini:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:5px;border-radius:999px;background:#4f63f0;}
.summary-big strong{display:block!important;font-size:30px!important;color:#2c3350!important;line-height:1;}
.summary-big span{display:block!important;margin-top:8px!important;color:#7e859e!important;font-size:14px!important;}
.summary-mini{position:relative;min-height:88px!important;border:1px solid #edf0f6!important;border-radius:22px!important;background:#fff!important;padding:16px 12px 12px 18px!important;}
.summary-mini strong{display:block!important;font-size:20px!important;color:#2c3350!important;line-height:1.1;}
.summary-mini span{display:block!important;margin-top:7px!important;color:#7e859e!important;font-size:13px!important;line-height:1.25;}
.home-main-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important;}
.home-area-tile{position:relative!important;min-height:172px!important;padding:18px 14px!important;border:none!important;border-radius:26px!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;box-shadow:0 16px 32px rgba(32,58,121,.18)!important;overflow:hidden;text-align:left!important;}
.home-area-tile.green{background:linear-gradient(180deg,#3cc570 0%,#1fa85c 100%)!important;}
.home-area-tile.orange{background:linear-gradient(180deg,#f3b51f 0%,#ea9908 100%)!important;}
.home-area-tile.blue{background:linear-gradient(180deg,#4d7ef2 0%,#3277ee 100%)!important;}
.home-area-icon{width:72px!important;height:72px!important;border-radius:24px!important;display:grid!important;place-items:center!important;font-size:34px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;position:absolute!important;top:18px!important;left:18px!important;color:#fff!important;}
.home-area-tile strong{display:block!important;margin:0!important;font-size:18px!important;line-height:1.08!important;color:#fff!important;max-width:88%;}
.home-area-tile small{display:block!important;margin-top:8px!important;font-size:12px!important;line-height:1.38!important;color:rgba(255,255,255,.88)!important;max-width:95%;}
.home-area-arrow{position:absolute!important;bottom:14px!important;left:50%!important;transform:translateX(-50%)!important;width:28px!important;height:28px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.28)!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:15px!important;}
.portal-dashboard-section{padding:18px!important;margin-bottom:16px!important;}
.portal-dashboard-head h2{margin:0!important;color:#2b3248!important;font-size:17px!important;display:flex!important;align-items:center!important;gap:10px!important;}
.portal-dashboard-head h2:before{content:'';width:6px;height:26px;border-radius:999px;background:#5c6fff;display:inline-block;}
.portal-dashboard-stack{display:flex!important;flex-direction:column!important;gap:14px!important;margin-top:14px!important;}
.module-row-card{position:relative!important;width:100%!important;padding:18px 18px 18px 20px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;overflow:hidden!important;}
.module-row-accent{position:absolute!important;left:0;top:0;bottom:0;width:5px!important;border-radius:24px 0 0 24px!important;background:#5d6ff8!important;}
.module-row-card.accent-red .module-row-accent{background:#eb7c6f!important;}
.module-row-card.accent-orange .module-row-accent{background:#f2a31c!important;}
.module-row-card.accent-blue .module-row-accent{background:#5873f1!important;}
.module-row-card.accent-purple .module-row-accent{background:#8f6bf0!important;}
.module-row-copy{display:block!important;flex:1!important;padding-right:10px!important;}
.module-row-copy strong{display:block!important;font-size:16px!important;line-height:1.2!important;color:#33384d!important;}
.module-row-copy small{display:block!important;margin-top:6px!important;font-size:13px!important;line-height:1.48!important;color:#7d859d!important;white-space:normal!important;}
.module-row-copy em{display:inline-block!important;margin-top:12px!important;font-style:normal!important;font-size:13px!important;font-weight:800!important;color:#596cf7!important;}
.module-row-badge{align-self:flex-start!important;min-width:34px!important;height:34px!important;border-radius:999px!important;background:#fff5f5!important;border:1px solid #f3c8c8!important;color:#cc8d8d!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:800!important;padding:0 10px!important;}
.order-tabs.legacy-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:6px 0 16px!important;}
.order-tabs.legacy-tabs button{padding:16px 14px!important;border-radius:18px!important;background:#fff!important;color:#807996!important;border:1px solid #edf0f6!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 20px rgba(18,46,109,.06)!important;}
.order-tabs.legacy-tabs button.active{background:#fff8d9!important;color:#7b6640!important;border-color:#f4e5ad!important;}
.order-tools.legacy-tools{display:grid!important;grid-template-columns:1fr 54px!important;gap:12px!important;margin-bottom:16px!important;}
.order-tools.legacy-tools input{border-radius:18px!important;padding:16px!important;font-size:16px!important;}
.order-list-legacy{display:flex!important;flex-direction:column!important;gap:14px!important;}
.order-card-legacy{padding:18px!important;border-radius:26px!important;border-left:5px solid #efb248!important;background:#fff!important;}
.order-legacy-head{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;color:#8a90a3!important;font-size:13px!important;margin-bottom:10px!important;}
.order-doc-icon{font-size:18px!important;color:#9aa3b5!important;display:inline-flex!important;align-items:center!important;}
.order-doc-icon .ui-svg{width:18px!important;height:18px!important;}
.order-legacy-date{font-weight:700!important;color:#8b8fa5!important;}
.order-legacy-title{font-size:17px!important;line-height:1.25!important;font-weight:800!important;color:#313752!important;margin-bottom:6px!important;}
.order-legacy-service{font-size:15px!important;line-height:1.35!important;color:#4f566f!important;margin-bottom:6px!important;}
.order-legacy-meta{font-size:14px!important;line-height:1.45!important;color:#9aa0b3!important;margin-bottom:10px!important;}
.order-legacy-note{margin:12px 0!important;padding:12px 14px!important;border:1px solid #eedfaa!important;background:#fff9dd!important;border-radius:16px!important;}
.order-legacy-note strong{display:block!important;color:#8a7940!important;font-size:13px!important;margin-bottom:6px!important;}
.order-legacy-note span{display:block!important;color:#7d7a68!important;font-size:14px!important;line-height:1.45!important;}
.order-legacy-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;}
.order-legacy-actions .action.primary{padding:16px 18px!important;border-radius:18px!important;background:linear-gradient(180deg,#4b5ff0,#3152ef)!important;color:#fff!important;font-weight:800!important;}
.order-legacy-actions .action.light{padding:16px 18px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf0f6!important;color:#7c8298!important;font-weight:700!important;}
.order-side,.chev{display:none!important;}
.order-detail-hero h2,.detail-grid strong,.mail-body,.notice{color:#2d3349!important;}
.detail-grid span,.card .meta,.mail-detail .mail-body,.notice.warn,.notice.good{color:#7e879c!important;}
.back-app,.dashboard-btn{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;padding:14px 18px!important;font-weight:800!important;box-shadow:none!important;}
.page-back-row{display:flex!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;}
.action.dark-action,.action.primary,.submit{box-shadow:none!important;}
@media (max-width:640px){
  .main{padding-top:16px!important;}
  .legacy-hero h2{font-size:29px!important;}
  .today-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .home-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
  .home-area-tile{min-height:164px!important;padding:16px 12px!important;}
  .home-area-icon{width:66px!important;height:66px!important;left:14px!important;top:14px!important;font-size:30px!important;}
  .home-area-tile strong{font-size:16px!important;}
  .home-area-tile small{font-size:11px!important;}
  .order-tabs.legacy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== v142.60 Accordion restoration / white canvas ===== */
html,body,.app-shell{background:#fff!important;color:#263047!important;}
body{min-height:100dvh!important;}
.main{max-width:780px!important;background:#fff!important;padding:18px 16px 42px!important;}
.legacy-hero{margin-top:0!important;}
.area-switcher-block{margin:0 0 18px!important;}
.area-switcher-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:4px 2px 12px!important;}
.area-switcher-title span{display:block!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:2px!important;color:#8b91a5!important;font-weight:800!important;}
.area-switcher-title strong{display:block!important;font-size:15px!important;color:#30364a!important;text-align:right!important;}
.home-main-grid{margin-bottom:0!important;}
.home-area-tile{transition:transform .16s ease,box-shadow .18s ease,filter .18s ease!important;}
.home-area-tile.is-active{transform:translateY(-2px)!important;box-shadow:0 18px 34px rgba(29,53,118,.24)!important;filter:saturate(1.05)!important;}
.home-area-tile.is-active .home-area-arrow{transform:translateX(-50%) rotate(0deg)!important;background:rgba(255,255,255,.2)!important;}
.home-area-panel{margin:14px 0 18px!important;padding:18px!important;border:1px solid #eceff5!important;border-radius:26px!important;background:#fff!important;box-shadow:0 12px 28px rgba(25,49,107,.08)!important;animation:maassSlideDown .2s ease both!important;scroll-margin-top:18px!important;}
.home-area-panel[hidden]{display:none!important;}
.home-area-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
.home-area-panel-head h2{margin:0!important;font-size:20px!important;color:#2f354a!important;display:flex!important;align-items:center!important;gap:10px!important;}
.home-area-panel-head h2:before{content:'';width:6px;height:28px;border-radius:999px;background:#5c6fff;display:inline-block;}
.home-area-close{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid #e4e8ef!important;background:#f8f9fc!important;color:#737a91!important;font-size:22px!important;line-height:1!important;}
@keyframes maassSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.portal-dashboard-stack{margin-top:0!important;}
.module-row-card{box-shadow:0 7px 20px rgba(28,48,94,.06)!important;}
.module-row-card:active{transform:scale(.992)!important;}
/* Subpages remain white too; dark text on light cards */
.order-detail-hero,.card,.detail-grid>div,.mail-detail,.order-card,.order-type-card,.mini-card,.timesheet-card,.module-block,.workflow-card,.modal-card,.empty,.notice,.error{background:#fff!important;color:#2d3349!important;border-color:#e7ebf2!important;}
.order-detail-hero h2,.card strong,.detail-grid strong,.mail-body,.module-block h3,.workflow-card strong,.order-copy strong{color:#283048!important;}
.order-detail-hero p,.card .meta,.detail-grid span,.order-copy small,.order-copy em,.mail-body,.module-block .meta{color:#7d869a!important;}
.page-back-row .back-app,.page-back-row .dashboard-btn{background:#f3f5f9!important;color:#4d5874!important;border-color:#e1e6ee!important;}
.order-tabs.legacy-tabs button{background:#fff!important;}
.order-tabs.legacy-tabs button.active{background:#fff8d9!important;}
/* no fixed navigation - the 3 top tiles are the navigation */
.bottom-nav{display:none!important;}
@media(max-width:520px){
  .main{padding:14px 12px 34px!important;}
  .home-main-grid{gap:10px!important;}
  .home-area-tile{min-height:158px!important;padding:15px 10px!important;}
  .home-area-icon{width:62px!important;height:62px!important;left:12px!important;top:12px!important;}
  .home-area-tile strong{font-size:15px!important;}
  .home-area-tile small{font-size:10.8px!important;}
  .area-switcher-title strong{font-size:13px!important;}
  .home-area-panel{padding:14px!important;border-radius:22px!important;}
}

/* ===== v142.61 Order card layout hard fix ===== */
html,body,.app-shell,.main{background:#fff!important;}
.order-card.order-card-legacy{
  display:block!important;
  grid-template-columns:none!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  align-items:initial!important;
  width:100%!important;
  min-width:0!important;
  padding:18px!important;
  overflow:hidden!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
.order-card.order-card-legacy > *{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.order-card.order-card-legacy .order-legacy-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  flex-wrap:wrap!important;
  margin:0 0 10px!important;
}
.order-card.order-card-legacy .order-legacy-head .order-age{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.order-card.order-card-legacy .order-doc-icon{
  flex:0 0 auto!important;
  width:24px!important;
  text-align:center!important;
}
.order-card.order-card-legacy .order-legacy-date{
  flex:0 1 auto!important;
  min-width:0!important;
  white-space:normal!important;
}
.order-card.order-card-legacy .order-legacy-title,
.order-card.order-card-legacy .order-legacy-service,
.order-card.order-card-legacy .order-legacy-meta,
.order-card.order-card-legacy .order-legacy-note{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
}
.order-card.order-card-legacy .order-legacy-title{
  font-size:18px!important;
  line-height:1.28!important;
  margin:0 0 5px!important;
}
.order-card.order-card-legacy .order-legacy-service{
  font-size:15px!important;
  line-height:1.42!important;
  margin:0 0 5px!important;
}
.order-card.order-card-legacy .order-legacy-meta{
  font-size:13.5px!important;
  line-height:1.45!important;
  margin:0 0 10px!important;
}
.order-card.order-card-legacy .order-legacy-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:14px!important;
}
.order-card.order-card-legacy .order-legacy-actions .action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:52px!important;
  width:auto!important;
  padding:13px 16px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
  overflow:visible!important;
}
.order-card.order-card-legacy .order-legacy-actions .legacy-open{
  width:100%!important;
}
.order-card.order-card-legacy .order-legacy-actions .legacy-detail{
  min-width:92px!important;
}
.order-list.order-list-legacy{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
}
.order-tools.legacy-tools,
.order-tabs.legacy-tabs,
.page-back-row{
  width:100%!important;
  box-sizing:border-box!important;
}
.page-back-row .back-app,.page-back-row .dashboard-btn{
  background:#f5f7fb!important;
  color:#4f5971!important;
  border:1px solid #e1e6ef!important;
}
@media(max-width:430px){
  .order-card.order-card-legacy{padding:16px!important;border-radius:22px!important;}
  .order-card.order-card-legacy .order-legacy-actions{grid-template-columns:1fr!important;}
  .order-card.order-card-legacy .order-legacy-actions .legacy-detail{width:100%!important;min-width:0!important;}
  .order-tabs.legacy-tabs{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .order-tabs.legacy-tabs button{font-size:14px!important;padding:13px 8px!important;}
  .order-tools.legacy-tools{grid-template-columns:minmax(0,1fr) 50px!important;gap:8px!important;}
}


/* ===== v142.62 Mobile polish ===== */
html,body,.app-shell,.main{background:#fff!important;}
.area-switcher-block{background:#fff!important;}
.home-main-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.home-area-tile{
  min-height:206px!important;
  height:206px!important;
  padding:96px 12px 48px!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
.home-area-icon{
  width:64px!important;height:64px!important;
  left:50%!important;top:16px!important;
  transform:translateX(-50%)!important;
  font-size:29px!important;
}
.home-area-tile strong{
  width:100%!important;max-width:none!important;
  font-size:16px!important;line-height:1.12!important;
  min-height:36px!important;
  margin:0!important;
}
.home-area-tile small{
  width:100%!important;max-width:none!important;
  font-size:11.2px!important;line-height:1.34!important;
  margin-top:7px!important;
  overflow-wrap:anywhere!important;
}
.home-area-arrow{
  bottom:12px!important;
  width:30px!important;height:30px!important;
}
.home-area-tile.is-active .home-area-icon{transform:translateX(-50%)!important;}
.order-options-toggle{
  background:#eef3f8!important;
  color:#17324a!important;
  border:1px solid #d6e1ea!important;
  box-shadow:0 6px 16px rgba(21,52,78,.06)!important;
  backdrop-filter:none!important;
}
.order-options-toggle span{
  background:#176db2!important;
  color:#fff!important;
}
.order-options-panel{margin-top:10px!important;}
.page-back-row,.back-app{scroll-margin-top:14px!important;}
@media(max-width:430px){
  .home-main-grid{gap:9px!important;}
  .home-area-tile{min-height:214px!important;height:214px!important;padding:94px 10px 50px!important;border-radius:24px!important;}
  .home-area-icon{width:60px!important;height:60px!important;top:15px!important;font-size:27px!important;}
  .home-area-tile strong{font-size:15px!important;line-height:1.1!important;min-height:34px!important;}
  .home-area-tile small{font-size:10.7px!important;line-height:1.32!important;}
}


/* ===== v142.63 Arbeitgeber Plus parity + subpage header repair ===== */
.topbar{display:flex!important;}
.week-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:4px 0 16px!important;}
.week-nav button{display:block!important;background:#f6f9fc!important;color:#19364d!important;border:1px solid #d4e1eb!important;border-radius:16px!important;padding:13px 10px!important;font-weight:800!important;}
.week-nav button.active{background:#e7f2fb!important;color:#0b62a3!important;border-color:#a9cbe3!important;}
.plus-hero-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#f8fbfe,#edf5fb);border:1px solid #c9deed;border-radius:24px;padding:20px;margin-bottom:14px;box-shadow:0 12px 28px rgba(24,60,91,.08);}
.plus-hero-card span{display:block;color:#6b8193;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;}
.plus-hero-card strong{display:block;color:#0c263b;font-size:34px;line-height:1.05;margin:6px 0;}
.plus-hero-card small{display:block;color:#60788b;font-size:13px;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:500;}
.plus-hero-star{font-size:42px!important;color:#315ec5!important;line-height:1!important;}
.plus-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:10px;scrollbar-width:none;}
.plus-tabs::-webkit-scrollbar{display:none}.plus-tabs button{flex:0 0 auto;border:1px solid #d0dfeb;background:#fff;color:#516b7f;border-radius:999px;padding:10px 14px;font-weight:800;font-size:12px;white-space:nowrap;}.plus-tabs button.active{background:#123f70;color:#fff;border-color:#123f70;}
.plus-panel{display:grid;gap:14px}.plus-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plus-kpis>div{background:#fff;border:1px solid #dce6ee;border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(20,55,85,.06)}.plus-kpis strong{display:block;color:#0d2c44;font-size:20px}.plus-kpis span{display:block;color:#6e8291;font-size:11px;line-height:1.3;margin-top:5px}
.plus-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plus-rule-card{background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(20,55,85,.05)}.plus-rule-card span{display:block;color:#728797;font-size:11px}.plus-rule-card strong{display:block;color:#123f70;font-size:18px;margin:6px 0 3px}.plus-rule-card small{display:block;color:#5f7486;font-size:11px;line-height:1.35}
.plus-entry-list,.plus-manager-list{display:grid;gap:9px}.plus-entry-card,.plus-review-card{background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:14px}.plus-entry-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.plus-entry-card strong,.plus-review-card strong{display:block;color:#122d43}.plus-entry-card small,.plus-review-card small{display:block;color:#748797;font-size:11px;margin-top:4px}.plus-entry-card b{color:#1766a4;font-size:16px;white-space:nowrap}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.plus-submit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plus-submit-card{min-height:160px;background:#fff;border:1px solid #d5e4ef;border-radius:22px;padding:16px;text-align:left;box-shadow:0 9px 22px rgba(18,56,88,.07)}.plus-submit-card>span{font-size:30px}.plus-submit-card strong{display:block;color:#102d45;font-size:15px;margin:12px 0 6px}.plus-submit-card small{display:block;color:#6c8091;font-size:11px;line-height:1.42}
.plus-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plus-reward-card{background:#fff;border:1px solid #d8e5ef;border-radius:22px;padding:16px;box-shadow:0 9px 22px rgba(18,56,88,.07)}.plus-reward-icon{font-size:28px}.plus-reward-card strong{display:block;color:#0e2d45;font-size:16px;margin:10px 0 5px}.plus-reward-card small{display:block;color:#6d8190;font-size:11px;margin-bottom:12px}.plus-reward-card .action{width:100%}.plus-reward-card .action:disabled{opacity:.45}
.plus-bonus-card{background:#fff;border:1px solid #d5e4ef;border-radius:24px;padding:18px;box-shadow:0 10px 24px rgba(20,57,88,.07)}.plus-bonus-card h2{color:#0d2b42;font-size:24px;margin:6px 0 12px}.plus-bonus-card p{color:#60788b}.plus-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.plus-tier-grid>div{background:#f7fafc;border:1px solid #dce6ee;border-radius:16px;padding:12px}.plus-tier-grid span,.plus-tier-grid small{display:block;color:#6c8192;font-size:10px}.plus-tier-grid strong{display:block;color:#153d5c;font-size:13px;margin:5px 0}.plus-review-card .actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:520px){.plus-submit-grid{grid-template-columns:1fr}.plus-rule-grid,.plus-reward-grid{grid-template-columns:1fr 1fr}.plus-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.plus-tier-grid{grid-template-columns:1fr}.week-nav{grid-template-columns:1fr 1fr!important}.week-nav #wpCurrent{grid-column:1/-1;grid-row:1}.topbar h1{font-size:28px!important}.topbar .meta{font-size:12px!important}}


/* ===== v142.64 Aufträge – klassisches Portalverhalten ===== */
.order-tabs.legacy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}
.order-tabs.legacy-tabs .planned-tab{grid-column:1/2!important;}
.order-card.order-card-legacy{overflow:visible!important;}
.order-card.order-card-legacy .order-legacy-title{font-size:18px!important;line-height:1.22!important;color:#30364d!important;margin-top:4px!important;}
.order-card.order-card-legacy .order-legacy-service{font-size:14px!important;line-height:1.38!important;color:#525b72!important;margin-top:5px!important;}
.order-card.order-card-legacy .order-legacy-meta{font-size:12.5px!important;line-height:1.4!important;color:#9aa1b1!important;margin-top:5px!important;}
.order-card.order-card-legacy .order-legacy-meta[hidden]{display:none!important;}
.order-inline-actions{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf0f5!important;}
.order-inline-actions[hidden]{display:none!important;}
.order-inline-loading{padding:12px!important;border-radius:14px!important;background:#f6f8fb!important;color:#6f778b!important;font-size:13px!important;text-align:center!important;}
.order-inline-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.order-inline-btn{min-height:52px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#4960f2 0%,#3b54e8 100%)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;text-decoration:none!important;font:inherit!important;font-size:13px!important;font-weight:800!important;padding:10px 9px!important;box-shadow:0 7px 16px rgba(59,84,232,.16)!important;}
.order-inline-btn:active{transform:scale(.985)!important;}
.order-inline-status{background:linear-gradient(180deg,#4c61ec 0%,#3d56df 100%)!important;}
.order-inline-subview{margin-top:9px!important;border:1px solid #dfe7ef!important;border-radius:15px!important;background:#f9fbfd!important;color:#273a4b!important;padding:12px!important;font-size:12px!important;line-height:1.55!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
.order-inline-subview[hidden]{display:none!important;}
.order-inline-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;white-space:normal!important;}
.order-inline-gallery>a,.order-inline-gallery>button{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;border:1px solid #dce6ef!important;border-radius:13px!important;background:#fff!important;color:#25435b!important;text-decoration:none!important;padding:7px!important;text-align:left!important;}
.order-inline-gallery img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:9px!important;display:block!important;}
.order-inline-gallery small{font-size:10px!important;color:#6e8191!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:430px){
  .order-tabs.legacy-tabs button{font-size:13px!important;padding:13px 7px!important;min-height:58px!important;}
  .order-tabs.legacy-tabs .planned-tab{grid-column:1/2!important;}
  .order-card.order-card-legacy .order-legacy-actions{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
  .order-card.order-card-legacy .order-legacy-actions .legacy-detail{width:auto!important;min-width:92px!important;}
  .order-inline-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== v142.67 Workplan + PDF UI final pass ===== */
body,html,.app-shell{background:#fff!important;color:#10273b!important;}
.boot-screen{background:linear-gradient(145deg,#0c4d82 0%,#0d6ec8 58%,#2e68d9 100%)!important;}
.boot-screen .brand-mark{width:112px!important;height:112px!important;border-radius:28px!important;background:#fff!important;border:0!important;box-shadow:0 18px 50px rgba(3,31,58,.22)!important;}
.boot-screen .brand-mark img{width:72%!important;height:72%!important;object-fit:contain!important;}
.boot-title{color:#fff!important;letter-spacing:8px!important;font-size:24px!important;margin-top:24px!important;}
.boot-sub{color:rgba(255,255,255,.82)!important;font-size:13px!important;}
.boot-line{width:220px!important;height:3px!important;background:rgba(255,255,255,.18)!important;}
.boot-line i{background:#fff!important;width:90px!important;}
.wp-hero{background:linear-gradient(135deg,#0a4778 0%,#1674c9 100%)!important;border-radius:0 0 28px 28px!important;margin:-18px -2px 18px!important;padding:28px 22px 24px!important;color:#fff!important;box-shadow:0 12px 30px rgba(11,66,108,.16)!important;}
.wp-hero .eyebrow{color:#d9ebf9!important;letter-spacing:4px!important;font-size:11px!important;font-weight:850!important;}
.wp-hero h1{margin:14px 0 8px!important;font-size:34px!important;line-height:1!important;color:#fff!important;}
.wp-hero p{margin:0!important;color:#e5f1f9!important;font-size:15px!important;}
.wp-week-nav{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:9px!important;margin:14px 0 14px!important;}
.wp-week-nav button{min-height:48px!important;border-radius:16px!important;border:1px solid #c9dce9!important;background:#fff!important;color:#315a78!important;font-weight:750!important;padding:8px 9px!important;font-size:12px!important;box-shadow:0 7px 18px rgba(14,54,87,.06)!important;}
.wp-week-nav button.active{background:#e8f3fb!important;color:#0b69ae!important;border-color:#9ecae7!important;}
.wp-week-nav button:disabled{opacity:.42!important;}
.wp-edit{margin:4px 0 16px!important;min-height:54px!important;border-radius:17px!important;background:linear-gradient(180deg,#2692d5,#0872bd)!important;color:#fff!important;}
.wp-calendar{display:flex!important;flex-direction:column!important;gap:14px!important;padding-bottom:30px!important;}
.wp-day{background:#fff!important;border:1px solid #cfdde8!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(23,62,91,.07)!important;}
.wp-day-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px 17px!important;background:#f5f9fc!important;border-bottom:1px solid #dce6ee!important;}
.wp-day-head strong{display:block!important;color:#132a3d!important;font-size:16px!important;text-transform:capitalize!important;}
.wp-day-head span{display:block!important;color:#7890a3!important;font-size:12px!important;margin-top:2px!important;}
.wp-day-head b{width:34px!important;height:34px!important;border-radius:999px!important;background:#e4f2fb!important;color:#0871b7!important;display:grid!important;place-items:center!important;font-size:14px!important;}
.wp-day-body{padding:12px!important;display:flex!important;flex-direction:column!important;gap:10px!important;}
.wp-empty{min-height:72px!important;display:grid!important;place-items:center!important;color:#a1b1bf!important;font-size:14px!important;}
.wp-event{width:100%!important;text-align:left!important;border:1px solid #d9e4ec!important;border-left:5px solid #3286c2!important;background:#fff!important;border-radius:17px!important;padding:13px 14px!important;box-shadow:none!important;color:#173148!important;}
.wp-event.auto{border-left-color:#4b7fe8!important;background:#f5f8ff!important;}
.wp-event.fixed{border-left-color:#df7a69!important;background:#fffafa!important;}
.wp-event.flex{border-left-color:#4fa878!important;background:#f8fcf9!important;}
.wp-event-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:7px!important;}
.wp-time{font-weight:850!important;color:#173148!important;font-size:14px!important;}
.wp-badge{font-size:9px!important;font-weight:850!important;letter-spacing:.7px!important;border-radius:999px!important;background:#e6eefb!important;color:#466ca6!important;padding:5px 7px!important;white-space:nowrap!important;}
.wp-event strong{display:block!important;font-size:16px!important;line-height:1.25!important;color:#10283d!important;margin-bottom:5px!important;}
.wp-event small{display:block!important;color:#688097!important;font-size:12px!important;line-height:1.45!important;margin-top:3px!important;white-space:normal!important;}
.wp-service{font-weight:700!important;color:#3f6b8b!important;}
.wp-note{padding-top:5px!important;border-top:1px dashed #dbe4eb!important;margin-top:7px!important;}
.wp-modal .modal-card{max-height:82vh!important;overflow:auto!important;}
.wp-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0 16px!important;}
.wp-detail-grid>div{background:#f7fafc!important;border:1px solid #dae4eb!important;border-radius:14px!important;padding:12px!important;}
.wp-detail-grid .wide{grid-column:1/-1!important;}
.wp-detail-grid span{display:block!important;color:#8193a2!important;font-size:10px!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:5px!important;}
.wp-detail-grid strong{display:block!important;color:#173047!important;font-size:13px!important;line-height:1.4!important;}
@media(max-width:520px){.wp-hero h1{font-size:31px!important}.wp-week-nav button{font-size:10.5px!important;padding:7px 5px!important}.wp-event-top{align-items:flex-start!important}.wp-badge{white-space:normal!important;text-align:right!important;max-width:52%!important}}


/* ===== v142.68 PDF viewer + Workplan compact fix ===== */
.pdf-viewer-open{overflow:hidden!important;}
.pdf-viewer-modal{position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(12,24,38,.78)!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important;}
.pdf-viewer-shell{width:100%!important;max-width:1100px!important;height:100dvh!important;background:#eef3f7!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.pdf-viewer-bar{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:calc(12px + env(safe-area-inset-top)) 14px 12px!important;background:#0b4f88!important;color:#fff!important;box-shadow:0 4px 18px rgba(0,0,0,.18)!important;}
.pdf-viewer-bar strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.25!important;max-width:58vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.pdf-viewer-bar small{display:block!important;color:#cfe3f2!important;font-size:10px!important;margin-top:3px!important;}
.pdf-viewer-actions{display:flex!important;align-items:center!important;gap:7px!important;}
.pdf-viewer-actions button{border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:12px!important;padding:9px 10px!important;font-weight:800!important;}
.pdf-viewer-actions button[data-pdf-close]{width:40px!important;height:40px!important;padding:0!important;font-size:25px!important;}
.pdf-viewer-pages{flex:1 1 auto!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:14px!important;align-items:center!important;}
.pdf-page-wrap{width:min(100%,980px)!important;background:#fff!important;border-radius:6px!important;box-shadow:0 8px 28px rgba(15,35,54,.18)!important;overflow:hidden!important;}
.pdf-page-wrap canvas{display:block!important;width:100%!important;height:auto!important;}
.pdf-viewer-loading,.pdf-viewer-error{margin:auto!important;background:#fff!important;border-radius:18px!important;padding:22px!important;color:#29475f!important;text-align:center!important;box-shadow:0 8px 24px rgba(15,35,54,.12)!important;}
.workplan-switcher{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 12px!important;}
.workplan-switcher button{min-width:0!important;min-height:54px!important;border:1px solid #cbdbe8!important;background:#fff!important;color:#244b69!important;border-radius:16px!important;font-weight:800!important;padding:8px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-shadow:0 5px 16px rgba(20,57,86,.07)!important;font-size:11px!important;}
.workplan-switcher button.active{background:#0d67ad!important;color:#fff!important;border-color:#0d67ad!important;}
.workplan-switcher button:disabled{opacity:.35!important;}
.workplan-switcher button span{display:block!important;white-space:normal!important;line-height:1.18!important;}
.wp-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;}
.wp-summary>div{background:#f5f9fc!important;border:1px solid #d7e4ed!important;border-radius:15px!important;padding:10px 7px!important;text-align:center!important;}
.wp-summary strong{display:block!important;color:#0b5f9f!important;font-size:20px!important;line-height:1!important;}
.wp-summary span{display:block!important;color:#70879a!important;font-size:9.5px!important;margin-top:5px!important;line-height:1.2!important;}
.wp-queue{margin:0 0 14px!important;background:#fff!important;border:1px solid #d4e1eb!important;border-radius:20px!important;padding:14px!important;box-shadow:0 8px 22px rgba(18,56,85,.06)!important;}
.wp-queue .section-head{margin-bottom:10px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
.wp-queue .section-head h2{color:#173047!important;font-size:16px!important;margin:0!important;}
.wp-queue-list{display:flex!important;flex-direction:column!important;gap:8px!important;}
.wp-queue-card{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:11px 12px!important;background:#f8fbfd!important;border:1px solid #dde7ef!important;border-radius:14px!important;}
.wp-queue-card strong{display:block!important;color:#173047!important;font-size:13px!important;line-height:1.25!important;}
.wp-queue-card small{display:block!important;color:#71879a!important;font-size:10.5px!important;line-height:1.35!important;margin-top:3px!important;}
.wp-queue-card>span{flex:0 0 auto!important;align-self:flex-start!important;background:#fff3d9!important;color:#9a6d12!important;border:1px solid #ead39d!important;border-radius:999px!important;padding:5px 7px!important;font-size:9px!important;font-weight:850!important;}
.wp-day.is-empty .wp-day-body{padding:8px 12px!important;}
.wp-day.is-empty .wp-empty{min-height:44px!important;font-size:12px!important;}
.wp-edit{margin:0 0 12px!important;}
@media(max-width:430px){.workplan-switcher button{font-size:10px!important;min-height:52px!important}.wp-summary{gap:6px!important}.wp-summary>div{padding:9px 5px!important}.wp-summary strong{font-size:18px!important}.wp-summary span{font-size:8.7px!important}.pdf-viewer-pages{padding:8px!important;gap:8px!important}}


/* =====================================================================
   Maaß Portal App – ORIGINAL UX PARITY base
   Design reference: stable Classic v142.47 employee/customer portal.
   This final layer intentionally wins over experimental app iterations.
   ===================================================================== */
:root{
  --m-bg:#f5f6f8;
  --m-surface:#ffffff;
  --m-surface-2:#f8f9fb;
  --m-navy:#0b1f38;
  --m-blue:#0b67d1;
  --m-blue-dark:#103e79;
  --m-blue-soft:#edf5ff;
  --m-text:#1d2939;
  --m-muted:#667085;
  --m-border:rgba(15,31,56,.09);
  --m-shadow:0 10px 28px rgba(15,31,56,.07);
  --m-green:#1fa85c;
  --m-orange:#e99a12;
  --m-people:#3277ee;
}
html,body{background:var(--m-bg)!important;color:var(--m-text)!important;overscroll-behavior-y:none;}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;}
.app-shell{min-height:100dvh!important;background:var(--m-bg)!important;}
.main{width:min(100%,820px)!important;max-width:820px!important;margin:0 auto!important;padding:14px 14px calc(30px + env(safe-area-inset-bottom))!important;background:transparent!important;}
button,a,input,select,textarea{font-family:inherit!important;-webkit-tap-highlight-color:transparent;}
button{touch-action:manipulation;}
.ui-svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.bottom-nav{display:none!important;}

/* Splash – same Maaß blue family as Classic */
.boot-screen{background:radial-gradient(circle at 85% 8%,rgba(82,153,255,.28),transparent 31%),linear-gradient(145deg,#0a1f39 0%,#103e79 52%,#0b67d1 115%)!important;color:#fff!important;}
.boot-logo-tile{width:112px;height:112px;border-radius:29px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 45px rgba(3,19,42,.26);margin-bottom:20px;}
.boot-logo-tile img{width:72%;height:72%;object-fit:contain;display:block;}
.boot-wordmark{text-align:center;display:grid;gap:2px;margin-bottom:10px;}
.boot-wordmark strong{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#fff;}
.boot-wordmark span{font-size:13px;line-height:1.2;font-weight:850;letter-spacing:.34em;color:rgba(255,255,255,.88);padding-left:.34em;}
.boot-sub{color:rgba(255,255,255,.72)!important;font-size:13px!important;}
.boot-line{background:rgba(255,255,255,.18)!important;}
.boot-line i{background:#fff!important;}

/* Login */
.login{max-width:560px!important;margin:0 auto!important;padding-top:calc(22px + env(safe-area-inset-top))!important;}
.login-logo{border-radius:24px!important;padding:20px!important;background:radial-gradient(circle at 100% 0%,rgba(73,144,255,.35),transparent 38%),linear-gradient(135deg,#0a1f39 0%,#103e79 62%,#0b67d1 125%)!important;color:#fff!important;box-shadow:0 16px 34px rgba(12,43,83,.14)!important;margin-bottom:14px!important;}
.login-logo h1,.login-logo p{color:#fff!important;}
.login-logo p{opacity:.75;}
.login-logo .brand-mark{width:58px!important;height:58px!important;border-radius:17px!important;background:#fff!important;padding:7px!important;}
.login .form-card{background:#fff!important;border:1px solid var(--m-border)!important;border-radius:22px!important;box-shadow:var(--m-shadow)!important;padding:20px!important;}
.login .form-card .eyebrow{color:var(--m-blue)!important;}
.login label{display:block!important;color:#344054!important;font-size:12px!important;font-weight:750!important;margin-top:14px!important;}
.login input{width:100%!important;min-height:52px!important;border:1px solid #d0d5dd!important;border-radius:13px!important;background:#fff!important;color:#101828!important;font-size:16px!important;padding:0 14px!important;margin-top:6px!important;}
.login input:focus{outline:3px solid rgba(11,103,209,.12)!important;border-color:#7fb3ed!important;}
.login .submit{min-height:52px!important;margin-top:18px!important;border:0!important;border-radius:13px!important;background:#0b67d1!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(11,103,209,.18)!important;}
.login-note{color:#667085!important;line-height:1.48!important;font-size:11px!important;}

/* Employee & customer dashboard hero – lifted from Classic proportions */
.legacy-hero{position:relative!important;min-height:154px!important;margin:0 0 12px!important;padding:23px 132px 23px 24px!important;border-radius:22px!important;color:#fff!important;background:radial-gradient(circle at 100% 0%,rgba(73,144,255,.42),transparent 38%),linear-gradient(135deg,#0a1f39 0%,#103e79 62%,#0b67d1 125%)!important;box-shadow:0 16px 34px rgba(12,43,83,.14)!important;overflow:hidden!important;}
.legacy-hero.compact{min-height:142px!important;padding-top:20px!important;}
.legacy-pill{display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.78)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.legacy-hero h2{margin:12px 0 7px!important;color:#fff!important;font-size:29px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.025em!important;}
.legacy-hero p{max-width:560px!important;margin:0!important;color:rgba(255,255,255,.75)!important;font-size:12px!important;line-height:1.48!important;}
.legacy-logout{position:absolute!important;top:18px!important;right:18px!important;min-height:40px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;backdrop-filter:blur(10px);}
.legacy-logout:active{transform:scale(.98);}

.profile-summary-card{min-height:124px!important;padding:18px!important;margin:0 0 12px!important;border:1px solid var(--m-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--m-shadow)!important;}
.profile-summary-user{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;}
.profile-summary-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#eff4fa!important;color:#31557f!important;}
.profile-summary-icon .ui-svg{width:20px;height:20px;}
.profile-summary-user strong{display:block!important;color:var(--m-navy)!important;font-size:14px!important;line-height:1.2!important;font-weight:750!important;}
.profile-summary-user small{display:block!important;margin-top:3px!important;color:var(--m-muted)!important;font-size:10.5px!important;}
.dark-action{width:100%!important;min-height:40px!important;margin-top:14px!important;border:0!important;border-radius:11px!important;background:#0b1f38!important;color:#fff!important;font-size:12px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;}
.dark-action .ui-svg{width:16px;height:16px;}

.today-summary-card{margin:0 0 14px!important;padding:15px!important;border:1px solid var(--m-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,31,56,.045)!important;}
.today-summary-card .section-head{display:block!important;margin:0 0 10px!important;}
.today-summary-card .section-head h2{margin:0!important;color:var(--m-navy)!important;font-size:16px!important;font-weight:800!important;}
.today-summary-card .section-head .meta{display:block!important;margin-top:2px!important;color:var(--m-muted)!important;font-size:10.5px!important;}
.today-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
.summary-big,.summary-mini{position:relative!important;min-width:0!important;border:1px solid #edf0f4!important;border-radius:14px!important;background:#f9fbfc!important;box-shadow:none!important;padding:11px 11px 11px 13px!important;overflow:hidden!important;}
.summary-big{grid-column:auto!important;min-height:72px!important;}
.summary-big:before,.summary-mini:before{content:''!important;position:absolute!important;left:0!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:999px!important;background:#0b67d1!important;}
.summary-big strong,.summary-mini strong{display:block!important;color:#0b1f38!important;font-size:22px!important;line-height:1!important;font-weight:850!important;}
.summary-big span,.summary-mini span{display:block!important;margin-top:6px!important;color:#667085!important;font-size:9.5px!important;line-height:1.25!important;}
.summary-mini:nth-child(3):before{background:#b7791f!important}.summary-mini:nth-child(4):before{background:#6558c7!important}

/* The three original work areas */
.area-switcher-block,.customer-quick-block{display:block!important;margin:10px 0 18px!important;padding:15px!important;border:1px solid #e2e8f0!important;border-radius:22px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;box-shadow:0 10px 30px rgba(15,31,56,.055)!important;}
.area-switcher-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 2px 14px!important;}
.area-switcher-title span{display:block!important;margin-bottom:4px!important;color:#0b67d1!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
.area-switcher-title strong{display:block!important;color:#0b1f38!important;font-size:20px!important;line-height:1.15!important;font-weight:800!important;}
.home-main-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;}
.home-area-tile{position:relative!important;display:grid!important;grid-template-rows:46px auto auto 30px!important;align-content:start!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:168px!important;height:auto!important;margin:0!important;padding:14px!important;border:0!important;border-radius:17px!important;color:#fff!important;text-align:left!important;box-shadow:0 9px 22px rgba(15,31,56,.11)!important;overflow:hidden!important;transition:transform .15s ease,box-shadow .15s ease!important;}
.home-area-tile.green{background:linear-gradient(155deg,#32b96a 0%,#1d9b57 100%)!important;}
.home-area-tile.orange{background:linear-gradient(155deg,#f0b32c 0%,#dc8e0b 100%)!important;}
.home-area-tile.blue{background:linear-gradient(155deg,#4c83ef 0%,#286bd4 100%)!important;}
.home-area-tile:active{transform:scale(.985)!important;}
.home-area-tile.is-active{transform:translateY(-1px)!important;box-shadow:0 13px 27px rgba(15,31,56,.16)!important;}
.home-area-icon{position:static!important;transform:none!important;width:46px!important;height:46px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;}
.home-area-icon .ui-svg{width:23px;height:23px;}
.home-area-tile strong{display:block!important;width:100%!important;min-height:0!important;margin:0!important;color:#fff!important;font-size:14.5px!important;line-height:1.18!important;font-weight:850!important;}
.home-area-tile small{display:block!important;width:100%!important;margin:0!important;color:rgba(255,255,255,.84)!important;font-size:10.5px!important;line-height:1.3!important;}
.home-area-arrow{position:static!important;transform:none!important;align-self:end!important;justify-self:end!important;width:30px!important;height:30px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:18px!important;line-height:1!important;}
.home-area-tile.is-active .home-area-icon{transform:none!important;}
.home-area-tile.is-active .home-area-arrow{transform:rotate(180deg)!important;background:rgba(255,255,255,.22)!important;}

/* Accordion panels and module rows: same hierarchy as Classic cards */
.home-area-panel{margin:10px 0 18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-margin-top:12px!important;}
.home-area-panel[hidden]{display:none!important;}
.home-area-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 2px 9px!important;padding:0!important;}
.home-area-panel-head h2{margin:0!important;color:#0b1f38!important;font-size:20px!important;line-height:1.18!important;font-weight:800!important;}
.home-area-panel-head h2:before{display:none!important;}
.home-area-close{width:36px!important;height:36px!important;border:1px solid #e1e7ee!important;border-radius:11px!important;background:#fff!important;color:#667085!important;font-size:21px!important;}
.portal-dashboard-stack{display:flex!important;flex-direction:column!important;gap:8px!important;}
.module-row-card{--row-accent:#0b67d1;position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto 24px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:92px!important;margin:0!important;padding:13px 13px 13px 16px!important;border:1px solid #e1e7ee!important;border-radius:17px!important;background:#fff!important;color:#0b1f38!important;text-align:left!important;box-shadow:0 5px 16px rgba(15,31,56,.04)!important;overflow:hidden!important;}
.module-row-card.accent-red{--row-accent:#cf5c56}.module-row-card.accent-orange{--row-accent:#b7791f}.module-row-card.accent-blue{--row-accent:#0b67d1}.module-row-card.accent-purple{--row-accent:#6558c7}
.module-row-accent{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--row-accent)!important;border-radius:0!important;}
.module-row-icon{width:46px!important;height:46px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#f2f6fa!important;color:var(--row-accent)!important;}
.module-row-icon .ui-svg{width:22px;height:22px;}
.module-row-copy{min-width:0!important;}
.module-row-copy strong{display:block!important;color:#0b1f38!important;font-size:14.5px!important;line-height:1.2!important;font-weight:800!important;}
.module-row-copy small{display:block!important;margin-top:4px!important;color:#667085!important;font-size:10.5px!important;line-height:1.35!important;}
.module-row-copy em{display:block!important;margin-top:6px!important;color:var(--row-accent)!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;}
.module-row-badge{align-self:start!important;justify-self:end!important;min-width:25px!important;height:25px!important;padding:0 7px!important;border-radius:999px!important;background:#eef5fb!important;color:#0b67d1!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:850!important;}
.module-row-badge.warn{background:#fff5df!important;color:#9a6811!important}.module-row-badge.good{background:#eaf8ef!important;color:#23744b!important}
.module-row-chevron{color:#98a2b3!important;font-size:26px!important;line-height:1!important;}
.module-row-card:active{transform:scale(.992)!important;background:#f9fbfc!important;}

/* Customer home follows the same card language */
.customer-status-message{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;margin:0 0 10px!important;padding:12px!important;border-radius:15px!important;background:#f8fafc!important;border:1px solid #e4eaf0!important;}
.customer-status-message>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef6ff;color:#0b67d1;}
.customer-status-message.is-good>span{background:#eaf8ef;color:#23744b}.customer-status-message.is-warn>span{background:#fff5df;color:#9a6811}
.customer-status-message strong{display:block;color:#0b1f38;font-size:13.5px}.customer-status-message small{display:block;margin-top:3px;color:#667085;font-size:10.5px;line-height:1.35}
.customer-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
.customer-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.customer-quick-card{position:relative;display:grid;grid-template-rows:42px auto auto 24px;gap:7px;min-height:150px;padding:13px;border:0;border-radius:17px;color:#fff;text-align:left;box-shadow:0 9px 22px rgba(15,31,56,.11);}
.customer-quick-card.green{background:linear-gradient(155deg,#32b96a,#1d9b57)}.customer-quick-card.orange{background:linear-gradient(155deg,#f0b32c,#dc8e0b)}.customer-quick-card.blue{background:linear-gradient(155deg,#4c83ef,#286bd4)}
.customer-quick-card>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26)}.customer-quick-card .ui-svg{width:21px;height:21px}
.customer-quick-card strong{color:#fff;font-size:14px;line-height:1.15}.customer-quick-card small{color:rgba(255,255,255,.84);font-size:10px;line-height:1.28}.customer-quick-card b{justify-self:end;align-self:end;font-size:22px;color:#fff;font-weight:500}
.portal-dashboard-section.customer-home-section{margin-top:12px!important;padding:15px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,31,56,.045)!important;}
.portal-dashboard-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;}
.portal-dashboard-head h2{margin:0!important;color:#0b1f38!important;font-size:16px!important;}.portal-dashboard-head button{border:0!important;background:transparent!important;color:#0b67d1!important;font-size:10.5px!important;font-weight:800!important;}
.customer-home-list{display:grid;gap:7px}.customer-home-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;gap:10px;align-items:center;width:100%;min-height:72px;padding:10px;border:1px solid #e4e9ef;border-radius:14px;background:#fff;text-align:left}.customer-home-row .module-row-icon{width:42px!important;height:42px!important;border-radius:12px!important;color:#0b67d1!important}.customer-home-row .module-row-copy strong{font-size:13px!important}.customer-home-row .module-row-copy small{font-size:10px!important}.customer-home-row:active{background:#f8fafc;transform:scale(.995)}
.customer-more-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 2px;padding:10px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.customer-more-strip button{min-width:0;padding:9px 4px;border:0;border-radius:12px;background:#f8fafc;color:#31557f;display:grid;place-items:center;gap:5px}.customer-more-strip .ui-svg{width:20px;height:20px}.customer-more-strip span{font-size:9px;font-weight:750;color:#475467}

/* Canonical sub-page header – no more invisible page title */
.topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 10px!important;padding:18px!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0%,rgba(73,144,255,.30),transparent 38%),linear-gradient(135deg,#0a1f39 0%,#103e79 72%,#0b67d1 135%)!important;color:#fff!important;box-shadow:0 12px 28px rgba(12,43,83,.12)!important;}
.topbar .eyebrow{color:rgba(255,255,255,.7)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.16em!important;}.topbar h1{margin:4px 0 0!important;color:#fff!important;font-size:25px!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.02em!important;}.topbar .meta{margin-top:5px!important;color:rgba(255,255,255,.72)!important;font-size:10.5px!important;}.top-actions{flex:0 0 auto}.logo-avatar{width:44px!important;height:44px!important;border-radius:13px!important;background:#fff!important;border:1px solid rgba(255,255,255,.35)!important;padding:5px!important;box-shadow:none!important}.logo-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;}
.online-dot{display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#52c985!important;margin-left:5px!important;vertical-align:1px!important;}
.page-back-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 12px!important;}
.back-app,.dashboard-btn{min-height:42px!important;padding:0 13px!important;border:1px solid #d7dee7!important;border-radius:12px!important;background:#fff!important;color:#344054!important;font-size:12px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(15,31,56,.04)!important;}
.back-app:active,.dashboard-btn:active{transform:scale(.985)!important;background:#f7f9fb!important;}

/* Common module cards/forms */
.card,.mini-card,.workflow-card,.timesheet-card,.order-card,.order-detail-hero,.detail-grid>div,.mail-detail,.notice,.modal-card,.plus-hero-card,.plus-entry-card,.plus-review-card,.plus-reward-card,.plus-bonus-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 6px 18px rgba(15,31,56,.05)!important;}
.card,.mini-card,.workflow-card,.timesheet-card,.order-card{border-radius:17px!important;}
.section{margin-top:14px!important;}.section-head h2,.hub-head h2{color:#0b1f38!important;font-size:17px!important;}.section-head .meta,.hub-head p{color:#667085!important;}
.action,.submit,.full-action{min-height:44px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important;}
.action.primary,.submit,.full-action{background:#0b67d1!important;border-color:#0b67d1!important;color:#fff!important;box-shadow:none!important;}
.action.light,.action:not(.primary):not(.danger):not(.success):not(.warn){background:#fff!important;color:#344054!important;border-color:#d7dee7!important;}
input,select,textarea,.module-search,.order-tools input{background:#fff!important;color:#101828!important;border:1px solid #d0d5dd!important;border-radius:12px!important;box-shadow:none!important;font-size:16px!important;}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,103,209,.10)!important;border-color:#7fb3ed!important;}
.empty{background:#fff!important;border:1px dashed #d8e0e8!important;border-radius:16px!important;color:#667085!important;padding:18px!important;box-shadow:none!important;font-size:12px!important;}

/* Orders – readable like Classic */
.order-tabs.legacy-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important;}
.order-tabs.legacy-tabs button{min-height:44px!important;padding:8px 7px!important;border:1px solid #d7dee7!important;border-radius:12px!important;background:#fff!important;color:#475467!important;font-size:10.5px!important;font-weight:800!important;}
.order-tabs.legacy-tabs button.active{background:#0b67d1!important;border-color:#0b67d1!important;color:#fff!important;}
.order-tools.legacy-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:7px!important;margin-bottom:10px!important;}.order-tools.legacy-tools input{min-height:46px!important;}.mini-refresh{min-height:46px!important;border:1px solid #d7dee7!important;border-radius:12px!important;background:#fff!important;color:#0b67d1!important;font-size:20px!important;}
.order-list.order-list-legacy{gap:9px!important;}.order-card.order-card-legacy{padding:15px!important;border-radius:17px!important;}.order-legacy-title{color:#0b1f38!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;}.order-legacy-service{color:#344054!important;font-size:12px!important;line-height:1.45!important;}.order-legacy-meta,.order-legacy-date{color:#667085!important;font-size:10.5px!important;}.order-legacy-note{border-radius:12px!important;background:#fff8e8!important;border:1px solid #efd6a4!important;padding:10px!important;}.order-legacy-actions{gap:7px!important;}.order-inline-actions{border-top:1px solid #eef1f4!important;margin-top:12px!important;padding-top:12px!important;}

/* Workplan – compact, clear, five-day cards */
.workplan-switcher,.wp-week-nav{gap:7px!important;margin:0 0 10px!important;}.workplan-switcher button,.wp-week-nav button{min-height:44px!important;border:1px solid #d7dee7!important;border-radius:12px!important;background:#fff!important;color:#475467!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;}.workplan-switcher button.active,.wp-week-nav button.active{background:#0b67d1!important;color:#fff!important;border-color:#0b67d1!important;}.wp-summary{gap:7px!important;margin-bottom:10px!important;}.wp-summary>div{border-radius:13px!important;background:#fff!important;border:1px solid #e2e8f0!important;padding:9px 5px!important;}.wp-summary strong{font-size:18px!important;color:#0b67d1!important;}.wp-summary span{font-size:8.5px!important;color:#667085!important;}.wp-edit{min-height:46px!important;border-radius:12px!important;background:#0b67d1!important;color:#fff!important;box-shadow:none!important;}.wp-calendar{gap:9px!important;}.wp-day{border-radius:17px!important;border-color:#dce3ea!important;box-shadow:0 5px 16px rgba(15,31,56,.04)!important;}.wp-day-head{padding:11px 13px!important;background:#f8fafc!important;}.wp-day-body{padding:9px!important;}.wp-empty{min-height:42px!important;font-size:11px!important;}.wp-event{border-radius:13px!important;padding:11px!important;}.wp-event strong{font-size:13.5px!important;}.wp-event small{font-size:10.5px!important;}

/* Customer secondary pages */
.service-grid,.feature-grid.subtile-grid,.protocol-grid{gap:9px!important;}.service-grid .feature-card,.subtile-grid .feature-card{min-height:118px!important;border-radius:17px!important;padding:13px!important;background:#fff!important;border:1px solid #e1e7ee!important;box-shadow:0 5px 16px rgba(15,31,56,.04)!important;}.feature-card .feature-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:#eef5fb!important;color:#0b67d1!important;border:1px solid #d5e5f3!important;}.feature-card .feature-copy strong{font-size:13.5px!important;color:#0b1f38!important;}.feature-card .feature-copy small{font-size:10px!important;color:#667085!important;}.feature-card .chev{font-size:25px!important;color:#98a2b3!important;}

/* iPhone/mobile: keep the three main areas in one row, but make them legible */
@media(max-width:640px){
  .main{padding:10px 10px calc(26px + env(safe-area-inset-bottom))!important;}
  .legacy-hero{min-height:142px!important;padding:20px 104px 20px 18px!important;border-radius:20px!important;}.legacy-hero h2{font-size:26px!important;}.legacy-logout{top:14px!important;right:14px!important;min-height:38px!important;padding:0 11px!important;}
  .today-summary-grid,.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.summary-big{grid-column:auto!important;}
  .area-switcher-block,.customer-quick-block{padding:12px!important;border-radius:18px!important;}.area-switcher-title strong{font-size:17px!important;}.home-main-grid,.customer-quick-grid{gap:7px!important;}
  .home-area-tile{min-height:154px!important;padding:10px!important;grid-template-rows:40px auto 1fr 26px!important;gap:6px!important;border-radius:15px!important;}.home-area-icon{width:40px!important;height:40px!important;border-radius:11px!important;}.home-area-icon .ui-svg{width:20px;height:20px;}.home-area-tile strong{font-size:12.5px!important;}.home-area-tile small{font-size:8.8px!important;line-height:1.25!important;}.home-area-arrow{width:26px!important;height:26px!important;border-radius:8px!important;font-size:16px!important;}
  .module-row-card{grid-template-columns:42px minmax(0,1fr) auto 20px!important;gap:9px!important;min-height:84px!important;padding:11px 10px 11px 14px!important;border-radius:15px!important;}.module-row-icon{width:42px!important;height:42px!important;border-radius:12px!important;}.module-row-icon .ui-svg{width:20px;height:20px;}.module-row-copy strong{font-size:13px!important;}.module-row-copy small{font-size:9.5px!important;}.module-row-copy em{font-size:9px!important;}.module-row-chevron{font-size:22px!important;}
  .customer-quick-card{min-height:142px;padding:10px;grid-template-rows:38px auto 1fr 20px;gap:5px}.customer-quick-card>span{width:38px;height:38px}.customer-quick-card strong{font-size:12px}.customer-quick-card small{font-size:8.5px}.customer-more-strip{gap:5px;padding:8px}.customer-more-strip span{font-size:8.4px}
  .topbar{padding:15px!important;border-radius:18px!important;}.topbar h1{font-size:22px!important;}.logo-avatar{width:40px!important;height:40px!important;}.page-back-row{margin-bottom:9px!important;}.back-app,.dashboard-btn{min-height:40px!important;font-size:11px!important;}
  .order-tabs.legacy-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}.order-tabs.legacy-tabs button{font-size:9px!important;padding:7px 4px!important;}
}
@media(max-width:360px){
  .home-area-tile{min-height:148px!important;padding:9px!important}.home-area-tile strong{font-size:11.5px!important}.home-area-tile small{display:none!important}.customer-quick-card small{display:none!important}.customer-quick-card{min-height:126px!important}
}

/* v1.1.4 – Classic parity / regression pass */
.detail-stack{display:flex;flex-direction:column;gap:12px}.detail-title{font-size:20px;font-weight:850;color:#0b1f38;line-height:1.2}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-grid>div{padding:11px 12px;border:1px solid #e4e9ef;border-radius:13px;background:#f9fbfc;min-width:0}.info-grid>div.wide{grid-column:1/-1}.info-grid span{display:block;color:#667085;font-size:9.5px;font-weight:700;margin-bottom:4px}.info-grid strong{display:block;color:#101828;font-size:12px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.detail-actions{margin-top:4px}.compact-empty{padding:11px!important;font-size:10.5px!important}.comment-row,.service-row{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid #e4e9ef;border-radius:12px;background:#fff}.comment-row strong,.service-row strong{font-size:11.5px;color:#0b1f38}.comment-row span,.service-row span{font-size:10.5px;color:#344054;line-height:1.4}.comment-row small,.service-row small{font-size:9.5px;color:#7a8699;line-height:1.35}
.filter-row{display:flex;gap:7px;margin:0 0 12px}.filter-row .action.active{background:#0b67d1!important;color:#fff!important;border-color:#0b67d1!important}.task-card .icon .ui-svg{width:19px;height:19px}
.profile-form{margin-top:12px}.profile-form label{font-size:10.5px;font-weight:750;color:#475467}.profile-form input,.profile-form select{width:100%}.profile-hero{margin-bottom:13px}
.fleet-card{overflow:hidden}.fleet-thumb{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin:0 0 11px}.fleet-detail-photo{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:14px;border:1px solid #e1e7ee}.check-grid,.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-grid label,.check-list label{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:11px;background:#f9fbfc;color:#344054;font-size:10.5px}.check-grid input,.check-list input{width:auto!important;margin:0}
.hours-card .native-details{margin-top:12px}.hours-month-head,.hours-month-row{display:grid;grid-template-columns:minmax(95px,1.5fr) repeat(3,minmax(46px,.7fr));gap:7px;align-items:center;padding:8px 2px;border-bottom:1px solid #e1e7ee}.hours-month-head{color:#667085;font-size:9px;font-weight:800;text-transform:uppercase}.hours-month-row strong{font-size:10.5px;color:#0b1f38}.hours-month-row span{font-size:10.5px;color:#475467;text-align:right}.hours-month-head span:not(:first-child){text-align:right}
@media(max-width:640px){.info-grid{grid-template-columns:1fr 1fr}.check-grid,.check-list{grid-template-columns:1fr}.hours-month-head,.hours-month-row{grid-template-columns:minmax(85px,1.4fr) repeat(3,minmax(42px,.65fr));gap:4px}.hours-month-row strong,.hours-month-row span{font-size:9.5px}.detail-actions .action{flex:1 1 calc(50% - 5px)}}

/* v1.1.5 – Auftragsbeleg-Parität mit Classic v142.47 */
.report-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 20px 14px}.report-command{border:1px solid #dbe4f0;border-radius:20px;padding:16px;min-height:132px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;box-shadow:0 8px 24px rgba(16,40,78,.06);font:inherit;cursor:pointer}.report-command strong{font-size:17px;line-height:1.15;color:#12213a}.report-command small{font-size:12px;line-height:1.35;color:#66758d}.report-command-count{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;font-size:16px;font-weight:900;background:rgba(255,255,255,.72);color:#0c315f}.report-command-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.report-command-icon svg{width:27px;height:27px}.report-command--blue{background:#eef6ff;border-color:#c8ddfa}.report-command--yellow{background:#fff8df;border-color:#eddc98}.report-command--sand{background:#fffbee;border-color:#eee0a8}.report-command--green{background:#effaf2;border-color:#bfe1c8}.report-command.is-active{outline:3px solid rgba(16,112,215,.14);border-color:#8dbff0;transform:translateY(-1px)}
.report-workspace{margin-top:6px}.report-order-card{background:#fff;border:1px solid #dbe4ee;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 7px 20px rgba(24,49,84,.045)}.report-order-card--disposal{background:#f3fbf5;border-color:#bfe1c8}.report-order-head{display:flex;align-items:flex-start;gap:12px}.report-order-icon{width:46px;height:46px;border-radius:14px;background:#eaf5ff;color:#0867d8;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #acd2f1}.report-order-icon svg{width:25px;height:25px}.report-order-card strong{display:block;font-size:17px;color:#18253d;line-height:1.28}.report-order-card .meta{font-size:13px;color:#687991;line-height:1.45;margin-top:4px}.report-order-ref{font-size:12px;font-weight:800;color:#4c6687;margin-top:7px}.report-create-btn{margin-top:13px;min-width:178px}.report-intro-card{margin:0 0 12px;border-radius:20px;padding:18px;border:1px solid #c7dcf6;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.report-intro-card h2{font-size:18px;margin:0 0 5px;color:#12305a}.report-intro-card p{margin:0;color:#65748b;font-size:13px}.report-intro-card button{grid-column:1/-1}.report-intro-blue{background:#f3f8ff}.report-final-section{margin-top:10px}.report-batch-check{width:23px;height:23px;margin:8px 2px 0 0;accent-color:#14834e}.batch-modal-orders{display:grid;gap:8px;margin:12px 0 16px}.batch-modal-order{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dce8df;background:#f7fcf8;border-radius:13px}.batch-modal-order input{width:20px;height:20px;accent-color:#14834e;margin-top:2px}.batch-modal-order strong{display:block;color:#163424}.batch-modal-order small{display:block;color:#6a7a70;margin-top:3px}.report-modal-summary{background:#f2f7fd;border:1px solid #d5e4f3;border-radius:14px;padding:13px;margin-bottom:14px}.report-modal-summary strong,.report-modal-summary span{display:block}.report-modal-summary strong{color:#12305a;font-size:16px}.report-modal-summary span{color:#687991;font-size:12px;margin-top:3px}.field-help{display:block;color:#75849a;font-size:11px;line-height:1.35;margin-top:5px}.report-modal-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding-top:10px;margin-top:14px}
@media(max-width:520px){.report-command-grid{margin:14px 16px 12px;gap:9px}.report-command{min-height:118px;padding:13px;border-radius:17px}.report-command strong{font-size:15px}.report-command small{font-size:11px}.report-order-card{padding:14px;border-radius:17px}.report-create-btn{width:100%}.report-order-head{gap:10px}.report-order-icon{width:42px;height:42px}}
.report-signature{display:block;width:100%;height:145px;background:#fff;border:1px solid #cfd9e6;border-radius:13px;margin:6px 0 8px;touch-action:none}

/* v1.1.6 – Paritäts-Audit: strukturierte Formulare und Detailkarten */
.protocol-status-group{display:grid;gap:10px;margin-top:6px}
.protocol-status-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,.65fr);gap:8px 10px;align-items:center;padding:12px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fbff}
.protocol-status-row strong{font-size:14px;color:#15233b;line-height:1.35}
.protocol-status-row select{min-width:0}
.protocol-status-row textarea{grid-column:1/-1;min-height:62px;margin:0}
.signature-block{margin:14px 0;padding:14px;border:1px solid #dbe4ef;border-radius:18px;background:#fff}
.signature-block label{display:block;margin-bottom:7px;font-weight:700;color:#17233b}
.signature-block input{margin-bottom:10px}
.signature-block .report-signature{display:block;width:100%;height:125px;touch-action:none;border:1.5px dashed #9eb2ca;border-radius:14px;background:#fbfdff}
.signature-block .action{margin-top:9px;width:100%}
.fleet-upload-box{display:grid;gap:10px;padding:14px;border:1px solid #dbe4ef;border-radius:18px;background:#f8fbff}
.fleet-upload-box img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:14px;background:#eef4fa}
.toolbar-card{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;margin:10px 0;border:1px solid #dbe4ef;border-radius:18px;background:#fff}
.toolbar-card .action,.toolbar-card button{flex:1 1 180px}
.pending-registration-card{display:grid;gap:10px;padding:16px;border:1px solid #dbe4ef;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(20,47,84,.06)}
.pending-registration-card .meta{line-height:1.5}
@media(max-width:520px){.protocol-status-row{grid-template-columns:1fr}.protocol-status-row textarea{grid-column:auto}.signature-block .report-signature{height:112px}.toolbar-card{display:grid}.toolbar-card .action,.toolbar-card button{width:100%}}

/* =========================================================
   v1.1.7 – Kundenportal-Parität & klare Trennung
   Meldungen ≠ Service beauftragen ≠ Meine Anfragen
   ========================================================= */
.customer-offer-alert{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;margin:10px 0 12px;padding:12px 13px;border:1px solid #cfe0f5;border-radius:16px;background:linear-gradient(135deg,#edf5ff 0%,#fff 100%);box-shadow:0 7px 20px rgba(15,31,56,.05);text-align:left;color:#0b1f38}
.customer-offer-alert .customer-offer-euro{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0b67d1;color:#fff;font-size:19px;font-weight:850}.customer-offer-alert>span:nth-child(2){min-width:0}.customer-offer-alert strong{display:block;font-size:13px;color:#0b1f38}.customer-offer-alert small{display:block;margin-top:3px;color:#667085;font-size:10px;line-height:1.35}.customer-offer-alert b{font-size:10px;color:#0b67d1;white-space:nowrap}
.customer-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}

.customer-action-intro,.customer-service-intro,.customer-requests-intro{margin:12px 0;padding:15px;border:1px solid #dfe7ef;border-radius:19px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 7px 22px rgba(15,31,56,.045)}
.customer-action-copy{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}.customer-action-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef5ff;color:#0b67d1;border:1px solid #d4e4f5}.customer-action-copy strong,.customer-service-intro strong,.customer-requests-intro strong{display:block;color:#0b1f38;font-size:15px;line-height:1.2}.customer-action-copy small,.customer-service-intro small,.customer-requests-intro small{display:block;margin-top:4px;color:#667085;font-size:10.5px;line-height:1.45}.customer-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}

.customer-service-list,.customer-service-chooser{display:grid;gap:9px}.customer-service-card{width:100%;min-height:94px;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:12px 13px;border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 5px 17px rgba(15,31,56,.04);text-align:left}.customer-service-card:active{transform:scale(.993);background:#f8fafc}.customer-service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eef6ff;color:#0b67d1;border:1px solid #d4e5f5}.customer-service-copy{min-width:0}.customer-service-copy strong{display:block;color:#0b1f38;font-size:13.5px;line-height:1.2}.customer-service-copy small{display:block;margin-top:4px;color:#667085;font-size:10px;line-height:1.35}.customer-service-copy em{display:inline-block;margin-top:7px;color:#0b67d1;font-size:10px;font-weight:800;font-style:normal}.customer-service-chevron{justify-self:end;color:#98a2b3;font-size:24px}.customer-service-chooser .notice{margin-bottom:2px}

.customer-request-selected{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;margin:0 0 14px;padding:11px;border:1px solid #dce7f1;border-radius:15px;background:#f4f9ff}.customer-request-selected>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e4f1ff;color:#0b67d1}.customer-request-selected strong{display:block;color:#0b1f38;font-size:14px}.customer-request-selected small{display:block;margin-top:3px;color:#667085;font-size:10px;line-height:1.35}.customer-request-form .form-grid{margin-top:0}.customer-request-form textarea{min-height:120px}

.customer-requests-intro .action{margin-top:10px}.customer-request-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 8px!important}.customer-request-tabs .action{min-width:0!important;padding:9px 6px!important;font-size:9.5px!important;white-space:normal!important;line-height:1.15!important}.customer-request-note{display:block;margin:7px 0 10px;padding:11px 12px;border-radius:13px;border:1px solid #dfe7ef;background:#f8fafc}.customer-request-note strong{display:block;color:#0b1f38;font-size:11.5px}.customer-request-note span{display:block;margin-top:3px;color:#667085;font-size:9.5px;line-height:1.4}.customer-request-note.current{background:#f4f8fd;border-color:#d9e6f4}.customer-request-note.accepted{background:#fff8e8;border-color:#efd7a6}.customer-request-note.declined{background:#f8f8f8;border-color:#e4e7ec}.customer-request-note.done{background:#effaf3;border-color:#c9ead6}.customer-request-card.has-offer{border-color:#b9d5f4!important;box-shadow:0 8px 22px rgba(11,103,209,.08)!important}.customer-offer-pill{margin:-2px 0 10px;padding:7px 9px;border-radius:10px;background:#edf5ff;color:#0756ad;font-size:9.5px;font-weight:800}

@media(max-width:760px){.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-kpi-grid>.summary-mini:nth-child(5){grid-column:1/-1!important}.customer-request-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-offer-alert{grid-template-columns:42px minmax(0,1fr)}.customer-offer-alert>b{grid-column:2;justify-self:start;margin-top:-5px}}
@media(max-width:390px){.customer-action-buttons{display:grid;grid-template-columns:1fr 1fr}.customer-service-card{grid-template-columns:44px minmax(0,1fr) 18px;padding:11px}.customer-service-icon{width:44px;height:44px}.customer-service-copy strong{font-size:12.5px}.customer-request-tabs .action{font-size:9px!important}}
\n\n/* =========================================================\n   v1.1.8 – Kundenportal Fotoquellen\n   Kamera + vorhandene Mediathek in allen Kunden-Fotofeldern\n   ========================================================= */\n.customer-photo-picker{margin:7px 0 5px}.customer-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.customer-photo-source{min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid #d7e3ef;border-radius:15px;background:#f8fbff;color:#0b2b50;cursor:pointer;-webkit-tap-highlight-color:transparent}.customer-photo-source:active{transform:scale(.99);background:#eef6ff}.customer-photo-source .ui-svg{width:28px;height:28px;color:#0b67d1}.customer-photo-source span{min-width:0}.customer-photo-source strong{display:block;font-size:12px;line-height:1.2}.customer-photo-source small{display:block;margin-top:3px;color:#667085;font-size:9.5px;line-height:1.25}.customer-photo-source.library{background:#fff}.customer-photo-status{margin-top:7px;padding:8px 10px;border-radius:11px;background:#f6f8fb;border:1px solid #e4e9f0;overflow-wrap:anywhere}.customer-photo-source input{display:none!important}\n@media(max-width:430px){.customer-photo-actions{grid-template-columns:1fr}.customer-photo-source{min-height:64px}}\n

/* v1.2.1 – Zukunftsaufträge klar auffindbar */
.order-tabs.legacy-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.order-tabs.legacy-tabs .done-tab{grid-column:1/-1!important}
.planned-order-hint{
  margin:-2px 0 12px;
  padding:10px 12px;
  border:1px solid #d9e6f2;
  border-radius:13px;
  background:#f7fbff;
  color:#52667a;
  font-size:12px;
  line-height:1.45;
}
.planned-order-hint strong{color:#0b67d1}
@media(min-width:760px){
  .order-tabs.legacy-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .order-tabs.legacy-tabs .done-tab{grid-column:auto!important}
}

/* v1.2.8 – Portal/App parity */
.legacy-company-logo{position:absolute!important;top:16px!important;right:16px!important;width:82px!important;height:46px!important;padding:7px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:13px!important;background:rgba(255,255,255,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.legacy-company-logo img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.home-main-grid .home-area-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;min-height:168px!important;padding:14px 10px 12px!important;gap:10px!important}
.home-main-grid .home-area-icon{position:static!important;margin:0 auto!important;width:58px!important;height:58px!important;border-radius:17px!important;flex:0 0 58px!important}
.home-main-grid .home-area-tile strong{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:38px!important;margin:0!important;text-align:center!important;font-size:15px!important;line-height:1.12!important}
.home-main-grid .home-area-tile small{display:none!important}
.home-main-grid .home-area-arrow{position:static!important;margin-top:auto!important;align-self:center!important;justify-self:center!important;width:30px!important;height:30px!important}
@media(max-width:480px){.legacy-company-logo{top:13px!important;right:13px!important;width:70px!important;height:42px!important;padding:6px!important}.home-main-grid .home-area-tile{min-height:154px!important;padding:11px 7px 10px!important;gap:8px!important}.home-main-grid .home-area-icon{width:52px!important;height:52px!important;flex-basis:52px!important}.home-main-grid .home-area-tile strong{font-size:13.5px!important;min-height:36px!important}.home-main-grid .home-area-arrow{width:27px!important;height:27px!important}}

/* v1.7.7 – wiederhergestellte Auftragsbearbeitung */
.report-time-section{margin:18px 0}
.report-time-row{border:1px solid #dfe5ee;border-radius:14px;padding:14px;margin:10px 0;background:#f9fbfd}
.report-time-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.report-remove-row{border:0;background:#eef2f7;color:#44546a;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}
.report-time-row select{width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #cfd8e3;border-radius:10px;background:#fff}

/* v1.8.5 – Auftragsverwaltung */
.order-create-row{display:flex;justify-content:flex-end;margin:12px 0 14px}
.order-create-btn{min-width:190px}
@media(max-width:700px){.order-create-row{justify-content:stretch}.order-create-btn{width:100%}}

/* v1.8.6 – Löschen in aufgeklappten Auftragsdetails */
.order-inline-delete{border-color:#efb0b0!important;background:#fff6f6!important;color:#a32929!important}
.order-inline-delete:hover{background:#fdeaea!important}

/* v1.8.9 – Firmeneinstellungen */
.settings-entry-card{width:100%;margin:12px 0}
.settings-page{display:grid;gap:14px}
.settings-card{padding:20px}
.settings-logo-row{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center}
.settings-logo-preview{height:90px;border:1px dashed #c8d2df;border-radius:14px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.settings-logo-preview img{max-width:100%;max-height:78px;object-fit:contain}
.integration-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f4}
.integration-row small{display:block;color:#6b778c;margin-top:4px}
.status-pill{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#edf1f6;color:#5d6879}
.status-pill.good{background:#e9f8ef;color:#18713a}
.settings-hint{margin-top:14px}
@media(max-width:700px){.settings-logo-row{grid-template-columns:1fr}.settings-logo-preview{height:110px}}

/* Maaß Portal v1.0.9 – Passwort-Wiederherstellung */
.forgot-link{display:block;width:100%;border:0;background:transparent;color:#0b63a5;font:inherit;font-size:12px;font-weight:800;text-align:center;padding:14px 8px 5px;cursor:pointer}.forgot-panel{margin-top:10px;padding:15px;border:1px solid #d7e3ee;border-radius:16px;background:#f7fafc}.forgot-title{font-size:13px;font-weight:900;color:#143555}.forgot-copy{font-size:11px;line-height:1.45;color:#667085;margin-top:4px}.forgot-submit{font-size:12px;margin-top:12px}.forgot-result{margin-top:12px;padding:12px;border-radius:12px;font-size:12px;line-height:1.45}.forgot-result strong,.forgot-result span{display:block}.forgot-result.is-success{background:#edf9f2;color:#216e42;border:1px solid #bfe5cf}.forgot-result.is-error{background:#fff1f1;color:#9f2d2d;border:1px solid #f0c3c3}

/* v1.0.14 – Wochenplanung klar und mobil lesbar */
.workplan-switcher button{background:#ffffff!important;color:#334e68!important;border-color:#cbd5e1!important;opacity:1!important}
.workplan-switcher button span,.workplan-switcher button b{color:inherit!important}
.workplan-switcher button.active{background:#0b67d1!important;color:#ffffff!important;border-color:#0b67d1!important;box-shadow:0 5px 14px rgba(11,103,209,.18)!important}
.workplan-switcher button:disabled{opacity:.62!important}
.workplan-switcher button.active:disabled{opacity:1!important}
.wp-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.wp-overdue{margin:0 0 12px!important;padding:12px!important;background:#fffafa!important;border:1px solid #f1c7c7!important;border-radius:16px!important}
.wp-overdue .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}
.wp-overdue .section-head h2{margin:0!important;color:#9f2d2d!important;font-size:16px!important}
.wp-overdue .section-head small{display:block!important;color:#8a6060!important;font-size:10px!important;margin-top:2px!important}
.wp-overdue-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.wp-queue-collapsed{margin-top:12px!important}
.wp-queue-collapsed summary{cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-weight:800!important;color:#334e68!important;list-style:none!important}
.wp-queue-collapsed summary::-webkit-details-marker{display:none!important}
.wp-queue-collapsed summary b{display:inline-flex!important;min-width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#fff3d9!important;color:#9a6d12!important}
.wp-queue-collapsed[open] summary{margin-bottom:10px!important}


/* v1.0.15 – Wochenumschalter kontrastreich und mobil lesbar */
.workplan-switcher button,
.wp-week-nav button{
  background:#ffffff!important;
  color:#17324d!important;
  border-color:#cbd8e6!important;
  opacity:1!important;
  text-shadow:none!important;
}
.workplan-switcher button span,
.workplan-switcher button b,
.wp-week-nav button span,
.wp-week-nav button b{color:inherit!important;}
.workplan-switcher button.active,
.wp-week-nav button.active{
  background:#e8f3ff!important;
  color:#0b67d1!important;
  border-color:#8bbcf0!important;
}
.workplan-switcher button:disabled,
.wp-week-nav button:disabled{
  background:#f7f9fc!important;
  color:#667085!important;
  border-color:#d9e1ea!important;
  opacity:1!important;
}

/* v1.0.20 – Schlüsselbestand */
.key-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.key-type-card{min-height:180px;border:1px solid #d7e2ed;background:#fff;border-radius:22px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px rgba(15,31,56,.05);color:#0b1f38}.key-type-card:active{transform:scale(.99)}.key-type-icon{width:58px;height:58px;border-radius:17px;background:#eaf4ff;display:grid;place-items:center;font-size:27px}.key-type-card strong{font-size:19px;line-height:1.12}.key-type-card small{font-size:13px;line-height:1.35;color:#667085}.count-bubble{min-width:34px;height:34px;border-radius:999px;background:#edf7ff;border:1px solid #bfddf6;color:#0566c7;font-weight:900;display:inline-grid;place-items:center;padding:0 9px}.signature-block canvas.report-signature{width:100%;height:120px;background:#fff;border:1px solid #cfd9e5;border-radius:14px;touch-action:none}.checkbox-grid{display:grid;gap:7px;max-height:220px;overflow:auto;border:1px solid #dbe5ef;border-radius:12px;padding:10px}.checkbox-grid label{display:flex;gap:8px;align-items:flex-start;font-size:13px}
@media(max-width:420px){.key-type-grid{gap:10px}.key-type-card{min-height:165px;padding:15px}.key-type-card strong{font-size:17px}.key-type-card small{font-size:12px}}