:root{
  --bg:#f6f8fc;--panel:#fff;--panel-2:#f8faff;--ink:#111827;--muted:#667085;--line:#e5e9f2;
  --accent:#5b7cfa;--accent-rgb:91,124,250;--accent-2:#7c5cff;--success:#0e9f6e;--warning:#d97706;--danger:#dc2626;
  --nav:#0b1020;--nav-2:#121a30;--radius:18px;--radius-sm:12px;--shadow:0 14px 45px rgba(16,24,40,.08);
  --shadow-lg:0 28px 80px rgba(16,24,40,.14);--max:1480px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip:focus{top:16px}.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}
/* Public shell */
.site{min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(91,124,250,.16),transparent 32%),radial-gradient(circle at 95% 4%,rgba(124,92,255,.12),transparent 28%),#fbfcff}.site-nav{position:sticky;top:0;z-index:70;background:rgba(251,252,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85)}.site-nav .inner{max-width:1240px;margin:auto;height:72px;padding:0 24px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:19px}.brandmark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--accent),#7c5cff);box-shadow:0 9px 22px rgba(var(--accent-rgb),.26);display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px}.brand small{display:block;font-weight:600;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-top:2px}.site-links{display:flex;align-items:center;gap:22px;margin-left:10px}.site-links a{color:#475467;font-weight:650;font-size:14px}.site-links a:hover{color:#111827}.site-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.public-user{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 9px 5px 5px;border:1px solid transparent;border-radius:13px;color:#263247;transition:.18s background,.18s border-color,.18s box-shadow}.public-user:hover{background:#fff;border-color:#e4e8ef;box-shadow:0 7px 20px rgba(16,24,40,.06)}.public-user .avatar{flex:0 0 auto}.public-user .user-meta{display:grid;line-height:1.05;min-width:0}.public-user b{display:block;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.01em}.public-user small{display:block;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#8a94a6;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.nav-toggle{display:none;border:0;background:transparent;padding:9px}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.hero{padding:88px 0 72px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:66px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--accent-rgb),.24);background:rgba(var(--accent-rgb),.08);color:var(--accent);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.99;letter-spacing:-.06em;margin:18px 0 22px;max-width:900px}.hero .lead{font-size:19px;color:#596579;max-width:720px;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#475467;font-size:13px;font-weight:650}.trust-row span:before{content:"✓";color:var(--success);font-weight:900;margin-right:6px}.hero-visual{background:linear-gradient(145deg,#10182e,#111827 50%,#172036);border-radius:28px;padding:16px;box-shadow:0 42px 100px rgba(15,23,42,.25);position:relative;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:-20px;z-index:-1;background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.38),transparent 55%);filter:blur(20px)}.mock{background:#f8faff;border:1px solid #29334b;border-radius:18px;overflow:hidden;min-height:430px}.mock-top{height:52px;background:#fff;border-bottom:1px solid #e5e9f2;display:flex;align-items:center;padding:0 16px;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.mock-body{display:grid;grid-template-columns:138px 1fr;min-height:378px}.mock-side{background:#10182e;padding:16px 10px;color:#d8e0f2}.mock-side .mnav{height:34px;border-radius:9px;margin:5px 0;background:rgba(255,255,255,.05);display:flex;align-items:center;padding:0 10px;font-size:11px}.mock-side .mnav.active{background:rgba(var(--accent-rgb),.24);color:#fff}.mock-main{padding:22px;background:#f7f9fc}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mkpi,.mcard{background:#fff;border:1px solid #e8ebf2;border-radius:13px}.mkpi{padding:13px}.mkpi b{display:block;font-size:18px;margin-top:4px}.mcard{margin-top:12px;padding:16px}.mrow{height:37px;border-bottom:1px solid #edf0f5;display:grid;grid-template-columns:1.3fr .8fr .7fr;align-items:center;gap:10px;font-size:10px;color:#667085}.pill-mini{display:inline-flex;width:max-content;border-radius:999px;background:#eef2ff;color:#4f63d8;padding:4px 7px;font-size:9px;font-weight:700}.section{padding:84px 0}.section.alt{background:#fff}.section-head{max-width:780px;margin-bottom:34px}.section-head h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 14px}.section-head p{font-size:17px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.marketing-card{background:#fff;border:1px solid #e5e9f2;border-radius:20px;padding:24px;box-shadow:0 4px 14px rgba(16,24,40,.03);transition:.22s transform,.22s box-shadow}.marketing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.marketing-card h3{margin:12px 0 8px;font-size:19px;letter-spacing:-.02em}.marketing-card p{margin:0;color:var(--muted)}.iconbox{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:900}.flowline{display:flex;align-items:center;gap:0;overflow-x:auto;padding:4px 0 10px}.flowstep{min-width:132px;background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:18px 14px;text-align:center;font-weight:750;position:relative}.flowstep:not(:last-child){margin-right:34px}.flowstep:not(:last-child):after{content:"→";position:absolute;right:-25px;color:#98a2b3}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid #e5e9f2;border-radius:20px;padding:20px;display:flex;flex-direction:column;min-height:240px;transition:.2s}.product-card:hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:var(--shadow);transform:translateY(-2px)}.product-card .product-top{display:flex;justify-content:space-between;gap:12px}.product-card .mark{width:42px;height:42px;border-radius:13px;background:var(--paccent,#5b7cfa);color:white;display:grid;place-items:center;font-size:11px;font-weight:900}.product-card h3{margin:15px 0 3px}.product-card .desc{font-size:13px;color:var(--muted);font-weight:650}.product-card p{color:#667085;font-size:14px}.product-card .arrow{margin-top:auto;color:var(--paccent,#5b7cfa);font-weight:750}.cta-band{background:linear-gradient(135deg,#0c1326,#111a31 56%,#182445);border-radius:28px;color:#fff;padding:48px;display:flex;gap:30px;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg)}.cta-band h2{margin:0 0 8px;font-size:36px;letter-spacing:-.04em}.footer{padding:58px 0 34px;border-top:1px solid #e7ebf2;background:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:34px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#667085;margin:0 0 12px}.footer a{display:block;color:#475467;margin:8px 0;font-size:14px}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid #eceff4;color:#98a2b3;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* controls */
.btn{border:0;border-radius:12px;padding:11px 15px;background:var(--accent);color:#fff;font-weight:750;box-shadow:0 7px 18px rgba(var(--accent-rgb),.18);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.secondary{background:#fff;color:#273145;border:1px solid #dce1ea;box-shadow:none}.btn.ghost{background:transparent;color:#475467;border:1px solid transparent;box-shadow:none}.btn.danger{background:#dc2626}.btn.success{background:#0e9f6e}.btn.sm{padding:7px 10px;min-height:34px;border-radius:9px;font-size:13px}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;background:#f2f4f7;color:#475467}.tag.green{background:#ecfdf3;color:#027a48}.tag.amber{background:#fffaeb;color:#b54708}.tag.red{background:#fef3f2;color:#b42318}.tag.blue{background:#eef4ff;color:#3538cd}.tag.purple{background:#f4f3ff;color:#5925dc}.notice{padding:13px 15px;border-radius:12px;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;margin:14px 0}.notice.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.notice.success{background:#ecfdf3;color:#027a48;border-color:#abefc6}.notice.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
/* app shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#f5f7fb}.app-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b1120,#10182b);color:#e5eaf4;padding:16px 12px;display:flex;flex-direction:column;z-index:60}.app-brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 9px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.app-brand .brandmark{width:34px;height:34px}.app-brand strong{font-size:15px}.app-brand span{display:block;color:#9ba8c0;font-size:10px}.app-switch{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);color:#e9eef9;border-radius:12px;padding:10px;width:100%;text-align:left;margin-bottom:12px}.app-nav{overflow:auto;padding:3px}.app-nav .label{padding:12px 10px 6px;color:#72819d;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.app-nav a{display:flex;align-items:center;gap:10px;height:40px;border-radius:10px;padding:0 11px;color:#aeb9cb;margin:2px 0;font-weight:650;font-size:13px}.app-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.app-nav a.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.26),rgba(var(--accent-rgb),.11));color:#fff;box-shadow:inset 2px 0 0 var(--accent)}.nav-icon{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:9px;font-weight:900}.sidebar-foot{margin-top:auto;padding:10px 6px 2px}.org-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px}.avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;font-weight:850;font-size:11px}.org-chip b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.org-chip span{display:block;color:#8290a9;font-size:10px}.app-main{min-width:0}.app-topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e6e9ef;display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;z-index:50}.mobile-menu{display:none}.top-title{font-weight:780;letter-spacing:-.02em}.searchbox{margin-left:18px;max-width:460px;flex:1;position:relative}.searchbox input{width:100%;height:40px;border:1px solid #dfe3eb;border-radius:11px;background:#f8fafc;padding:0 38px 0 36px;outline:0}.searchbox input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12);background:#fff}.searchbox:before{content:"⌕";position:absolute;left:13px;top:7px;color:#98a2b3;font-size:19px}.kbd{position:absolute;right:9px;top:9px;border:1px solid #dfe3eb;border-radius:6px;background:#fff;color:#98a2b3;font-size:10px;padding:2px 5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:39px;height:39px;border:1px solid #dfe3eb;border-radius:11px;background:#fff;display:grid;place-items:center;color:#475467;position:relative}.icon-btn:hover{background:#f8fafc}.count-dot{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:white;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.app-page{padding:30px;max-width:var(--max);margin:auto}.page-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:0 0 6px}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e4e8f0;border-radius:16px;padding:18px;min-height:112px;box-shadow:0 2px 8px rgba(16,24,40,.025)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#667085;font-size:12px;font-weight:650}.kpi-icon{width:31px;height:31px;border-radius:10px;background:rgba(var(--accent-rgb),.1);color:var(--accent);display:grid;place-items:center;font-weight:900}.kpi strong{display:block;font-size:26px;line-height:1;margin-top:12px;letter-spacing:-.04em}.kpi .trend{font-size:11px;color:#667085;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:18px}.panel{background:#fff;border:1px solid #e4e8f0;border-radius:17px;box-shadow:0 2px 8px rgba(16,24,40,.025);overflow:hidden}.panel-head{min-height:58px;padding:15px 18px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2,.panel-head h3{margin:0;font-size:15px}.panel-body{padding:18px}.next-card{background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.035));border:1px solid rgba(var(--accent-rgb),.17);border-radius:15px;padding:17px;margin-bottom:11px}.next-card b{display:block;margin-bottom:5px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.timeline-item:last-child{border:0}.timeline-dot{width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;margin:5px 0 0 7px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.09)}.timeline-item b{font-size:13px}.timeline-item p{font-size:12px;color:#667085;margin:3px 0 0}.onboarding{display:grid;gap:9px}.onboarding-step{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;border:1px solid #e8ebf1}.onboarding-step.done{background:#f2fbf7;border-color:#d1f2df}.check{width:21px;height:21px;border-radius:7px;background:#eef1f6;color:#7b8798;display:grid;place-items:center;font-size:11px;font-weight:900}.done .check{background:#12a571;color:#fff}.progress{height:7px;border-radius:999px;background:#edf0f5;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#7c5cff);border-radius:inherit}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick{border:1px solid #e4e8ef;background:#fff;border-radius:12px;padding:13px;text-align:left}.quick:hover{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.025)}.quick b{font-size:12px;display:block}.quick span{font-size:11px;color:#98a2b3}
/* data */
.toolbar{display:flex;gap:10px;align-items:center;margin:0 0 14px}.filter-input{height:40px;border:1px solid #dfe3eb;border-radius:11px;background:#fff;padding:0 12px;min-width:240px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table th{text-align:left;background:#f9fafb;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;padding:11px 14px;border-bottom:1px solid #e8ebf0;white-space:nowrap}.data-table td{padding:13px 14px;border-bottom:1px solid #edf0f4;color:#344054;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcfe}.row-title{font-weight:730;color:#182230}.row-sub{font-size:11px;color:#98a2b3;margin-top:2px}.empty{padding:52px 24px;text-align:center}.empty-ill{width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04));display:grid;place-items:center;color:var(--accent);font-size:23px;font-weight:900}.empty h3{margin:0 0 7px}.empty p{max-width:480px;margin:0 auto 18px;color:#667085}.status-select{border:0;background:transparent;font-weight:700;color:#475467}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;background:#98a2b3}.status-open .status-dot{background:#3b82f6}.status-active .status-dot{background:#8b5cf6}.status-done .status-dot{background:#10b981}.status-overdue .status-dot{background:#ef4444}
/* forms / modal */
.field{display:grid;gap:6px}.field label{font-size:12px;color:#344054;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dde7;border-radius:11px;background:#fff;padding:10px 11px;outline:0;color:#101828}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #eceff3}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);z-index:200;padding:24px;overflow:auto}.modal-backdrop.open{display:grid;place-items:center}.modal{width:min(680px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.25);overflow:hidden;animation:pop .16s ease}.modal-head{padding:18px 20px;border-bottom:1px solid #e8ebf0;display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:17px;margin:0}.modal-body{padding:20px}.close{border:0;background:#f2f4f7;width:32px;height:32px;border-radius:9px;color:#667085}@keyframes pop{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
/* Portal */
.admin-shell{--accent:#6d5dfc;--accent-rgb:109,93,252}.admin-side{background:linear-gradient(180deg,#080c18,#101428)}.admin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.health{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-item{padding:16px;border:1px solid #e5e9f0;border-radius:14px;background:#fff}.health-item .ok{color:#039855;font-weight:800}.setting-section{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:24px 0;border-bottom:1px solid #eceff3}.setting-section:first-child{padding-top:0}.setting-section h3{margin:0 0 5px;font-size:15px}.setting-section>div:first-child p{margin:0;color:#667085;font-size:12px}.settings-form{display:grid;gap:14px}.settings-card{background:#fff;border:1px solid #e4e8ef;border-radius:17px;padding:20px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#101828;color:#d6dded;border-radius:11px;padding:12px;font-size:12px;overflow:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ticket-list{display:grid;gap:8px}.ticket-item{padding:13px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;display:flex;justify-content:space-between;gap:14px}.ticket-item:hover{border-color:#cdd4e1}.chat-thread{height:420px;overflow:auto;padding:16px;background:#f8fafc;border-radius:14px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid #e4e8ef}.bubble.admin{margin-left:auto;background:#eef2ff;border-color:#dbe2ff}.bubble small{display:block;color:#98a2b3;margin-top:4px}.chat-compose{display:flex;gap:8px;margin-top:10px}.chat-compose input{flex:1}
/* live support */
.live-button{position:fixed;right:22px;bottom:22px;z-index:150;width:54px;height:54px;border-radius:18px;border:0;background:linear-gradient(145deg,var(--accent),#7c5cff);color:#fff;box-shadow:0 18px 40px rgba(var(--accent-rgb),.32);font-size:20px}.live-box{display:none;position:fixed;right:22px;bottom:86px;width:min(370px,calc(100vw - 28px));height:510px;background:#fff;border:1px solid #dfe4ed;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.24);z-index:151;overflow:hidden}.live-box.open{display:grid;grid-template-rows:auto 1fr auto}.live-head{background:linear-gradient(145deg,#10182b,#16213c);color:#fff;padding:16px}.live-head b{display:block}.live-head span{color:#aab6cc;font-size:11px}.live-messages{padding:14px;overflow:auto;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.live-compose{padding:10px;border-top:1px solid #e7eaf0;display:flex;gap:7px}.live-compose input{flex:1;border:1px solid #d7dce6;border-radius:10px;padding:9px}.live-compose button{width:42px;border:0;border-radius:10px;background:var(--accent);color:#fff}
/* auth */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-art{background:radial-gradient(circle at 20% 10%,rgba(var(--accent-rgb),.35),transparent 30%),linear-gradient(145deg,#08101f,#111a31);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:48px;line-height:1.02;letter-spacing:-.05em;max-width:650px}.auth-art p{color:#b6c0d2;font-size:17px;max-width:560px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:31px;letter-spacing:-.04em;margin:0 0 7px}.auth-card>.muted{margin-bottom:22px}.auth-card .field{margin:12px 0}.auth-card .btn{width:100%;margin-top:8px}.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;color:#667085}
/* responsive */
@media(max-width:1100px){.grid-4,.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-visual{max-width:760px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}

@media(max-width:1120px){.site-nav .inner{gap:18px}.site-links{gap:15px}.public-user small{display:none}}
@media(max-width:1020px){.public-user .user-meta{display:none}.public-user{padding-right:5px}.site-actions{gap:7px}}
@media(max-width:860px){.site-links{display:none}.nav-toggle{display:block}.site-nav.open .site-links{display:flex;position:absolute;left:14px;right:14px;top:66px;background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-actions .secondary{display:none}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:-270px;width:250px;transition:left .22s}.app-shell.nav-open .app-sidebar{left:0;box-shadow:20px 0 60px rgba(0,0,0,.24)}.mobile-menu{display:grid}.app-topbar{padding:0 14px}.top-title{display:none}.searchbox{margin-left:0}.app-page{padding:20px 14px}.setting-section{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-art{display:none}.admin-kpis{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1240px)}.site-nav .inner{height:64px;padding:0 14px}.site-actions .btn:not(.nav-toggle){padding:9px 11px;font-size:12px}.hero{padding:54px 0 46px}.hero h1{font-size:42px}.hero .lead{font-size:16px}.mock{min-height:330px}.mock-body{grid-template-columns:92px 1fr;min-height:280px}.mock-main{padding:12px}.mock-side{padding:10px 6px}.mock-side .mnav{font-size:0;height:31px}.mock-kpis{grid-template-columns:1fr}.mkpi:nth-child(n+2){display:none}.section{padding:58px 0}.grid-3,.grid-4,.product-grid,.kpi-grid,.admin-kpis,.health{grid-template-columns:1fr}.cta-band{padding:30px 22px;align-items:flex-start;flex-direction:column}.cta-band h2{font-size:29px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-head{flex-direction:column}.page-head h1{font-size:25px}.head-actions{width:100%}.head-actions .btn{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.toolbar{flex-direction:column;align-items:stretch}.filter-input{min-width:0;width:100%}.searchbox .kbd{display:none}.live-button{right:14px;bottom:14px}.live-box{right:14px;bottom:77px}.auth-panel{padding:26px 18px}.quick-grid{grid-template-columns:1fr}.app-topbar .btn.sm{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:focus-visible{outline:3px solid rgba(var(--accent-rgb),.35);outline-offset:2px}

/* V41 deep product UX */
.command-trigger{cursor:pointer;text-align:left;color:#667085}.search-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-backdrop{display:none;position:fixed;inset:0;background:rgba(9,14,28,.58);backdrop-filter:blur(8px);z-index:500;padding:8vh 20px}.command-backdrop.open{display:block}.command-card{width:min(760px,100%);margin:0 auto;background:#fff;border:1px solid #dfe4ed;border-radius:22px;box-shadow:0 38px 120px rgba(8,15,32,.34);overflow:hidden}.command-search{height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #edf0f4}.command-search>span{font-size:22px;color:var(--accent)}.command-search input{border:0;outline:0;font-size:18px;width:100%;background:transparent}.command-search kbd{font-size:11px;color:#667085;background:#f2f4f7;border:1px solid #e1e5eb;border-radius:7px;padding:4px 7px}.command-quick{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid #edf0f4;overflow:auto}.command-quick a{white-space:nowrap;background:#f7f8fb;border:1px solid #e7eaf0;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.command-results{max-height:420px;overflow:auto;padding:10px}.command-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:12px}.command-result:hover,.command-result.active{background:#f4f7ff}.command-result b{display:block}.command-result small{color:#7a8496}.command-hint{padding:28px;text-align:center;color:#8a94a6;font-size:13px}
.insight-band{position:relative;overflow:hidden;margin-bottom:18px;background:linear-gradient(135deg,#0b1325,#121e39 58%,#1b2a4b);color:#fff;border-radius:24px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 55px rgba(15,23,42,.16)}.insight-band:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(var(--accent-rgb),.52),transparent 67%)}.insight-band h2{margin:10px 0 6px;font-size:28px;letter-spacing:-.035em}.insight-band p{margin:0;max-width:800px;color:#bcc8dc}.insight-orb{position:relative;z-index:1;width:64px;height:64px;flex:0 0 64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#7c5cff);box-shadow:0 16px 40px rgba(var(--accent-rgb),.35);font-weight:900}
.workspace-view{margin-bottom:18px}.view-label{display:flex;align-items:baseline;gap:10px;margin:0 0 10px 2px}.view-label span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#4d5b70}.view-label small{color:#98a2b3}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:4px}.kanban-col{background:#eef2f7;border:1px solid #e2e7ef;border-radius:17px;padding:10px;min-height:180px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 9px;font-size:12px;color:#4d5b70}.kanban-head span{background:#fff;border:1px solid #dce2eb;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:800}.kanban-list{display:grid;gap:8px}.workspace-card{background:#fff;border:1px solid #e1e6ee;border-radius:14px;padding:14px;display:block;box-shadow:0 2px 6px rgba(16,24,40,.03);transition:.18s transform,.18s box-shadow,.18s border-color}.workspace-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.35);box-shadow:0 12px 26px rgba(16,24,40,.08)}.workspace-card-top,.workspace-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.workspace-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a94a6;font-weight:800}.workspace-card h3{font-size:14px;line-height:1.3;margin:10px 0 5px}.workspace-card p{font-size:12px;color:#7b8495;margin:0 0 14px;min-height:18px}.workspace-card-foot{font-size:11px;color:#7b8495}.workspace-card-foot b{color:#344054}.schedule-strip,.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:5px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.finance-summary>div{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #e3e8f0;border-radius:17px;padding:18px}.finance-summary span{display:block;color:#7c8798;font-size:12px}.finance-summary b{display:block;margin-top:7px;font-size:25px;letter-spacing:-.03em}.route-line{background:#fff;border:1px solid #e3e7ee;border-radius:18px;padding:10px}.route-stop{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 10px;border-radius:12px}.route-stop:not(:last-child):after{content:"";position:absolute;left:24px;top:40px;bottom:-10px;width:2px;background:#dce4f0}.route-stop:hover{background:#f7f9fc}.route-pin{width:28px;height:28px;display:grid;place-items:center;color:var(--accent);background:rgba(var(--accent-rgb),.1);border-radius:10px;z-index:1}.route-stop p{margin:2px 0 0;color:#8b95a5;font-size:12px}
.detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7c8798;font-size:12px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:18px;align-items:start}.detail-side{display:grid;gap:18px;position:sticky;top:86px}.panel-head.no-pad{padding:0 0 14px;border:0}.activity-list{display:grid;gap:14px;max-height:440px;overflow:auto;padding-right:3px}.activity-item{display:grid;grid-template-columns:34px 1fr;gap:10px}.activity-avatar{width:34px;height:34px;border-radius:11px;background:#eef2ff;color:#4658d6;display:grid;place-items:center;font-size:10px;font-weight:900}.activity-item b{font-size:12px}.activity-kind{margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3}.activity-item p{margin:3px 0;color:#475467;font-size:13px;white-space:pre-wrap}.activity-item small{color:#98a2b3}.activity-compose{display:grid;grid-template-columns:130px 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f4}.activity-compose textarea{grid-column:1/-1;min-height:86px}.activity-compose .btn{grid-column:2;justify-self:end}.next-action-card{padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.1),#fff);border:1px solid rgba(var(--accent-rgb),.2)}.next-action-card h3{margin:11px 0 6px;font-size:18px}.next-action-card p{margin:0;color:#667085;font-size:13px}.empty.compact{padding:18px}.module-table{overflow:hidden}
.team-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.member-list{display:grid;gap:9px}.member-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #e4e8ef;border-radius:13px}.member-meta b{display:block}.member-meta span{display:block;color:#8a94a6;font-size:12px}.data-actions{display:flex;gap:8px;flex-wrap:wrap}.funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.funnel-step{position:relative;background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:18px;overflow:hidden}.funnel-step:not(:last-child):after{content:"→";position:absolute;right:-8px;top:50%;z-index:2;color:#98a2b3}.funnel-step span{display:block;color:#7d8798;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.funnel-step b{display:block;font-size:27px;margin-top:6px}.funnel-step small{color:#98a2b3}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:210px;padding:20px 6px 0}.chart-bar{flex:1;min-width:20px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.48));border-radius:8px 8px 3px 3px;position:relative}.chart-bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;color:#667085;margin-bottom:4px}.chart-labels{display:flex;gap:8px}.chart-labels span{flex:1;text-align:center;font-size:10px;color:#98a2b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.detail-grid,.team-grid{grid-template-columns:1fr}.detail-side{position:static}.kanban{grid-template-columns:repeat(4,260px)}.asset-grid,.schedule-strip{grid-template-columns:repeat(4,250px)}.funnel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.command-backdrop{padding:10px}.command-card{border-radius:16px}.command-quick{display:none}.insight-band{padding:22px}.insight-orb{display:none}.finance-summary{grid-template-columns:1fr}.activity-compose{grid-template-columns:1fr}.activity-compose .btn{grid-column:1}.funnel{grid-template-columns:1fr 1fr}.search-placeholder{max-width:150px}.module-table{margin-top:4px}}

/* V41 Gewerk ID / Betreiberzugang / App Hub */
.admin-auth .auth-art{background:radial-gradient(circle at 16% 8%,rgba(91,124,250,.32),transparent 34%),linear-gradient(145deg,#070d1b,#0f1930 62%,#162447)}
.auth-feature-list{display:grid;gap:9px;margin-top:24px;color:#dbe5f7;font-size:13px;font-weight:650}.auth-feature-list span{display:flex;gap:8px;align-items:center}
.operator-mini{display:inline-flex!important;vertical-align:middle;margin-left:8px;padding:3px 6px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:9px!important;font-weight:900;letter-spacing:.08em}
.operator-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,#0b1325,#14213e 60%,#1b2c53);color:#fff;box-shadow:0 18px 55px rgba(15,23,42,.16);position:relative;overflow:hidden}.operator-banner:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-110px;top:-135px;background:radial-gradient(circle,rgba(91,124,250,.6),transparent 68%)}.operator-banner>div,.operator-banner>.btn{position:relative;z-index:1}.operator-banner h2{margin:10px 0 5px;font-size:27px;letter-spacing:-.035em}.operator-banner p{margin:0;color:#c5d0e3;max-width:760px}.operator-banner .btn{background:#fff;color:#16213b;box-shadow:none;white-space:nowrap}
.section-head.compact{margin:0 0 16px}.section-head.compact h2{font-size:25px;margin:8px 0}.hub-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-app-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:18px;min-height:222px;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(16,24,40,.03);transition:.18s transform,.18s box-shadow,.18s border-color}.hub-app-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--app,#5b7cfa) 36%,#e4e8ef);box-shadow:0 15px 32px rgba(16,24,40,.08)}.hub-app-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.app-badge{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--app,#5b7cfa);color:#fff;font-weight:900;font-size:11px}.hub-app-card h3{margin:15px 0 4px;font-size:18px}.hub-app-card p{margin:0 0 14px;color:#667085;font-size:13px}.hub-app-card .btn{margin-top:auto;width:max-content}.hub-app-card .text-link{margin-top:8px;color:var(--app,#5b7cfa);font-weight:750;font-size:12px}.hub-app-card.muted-card{background:linear-gradient(180deg,#fff,#fafbfc)}
@media(max-width:1180px){.hub-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.hub-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-banner{align-items:flex-start;flex-direction:column}.operator-banner .btn{width:100%}}
@media(max-width:520px){.hub-app-grid{grid-template-columns:1fr}.operator-banner{padding:20px}.operator-banner h2{font-size:23px}}

/* V41 Pricing benchmarks, coupons & public demos */
.card-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.product-card .card-actions .arrow{margin-top:0}.price-compare{margin:14px 0 16px;padding:14px 16px;border:1px solid #d7eadf;background:#f4fbf7;border-radius:14px;display:grid;gap:6px}.price-compare s{color:#7b8798}.coupon-teaser{margin-top:18px;padding-top:16px;border-top:1px solid #e8ebf2;display:grid;gap:3px}.coupon-teaser span{color:#667085;font-size:13px}.checkout-price{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.checkout-price strong{font-size:36px;line-height:1;letter-spacing:-.04em}.checkout-price s{color:#98a2b3}.coupon-box{margin-top:18px;padding:16px;border:1px dashed #cfd7e6;border-radius:14px;background:#fbfcff}.coupon-box form{display:flex;gap:8px}.coupon-box input{flex:1}.coupon-valid{margin-top:9px;color:#027a48;font-size:13px;font-weight:700}.coupon-invalid{margin-top:9px;color:#b42318;font-size:13px}.benchmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benchmark-box{padding:13px;border:1px solid #e6eaf1;border-radius:13px;background:#fafbfc}.benchmark-box span{display:block;font-size:11px;color:#7b8798;text-transform:uppercase;letter-spacing:.06em}.benchmark-box b{display:block;margin-top:3px}.demo-hero{padding:68px 0 34px;background:radial-gradient(circle at 10% 0,rgba(91,124,250,.14),transparent 32%)}.demo-browser{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:680px;background:#f6f8fc;border:1px solid #dfe5ef;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(16,24,40,.11)}.demo-sidebar{background:linear-gradient(180deg,#0b1120,#121b31);padding:16px 12px;color:#dbe4f4}.demo-brand{display:flex;align-items:center;gap:10px;padding:7px 8px 16px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.demo-brand b,.demo-brand small{display:block}.demo-brand small{font-size:10px;color:#90a0bd}.demo-nav-item{display:block;padding:10px 11px;border-radius:11px;margin:4px 0;color:#c7d2e5}.demo-nav-item span{display:block;font-weight:750;font-size:13px}.demo-nav-item small{display:block;color:#8190aa;font-size:10px;margin-top:2px}.demo-nav-item:hover,.demo-nav-item.active{background:rgba(91,124,250,.18);color:#fff}.demo-main{padding:26px;min-width:0}.demo-product-card{display:flex;flex-direction:column;color:inherit;cursor:pointer}.demo-product-card .btn{width:max-content;margin-top:auto}.demo-feature-card{display:flex;flex-direction:column;color:inherit;cursor:pointer}.demo-feature-card:hover .demo-card-link{transform:translateX(3px)}.demo-card-link{margin-top:auto;padding-top:18px;color:var(--accent);font-size:12px;font-weight:800;transition:.18s transform}.demo-flowstep{color:inherit;transition:.18s border-color,.18s transform,.18s box-shadow}.demo-flowstep:hover{border-color:rgba(var(--accent-rgb),.42);transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.06)}.demo-row-link{display:block;color:inherit}.demo-table tbody tr{transition:.15s background}.demo-table tbody tr:hover,.demo-table tbody tr.demo-row-selected{background:rgba(var(--accent-rgb),.055)}.demo-table .btn.ghost{white-space:nowrap}.demo-detail{margin-top:18px;padding:20px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:17px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.075),#fff);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:center}.demo-detail h3{margin:9px 0 5px;font-size:20px}.demo-detail p{margin:0;color:#667085}.demo-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-detail-meta>span{padding:10px 11px;border:1px solid #e6eaf1;border-radius:12px;background:#fff}.demo-detail-meta small{display:block;margin-bottom:5px;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.demo-detail .inline-actions{grid-column:1/-1}.demo-main{padding:26px;min-width:0}.demo-callout{margin-top:18px;border-radius:18px;padding:20px 22px;background:linear-gradient(135deg,#0e1730,#18284d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-callout div{display:grid;gap:4px}.demo-callout span{color:#bdc9dd;font-size:13px}.demo-callout .btn{background:#fff;color:#18213a;box-shadow:none;white-space:nowrap}.coupon-admin-grid{display:grid;grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr);gap:18px}.coupon-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.05em}.benchmark-link{font-size:11px;color:var(--accent);font-weight:750}.price-cap{font-weight:850;color:#027a48}
@media(max-width:900px){.demo-browser{grid-template-columns:1fr}.demo-sidebar{display:flex;overflow:auto;align-items:center;gap:6px}.demo-brand{min-width:190px;border-bottom:0;border-right:1px solid rgba(255,255,255,.08);padding-bottom:7px;margin-bottom:0}.demo-nav-item{min-width:170px}.coupon-admin-grid,.benchmark-grid{grid-template-columns:1fr}}
@media(max-width:760px){.demo-detail{grid-template-columns:1fr}.demo-detail-meta{grid-template-columns:1fr 1fr}.demo-detail .inline-actions{grid-column:auto}}
@media(max-width:600px){.demo-main{padding:16px}.demo-callout{align-items:flex-start;flex-direction:column}.demo-callout .btn{width:100%}.coupon-box form{flex-direction:column}.demo-detail-meta{grid-template-columns:1fr}}

/* V41 platform/mobile/support hardening */
.support-assist-banner,.assist-banner{position:sticky;top:0;z-index:50;background:#fff3cd;border-bottom:1px solid #e5c76b;padding:10px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.connection-card{display:flex;flex-direction:column;gap:12px}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.support-access-list{display:grid;gap:12px}.ai-badge{font-size:11px;font-weight:800;border-radius:999px;padding:4px 8px;background:#eef2ff;color:#4338ca}.paypal-health{margin-bottom:16px}
@media(max-width:760px){.connections-grid,.grid-3,.grid-2,.split,.form-grid,.team-grid,.admin-kpis,.hub-app-grid,.product-grid{grid-template-columns:1fr!important}.site-nav .nav-links{display:none}.site-nav{padding:10px 14px}.site-nav .nav-actions{margin-left:auto}.site-nav .nav-actions .btn.secondary{display:none}.public-user .user-meta{display:none}.hero,.section{padding-left:0;padding-right:0}.wrap{width:min(100% - 28px,1180px)}.app-page{padding:18px 14px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.head-actions .btn{flex:1}.data-table{min-width:680px}.auth{grid-template-columns:1fr!important}.auth-art{min-height:auto;padding:28px 22px}.auth-panel{padding:22px 16px}.demo-browser{display:block}.demo-sidebar{position:relative;width:100%;display:flex;overflow:auto}.demo-sidebar a{white-space:nowrap}.demo-main{padding:16px}.support-assist-banner,.assist-banner{align-items:flex-start;flex-direction:column}.live-box{right:12px;left:12px;width:auto;bottom:78px}.live-button{right:16px;bottom:16px}}
@media print{.demo-public>*{display:none!important}.demo-public:after{display:block!important;content:'Diese öffentliche Gewerk-Demo ist nicht für Ausdruck oder Dokumentversand vorgesehen.';padding:40px;font:700 18px system-ui;color:#111}}

.bubble.ai{border-color:rgba(91,124,250,.28);background:rgba(91,124,250,.09)} .ai-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800;background:rgba(91,124,250,.15);color:var(--accent);margin-right:6px}

/* Support Assist read-only mode: server also enforces this; this is the visual guardrail. */
.assist-view .app-page form input,.assist-view .app-page form textarea,.assist-view .app-page form select,.assist-view .app-page form button{pointer-events:none;opacity:.62}
.assist-view .app-page form:after{content:'Support-Sicht: Nur ansehen';display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#fff3cd;color:#7a5b00;font-size:11px;font-weight:800}

/* V41 platform additions */
.connectivity-badge{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;background:#f59e0b;color:#111827;font-weight:800;padding:10px 16px;border-radius:999px;box-shadow:0 12px 40px #0006}
.help-group{margin:0 0 34px}.help-search{max-width:680px}.article-wrap{max-width:900px}.article-card{padding:28px;border:1px solid var(--border,#26334a);border-radius:22px;background:var(--card,#0e1728);line-height:1.75}.academy-grid{display:grid;gap:14px}.academy-card{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;border:1px solid var(--border,#26334a);border-radius:20px;background:var(--card,#0e1728)}.academy-number{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#17233a;font-weight:900}.academy-card.done .academy-number{background:#123b2d;color:#71e6b2}.academy-progress{height:9px;background:#1a2538;border-radius:99px;margin:0 0 22px;overflow:hidden}.academy-progress span{display:block;height:100%;background:linear-gradient(90deg,#5b7cfa,#8b5cf6)}.code{white-space:pre-wrap;word-break:break-word}.data-table input[type=checkbox]{width:18px;height:18px}.bulk-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.connectivity-badge+*{}
@media(max-width:760px){.academy-card{grid-template-columns:1fr}.academy-number{width:40px;height:40px}.head-actions{flex-wrap:wrap}.head-actions .btn{flex:1 1 auto}.inline-actions{flex-wrap:wrap}.data-table{min-width:720px}.app-page{padding-left:14px;padding-right:14px}}

/* V41.1.0 platform clarity, positioning & trust */
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:24px;border:1px solid #e4e8f0;border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.03);transition:.2s transform,.2s box-shadow,.2s border-color}.problem-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(var(--accent-rgb),.35)}.problem-card .problem-no{font-size:12px;font-weight:900;letter-spacing:.09em;color:var(--accent)}.problem-card h3{margin:16px 0 8px;font-size:21px;letter-spacing:-.03em}.problem-card p{margin:0 0 16px;color:var(--muted)}.problem-card small{color:#475467;font-weight:700}.problem-card .arrow{margin-top:auto;padding-top:18px;color:var(--accent);font-weight:800}.problem-results{display:grid;gap:22px}.problem-result{scroll-margin-top:96px;padding:25px;border:1px solid #e5e9f2;border-radius:22px;background:#fff}.problem-result-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.problem-result-head .problem-no{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4f63d8;font-weight:900}.problem-result-head h3{margin:0 0 5px;font-size:23px}.problem-result-head p{margin:0;color:var(--muted)}.problem-result-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.problem-result-apps a{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #edf0f5;border-radius:14px;background:#fbfcff}.problem-result-apps .mark,.related-app .mark{width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.problem-result-apps span:not(.mark),.related-app span:not(.mark){display:grid;min-width:0}.problem-result-apps small,.related-app small{color:var(--muted);font-size:11px;margin-top:2px}.problem-result-apps strong,.related-app strong{margin-left:auto;color:#98a2b3}.platform-layers{display:grid;gap:13px}.platform-layers article{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;padding:22px 24px;border:1px solid #e5e9f2;border-radius:18px;background:#fff}.platform-layers span{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.09em}.platform-layers b{font-size:16px;color:#344054}.featured-grid{grid-template-columns:repeat(5,1fr)}.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.suite-card{padding:24px;border:1px solid #e5e9f2;border-radius:21px;background:#fff}.suite-card h3{margin:13px 0 8px;font-size:22px}.suite-card p{color:var(--muted)}.suite-apps{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.suite-apps span,.suite-apps a{padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:750}.suite-card small{display:block;color:#7c879b;line-height:1.55}.product-problem{display:block;color:#475467;font-size:13px;font-weight:700;margin-top:9px}.hero-commerce{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-price{font-size:24px;font-weight:900;letter-spacing:-.04em}.demo-card-link{display:inline-block;margin-top:14px;color:var(--accent);font-weight:800}.demo-flowstep:hover{border-color:rgba(var(--accent-rgb),.4);box-shadow:0 7px 22px rgba(16,24,40,.06)}.differentiator-card{min-height:205px}.scope-note{display:flex;gap:18px;align-items:flex-start;margin-top:20px;padding:17px 19px;border:1px solid #e5e9f2;border-radius:15px;background:#f8faff}.scope-note b{white-space:nowrap;color:#344054}.scope-note span{color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.integration-link-card{padding:19px;border:1px solid #e5e9f2;border-radius:17px;background:#fff}.integration-link-card>span{font-weight:800}.integration-link-card>strong{margin:0 7px;color:var(--accent)}.integration-link-card p{margin:10px 0 0;color:var(--muted);font-size:13px}.integration-summary{margin-top:20px;padding:22px;border-radius:18px;background:#10182e;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:24px}.integration-summary h3{margin:10px 0 0}.integration-summary ul{margin:0;padding-left:20px;color:#d5dced}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.related-app{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e5e9f2;border-radius:15px;background:#fff}.price-compare.detailed{margin:18px 0;padding:18px;border-radius:17px;background:#f8faff;border:1px solid #e4e8f0}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.benchmark-box{padding:13px;border-radius:13px;background:#fff;border:1px solid #e9edf4;display:grid;gap:3px}.benchmark-box>span{font-size:11px;color:#7a8699;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.benchmark-box b{font-size:14px}.benchmark-box small{font-size:11px;color:var(--muted)}.benchmark-context{margin:13px 0 0!important;font-size:12px!important;color:#667085!important}.benchmark-method .marketing-card{min-height:220px}.pricing-table{min-width:1050px}.demo-proof{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.demo-proof span{font-size:10px;font-weight:800;color:#475467;background:#f2f4f7;border-radius:999px;padding:5px 8px}.trust-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.trust-card{padding:23px;border:1px solid #e5e9f2;border-radius:20px;background:#fff}.trust-card h3{margin:13px 0 8px}.trust-card p{margin:0;color:var(--muted)}.trust-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em}.trust-status.ok{background:#ecfdf3;color:#027a48}.trust-status.pending{background:#fff7ed;color:#b45309}.pricing-focus{min-height:100%}.pricing-admin-card .benchmark-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-admin-card .field-wide{grid-column:1/-1}
@media(max-width:1100px){.problem-grid,.suite-grid,.trust-matrix{grid-template-columns:repeat(2,1fr)}.problem-result-apps,.featured-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.benchmark-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.pricing-admin-card .benchmark-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.problem-grid,.suite-grid,.trust-matrix,.problem-result-apps,.featured-grid,.related-grid,.integration-grid,.benchmark-grid{grid-template-columns:1fr!important}.platform-layers article{grid-template-columns:1fr;gap:7px}.integration-summary{grid-template-columns:1fr}.scope-note{display:grid}.pricing-admin-card .benchmark-editor{grid-template-columns:1fr}.pricing-admin-card .field-wide{grid-column:auto}.problem-result-head{display:grid}}

/* V41.2 – product blueprints, trade engine and gewerkAi */
.product-guide,.trade-focus,.module-guide,.ai-hero,.ai-answer{background:#fff;border:1px solid #e4e8f0;border-radius:18px;box-shadow:0 2px 8px rgba(16,24,40,.025);margin-bottom:18px}.product-guide{padding:20px}.guide-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.guide-head h2{margin:3px 0 0;font-size:21px}.workflow-scroll{display:flex;gap:8px;overflow-x:auto;padding:3px 0 14px;scrollbar-width:thin}.workflow-step{min-width:145px;border:1px solid #e7eaf0;border-radius:12px;padding:10px 12px;background:#f9fafb;font-size:12px;display:flex;gap:8px;align-items:flex-start}.workflow-step b{width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:rgba(var(--accent-rgb),.12);color:var(--accent);display:grid;place-items:center;font-size:10px}.guide-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.guide-grid.three{grid-template-columns:repeat(3,1fr)}.guide-grid article{border:1px solid #edf0f4;border-radius:14px;padding:16px;background:#fcfcfd}.guide-grid h3{margin:0 0 10px;font-size:14px}.guide-grid ul,.module-guide ul{margin:0;padding-left:18px;color:#596579;font-size:12px;line-height:1.65}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.trade-focus{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),#fff)}.trade-focus h2{margin:4px 0}.trade-focus p{margin:0 0 10px;color:#667085}.module-guide{padding:16px 18px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.module-guide h3{margin:3px 0 8px;font-size:15px}.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.trade-card{border:1px solid #e4e8f0;background:#fff;border-radius:16px;padding:17px;text-align:left;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 8px rgba(16,24,40,.02)}.trade-card.active{border-color:rgba(var(--accent-rgb),.4);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06)}.trade-card-top{display:flex;justify-content:space-between;align-items:center}.trade-card h3{margin:0}.trade-card p{margin:0;color:#667085;font-size:12px;line-height:1.5}.trade-card small{color:#7b8798}.trade-card .btn{margin-top:auto;align-self:flex-start}.trade-detail{margin-top:18px}.ai-page{max-width:1120px}.ai-hero{padding:24px;display:grid;grid-template-columns:1.6fr .8fr;gap:24px;background:linear-gradient(135deg,#fff,rgba(var(--accent-rgb),.05))}.ai-hero h2{font-size:27px;margin:12px 0}.ai-hero aside{border-left:1px solid #e5e9ef;padding-left:22px}.ai-hero aside h3{margin:6px 0}.ai-hero aside p{font-size:12px;line-height:1.65;color:#667085}.ai-input{display:flex;gap:8px}.ai-input input{flex:1;min-width:0;height:46px;border:1px solid #dfe3eb;border-radius:12px;padding:0 14px;font:inherit}.ai-input input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.ai-suggestion{font-size:11px;border:1px solid #dfe4eb;background:#fff;border-radius:999px;padding:7px 10px;color:#596579}.ai-answer{padding:19px;display:grid;grid-template-columns:42px 1fr;gap:14px}.ai-orb{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--accent),#7c5cff);color:#fff;display:grid;place-items:center;font-weight:900}.ai-answer p{margin:5px 0 13px;line-height:1.65}.ai-results{display:grid;gap:8px;margin-top:12px}.ai-result{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e7eaf0;border-radius:12px;padding:12px 13px;background:#fff}.ai-result:hover{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.02)}.ai-result b,.ai-result span{display:block}.ai-result div>span{font-size:11px;color:#7b8798;margin-top:3px}.ai-result>span{font-size:11px;color:var(--accent);font-weight:700}
@media(max-width:900px){.guide-grid,.guide-grid.three,.module-guide,.ai-hero{grid-template-columns:1fr}.trade-grid{grid-template-columns:1fr}.trade-focus{align-items:flex-start;flex-direction:column}.ai-hero aside{border-left:0;border-top:1px solid #e5e9ef;padding:16px 0 0}.ai-input{flex-direction:column}.workflow-step{min-width:132px}}

/* V41.2 Gewerk Home */
.gewerk-home{display:grid;gap:18px;margin-top:8px}.home-work-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.home-work-card{display:flex;min-height:132px;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:.16s ease}.home-work-card:hover{transform:translateY(-2px);border-color:var(--accent,#5b7cfa);box-shadow:var(--shadow)}.home-work-card span{font-size:.82rem;font-weight:750;color:var(--muted)}.home-work-card strong{font-size:2rem;line-height:1}.home-work-card small{margin-top:auto;color:var(--muted);line-height:1.35}.home-focus-list{display:grid;gap:8px}.home-focus-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;background:color-mix(in srgb,var(--card) 94%,var(--accent,#5b7cfa) 6%)}.home-focus-row:hover{border-color:var(--accent,#5b7cfa)}.home-focus-row div{display:grid;gap:3px}.home-focus-row span{font-size:.8rem;color:var(--muted)}
@media(max-width:1280px){.home-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-focus-row{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.home-work-grid{grid-template-columns:1fr}}

/* V41.6.0 GewerkPay 2.0 */
.pay-cockpit{border-color:rgba(99,91,255,.28)}
.pay-reconcile-live .notice{max-width:none}

/* V42 platform core */
:focus-visible{outline:3px solid rgba(91,124,250,.65);outline-offset:3px}.v42-hub-actions{margin-top:22px;padding:22px;border:1px solid var(--line,#e2e8f0);border-radius:18px;background:linear-gradient(135deg,rgba(91,124,250,.08),rgba(255,255,255,.02));display:flex;justify-content:space-between;gap:24px;align-items:center}.v42-hub-actions h2{margin:.25rem 0}.permission-matrix{max-width:900px}.permission-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line,#e2e8f0)}.permission-row span{display:flex;flex-direction:column}.permission-row small{opacity:.7}.role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.onboarding-progress{display:flex;gap:10px;margin:18px 0}.onboarding-progress span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0}.onboarding-progress .current{background:#5b7cfa;color:#fff}.onboarding-progress .done{background:#16a34a;color:#fff}.onboarding-v42-card{padding:24px;border:1px solid var(--line,#e2e8f0);border-radius:20px;background:var(--panel,#fff)}.onboarding-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:16px 0}.onboarding-product{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line,#e2e8f0);border-radius:14px}.onboarding-product span:last-child{display:flex;flex-direction:column}.layout-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0}.layout-choice label{padding:14px;border:1px solid var(--line,#e2e8f0);border-radius:14px;display:flex;gap:10px}.layout-choice span{display:flex;flex-direction:column}.document-studio{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1fr) minmax(360px,1.25fr);gap:16px}.document-template-list,.document-editor,.document-preview{border:1px solid var(--line,#e2e8f0);border-radius:18px;padding:16px;background:var(--panel,#fff)}.template-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line,#e2e8f0);background:none;padding:10px;display:flex;justify-content:space-between}.template-row span:first-child{display:flex;flex-direction:column}.doc-paper{background:#fff;color:#172033;min-height:720px;padding:42px;box-shadow:0 10px 32px rgba(15,23,42,.12);border-top:7px solid var(--doc-accent,#5b7cfa)}.doc-paper header{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dbe3ef;padding-bottom:18px}.doc-paper header div{display:flex;flex-direction:column}.doc-meta{display:flex;justify-content:space-between;font-size:.85rem;margin:24px 0}.doc-paper pre{white-space:pre-wrap;font:inherit;line-height:1.6}.doc-paper footer{margin-top:48px;border-top:1px solid #dbe3ef;padding-top:12px;font-size:.75rem;color:#64748b}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mapping-grid label{display:flex;flex-direction:column;gap:6px}.v42-steps{padding-left:1.4rem}.approval-row,.management-product-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#e2e8f0)}.approval-row>div:first-child,.management-product-row span:nth-child(2){display:flex;flex-direction:column;flex:1}.management-product-row strong{margin-left:auto}.ai-draft-output{width:100%;font:inherit;line-height:1.55}.connectivity-badge{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:10000;background:#111827;color:#fff;border:1px solid #334155;border-radius:999px;padding:9px 14px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
@media(max-width:1150px){.document-studio{grid-template-columns:1fr 1fr}.document-preview{grid-column:1/-1}}@media(max-width:760px){.document-studio{grid-template-columns:1fr}.document-preview{grid-column:auto}.v42-hub-actions{align-items:flex-start;flex-direction:column}}
@media print{.app-sidebar,.app-topbar,.document-template-list,.document-editor,.page-head,.live-widget{display:none!important}.app-main,.app-page,.document-studio,.document-preview{display:block!important;margin:0!important;padding:0!important;border:0!important}.doc-paper{box-shadow:none;min-height:auto}}

/* V42 accessibility */
.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:#07101f;padding:10px 14px;border-radius:10px;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.25)}.skip-link:focus{top:16px}

/* V42.0.2 — grouped sidebar navigation */
.app-nav>.nav-root{margin-bottom:7px;background:rgba(255,255,255,.025)}
.app-nav .nav-group{margin:4px 0;border-radius:12px;overflow:hidden}
.app-nav .nav-group>summary{list-style:none;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;border-radius:10px;color:#8391aa;font-size:10px;font-weight:800;letter-spacing:.025em;cursor:pointer;user-select:none}
.app-nav .nav-group>summary::-webkit-details-marker{display:none}.app-nav .nav-group>summary:hover{background:rgba(255,255,255,.045);color:#e5eaf4}.app-nav .nav-group[open]>summary{color:#c7d2e5}
.app-nav .nav-group-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.045);font-size:9px}.app-nav .nav-group-chevron{font-size:10px;transition:transform .16s ease}.app-nav .nav-group[open] .nav-group-chevron{transform:rotate(180deg)}
.app-nav .nav-group-count{display:none}.app-nav .nav-submenu{padding:2px 0 5px 13px;margin-left:10px;border-left:1px solid rgba(255,255,255,.075)}.app-nav .nav-submenu a{height:35px;margin:1px 0;padding-left:9px;font-size:12px}.app-nav .nav-submenu .nav-icon{width:17px;height:17px;border-radius:5px;font-size:8px;background:rgba(255,255,255,.04)}
.app-nav .nav-submenu a.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.23),rgba(var(--accent-rgb),.06));box-shadow:inset 2px 0 0 var(--accent)}
@media(max-width:860px){.app-nav .nav-group>summary{min-height:42px}.app-nav .nav-submenu a{height:40px}}

/* V42.1.0 — commercial offer/invoice editor */
.commercial-editor-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:18px;align-items:start}.commercial-editor,.commercial-live-preview{border:1px solid var(--line,#e2e8f0);border-radius:18px;background:var(--panel,#fff)}.commercial-editor{padding:18px;min-width:0}.commercial-live-preview{padding:14px;position:sticky;top:76px}.commercial-editor-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#e2e8f0);margin:-2px -2px 18px;padding:0 2px 10px}.commercial-editor-tabs button{border:0;background:transparent;padding:9px 12px;border-radius:10px;font-weight:800;color:#64748b}.commercial-editor-tabs button.active{background:#eef2ff;color:#3346a8}.commercial-position-toolbar,.commercial-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.commercial-position-toolbar h3{margin:0}.commercial-positions{display:grid;gap:8px}.commercial-position-row{display:grid;grid-template-columns:34px 105px 95px minmax(210px,1fr) 78px 72px 105px 72px 76px 95px 36px;gap:6px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.commercial-position-row input,.commercial-position-row select,.commercial-position-row textarea{min-width:0;padding:8px;border:1px solid #d9e0ea;border-radius:8px;background:#fff}.commercial-position-row textarea{resize:vertical}.commercial-pos-handle{font-weight:900;color:#94a3b8;text-align:center}.commercial-position-row>strong{text-align:right;font-size:12px}.commercial-remove{color:#b42318}.commercial-discount{display:flex;justify-content:flex-end;margin-top:12px}.commercial-discount label{display:flex;align-items:center;gap:10px;font-weight:800}.commercial-discount input{width:90px}.commercial-editor-actions{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#e2e8f0)}.commercial-preview-toolbar{padding:4px 4px 12px}.commercial-preview-toolbar>div{display:flex;flex-direction:column}.commercial-paper{background:#fff;color:#172033;min-height:880px;padding:42px 44px;box-shadow:0 10px 28px rgba(15,23,42,.12);border-top:7px solid #5b7cfa;font-size:13px}.commercial-paper header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dbe3ef;padding-bottom:18px}.commercial-paper header>div:last-child{display:flex;flex-direction:column}.commercial-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#fff;font-weight:900}.commercial-recipient{display:flex;flex-direction:column;margin:34px 0 28px;max-width:320px}.commercial-recipient span{font-weight:800}.commercial-recipient small{margin-top:5px;line-height:1.5}.commercial-doc-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.commercial-doc-head h2{font-size:28px;margin:4px 0 18px}.commercial-doc-head dl{min-width:180px;margin:0}.commercial-doc-head dl>div{display:flex;justify-content:space-between;gap:20px;padding:4px 0}.commercial-doc-head dt{color:#64748b}.commercial-doc-head dd{margin:0;font-weight:700}.commercial-intro{line-height:1.6;margin:12px 0 22px}.commercial-preview-table{width:100%;border-collapse:collapse;margin:18px 0}.commercial-preview-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:2px solid #cbd5e1;padding:9px 6px}.commercial-preview-table td{border-bottom:1px solid #e2e8f0;padding:11px 6px;vertical-align:top}.commercial-preview-table td:nth-child(n+3),.commercial-preview-table th:nth-child(n+3){text-align:right}.commercial-preview-table td:nth-child(2) small{display:block;color:#94a3b8}.commercial-summary{margin-left:auto;width:min(340px,100%);display:grid;gap:5px}.commercial-summary>div{display:flex;justify-content:space-between;padding:5px 0}.commercial-summary .commercial-grand{border-top:2px solid #172033;margin-top:4px;padding-top:10px;font-size:16px}.commercial-payment{margin-top:26px;padding:12px 14px;background:#f8fafc;border-radius:10px;display:flex;gap:14px}.commercial-paper footer{margin-top:48px;border-top:1px solid #dbe3ef;padding-top:12px;color:#64748b;font-size:11px}.commercial-paper.layout-classic{border-top-color:#1f2937;font-family:Georgia,serif}.commercial-paper.layout-compact{min-height:620px;padding:28px;font-size:12px}.commercial-paper.layout-detailed .commercial-preview-table td{padding-top:15px;padding-bottom:15px}.commercial-paper.layout-private{border-top-color:#0ea5e9}.commercial-paper.layout-business{border-top-color:#111827}.commercial-paper.layout-lv .commercial-preview-table th,.commercial-paper.layout-lv .commercial-preview-table td{border:1px solid #cbd5e1}.commercial-paper.layout-lv .commercial-preview-table th{background:#f1f5f9}.commercial-document-page .page-head{align-items:flex-start}
@media(max-width:1300px){.commercial-editor-shell{grid-template-columns:1fr}.commercial-live-preview{position:static}.commercial-position-row{grid-template-columns:34px 95px 85px minmax(170px,1fr) 70px 65px 95px 68px 72px 90px 34px}}
@media(max-width:900px){.commercial-position-row{grid-template-columns:30px 1fr 1fr}.commercial-position-row textarea{grid-column:2/-1}.commercial-position-row>strong{grid-column:2/3;text-align:left}.commercial-editor-tabs{overflow:auto}.commercial-paper{padding:28px 24px}}
@media print{.commercial-editor,.commercial-preview-toolbar,.commercial-document-page>.page-head,.app-sidebar,.app-topbar{display:none!important}.commercial-editor-shell,.commercial-live-preview{display:block!important;border:0!important;padding:0!important}.commercial-paper{box-shadow:none!important;min-height:auto!important}}

/* V42.1.0 HF5 — premium application sidebar */
.nav-svg{display:block;width:16px;height:16px;flex:0 0 auto}
.app-shell{grid-template-columns:282px minmax(0,1fr)}
.app-sidebar{padding:0 12px 12px;background:radial-gradient(circle at 12% 0,rgba(var(--accent-rgb),.17),transparent 24%),linear-gradient(180deg,#0a1020 0%,#0c1427 52%,#090f1d 100%);border-right:1px solid rgba(148,163,184,.13);box-shadow:18px 0 55px rgba(15,23,42,.08);overflow:hidden}
.app-brand{height:auto;min-height:76px;margin:0 2px 8px;padding:14px 8px 13px;gap:11px;border-bottom:1px solid rgba(148,163,184,.12)}
.app-brand .brandmark{width:40px;height:40px;border-radius:12px;box-shadow:0 10px 28px rgba(var(--accent-rgb),.32),inset 0 1px 0 rgba(255,255,255,.22)}
.app-brand>div{display:grid;min-width:0;line-height:1.05}.app-brand strong{font-size:14px;letter-spacing:-.015em;color:#f8fafc}.app-brand>div>span{margin-top:5px;color:#8fa0bb;font-size:9px;font-weight:650;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-switch-wrap{position:relative;margin:2px 2px 14px}.app-switch-caption{position:absolute;z-index:2;left:13px;top:7px;color:#6f809d;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.app-switch{appearance:none;-webkit-appearance:none;height:50px;margin:0;padding:19px 39px 6px 12px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#f1f5f9;font-size:11.5px;font-weight:750;letter-spacing:-.01em;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 24px rgba(0,0,0,.08)}.app-switch:hover{border-color:rgba(var(--accent-rgb),.42);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045))}.app-switch:focus{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}.app-switch option{background:#111827;color:#f8fafc}.app-switch-chevron{position:absolute;right:12px;top:18px;width:18px;height:18px;display:grid;place-items:center;color:#8fa0bb;pointer-events:none}.app-switch-chevron .nav-svg{width:15px;height:15px}
.app-nav{padding:1px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.2) transparent}.app-nav::-webkit-scrollbar{width:5px}.app-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.18);border-radius:999px}
.app-nav>.nav-root{min-height:46px;margin:0 0 8px;padding:6px 8px;border:1px solid rgba(148,163,184,.09);border-radius:13px;background:rgba(255,255,255,.025);color:#cbd5e1;font-size:12.5px;font-weight:780;letter-spacing:-.01em;box-shadow:none}.app-nav>.nav-root:hover{background:rgba(255,255,255,.055);border-color:rgba(148,163,184,.15)}.app-nav>.nav-root.active{background:linear-gradient(105deg,rgba(var(--accent-rgb),.29),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-rgb),.34);box-shadow:inset 3px 0 0 var(--accent),0 8px 24px rgba(var(--accent-rgb),.08);color:#fff}
.app-nav .nav-icon{width:30px;height:30px;border-radius:9px;background:rgba(148,163,184,.08);color:#91a2bc;border:1px solid rgba(148,163,184,.08);font-size:9px;font-weight:850;transition:.16s background,.16s color,.16s border-color,.16s transform}.app-nav .nav-icon .nav-svg{width:15px;height:15px}.app-nav a:hover .nav-icon{color:#dce6f5;background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.12)}.app-nav a.active .nav-icon,.app-nav>.nav-root.active .nav-icon{color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-2));border-color:transparent;box-shadow:0 6px 16px rgba(var(--accent-rgb),.24)}
.app-nav .nav-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-nav .nav-group{margin:2px 0;border-radius:13px;overflow:visible}.app-nav .nav-group>summary{grid-template-columns:30px minmax(0,1fr) auto 18px;gap:9px;min-height:45px;padding:5px 7px;border-radius:12px;color:#9aa9c0;font-size:11.5px;font-weight:740;letter-spacing:-.005em;transition:.16s background,.16s color}.app-nav .nav-group>summary:hover{background:rgba(255,255,255,.045);color:#eef3fb}.app-nav .nav-group[open]>summary{background:rgba(255,255,255,.028);color:#dce5f2}.app-nav .nav-group-icon{width:30px;height:30px;border-radius:9px;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.075);color:#91a2bc;font-size:0}.app-nav .nav-group-icon .nav-svg{width:15px;height:15px}.app-nav .nav-group>summary:hover .nav-group-icon,.app-nav .nav-group[open]>summary .nav-group-icon{background:rgba(var(--accent-rgb),.11);border-color:rgba(var(--accent-rgb),.19);color:#c9d4ff}.app-nav .nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav .nav-group-count{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border:1px solid rgba(148,163,184,.1);border-radius:999px;background:rgba(148,163,184,.07);color:#72839f;font-size:9px;font-weight:800;line-height:1}.app-nav .nav-group-chevron{width:18px;height:18px;display:grid;place-items:center;color:#667791;transition:transform .18s ease,color .18s ease}.app-nav .nav-group-chevron .nav-svg{width:14px;height:14px}.app-nav .nav-group[open] .nav-group-chevron{transform:rotate(180deg);color:#a7b5ca}
.app-nav .nav-submenu{margin:2px 0 7px 15px;padding:3px 0 3px 14px;border-left:1px solid rgba(148,163,184,.12)}.app-nav .nav-submenu a{height:38px;margin:1px 0;padding:0 8px;gap:9px;border:1px solid transparent;border-radius:10px;color:#95a5bc;font-size:11.5px;font-weight:650}.app-nav .nav-submenu a:hover{background:rgba(255,255,255,.04);color:#eef3fb}.app-nav .nav-submenu a.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.055));border-color:rgba(var(--accent-rgb),.16);box-shadow:none;color:#fff}.app-nav .nav-submenu .nav-icon{width:26px;height:26px;border-radius:8px}.app-nav .nav-submenu .nav-icon .nav-svg{width:13px;height:13px}.app-nav .nav-submenu a.active .nav-icon{background:rgba(var(--accent-rgb),.22);border-color:rgba(var(--accent-rgb),.22);box-shadow:none;color:#dfe5ff}
.app-nav .nav-group-platform{margin-top:10px;padding-top:8px;border-top:1px solid rgba(148,163,184,.1)}
.sidebar-foot{padding:11px 2px 0;border-top:1px solid rgba(148,163,184,.09)}.org-chip{border:1px solid rgba(148,163,184,.11);border-radius:13px;background:rgba(255,255,255,.035);padding:9px}.org-chip:hover{background:rgba(255,255,255,.055);border-color:rgba(148,163,184,.18)}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.app-sidebar{left:-304px;width:286px;padding-bottom:14px}.app-shell.nav-open .app-sidebar{left:0}.app-nav .nav-group>summary{min-height:47px}.app-nav .nav-submenu a{height:42px}}

/* ==========================================================================
   V43.0.0 — GEWERK SUITE DESIGN SYSTEM
   Shared visual language for every product, admin surface and mobile shell.
   ========================================================================== */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--panel-2:#f8faff;--ink:#0b1633;--muted:#68738a;--line:#e7ebf2;
  --nav:#ffffff;--nav-2:#f7f9fd;--accent:#0b5cff;--accent-rgb:11,92,255;--accent-2:#3e79ff;
  --success:#16a36a;--warning:#ef8b12;--danger:#ef4444;--radius:14px;--radius-sm:10px;
  --shadow:0 8px 28px rgba(29,48,82,.07);--shadow-lg:0 24px 64px rgba(29,48,82,.12);--max:1680px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --sidebar:246px;--topbar:64px
}
body{background:var(--bg);color:var(--ink);font-size:14px;letter-spacing:-.006em}
body:has(.app-shell){background:#f6f8fc}
::selection{background:rgba(var(--accent-rgb),.16);color:#07142e}

/* universal controls */
.btn{min-height:38px;padding:9px 14px;border-radius:8px;background:linear-gradient(180deg,var(--accent),#0753ea);font-size:12px;font-weight:760;letter-spacing:-.005em;box-shadow:0 5px 14px rgba(var(--accent-rgb),.19);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(var(--accent-rgb),.22)}
.btn.secondary{background:#fff;border:1px solid #dfe5ef;color:#23304a;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.btn.secondary:hover{border-color:#cbd5e4;background:#fbfcfe;box-shadow:0 4px 12px rgba(29,48,82,.055)}
.btn.ghost{background:transparent;color:#59657b;box-shadow:none}.btn.sm{min-height:32px;padding:7px 10px;border-radius:7px;font-size:11px}.btn-icon{width:15px;height:15px;display:grid;place-items:center}.btn-icon .nav-svg{width:15px;height:15px}
input,select,textarea{color:#17213a}input::placeholder,textarea::placeholder{color:#9aa5b7}
.field input,.field select,.field textarea,.settings-form input,.settings-form select,.settings-form textarea,.filter-input,.toolbar select,.activity-compose select,.activity-compose textarea{border:1px solid #dfe5ee;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field input:focus,.field select:focus,.field textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.filter-input:focus,.toolbar select:focus,.activity-compose select:focus,.activity-compose textarea:focus{outline:0;border-color:rgba(var(--accent-rgb),.68);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.09)}
.tag{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:760;border:1px solid transparent}.tag.green{background:#edf9f2;color:#08774b;border-color:#d8f0e3}.tag.amber{background:#fff7e8;color:#a75b00;border-color:#f9e6bd}.tag.red{background:#fff0f0;color:#bd3030;border-color:#fbdada}.tag.blue{background:#eef4ff;color:#1451c8;border-color:#dce8ff}.tag.purple{background:#f4f0ff;color:#6840c3;border-color:#e8defd}
.eyebrow{padding:5px 8px;border-radius:7px;border:1px solid rgba(var(--accent-rgb),.12);background:rgba(var(--accent-rgb),.055);font-size:9px;letter-spacing:.09em;font-weight:850;color:#1854bf}

/* main application shell */
.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);background:#f6f8fc}
.app-main{min-height:100vh;background:radial-gradient(circle at 42% -12%,rgba(var(--accent-rgb),.035),transparent 31%),#f6f8fc}
.app-sidebar{width:var(--sidebar);padding:0 10px 12px;background:#fff;color:#344054;border-right:1px solid #e7ebf2;box-shadow:2px 0 12px rgba(22,34,57,.025);overflow:hidden}
.suite-signature{height:45px;display:flex;align-items:center;gap:8px;padding:0 7px;color:#111d38;font-size:13px;font-weight:850;letter-spacing:-.025em;border-bottom:1px solid #eef1f6}
.suite-symbol{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#075cff,#286fff);color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(11,92,255,.2)}
.app-brand{min-height:62px;margin:0;padding:10px 6px 8px;gap:10px;border-bottom:0}
.app-brand .brandmark{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px rgba(var(--accent-rgb),.18);font-size:10px}
.app-brand>div{display:grid;min-width:0}.app-brand strong{color:#111d38;font-size:13px;font-weight:850}.app-brand>div>span{margin-top:2px;color:#7c8799;font-size:9px;font-weight:600;letter-spacing:0}
.app-switch-wrap{margin:0 1px 11px}.app-switch-caption{left:11px;top:6px;color:#8a95a8;font-size:7px;letter-spacing:.08em}.app-switch{height:48px;padding:18px 34px 5px 10px;border:1px solid #e2e7ef;border-radius:10px;background:#f9fafd;color:#273451;font-size:10.5px;font-weight:750;box-shadow:none}.app-switch:hover{border-color:#ccd6e5;background:#fff}.app-switch:focus{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.app-switch option{background:#fff;color:#1f2a44}.app-switch-chevron{right:9px;top:16px;color:#8490a4}
.app-nav{padding:1px 0 10px;scrollbar-color:#d9e0ea transparent}.app-nav>.nav-root{min-height:39px;margin:1px 0 5px;padding:4px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4e5b73;font-size:11.5px;font-weight:700}.app-nav>.nav-root:hover{background:#f4f7fc;border-color:#edf1f6;color:#17233e}.app-nav>.nav-root.active{background:linear-gradient(90deg,#075cff,#1768ff);border-color:#075cff;color:#fff;box-shadow:0 7px 16px rgba(11,92,255,.17)}
.app-nav .nav-icon,.app-nav .nav-group-icon{width:27px;height:27px;border:0;border-radius:7px;background:#f1f4f9;color:#66738b}.app-nav .nav-icon .nav-svg,.app-nav .nav-group-icon .nav-svg{width:14px;height:14px}.app-nav a:hover .nav-icon{background:#e9eef7;color:#29405f}.app-nav a.active .nav-icon,.app-nav>.nav-root.active .nav-icon{background:rgba(255,255,255,.16);color:#fff;box-shadow:none}
.app-nav .nav-group{margin:0 0 1px}.app-nav .nav-group>summary{grid-template-columns:27px minmax(0,1fr) auto 15px;gap:7px;min-height:39px;padding:4px 7px;border-radius:8px;color:#536079;font-size:10.8px;font-weight:690}.app-nav .nav-group>summary:hover{background:#f6f8fc;color:#192640}.app-nav .nav-group[open]>summary{background:#f8faff;color:#1c2a46}.app-nav .nav-group>summary:hover .nav-group-icon,.app-nav .nav-group[open]>summary .nav-group-icon{background:#eaf1ff;border:0;color:#1b5bd2}.app-nav .nav-group-count{min-width:20px;height:18px;padding:0 5px;border:0;background:#f0f3f8;color:#8792a5;font-size:8px}.app-nav .nav-group-chevron{width:15px;height:15px;color:#9aa4b5}.app-nav .nav-group-chevron .nav-svg{width:12px;height:12px}.app-nav .nav-submenu{margin:0 0 5px 13px;padding:2px 0 2px 12px;border-left:1px solid #e4e9f1}.app-nav .nav-submenu a{height:34px;padding:0 6px;gap:7px;border-radius:7px;color:#69758a;font-size:10.5px;font-weight:630}.app-nav .nav-submenu a:hover{background:#f6f8fc;color:#1e2d49}.app-nav .nav-submenu a.active{background:#edf4ff;border-color:transparent;color:#1456ca}.app-nav .nav-submenu .nav-icon{width:23px;height:23px;border-radius:6px;background:transparent}.app-nav .nav-submenu a.active .nav-icon{background:#dce9ff;color:#0b5cff;border:0}
.app-nav .nav-group-platform{margin-top:7px;padding-top:7px;border-top:1px solid #edf0f5}
.sidebar-foot{padding:9px 1px 0;border-top:1px solid #edf0f5}.org-chip{padding:7px;border:1px solid transparent;border-radius:9px;background:#f8fafd;color:#344054}.org-chip:hover{background:#f3f6fb;border-color:#e6ebf3}.org-chip .avatar{width:29px;height:29px;border-radius:8px}.org-chip b{color:#27334c;font-size:10.5px;max-width:135px}.org-chip span span{color:#8994a7;font-size:8.5px}

/* top command bar */
.searchbox.command-trigger:before,.admin-searchbox:before{content:none!important}.kpi-icon .nav-svg{width:16px;height:16px}
.app-topbar{height:var(--topbar);padding:0 22px;gap:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e7ebf2;box-shadow:0 1px 0 rgba(15,23,42,.018)}
.top-title{display:none}.searchbox.command-trigger{margin:0;width:min(520px,44vw);height:36px;display:flex;align-items:center;gap:9px;padding:0 8px 0 11px;border:1px solid #dfe5ed;border-radius:8px;background:#f8fafd;color:#8994a7;text-align:left;box-shadow:inset 0 1px 1px rgba(15,23,42,.015)}.searchbox.command-trigger:hover{border-color:#cdd6e4;background:#fff}.search-icon{display:grid;place-items:center;color:#708099}.search-icon .nav-svg{width:15px;height:15px}.search-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.searchbox .kbd{position:static;margin-left:auto;padding:2px 5px;border:1px solid #e0e5ec;border-radius:5px;background:#fff;color:#98a2b3;font-size:8px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.top-actions{gap:7px}.top-new{min-width:84px;height:34px}.icon-btn{width:35px;height:35px;border:1px solid #e1e6ee;border-radius:8px;background:#fff;color:#53617a;box-shadow:0 1px 2px rgba(16,24,40,.02)}.icon-btn:hover{background:#f8fafd;border-color:#d4dbe6;color:#1f3150}.icon-btn .nav-svg{width:16px;height:16px}.count-dot{right:-4px;top:-4px;min-width:16px;height:16px;border:2px solid #fff;background:#e63f50;font-size:8px}
.top-user{height:43px;margin-left:4px;padding:4px 6px 4px 4px;display:flex;align-items:center;gap:8px;border-left:1px solid #e6eaf1;color:#26334f}.top-user .avatar{width:31px;height:31px;border-radius:50%;font-size:9px}.top-user-meta{display:grid;min-width:90px;line-height:1.05}.top-user-meta b{font-size:10px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user-meta small{margin-top:4px;color:#8893a5;font-size:8px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user-chevron{display:grid;color:#8e99aa}.top-user-chevron .nav-svg{width:12px;height:12px}

/* page rhythm and cards */
.app-page{padding:24px 26px 38px;max-width:var(--max)}
.page-head{margin-bottom:18px;align-items:center}.page-head h1{margin:2px 0 5px;font-size:26px;line-height:1.14;font-weight:820;letter-spacing:-.045em;color:#0c1834}.page-head p{font-size:11.5px;color:#748096;max-width:820px}.head-actions{gap:7px}
.panel,.kpi,.settings-card,.next-action-card,.trade-focus,.product-guide,.v42-hub-actions,.company-card,.automation-step{border:1px solid #e6eaf1;background:#fff;box-shadow:0 4px 16px rgba(23,39,69,.035)}
.panel{border-radius:12px}.panel-head{min-height:49px;padding:12px 14px;border-bottom:1px solid #edf0f4}.panel-head h2,.panel-head h3{font-size:12px;font-weight:800;color:#1c2944}.panel-body{padding:14px}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{min-height:104px;border-radius:11px;padding:14px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-18px;bottom:-24px;width:75px;height:75px;border-radius:50%;background:rgba(var(--accent-rgb),.035)}.kpi-top{font-size:9.5px;color:#758197;font-weight:700}.kpi-icon{width:32px;height:32px;border-radius:9px;background:#eef4ff;color:#0b5cff;font-size:10px}.kpi:nth-child(2) .kpi-icon{background:#fff3e6;color:#ef8500}.kpi:nth-child(3) .kpi-icon{background:#ecf9f3;color:#0f9860}.kpi:nth-child(4) .kpi-icon{background:#f3edff;color:#7445d3}.kpi strong{margin-top:8px;font-size:22px;color:#111d38;letter-spacing:-.045em}.kpi .trend{margin-top:7px;font-size:9px;color:#8a95a8}
.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.72fr);gap:12px}.next-card{border-radius:10px;padding:13px;background:linear-gradient(145deg,#f7faff,#eef4ff);border-color:#dfe9fb;box-shadow:none}.timeline-item{padding:10px 0}.timeline-item b{font-size:11px}.timeline-item p{font-size:9.5px}.timeline-dot{width:8px;height:8px;margin:5px 0 0 7px;border-width:2px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick{min-height:70px;padding:11px;border-radius:9px;border-color:#e5eaf1;background:#fff}.quick:hover{border-color:#cbd9f3;background:#f8fbff;box-shadow:0 5px 15px rgba(24,44,80,.045)}.quick b{font-size:10.5px;color:#24314d}.quick span{font-size:9px;color:#8b96a8}
.progress{height:5px}.onboarding{gap:7px}.onboarding-step{padding:8px 9px;border-radius:8px;border-color:#e8ecf2}.check{width:19px;height:19px;border-radius:6px;font-size:9px}

/* tables and lists */
.table-wrap{border:1px solid #e6eaf0;border-radius:10px;background:#fff;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{height:38px;padding:0 11px;background:#f8fafd;border-bottom:1px solid #e8ecf2;color:#7b879a;font-size:8.5px;font-weight:820;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.data-table tbody td{padding:10px 11px;border-bottom:1px solid #eef1f5;color:#435068;font-size:10px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcff}.row-title{font-size:10.5px;font-weight:780;color:#1e2b47}.row-sub{margin-top:2px;font-size:8.8px;color:#929cad}.toolbar{gap:7px;margin-bottom:10px;padding:0;background:transparent}.filter-input{height:35px;min-width:240px;padding:0 10px;font-size:10px}.toolbar select{height:35px;padding:0 28px 0 9px;font-size:9.5px}.saved-view-chips{gap:5px}
.ticket-item,.approval-row,.home-focus-row,.ai-result{border-radius:9px;border-color:#e8ecf2}.ticket-item:hover,.home-focus-row:hover,.ai-result:hover{background:#f9fbfe;border-color:#dfe6ef}

/* forms / settings / editors */
.form-grid{gap:12px}.field{gap:5px}.field label,.settings-form label{font-size:9.5px;font-weight:760;color:#34415a}.field input,.field select,.field textarea{min-height:38px;padding:8px 10px;font-size:10.5px}.field textarea{min-height:92px}.setting-section{padding:18px 0;border-color:#edf0f5}.setting-section h3{font-size:13px}.setting-section p{font-size:10px;color:#8691a3}.settings-card{border-radius:12px;padding:16px}.form-actions{gap:8px;padding-top:14px}.checkline{font-size:10px}.modal{border-radius:14px;border:1px solid #e2e7ef;box-shadow:0 30px 90px rgba(20,35,64,.18)}.modal-head{padding:14px 16px}.modal-head h2{font-size:15px}.modal-body{padding:16px}.modal-backdrop{background:rgba(15,24,43,.32);backdrop-filter:blur(5px)}
.commercial-editor,.commercial-live-preview{border-color:#e4e9f1;box-shadow:0 8px 24px rgba(23,39,69,.045)}.commercial-editor-tabs{background:#f8fafd;border-color:#e5eaf1}.commercial-position-row{border-color:#e5eaf0;border-radius:9px}.commercial-paper{box-shadow:0 18px 48px rgba(21,39,72,.10);border-color:#dfe5ee}

/* app hub + admin share the same visual system */
.hub-shell .app-sidebar,.admin-shell .app-sidebar{background:#fff;color:#344054}.hub-app-grid{gap:10px}.hub-app-card{min-height:188px;padding:15px;border-radius:12px;border-color:#e6eaf1;box-shadow:0 4px 14px rgba(23,39,69,.03)}.hub-app-card:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(23,39,69,.07)}.app-badge{width:34px;height:34px;border-radius:9px;font-size:9px}.hub-app-card h3{margin:12px 0 3px;font-size:14px}.hub-app-card p{font-size:10px}.admin-kpis{gap:10px}.admin-side .app-nav .label{padding:10px 7px 4px;color:#9aa4b5;font-size:7.5px;letter-spacing:.09em}.admin-side .app-nav>a{min-height:36px;height:auto;padding:4px 7px;border-radius:8px;color:#5f6b81;font-size:10.5px}.admin-side .app-nav>a:hover{background:#f5f7fb;color:#1a2845}.admin-side .app-nav>a.active{background:#edf4ff;color:#0b58d9;box-shadow:inset 2px 0 0 #0b5cff}.admin-side .app-nav>a.active .nav-icon{background:#dce9ff;color:#0b5cff}
.home-work-grid{gap:9px}.home-work-card{border-radius:11px;border-color:#e6eaf1;box-shadow:0 4px 14px rgba(23,39,69,.03)}

/* command palette */
.command-backdrop{background:rgba(14,24,43,.26);backdrop-filter:blur(7px)}.command-card{border-radius:15px;border:1px solid #e1e6ee;box-shadow:0 30px 90px rgba(20,35,64,.2)}.command-search{border-bottom-color:#e9edf3}.command-search .nav-svg{width:17px;height:17px}.command-quick a{border-radius:8px}.command-quick a span{display:grid;place-items:center}.command-quick .nav-svg{width:14px;height:14px}

/* mobile navigation, designed as a native-feeling work app */
.app-mobile-nav{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:226px minmax(0,1fr);--sidebar:226px}.app-page{padding-inline:18px}.top-user-meta{display:none}.top-user{min-width:auto;border-left:0;padding-right:2px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.7fr)}}
@media(max-width:860px){
  body:has(.app-shell){background:#f5f7fb}.app-shell{grid-template-columns:1fr;min-height:100dvh}.app-main{padding-bottom:69px}.app-sidebar{position:fixed;z-index:110;left:-310px;top:0;width:min(286px,88vw);height:100dvh;border-right:1px solid #dfe5ed;box-shadow:0 18px 60px rgba(20,35,64,.18);transition:left .2s ease}.app-shell.nav-open .app-sidebar{left:0}.app-shell.nav-open:after{content:"";position:fixed;z-index:100;inset:0;background:rgba(15,24,43,.28);backdrop-filter:blur(2px)}.app-sidebar{z-index:120}
  .app-topbar{height:58px;padding:0 12px;gap:8px}.mobile-menu{display:grid;width:34px;height:34px}.searchbox.command-trigger{width:auto;flex:1;height:34px;padding-left:9px}.search-placeholder{font-size:9.5px}.top-new{width:34px;min-width:34px;padding:0;font-size:0}.top-new .btn-icon{width:16px}.top-settings{display:none}.top-user{display:none}.icon-btn{width:34px;height:34px}.app-page{padding:16px 12px 22px}.page-head{align-items:flex-start;margin-bottom:14px}.page-head h1{font-size:21px}.page-head p{font-size:10.5px}.head-actions{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.head-actions .btn{flex:0 0 auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{min-height:91px;padding:11px}.kpi strong{font-size:19px}.dashboard-grid{grid-template-columns:1fr;gap:9px}.panel-head{min-height:45px;padding:10px 11px}.panel-body{padding:11px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-section,.split,.detail-grid{grid-template-columns:1fr}.table-wrap{border-radius:9px}.data-table{min-width:690px}.toolbar{align-items:stretch}.filter-input{width:100%;min-width:0}.commercial-paper{padding:24px 18px}
  .app-mobile-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;height:64px;padding:4px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid #e4e9f1;backdrop-filter:blur(18px);box-shadow:0 -8px 30px rgba(23,39,69,.06)}.app-mobile-nav a,.app-mobile-nav button{min-width:0;border:0;background:transparent;border-radius:8px;color:#7b879b;display:grid;place-items:center;align-content:center;gap:2px;padding:3px 2px}.app-mobile-nav span{width:22px;height:22px;display:grid;place-items:center}.app-mobile-nav .nav-svg{width:17px;height:17px}.app-mobile-nav b{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;font-weight:720}.app-mobile-nav a.active{background:#eef4ff;color:#0b5cff}.app-mobile-nav button{font-family:inherit;cursor:pointer}
  .live-button{bottom:77px;right:12px}.live-box{bottom:132px;right:12px;max-width:calc(100vw - 24px)}
}
@media(max-width:560px){
  .app-topbar{padding-inline:9px}.searchbox .kbd{display:none}.search-placeholder{max-width:40vw}.app-page{padding:14px 9px 18px}.page-head h1{font-size:20px}.page-head .eyebrow{display:none}.kpi-grid{gap:7px}.kpi{min-height:86px}.kpi-icon{width:27px;height:27px}.kpi strong{font-size:18px}.kpi .trend{font-size:8px}.quick-grid{grid-template-columns:1fr}.panel{border-radius:10px}.field input,.field select,.field textarea{font-size:16px}.modal{width:calc(100vw - 18px);max-height:90dvh;overflow:auto}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-app-grid{grid-template-columns:1fr}.hub-app-card{min-height:140px}.commercial-doc-head{flex-direction:column}.commercial-preview-table{font-size:9px}.top-actions{gap:5px}
}
.admin-searchbox{margin:0;width:min(520px,44vw);height:36px;display:flex;align-items:center;gap:8px;padding:0 7px 0 10px;border:1px solid #dfe5ed;border-radius:8px;background:#f8fafd}.admin-searchbox .search-icon{flex:0 0 auto}.admin-searchbox input{height:32px;min-width:0;flex:1;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:10.5px;outline:0}.admin-searchbox .kbd{position:static;margin-left:auto}.hub-search{color:#8994a7;text-decoration:none}
@media(max-width:860px){.admin-searchbox{width:auto;flex:1}.admin-searchbox .kbd{display:none}.admin-shell .top-new{display:flex}.admin-shell .app-main{padding-bottom:0}}


/* ========================================================================== 
   V43.0.4 — POLISH PASS
   Cross-product finish for focus, touch, tables, forms and responsive density.
   ========================================================================== */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(var(--accent-rgb),.18);outline-offset:2px}
button,input,select,textarea{font-family:var(--font)}
button,.btn,.icon-btn,.app-nav a,.app-nav summary,.app-mobile-nav a,.app-mobile-nav button{-webkit-tap-highlight-color:transparent}
.app-sidebar,.app-nav,.table-wrap,.head-actions{scrollbar-width:thin;scrollbar-color:#d9e1ec transparent}
.app-sidebar::-webkit-scrollbar,.app-nav::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.head-actions::-webkit-scrollbar{width:7px;height:7px}.app-sidebar::-webkit-scrollbar-thumb,.app-nav::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.head-actions::-webkit-scrollbar-thumb{background:#d9e1ec;border-radius:999px}
.panel,.kpi,.settings-card,.hub-app-card,.home-work-card,.company-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.panel:hover,.settings-card:hover{border-color:#dce3ed}.kpi:hover,.hub-app-card:hover,.home-work-card:hover,.company-card:hover{border-color:#d8e1ee;box-shadow:0 9px 25px rgba(23,39,69,.065)}
.table-wrap{position:relative;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.data-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 #e8ecf2}.data-table tbody tr{transition:background .12s ease}.data-table a:not(.btn){font-weight:720;color:#245dcc}.data-table a:not(.btn):hover{text-decoration:underline;text-underline-offset:2px}
.settings-list>div{min-height:42px;padding:9px 0;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-list>div:last-child{border-bottom:0}.settings-list>div>span{color:#7d899b;font-size:10px}.settings-list>div>b{color:#24314b;font-size:10.5px;text-align:right}
.notice{border-radius:10px;border-width:1px;font-size:10.5px;line-height:1.5}.notice.info{background:#f4f8ff;border-color:#dce9ff;color:#294a7f}.notice.success{background:#effaf4;border-color:#d7f0e2;color:#166843}.notice.warn{background:#fff8eb;border-color:#f4e2b9;color:#805313}
.empty{border-radius:11px;border:1px dashed #dce3ed;background:linear-gradient(180deg,#fbfcff,#f8faff)}.empty h3{color:#22304a}.empty p{color:#7d899d}
.form-actions{position:relative}.form-actions .btn{min-width:124px}.checkline{min-height:34px;display:flex;align-items:center;gap:8px}.checkline input{width:16px;height:16px;accent-color:var(--accent)}
.commercial-editor-shell{align-items:start}.commercial-position-row{box-shadow:0 1px 3px rgba(20,36,65,.025)}.commercial-live-preview{position:sticky;top:calc(var(--topbar) + 14px)}
.admin-shell .app-main,.hub-shell .app-main{background:radial-gradient(circle at 42% -14%,rgba(11,92,255,.04),transparent 32%),#f6f8fc}
.admin-shell .panel-head,.hub-shell .panel-head{background:linear-gradient(180deg,#fff,#fbfcfe)}

@media(max-width:860px){
  html:has(.app-shell.nav-open),body:has(.app-shell.nav-open){overflow:hidden;overscroll-behavior:none}
  .app-sidebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.app-nav>.nav-root,.app-nav .nav-group>summary{min-height:44px}.app-nav .nav-submenu a{min-height:41px;height:auto}.org-chip{min-height:46px}
  .btn{min-height:40px}.btn.sm{min-height:36px}.icon-btn{min-width:40px;min-height:40px}.app-topbar{min-height:58px;height:auto;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:7px}
  .app-main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:max(6px,env(safe-area-inset-bottom))}.app-mobile-nav a,.app-mobile-nav button{min-height:50px}
  .table-wrap{margin-inline:-2px;box-shadow:inset -18px 0 20px -22px rgba(20,36,65,.22)}.data-table thead th{height:40px}.data-table tbody td{padding-block:11px}
  .settings-list>div{align-items:flex-start;flex-direction:column;gap:3px}.settings-list>div>b{text-align:left}
  .commercial-live-preview{position:relative;top:auto}.commercial-editor-shell{grid-template-columns:1fr!important}.commercial-position-row{min-width:980px}.commercial-editor{overflow:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:560px){
  .page-head{gap:10px}.page-head p{line-height:1.45}.panel-body{padding:12px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{border-radius:10px}.toolbar .btn{width:100%}.form-actions{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:12;margin:16px -9px -18px;padding:10px 9px max(10px,env(safe-area-inset-bottom));background:rgba(246,248,252,.94);backdrop-filter:blur(16px);border-top:1px solid #e4e9f1}.form-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:hover,.hub-app-card:hover{transform:none!important}}

/* ========================================================================== 
   V43.1.0 — COMPANY SETUP STUDIO
   Complete operator-side business onboarding, branding and migration intake.
   ========================================================================== */
.setup-page{max-width:1500px}.setup-hero{align-items:flex-end}.setup-intro{margin-bottom:18px}.setup-form{display:block}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.setup-main{min-width:0;display:grid;gap:16px}.setup-side{min-width:0}.setup-checklist{position:sticky;top:calc(var(--topbar) + 16px)}.setup-checklist h3{margin:7px 0 14px}.setup-section{scroll-margin-top:90px}.setup-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.setup-section-head h2{font-size:16px;line-height:1.2;margin:1px 0 4px;color:#15223d}.setup-section-head p{margin:0;color:#7a879a;font-size:10.5px;line-height:1.45}.setup-step{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;border:1px solid #d7e4ff;color:#0b5cff;font-size:10px;font-weight:850;letter-spacing:.04em}.setup-color-row{min-height:42px;display:flex;align-items:center;gap:10px}.setup-color-row input[type=color]{width:52px;height:38px;padding:3px;border-radius:9px;cursor:pointer}.upload-tile{padding:12px;border:1px dashed #d7deea;border-radius:11px;background:#fafcff}.upload-tile:hover{border-color:#b9cffb;background:#f7faff}.upload-tile input[type=file]{width:100%;padding:8px;background:#fff;border:1px solid #e2e7ef;border-radius:8px;font-size:10px}.upload-tile input[type=file]::file-selector-button{margin-right:10px;border:0;border-radius:7px;background:#edf3ff;color:#174baf;padding:7px 10px;font-weight:750;cursor:pointer}.upload-tile small,.field small{display:block;margin-top:5px;color:#8994a6;font-size:9.5px;line-height:1.4}.setup-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.setup-choice{min-height:104px;display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.setup-choice:hover{border-color:#c8d8f5;box-shadow:0 8px 20px rgba(31,58,108,.055)}.setup-choice:has(input:checked){border-color:#8fb4ff;background:#f5f9ff;box-shadow:0 0 0 2px rgba(11,92,255,.08)}.setup-choice input{margin-top:2px;width:16px;height:16px;accent-color:#0b5cff}.setup-choice span{display:grid;gap:5px}.setup-choice b{font-size:11px;color:#1f2d47}.setup-choice small{font-size:9.5px;color:#7f8b9e;line-height:1.45}.setup-import-panel{margin-top:10px;padding:14px;border:1px solid #e1e6ee;border-radius:11px;background:#fbfcfe}.setup-import-panel[hidden]{display:none!important}.setup-product{padding:10px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;align-items:flex-start}.setup-product:has(input:checked){border-color:#9bbaff;background:#f5f9ff}.setup-products{gap:9px}.setup-access{min-width:230px;margin:0}.setup-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f7faff,#fff)}.setup-submit p{margin:3px 0 0;font-size:10px}.setup-submit .btn{min-width:230px}.setup-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5}.setup-check:last-child{border-bottom:0}.setup-check>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f1f5fb;color:#4e6180;font-size:9px;font-weight:800}.setup-check div{display:grid;gap:3px}.setup-check b{font-size:10.5px;color:#23314b}.setup-check small{font-size:9.5px;color:#7f8c9f;line-height:1.4}.setup-side-note{margin-top:12px}.setup-section .form-grid{gap:12px 14px}.setup-section textarea{resize:vertical}.setup-section input[type=password]{letter-spacing:.02em}
@media(max-width:1180px){.setup-layout{grid-template-columns:minmax(0,1fr) 270px}.setup-choice-grid{grid-template-columns:1fr}.setup-checklist{top:76px}}
@media(max-width:940px){.setup-layout{grid-template-columns:1fr}.setup-side{order:-1}.setup-checklist{position:relative;top:auto}.setup-checklist .setup-check{display:none}.setup-checklist h3{margin-bottom:0}.setup-side-note{display:none}.setup-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.setup-hero{align-items:flex-start}.setup-hero .btn{width:100%}.setup-section{padding:13px}.setup-section-head{gap:9px}.setup-section-head h2{font-size:15px}.setup-choice-grid{grid-template-columns:1fr}.setup-submit{align-items:stretch;flex-direction:column}.setup-submit .btn{width:100%;min-width:0}.setup-products{grid-template-columns:1fr!important}.setup-access{min-width:0;width:100%}.upload-tile{padding:10px}}


/* ========================================================================== 
   V43.1 — COMPANY EXPERIENCE / TENANT BRANDING
   ========================================================================== */
.app-shell{--tenant-accent:var(--accent)}.app-shell .btn:not(.secondary),.app-shell .nav-link.active,.app-shell .app-nav>a.active{--accent:var(--tenant-accent)}.tenant-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e4e9f2;padding:4px}.app-brand:has(.tenant-logo){align-items:center}.app-shell .count-dot,.app-shell .progress>span{background:var(--tenant-accent)}
.setup-wizard-bar{position:sticky;top:calc(var(--topbar) + 8px);z-index:22;margin:0 0 14px;padding:12px 14px;border:1px solid #e0e6ef;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(35,55,90,.07);backdrop-filter:blur(14px)}.setup-progress{height:4px;border-radius:999px;background:#eef1f6;overflow:hidden}.setup-progress>span{display:block;height:100%;width:14.285%;background:#0b5cff;transition:width .2s ease}.setup-wizard-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;color:#718096}.setup-wizard-meta b{color:#1f2d47}.setup-wizard-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:9px}.setup-wizard-tabs button{border:0;border-radius:8px;background:#f5f7fb;color:#65738a;padding:7px 5px;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.setup-wizard-tabs button.active{background:#eaf2ff;color:#0b5cff}.setup-section[hidden]{display:none!important}.setup-live-preview{margin-bottom:12px}.setup-preview-card{--preview-accent:#0B5CFF;display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 10%,white),#fff);border:1px solid color-mix(in srgb,var(--preview-accent) 22%,#e2e7ef)}.setup-preview-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--preview-accent);color:#fff;font-weight:850;overflow:hidden}.setup-preview-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.setup-preview-card div:last-child{display:grid;gap:3px}.setup-preview-card small{font-size:9px;color:#7f8b9e}.setup-preview-doc{position:relative;margin-top:10px;padding:12px;border:1px solid #e6eaf0;border-radius:10px;background:#fff;display:grid;gap:4px;overflow:hidden}.setup-preview-doc span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8a96a7}.setup-preview-doc strong{font-size:11px;color:#1c2a43}.setup-preview-doc i{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#0B5CFF}.row-sub.ok{color:#14804a}.row-sub.error{color:#c13f3f}.setup-upload-limit{font-weight:800;color:#0b5cff}
@media(max-width:940px){.setup-wizard-bar{top:72px}.setup-wizard-tabs{overflow:auto;display:flex;padding-bottom:2px}.setup-wizard-tabs button{min-width:82px}.setup-live-preview{display:none}}
@media(max-width:700px){.setup-wizard-bar{top:8px;margin-left:-4px;margin-right:-4px}.setup-wizard-meta{font-size:9px}.setup-submit{position:sticky;bottom:calc(62px + env(safe-area-inset-bottom));z-index:18;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}}

/* ========================================================================== 
   V44.1 — MIGRATION STUDIO, 360° WORKSPACES & MOBILE FIELD MODE
   ========================================================================== */
.nav-section-label{padding:16px 14px 7px;color:#8f9bb0;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.migration-studio .split{align-items:stretch}.migration-source{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:15px;border:1px solid #e2e8f1;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#fff)}.migration-source h3{margin:6px 0 2px;font-size:15px}.migration-source p{margin:0;color:#768398;font-size:11px}.migration-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.migration-table-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e2e7ef;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(29,47,80,.035)}.migration-table-card b{display:block;color:#1b2942;font-size:12px}.migration-table-card small{display:block;margin-top:3px;color:#8490a3;font-size:9.5px}.migration-table-card p{margin:8px 0 0;color:#657289;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.migration-inline-form{display:grid;grid-template-columns:minmax(120px,180px) auto;gap:7px;align-items:center;min-width:280px}.migration-inline-form input{min-width:0}.migration-studio .table-wrap{max-height:520px}.migration-studio .data-table{font-size:11px}.migration-studio .data-table th{position:sticky;top:0;z-index:2;background:#f8fafc}.migration-studio .settings-card h2,.migration-studio .panel h2{font-size:20px;letter-spacing:-.02em;margin:8px 0 12px}
.workspace360{max-width:1500px}.workspace-search{width:min(680px,100%);margin:0 0 16px;background:#fff;border:1px solid #e2e7ef}.workspace-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent}.workspace360-list{padding:4px!important;overflow:hidden}.workspace360-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;border-bottom:1px solid #eef1f5;transition:background .15s ease,box-shadow .15s ease}.workspace360-row:last-child{border-bottom:0}.workspace360-row:hover{background:#f7faff;box-shadow:inset 3px 0 0 var(--tenant-accent,var(--accent))}.workspace360-row .avatar{width:38px;height:38px}.workspace360-row div{min-width:0;display:grid;gap:3px}.workspace360-row b{font-size:12px;color:#17243d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace360-row small{font-size:9.5px;color:#8190a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace360-row strong{font-size:11px;color:#33415a}.workspace360-row>.nav-svg{width:16px;color:#9ba7b9}.project-avatar{background:#eef4ff;color:#315fd5}.workspace360-kpis{margin-top:4px}.workspace360-timeline{display:grid;gap:7px}.workspace360-event{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 8px;border-bottom:1px solid #edf1f5}.workspace360-event:last-child{border-bottom:0}.workspace360-event:hover{background:#fafcff}.workspace360-event .app-badge{width:30px;height:30px;border-radius:9px;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:850}.workspace360-event div{min-width:0;display:grid;gap:3px}.workspace360-event b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace360-event small{font-size:9px;color:#8290a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace360-event>strong{font-size:10.5px;white-space:nowrap}
.field-mode{max-width:1040px}.field-mobile-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;margin-bottom:14px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-accent,var(--accent)) 10%,white),#fff 70%);border:1px solid color-mix(in srgb,var(--tenant-accent,var(--accent)) 20%,#e2e7ef)}.field-mobile-hero h1{margin:7px 0 4px;font-size:28px;letter-spacing:-.035em}.field-mobile-hero p{margin:0;max-width:680px;color:#6d7a8e;font-size:12px}.field-card-list{display:grid;gap:11px}.field-card{padding:15px;border:1px solid #dfe6f0;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(26,45,78,.045)}.field-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.field-card-head h3{font-size:16px;line-height:1.22;margin:5px 0 4px}.field-card-head p{font-size:10px;color:#7a8799;margin:0}.field-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.field-quick-actions form{margin:0}.field-capture{margin-top:12px;border-top:1px solid #edf0f5;padding-top:10px}.field-capture summary{cursor:pointer;list-style:none;font-size:10px;font-weight:800;color:#4b5d79;padding:5px 0}.field-capture summary::-webkit-details-marker{display:none}.field-capture summary:after{content:'+';float:right;color:var(--tenant-accent,var(--accent));font-size:15px}.field-capture[open] summary:after{content:'–'}.field-capture form{margin-top:9px;display:grid;gap:8px}.field-capture textarea{width:100%;resize:vertical}.field-capture .upload-tile{display:grid;gap:7px;font-size:10px;font-weight:800;color:#31415d}.field-capture input[type=file]{font-size:10px}.field-offline-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#66758a;background:#f3f6fa;border:1px solid #e2e7ef;padding:4px 7px;border-radius:999px}
@media(max-width:1100px){.migration-table-grid{grid-template-columns:1fr}.migration-table-card{flex-direction:column}.migration-inline-form{width:100%;grid-template-columns:1fr auto}.workspace360-event{grid-template-columns:34px minmax(0,1fr) auto}.workspace360-event>strong{grid-column:2}.workspace360-event>.tag{grid-row:1/3;grid-column:3}}
@media(max-width:700px){.nav-section-label{padding-left:16px}.migration-source{align-items:stretch;flex-direction:column}.migration-source .btn{width:100%}.migration-inline-form{grid-template-columns:1fr}.migration-inline-form .btn{width:100%}.workspace360-row{grid-template-columns:36px minmax(0,1fr) 18px;padding:11px 8px}.workspace360-row>strong{grid-column:2;font-size:10px}.workspace360-row>.nav-svg{grid-row:1/3;grid-column:3}.workspace360-event{grid-template-columns:30px minmax(0,1fr) auto;padding-inline:2px}.workspace360-event>strong{grid-column:2}.field-mobile-hero{align-items:stretch;flex-direction:column;padding:15px}.field-mobile-hero h1{font-size:23px}.field-mobile-hero .btn{width:100%}.field-card{padding:12px;border-radius:13px}.field-card-head{gap:8px}.field-card-head h3{font-size:15px}.field-quick-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.field-quick-actions .btn{width:100%;padding-inline:7px}.field-capture .btn{width:100%}}

/* ========================================================================== 
   V44.1.2 — REFERENCE DESIGN PASS
   Visual system aligned with the approved GewerkFlow dashboard reference:
   bright work surface, blue primary actions, calm cards, crisp navigation,
   dense but readable tables and mobile-first touch ergonomics.
   ========================================================================== */
:root{
  --gf-blue:#0f5bff;--gf-blue-2:#2c6fff;--gf-navy:#0d1b3a;--gf-bg:#f5f7fb;
  --gf-card:#ffffff;--gf-border:#e4e9f2;--gf-muted:#72809a;--gf-text:#14213d;
  --gf-shadow:0 10px 30px rgba(35,55,90,.065);--gf-shadow-hover:0 16px 38px rgba(35,55,90,.095)
}
body:has(.app-shell){background:var(--gf-bg);color:var(--gf-text)}
.app-shell{--sidebar:244px;background:var(--gf-bg)}
.app-main{background:linear-gradient(180deg,#f9fbff 0,#f5f7fb 230px,#f5f7fb 100%)}

/* Sidebar */
.app-sidebar{background:#fff;border-right:1px solid #e8ecf3;box-shadow:4px 0 18px rgba(18,33,63,.025);padding:0 13px 14px}
.suite-signature{height:54px;padding:0 5px;border-bottom:0;font-size:17px;letter-spacing:-.035em;color:#12203b}
.suite-symbol{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#0d59f7,#286cff);font-size:14px;box-shadow:0 7px 18px rgba(15,91,255,.23)}
.app-brand{min-height:52px;padding:2px 5px 8px}.app-brand .brandmark,.tenant-logo{width:34px;height:34px;border-radius:9px}
.app-brand strong{font-size:13px}.app-brand>div>span{font-size:9.5px}
.app-switch-wrap{margin:4px 2px 10px}.app-switch{height:42px;padding:14px 34px 4px 10px;border-radius:10px;background:#fbfcff;border-color:#e0e6ef;font-size:10.5px}.app-switch-caption{top:4px;font-size:6.8px}
.app-nav{padding-top:2px}.app-nav>.nav-root,.app-nav .nav-group>summary{min-height:40px;border-radius:9px;font-size:11px}.app-nav>.nav-root.active{background:linear-gradient(135deg,var(--tenant-accent,var(--gf-blue)),#3376ff);box-shadow:0 8px 18px rgba(15,91,255,.18)}
.app-nav .nav-group-count{background:#eef2f8;color:#687894}.app-nav .nav-submenu a{height:36px;border-radius:8px;font-size:10.8px}.app-nav .nav-submenu a.active{background:#edf4ff;color:#0d58db;border-color:#d8e6ff}.app-nav .nav-submenu a.active .nav-icon{background:#dceaff;color:#0d58db}
.sidebar-foot{padding-top:10px;border-top:1px solid #edf0f5}.org-chip{background:#fbfcff;border-color:#e7ebf2;border-radius:11px}.org-chip:hover{background:#f6f9ff;border-color:#dce5f2}

/* Topbar */
.app-topbar{height:62px;padding:0 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ebf2;box-shadow:0 1px 0 rgba(10,28,60,.015);backdrop-filter:blur(18px)}
.top-title{display:none}.searchbox.command-trigger{margin-left:0;max-width:560px;height:38px;padding:0 9px 0 12px;border:1px solid #dfe5ef;border-radius:9px;background:#f7f9fd;color:#7d899c;box-shadow:inset 0 1px 2px rgba(16,24,40,.015)}.searchbox.command-trigger:hover{background:#fff;border-color:#ced8e7}.searchbox .search-icon{color:#66758d}.searchbox .kbd{top:auto;right:8px;border-color:#dce2ec;background:#fff;color:#8995a8}
.top-actions{gap:7px}.top-new{min-width:98px;height:37px;border-radius:8px;background:linear-gradient(180deg,var(--tenant-accent,var(--gf-blue)),#0752ea);box-shadow:0 7px 17px rgba(15,91,255,.2)}.icon-btn{width:37px;height:37px;border-radius:9px;border-color:#e0e5ed;background:#fff;color:#394862}.icon-btn:hover{background:#f7f9fd}.top-user{min-height:42px;padding:4px 7px 4px 9px;border-left:1px solid #edf0f4}.top-user .avatar{width:32px;height:32px;border-radius:50%}.top-user-meta b{font-size:10.5px}.top-user-meta small{font-size:8.2px}

/* Main canvas */
.app-page{max-width:1640px;padding:24px 22px 34px}.page-head{margin-bottom:18px;align-items:center}.page-head h1{margin:0 0 5px;font-size:28px;line-height:1.08;color:#101c37;letter-spacing:-.04em}.page-head p{font-size:11.5px;color:#72809a;max-width:760px}.page-head .eyebrow{margin-bottom:7px}.head-actions{gap:7px}.head-actions .btn{min-height:36px}

/* Premium dashboard */
.premium-dashboard>.page-head{padding:4px 0 7px}.premium-dashboard>.page-head h1{font-size:31px}.premium-dashboard>.page-head h1:after{content:'  👋';font-size:.72em}.premium-dashboard>.page-head .eyebrow{display:none}.premium-dashboard>.page-head .head-actions .btn.secondary:last-of-type{background:#fff}
.premium-dashboard .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 14px}.premium-dashboard .kpi{min-height:116px;padding:15px 16px;border:1px solid #e3e8f1;border-radius:12px;background:#fff;box-shadow:var(--gf-shadow)}.premium-dashboard .kpi:hover{transform:translateY(-1px);box-shadow:var(--gf-shadow-hover)}.premium-dashboard .kpi-top{justify-content:flex-start;gap:10px;font-size:10px;color:#5f6e86}.premium-dashboard .kpi-icon{order:-1;width:39px;height:39px;border-radius:11px;background:#e8f0ff;color:#145ce5}.premium-dashboard .kpi:nth-child(2) .kpi-icon{background:#eaf0ff;color:#255dd8}.premium-dashboard .kpi:nth-child(3) .kpi-icon{background:#fff1df;color:#f08000}.premium-dashboard .kpi:nth-child(4) .kpi-icon{background:#f0e8ff;color:#7f49df}.premium-dashboard .kpi strong{font-size:24px;margin:10px 0 0 49px;color:#0f1a36}.premium-dashboard .kpi .trend{margin:4px 0 0 49px;font-size:9px;color:#7f8ca1}.premium-dashboard .kpi:after{width:86px;height:86px;right:-28px;bottom:-32px;background:radial-gradient(circle,rgba(15,91,255,.055),transparent 68%)}
.premium-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.68fr);gap:12px;align-items:start}.premium-dashboard .dashboard-grid>div:last-child{display:grid;gap:12px}.premium-dashboard .dashboard-grid>div:last-child>.panel{margin-bottom:0!important}.premium-dashboard>.panel{margin-top:12px!important}.premium-dashboard .product-guide{margin-top:14px}

/* Cards / panels */
.panel,.settings-card,.hub-app-card,.home-work-card,.company-card,.product-guide,.trade-focus,.next-action-card{border:1px solid var(--gf-border);border-radius:12px;background:#fff;box-shadow:var(--gf-shadow)}
.panel-head{min-height:50px;padding:12px 14px;border-bottom:1px solid #edf0f5;background:#fff}.panel-head h2,.panel-head h3{font-size:13px;color:#17243e;letter-spacing:-.02em}.panel-body{padding:14px}
.next-card{padding:14px;border-radius:10px;background:linear-gradient(135deg,#f7faff,#eef4ff);border-color:#dce7fb}.progress{height:6px}.onboarding-step{padding:9px 10px;border-radius:9px}.quick-grid{gap:8px}.quick{min-height:72px;padding:11px;border-radius:10px;border-color:#e4e9f2;background:#fff;box-shadow:0 4px 12px rgba(27,48,84,.025)}.quick:hover{background:#f8fbff;border-color:#cfe0ff;box-shadow:0 8px 18px rgba(27,48,84,.06)}.quick b{font-size:10.5px;color:#23314d}.quick span{font-size:9px;line-height:1.4}

/* Tables / lists */
.module-table,.table-wrap{border-color:#e4e9f1}.table-wrap{border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(31,50,82,.035)}.data-table{font-size:10.5px}.data-table thead th{height:42px;padding:0 12px;background:#f8faff;color:#6f7e96;font-size:8.5px;font-weight:820;letter-spacing:.055em;text-transform:uppercase;border-bottom:1px solid #e6ebf3}.data-table tbody td{padding:11px 12px;border-bottom:1px solid #edf1f5;color:#34415a}.data-table tbody tr:hover{background:#f8fbff}.row-title{font-size:10.8px;color:#18253e;font-weight:760}.row-sub{font-size:8.8px;color:#8290a4}.toolbar{padding:10px 11px;border-bottom:1px solid #edf0f5;background:#fff}.filter-input{min-height:36px;background:#f8faff}.pager{padding:10px 12px}

/* Forms */
.field label{font-size:9.5px;color:#4f5d73;font-weight:760}.field input,.field select,.field textarea,.settings-form input,.settings-form select,.settings-form textarea{min-height:39px;border-radius:8px;background:#fff}.field textarea,.settings-form textarea{min-height:96px}.form-grid{gap:12px}.form-actions{padding-top:12px;border-top:1px solid #eef1f5}.modal{border-radius:14px;box-shadow:0 30px 80px rgba(22,38,68,.2)}.modal-head{padding:14px 16px}.modal-body{padding:16px}.notice{border-radius:9px}

/* Product cards / hub */
.hub-app-grid{gap:12px}.hub-app-card{min-height:176px;padding:14px}.hub-app-card .app-badge{width:38px;height:38px;border-radius:10px;box-shadow:0 7px 15px color-mix(in srgb,var(--app) 20%,transparent)}.hub-app-card h3{font-size:14px}.hub-app-card p{font-size:9.8px}.home-work-grid{gap:10px}.home-work-card{min-height:114px;padding:14px}.home-work-card strong{font-size:24px}.home-work-card span{font-size:9.5px}.home-work-card small{font-size:8.5px}

/* Admin surfaces inherit the same calm shell */
.admin-shell .app-main,.hub-shell .app-main{background:linear-gradient(180deg,#f9fbff,#f5f7fb 230px)}.admin-shell .panel,.hub-shell .panel,.admin-shell .settings-card{border-color:#e4e9f2;box-shadow:var(--gf-shadow)}.admin-kpis{gap:10px}.admin-kpis .kpi{border-radius:11px}

/* Mobile: same design language, true touch targets */
@media(max-width:1100px){.app-shell{--sidebar:224px}.premium-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.72fr)}}
@media(max-width:860px){
  .app-shell{grid-template-columns:1fr}.app-main{background:#f5f7fb}.app-sidebar{width:min(286px,88vw);box-shadow:18px 0 55px rgba(18,33,63,.16)}
  .app-topbar{min-height:58px;height:auto;padding:7px 10px;padding-top:max(7px,env(safe-area-inset-top))}.searchbox.command-trigger{height:38px;max-width:none}.top-new{min-width:38px;width:38px;height:38px}.top-new .btn-icon{margin:0}.icon-btn{width:38px;height:38px}
  .app-page{padding:15px 10px calc(82px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start}.page-head h1,.premium-dashboard>.page-head h1{font-size:22px}.page-head p{font-size:10.5px}.head-actions{width:100%;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.head-actions::-webkit-scrollbar{display:none}
  .premium-dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.premium-dashboard .kpi{min-height:104px;padding:12px}.premium-dashboard .kpi strong{margin-left:0;font-size:21px}.premium-dashboard .kpi .trend{margin-left:0}.premium-dashboard .kpi-top{justify-content:space-between}.premium-dashboard .kpi-icon{order:initial;width:34px;height:34px}.premium-dashboard .dashboard-grid{grid-template-columns:1fr;gap:9px}
  .panel,.settings-card,.hub-app-card,.home-work-card,.product-guide,.trade-focus{border-radius:10px}.panel-head{min-height:46px;padding:10px 11px}.panel-body{padding:11px}.quick{min-height:68px}
  .app-mobile-nav{background:rgba(255,255,255,.97);border-top:1px solid #e2e7ef;box-shadow:0 -10px 28px rgba(20,36,65,.08)}.app-mobile-nav a,.app-mobile-nav button{border-radius:9px}.app-mobile-nav a.active{background:#eaf2ff;color:#0d59e8}.app-mobile-nav b{font-size:7.8px}
}
@media(max-width:560px){
  .premium-dashboard .kpi-grid{grid-template-columns:1fr 1fr}.premium-dashboard .kpi{min-width:0}.premium-dashboard .kpi strong{font-size:19px}.premium-dashboard .kpi-top span:first-child{font-size:8.8px}.page-head h1,.premium-dashboard>.page-head h1{font-size:20px}.page-head p{font-size:10px}.app-page{padding-inline:8px}.panel-body{padding:10px}.data-table{min-width:720px}.quick-grid{grid-template-columns:1fr 1fr}.form-actions{background:rgba(245,247,251,.97)}
}

/* V45 — Stability, Security & Operations */
.security-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:360px}.security-actions form{margin:0}.security-actions .btn{white-space:nowrap}
.ops-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.storage-meter{height:10px;border-radius:999px;background:var(--border,#e5e7eb);overflow:hidden;margin:14px 0}.storage-meter>span{display:block;height:100%;background:var(--tenant-accent,#0b5cff);border-radius:inherit;transition:width .25s ease}.truncate{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resumable-upload{margin-top:16px;padding:16px;border:1px dashed color-mix(in srgb,var(--tenant-accent,#0b5cff) 35%,#d7deea);border-radius:16px;background:color-mix(in srgb,var(--tenant-accent,#0b5cff) 3%,#fff)}.upload-progress{height:10px;margin:14px 0 8px;border-radius:999px;background:#e7ecf4;overflow:hidden}.upload-progress>span{display:block;width:0;height:100%;border-radius:999px;background:var(--tenant-accent,#0b5cff);transition:width .18s linear}
@media(max-width:1180px){.ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.security-actions{min-width:260px}}
@media(max-width:700px){.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.security-actions{min-width:220px}.resumable-upload .head-actions{align-items:stretch}.resumable-upload input[type=file]{width:100%}}

/* V45 Außendienst: Unterschrift direkt auf Smartphone/Tablet. */
.signature-wrap{display:grid;gap:7px;padding:10px;border:1px solid #dfe6f0;border-radius:12px;background:#f9fbff}.signature-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.signature-pad{display:block;width:100%;height:150px;border:1px dashed #aebbd0;border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.signature-wrap small{color:#78869a;font-size:9px}.link-btn{border:0;background:transparent;color:var(--tenant-accent,var(--accent));font-size:10px;font-weight:800;padding:4px 0}.link-btn:hover{text-decoration:underline}
@media(max-width:700px){.signature-pad{height:170px}.signature-wrap{padding:8px}}

/* V45.0.2: sichere POST-Abmeldung in Auth-Flows */
.auth-link-button{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.auth-link-button:hover{text-decoration:none}
.auth-links form{display:inline;margin:0}

/* V45.0.12 migration wizard + internal admin collaboration */
.migration-wizard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.migration-wizard .ticket-item{min-height:92px;align-items:flex-start}.admin-chat-thread{min-height:480px;height:min(62vh,620px)}
@media(max-width:1200px){.migration-wizard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.migration-wizard{grid-template-columns:1fr}}

/* V45.1.0 project cockpit + trade offer presets */
.project-cockpit{max-width:1600px}.project-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:18px;align-items:center;margin-bottom:14px}.project-hero h2{margin:4px 0 5px;font-size:24px}.project-progress{display:grid;gap:8px}.project-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#64748b}.project-progress b{font-size:15px;color:#16213b}.progress-track{height:9px;border-radius:999px;background:#edf1f7;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--tenant-accent,var(--accent));min-width:2px}.project-profile-edit{grid-column:1/-1;border-top:1px solid #edf1f5;padding-top:10px}.project-profile-edit>summary,.project-related>summary,.project-add-task>summary{cursor:pointer;font-weight:750;color:#30415e}.project-finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.project-cockpit-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:14px;align-items:start}.project-phase-board{display:grid;gap:10px;margin-top:12px}.project-phase-card{border:1px solid #e4e9f1;border-radius:12px;padding:12px;background:#fbfcfe}.project-phase-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-phase-head h3{margin:2px 0;font-size:14px}.project-phase-head small{font-size:9px;color:#8390a3}.project-phase-state{display:flex;gap:7px;align-items:center;margin:9px 0}.project-phase-state select{min-width:125px}.project-task-list{display:grid;gap:7px}.project-task-empty{padding:10px;border:1px dashed #dce3ed;border-radius:9px;color:#8b97a8;font-size:10px;background:#fff}.project-task-card{position:relative;border:1px solid #e6ebf2;background:#fff;border-radius:10px;padding:10px}.project-task-card.status-blocked{border-color:#f1c5c5;background:#fffafa}.project-task-card.status-done{opacity:.78}.project-task-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-task-title>div{display:grid;gap:3px;min-width:0}.project-task-title b{font-size:11px;color:#192842}.project-task-title small{font-size:9px;color:#8290a3}.project-task-edit{display:grid;grid-template-columns:110px 125px minmax(130px,1fr) repeat(4,84px) auto;gap:6px;align-items:end;margin-top:9px}.project-task-edit input,.project-task-edit select{min-width:0}.project-task-edit label{font-size:8.5px;color:#758197;display:grid;gap:3px}.project-task-delete{position:absolute;right:10px;bottom:8px}.project-add-task{margin-top:8px;border-top:1px dashed #dbe2ec;padding-top:8px}.project-add-task>form{margin-top:9px}.project-note-form{display:grid;gap:7px;margin:10px 0 12px}.project-note-form textarea{width:100%}.project-timeline{display:grid;gap:0;max-height:920px;overflow:auto}.project-timeline-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;padding:9px 0;border-bottom:1px solid #eef1f5}.project-timeline-row .timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--tenant-accent,var(--accent));margin-top:3px}.project-timeline-row div{display:grid;gap:2px}.project-timeline-row b{font-size:10.5px}.project-timeline-row small{font-size:8.5px;color:#8290a3}.project-timeline-row strong{font-size:9.5px}.project-related{margin-top:14px}.project-related>summary{padding:2px 0 10px}.trade-offer-picker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px;align-items:end;margin-bottom:14px}.trade-offer-picker h3{margin:3px 0 4px}.trade-offer-picker p{margin:0;color:#738197;font-size:10px}.trade-offer-picker form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.trade-offer-picker small{grid-column:1/-1;color:#596880}.trade-offer-picker select{width:100%}
@media(max-width:1180px){.project-finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cockpit-grid{grid-template-columns:1fr}.project-task-edit{grid-template-columns:repeat(4,minmax(110px,1fr));overflow:auto}.project-task-delete{position:static;text-align:right;margin-top:6px}.trade-offer-picker{grid-template-columns:1fr}}
@media(max-width:700px){.project-hero{grid-template-columns:1fr}.project-finance-kpis{grid-template-columns:1fr 1fr}.project-phase-state{align-items:stretch;flex-direction:column}.project-task-edit{grid-template-columns:1fr 1fr}.project-task-edit .btn{grid-column:1/-1}.trade-offer-picker form{grid-template-columns:1fr}.trade-offer-picker .btn{width:100%}}

/* V45.1.0 trade offer library */
.trade-offer-library{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.trade-offer-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.trade-offer-template{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.trade-offer-template h3{margin:8px 0 6px}.trade-offer-template p{margin:0 0 8px}.trade-offer-template small{color:var(--muted)}

/* V45.2 mobile project execution */
.project-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.project-ledger{display:grid;gap:8px;margin-top:14px}.project-ledger-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e5e7eb)}.project-ledger-row:last-child{border-bottom:0}.project-ledger-row small{display:block;margin-top:3px;color:var(--muted,#64748b)}.project-change-list{display:grid;gap:10px;margin-top:14px}.project-change-row{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px 14px}.project-change-row p{grid-column:1/-1;margin:0;color:var(--muted,#64748b)}.project-change-row details{grid-column:1/-1}.project-photo-section{margin-top:18px}.project-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.project-photo-tile{display:block;border:1px solid var(--line,#e5e7eb);border-radius:12px;overflow:hidden;background:var(--panel,#fff);text-decoration:none}.project-photo-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-photo-tile span{display:block;padding:7px 9px;font-size:12px;color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-suite-links{margin-top:18px}.project-suite-links>.quick-grid{margin-top:12px}.project-mobile .field-card{margin-bottom:14px}.project-mobile .field-card form{display:grid;gap:10px}.project-mobile .project-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-mobile .project-photo-tile img{aspect-ratio:1/1}.project-mobile textarea,.project-mobile input,.project-mobile select{width:100%}
@media(max-width:900px){.project-field-grid{grid-template-columns:1fr}.project-mobile .project-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V45.4.0 complete-suite workflow panels */
.suite-workflow-section{margin:20px 0}.suite-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.suite-workflow-card{background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.suite-workflow-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.suite-workflow-card h3{margin:3px 0 0}.suite-workflow-card ul{margin:0;padding-left:20px;display:grid;gap:6px}.suite-workflow-card .btn{align-self:flex-start}.notice.compact{padding:10px 12px;margin:0}

/* V45.4.0 suite automation center */
.automation-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.automation-principles>div{background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:16px;display:grid;gap:6px}.automation-principles span{font-size:.86rem;color:var(--muted,#64748b);line-height:1.45}.automation-tabs{margin:12px 0 16px}.automation-center-list{display:grid;gap:12px}.automation-center-item{background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.automation-center-main h3{margin:8px 0 5px}.automation-center-main p{margin:0 0 8px;color:var(--muted,#64748b);max-width:900px}.automation-center-main small{color:var(--muted,#64748b)}.automation-center-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.automation-center-actions{display:grid;gap:8px;justify-items:end}.automation-center-actions form{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:900px){.automation-principles{grid-template-columns:1fr 1fr}.automation-center-item{grid-template-columns:1fr}.automation-center-actions{justify-items:start}}@media(max-width:620px){.automation-principles{grid-template-columns:1fr}}

/* ========================================================================== 
   HF5.5 — PUBLIC PREMIUM QUALITY SYSTEM
   Reference: dark premium navigation, generous white space, sharp typography,
   restrained violet/blue accents, consistent public cards and auth surfaces.
   ========================================================================== */
.site{--public-ink:#111827;--public-navy:#07101f;--public-navy-2:#0d1728;--public-violet:#7657f4;--public-violet-2:#8c6cff;--public-blue:#2d63f5;--public-muted:#667085;--public-line:#e8ebf2;--public-soft:#f7f8fb;background:#fff;color:var(--public-ink)}
.site .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-nav{position:sticky;top:0;z-index:80;height:72px;background:linear-gradient(90deg,#07101f,#0b1423);border:0;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.site-nav .inner{height:72px;width:min(1220px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:26px}
.site-nav .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;min-width:max-content;font-size:17px;font-weight:850;letter-spacing:-.02em}
.site-nav .brandmark{width:38px;height:38px;border-radius:11px;background:transparent;overflow:hidden;display:grid;place-items:center;box-shadow:none}
.site-nav .brandmark img{width:38px;height:38px;display:block}
.site-nav .brand small{display:block;color:#aeb9cc;font-size:8.5px;letter-spacing:.04em;font-weight:650;margin-top:2px}
.site-links{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}
.site-links a{color:#d5dbea;text-decoration:none;font-size:13px;font-weight:690;transition:color .18s ease,transform .18s ease}
.site-links a:hover{color:#fff;transform:translateY(-1px)}
.site-actions{display:flex;align-items:center;gap:10px}.site-actions .btn{min-height:38px;padding:0 17px;border-radius:9px;font-size:12px;box-shadow:none}.site-actions .btn.secondary{background:transparent;border-color:#344258;color:#fff}.site-actions .btn:not(.secondary){background:linear-gradient(135deg,#6f50ed,#8a68ff);border-color:transparent;color:white}.site-actions .public-user{color:#fff}.nav-toggle{color:#fff;border-color:#334155;background:#0f1a2d}
.site .btn{border-radius:10px;font-weight:800;letter-spacing:-.01em;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.site .btn:not(.secondary){background:linear-gradient(135deg,#7355f2,#8c69ff);border-color:#7355f2;color:#fff;box-shadow:0 8px 22px rgba(118,87,244,.2)}.site .btn:not(.secondary):hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(118,87,244,.27)}.site .btn.secondary{background:#fff;border-color:#d7dce6;color:#25314a;box-shadow:0 3px 12px rgba(17,24,39,.035)}
.site .eyebrow{color:#7457ea;letter-spacing:.13em;font-size:10px;font-weight:900}.site .lead{color:#697386;font-size:18px;line-height:1.7}.site .section{padding:86px 0}.site .section.alt{background:#f7f8fb}.site .section-head{max-width:760px;margin-bottom:34px}.site .section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:9px 0 12px}.site .section-head p{font-size:16px;line-height:1.7;color:#6b7280}.site .marketing-card,.site .product-card,.site .suite-card,.site .problem-card{border:1px solid #e6e9f0;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(20,30,55,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.site .marketing-card:hover,.site .product-card:hover,.site .suite-card:hover,.site .problem-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,30,55,.08);border-color:#d9deea}.site .marketing-card{padding:28px}.site .iconbox{width:46px;height:46px;border-radius:13px;background:#f0edff;color:#7657f4;display:grid;place-items:center;font-weight:900;font-size:12px}.site .tag{border-radius:999px}
.footer{background:#07101f;color:#e5eaf3;padding-top:64px}.footer .brand{color:#fff}.footer .brandmark{background:transparent}.footer h4{color:#fff}.footer a{color:#acb7ca}.footer a:hover{color:#fff}.footer .muted{color:#909cb0}.footer-bottom{border-top-color:#202b3c;color:#8f9bb0}

/* Marketing home — screenshot-grade composition */
.premium-home-hero{padding:82px 0 92px;background:#fff;overflow:hidden}.premium-home-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:64px;align-items:center}.premium-home-copy h1{font-size:clamp(50px,6.2vw,82px);line-height:.98;letter-spacing:-.058em;margin:12px 0 26px;max-width:860px}.premium-home-copy h1 .accent{color:#7657f4}.premium-home-copy .lead{max-width:710px}.premium-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.premium-home-visual{min-height:470px;display:grid;place-items:center;position:relative}.premium-glyph{width:min(390px,82%);aspect-ratio:1;border:8px solid #111827;display:grid;place-items:center;position:relative}.premium-glyph:before{content:'';position:absolute;inset:16%;border:8px solid #111827}.premium-glyph:after{content:'';position:absolute;width:64px;height:64px;border-radius:50%;background:#7657f4;box-shadow:-112px -112px 0 -12px #fff,112px 112px 0 -12px #fff}.premium-glyph span{width:48px;height:48px;background:#7657f4;transform:rotate(45deg);position:absolute;right:23%;bottom:23%;box-shadow:0 0 0 10px #fff}.premium-home-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#667085;font-size:12px;font-weight:700}.premium-home-trust span{display:inline-flex;align-items:center;gap:7px}.premium-home-trust span:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f0edff;color:#7657f4;font-size:11px}.premium-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.premium-feature-card{padding:30px;border:1px solid #e6e9f0;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(20,30,55,.04)}.premium-feature-card .premium-line-icon{width:52px;height:52px;border-radius:14px;border:1px solid #dadfea;display:grid;place-items:center;color:#7657f4;font-size:22px;margin-bottom:20px}.premium-feature-card h3{font-size:24px;letter-spacing:-.035em;margin:0 0 9px}.premium-feature-card p{color:#6b7280;line-height:1.65;margin:0}.brand-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-family-card{border:1px solid #e6e9f0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.04)}.brand-family-card img{display:block;width:100%;aspect-ratio:1.08/1;object-fit:cover}.brand-family-card p{padding:0 18px 18px;margin:0;color:#667085;font-size:12px}

/* GewerkWeb landing — same visual language as the supplied reference */
.gw-premium-hero{padding:86px 0 88px;background:#fff;overflow:hidden}.gw-premium-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:62px;align-items:center}.gw-premium-copy h1{font-size:clamp(50px,6vw,80px);line-height:.98;letter-spacing:-.058em;margin:12px 0 26px}.gw-premium-copy h1 .accent{color:#7657f4}.gw-premium-copy .lead{max-width:720px}.gw-premium-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.gw-premium-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;color:#667085;font-size:13px}.gw-premium-price strong{font-size:17px;color:#111827}.gw-premium-stage{position:relative;min-height:520px;display:grid;place-items:center}.gw-stage-frame{width:min(520px,100%);border:1px solid #e2e6ef;border-radius:18px;background:#fff;box-shadow:0 34px 80px rgba(17,24,39,.13);overflow:hidden;transform:rotate(1deg)}.gw-stage-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f6f7fa;border-bottom:1px solid #eaedf2}.gw-stage-top i{width:9px;height:9px;border-radius:50%;background:#d2d7df}.gw-stage-body{padding:24px;background:linear-gradient(145deg,#fafbfe,#f3f0ff)}.gw-stage-site-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gw-stage-brand{font-weight:900;font-size:15px}.gw-stage-nav{display:flex;gap:8px}.gw-stage-nav span{width:35px;height:5px;border-radius:999px;background:#d9deea}.gw-stage-hero{padding:30px;border-radius:14px;background:#fff;border:1px solid #e8ebf2;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.gw-stage-hero h3{font-size:31px;line-height:1.04;letter-spacing:-.04em;margin:8px 0}.gw-stage-hero p{font-size:11px;color:#6b7280;line-height:1.6}.gw-stage-art{border-radius:12px;background:linear-gradient(150deg,#101828,#7657f4);min-height:190px;position:relative;overflow:hidden}.gw-stage-art:after{content:'';position:absolute;width:120px;height:120px;border:20px solid #fff3;border-radius:28px;right:-16px;bottom:-14px;transform:rotate(24deg)}.gw-stage-variants{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.gw-stage-variants span{height:58px;border:1px solid #e4e7ed;border-radius:10px;background:#fff;display:grid;place-items:end center;padding:7px;font-size:8px;font-weight:800}.gw-premium-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gw-premium-step{padding:26px;border:1px solid #e6e9f0;border-radius:18px;background:#fff}.gw-premium-step b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0edff;color:#7657f4;margin-bottom:20px}.gw-premium-step h3{font-size:21px;margin:0 0 7px}.gw-premium-step p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.gwweb-trade-grid .gwweb-trade-tile{border-radius:16px;box-shadow:0 8px 24px rgba(17,24,39,.035)}

/* Onboarding / auth quality */
.gwweb-shell{background:#f7f8fb}.gwweb-progress-nav{padding-top:22px}.gwweb-step-head h1{color:#101828}.gwweb-form-card{border-radius:18px;border-color:#e6e9f0;box-shadow:0 12px 32px rgba(17,24,39,.045)}.gwweb-form-card input,.gwweb-form-card textarea,.gwweb-form-card select,.auth-card input,.auth-card select{border-radius:10px;border-color:#dce1ea;background:#fff;min-height:44px}.gwweb-form-card textarea{min-height:110px}.gwweb-choice{border-radius:12px}.gwweb-choice:hover{border-color:#c8befa;background:#fbfaff}.gwweb-summary,.gwweb-checkout-card{background:linear-gradient(135deg,#07101f,#131d31);border-radius:20px}.gwweb-design-card{border-radius:18px;box-shadow:0 12px 34px rgba(17,24,39,.045)}.gwweb-design-card.selected{border-color:#7657f4;box-shadow:0 0 0 3px rgba(118,87,244,.13),0 16px 40px rgba(17,24,39,.07)}
.auth{background:#f7f8fb}.auth-art{background:linear-gradient(145deg,#07101f,#111c30)}.auth-card{border-radius:18px;border:1px solid #e5e8ef;box-shadow:0 22px 60px rgba(17,24,39,.08)}

@media(max-width:1000px){.site-links{display:none}.premium-home-grid,.gw-premium-hero-grid{grid-template-columns:1fr}.premium-home-visual,.gw-premium-stage{min-height:400px}.premium-feature-grid{grid-template-columns:1fr 1fr}.brand-family-grid{grid-template-columns:1fr 1fr}.gw-premium-step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-nav .inner{width:min(100% - 24px,1220px)}.site-actions .btn.secondary{display:none}.premium-home-hero,.gw-premium-hero{padding:54px 0 62px}.premium-home-copy h1,.gw-premium-copy h1{font-size:46px}.premium-home-visual,.gw-premium-stage{min-height:330px}.premium-glyph{width:280px}.premium-feature-grid,.brand-family-grid,.gw-premium-step-grid{grid-template-columns:1fr}.gw-stage-hero{grid-template-columns:1fr}.gw-stage-art{min-height:120px}.gw-stage-variants{grid-template-columns:1fr 1fr}.site .section{padding:62px 0}}
.gwweb-image-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gwweb-image-upload{display:grid;gap:9px;font-size:12px;font-weight:800;color:#344054}.gwweb-image-upload>img,.gwweb-image-empty{width:100%;aspect-ratio:16/9;border:1px solid #e2e6ee;border-radius:13px;object-fit:cover;background:#f7f8fb}.gwweb-image-empty{display:grid;place-items:center;color:#98a2b3;border-style:dashed}.gwweb-image-upload input[type=file]{font-size:11px}.gwweb-image-upload small{font-weight:600;color:#667085}@media(max-width:640px){.gwweb-image-upload-grid{grid-template-columns:1fr}}
.gwweb-service-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.gwweb-service-chip{border:1px solid #dfe3eb;background:#fff;color:#344054;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750;cursor:pointer}.gwweb-service-chip:hover,.gwweb-service-chip.added{border-color:#c6bafa;background:#f4f1ff;color:#6746e6}


/* HF5.5 public quality baseline — shared across all public GewerkFlow pages */
.site main>.hero,.site main>.product-hero,.site main>.demo-hero,.site main>.page-hero{background:linear-gradient(180deg,#fff,#f8f9fc);border-bottom:1px solid #eef0f4}.site .hero h1,.site .product-hero h1,.site .demo-hero h1,.site .page-head h1{letter-spacing:-.045em;color:#101828}.site .hero p,.site .product-hero p,.site .demo-hero p,.site .page-head p{color:#667085;line-height:1.7}.site .card,.site .price-card,.site .faq-item,.site .public-card{border-radius:18px;border:1px solid #e6e9f0;background:#fff;box-shadow:0 12px 34px rgba(17,24,39,.045)}.site input,.site textarea,.site select{border-radius:10px;border-color:#dce1ea}.site input:focus,.site textarea:focus,.site select:focus{outline:3px solid rgba(118,87,244,.12);border-color:#8d78ef}.gw-admin-quality{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.gw-admin-quality li{padding:10px 12px;border-radius:10px;background:#f7f8fb;border:1px solid #e6e9f0}.gw-admin-quality li:has(.ok),.gw-admin-quality .ok{color:#166534}.gw-admin-quality li:has(.bad),.gw-admin-quality .bad{color:#991b1b}

/* ============================================================
   HF5.9 — PUBLIC VISUAL SYSTEM
   Premium marketing surfaces without program screenshots.
   ============================================================ */
.site{--public-blue:#1769f4;--public-blue-2:#4b8dff;--public-ink:#081225;--public-muted:#64748b;--public-line:#e7ebf2;background:#fff;color:var(--public-ink)}
.site-nav{height:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-bottom:1px solid #edf0f5;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.site-nav .inner{max-width:1320px;height:78px;padding:0 30px;gap:32px}.site-nav .brand{font-size:21px;color:#071329}.site-nav .brandmark{width:40px;height:40px;background:#fff;border:0;border-radius:10px;box-shadow:none}.site-nav .brandmark img{display:block;width:40px;height:40px;object-fit:contain}.site-nav .brand small{font-size:9px;color:#667085;letter-spacing:.02em;text-transform:none}.site-links{gap:27px}.site-links a{font-size:13px;font-weight:720;color:#334155;position:relative;padding:28px 0}.site-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;border-radius:999px;background:var(--public-blue);transition:.2s}.site-links a:hover{color:#0b1730}.site-links a:hover:after{left:0;right:0}.site-actions .btn{min-height:40px;padding:9px 17px}
.site .btn{border-radius:10px;background:linear-gradient(135deg,#1265ee,#2277ff);box-shadow:0 9px 22px rgba(23,105,244,.18);font-weight:800;letter-spacing:-.01em}.site .btn.secondary{background:#fff;color:#10203c;border:1px solid #dce3ed;box-shadow:0 3px 10px rgba(15,23,42,.03)}.site .btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 12px 28px rgba(23,105,244,.2)}.site .btn.secondary:hover{box-shadow:0 8px 20px rgba(15,23,42,.07);border-color:#cbd5e1}
.site .eyebrow{padding:7px 12px;border:1px solid #d9e6ff;background:#f5f9ff;color:#1769f4;font-size:10px;letter-spacing:.12em;font-weight:900}.site .section{padding:94px 0}.site .section.alt{background:#f8fafe}.site .section-head{max-width:820px;margin-bottom:42px}.site .section-head h2{font-size:clamp(34px,4.5vw,54px);line-height:1.02;letter-spacing:-.052em;color:#081225}.site .section-head p{font-size:17px;line-height:1.72;color:#667085}.site .hero{padding:100px 0 92px;background:radial-gradient(circle at 82% 5%,rgba(23,105,244,.08),transparent 26%),#fff}.site .hero h1{color:#081225;font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-.064em}.site .hero .lead{font-size:18px;line-height:1.72;color:#526078}.site .trust-row{gap:22px;color:#667085;font-size:12px}.site .trust-row span:before{color:#1769f4}
.site .marketing-card,.site .product-card,.site .suite-card,.site .problem-card,.site .price-card,.site .settings-card,.site .trust-card{border:1px solid #e8ecf2;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(15,23,42,.045)}.site .marketing-card:hover,.site .product-card:hover,.site .suite-card:hover,.site .problem-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(15,23,42,.085);border-color:#dce3ee}.site .marketing-card{padding:30px}.site .marketing-card h3{font-size:21px;letter-spacing:-.035em;color:#0b1730}.site .marketing-card p{line-height:1.65;color:#667085}
.public-icon{width:24px;height:24px;display:block}.public-iconbox,.product-icon-new{display:grid;place-items:center;flex:0 0 auto}.public-iconbox{width:50px;height:50px;border-radius:14px;background:#f1f6ff;border:1px solid #dbe8ff;color:#1769f4}.public-iconbox .public-icon{width:23px;height:23px}.product-icon-new{width:46px;height:46px;border-radius:14px;color:var(--icon-accent,#1769f4);background:color-mix(in srgb,var(--icon-accent,#1769f4) 9%,white);border:1px solid color-mix(in srgb,var(--icon-accent,#1769f4) 18%,white)}.product-icon-new .public-icon{width:23px;height:23px}.bundle-icon{--icon-accent:#1769f4}
.premium-product-card{padding:23px;min-height:270px}.premium-product-card h3{font-size:21px;letter-spacing:-.035em}.premium-product-card .desc{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.premium-product-card .product-scope{display:block;margin:4px 0 18px;color:#94a3b8}.premium-product-card .arrow{color:#1769f4}
.problem-result-apps>a,.related-app{border-radius:16px!important;border-color:#e8ecf2!important}.problem-result-apps .product-icon-new,.related-app .product-icon-new{width:40px;height:40px;border-radius:12px}.problem-result-apps .product-icon-new .public-icon,.related-app .product-icon-new .public-icon{width:20px;height:20px}

/* Pure brand illustration — deliberately not a program screenshot */
.premium-home-browser{min-height:560px;display:grid;place-items:center}.platform-visual,.brand-visual{position:relative;width:min(560px,100%);aspect-ratio:1.08/1;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 68% 28%,rgba(35,119,255,.18),transparent 26%),radial-gradient(circle at 24% 76%,rgba(118,87,244,.15),transparent 30%),linear-gradient(145deg,#f8fbff,#eef4ff);border:1px solid #e0e9f8;box-shadow:0 34px 80px rgba(25,55,105,.12)}.platform-grid,.brand-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,244,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.platform-ring,.brand-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(23,105,244,.2);border-radius:50%;transform:translate(-50%,-50%)}.platform-ring.ring-a{width:68%;height:68%}.platform-ring.ring-b{width:92%;height:92%;border-style:dashed}.platform-core,.brand-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid #dbe6f6;box-shadow:0 20px 50px rgba(30,65,120,.14);backdrop-filter:blur(12px)}.platform-core img{width:55px;height:55px}.platform-core small,.brand-core small{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#1769f4}.platform-core strong,.brand-core strong{display:block;font-size:23px;line-height:1.05;letter-spacing:-.04em;color:#081225}.platform-node,.brand-node{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:#fff;border:1px solid #e0e8f3;box-shadow:0 12px 30px rgba(25,55,105,.09);font-size:11px;font-weight:800;color:#26364f}.platform-node .public-icon,.brand-node .public-icon{width:18px;height:18px;color:#1769f4}.pn-1{left:8%;top:18%}.pn-2{right:8%;top:16%}.pn-3{left:9%;bottom:15%}.pn-4{right:8%;bottom:18%}.platform-signal,.brand-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#1769f4;box-shadow:0 0 0 7px rgba(23,105,244,.12)}.platform-signal.s1{left:39%;top:13%}.platform-signal.s2{right:18%;top:52%}.platform-signal.s3{left:21%;top:54%}
.brand-visual{aspect-ratio:1.12/1;background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--visual-accent) 18%,transparent),transparent 28%),linear-gradient(145deg,#fbfcff,#f2f5fb)}.brand-orbit.orbit-one{width:64%;height:64%;border-color:color-mix(in srgb,var(--visual-accent) 25%,transparent)}.brand-orbit.orbit-two{width:88%;height:88%;border-color:color-mix(in srgb,var(--visual-accent) 18%,transparent);border-style:dashed}.brand-core .product-icon-new{width:54px;height:54px}.brand-core span{display:block;font-size:11px;color:#64748b;margin-top:4px}.brand-node .public-icon{color:var(--visual-accent)}.brand-node.node-a{left:7%;top:16%}.brand-node.node-b{right:5%;top:22%}.brand-node.node-c{left:12%;bottom:13%}.brand-pulse.pulse-a{right:15%;bottom:18%;background:var(--visual-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--visual-accent) 12%,transparent)}.brand-pulse.pulse-b{left:31%;top:12%;width:6px;height:6px;background:var(--visual-accent)}
.product-hero .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:74px}.product-hero .brand-visual{width:min(520px,100%);justify-self:end}.hero-price{border-radius:16px!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important}
.brand-family-grid{grid-template-columns:repeat(4,1fr);gap:16px}.brand-family-card{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:22px!important;border:1px solid #e8ecf2!important;border-radius:20px!important;overflow:visible!important;box-shadow:0 10px 34px rgba(15,23,42,.045)!important}.brand-family-card .product-icon-new{grid-row:1/3}.brand-family-card h3{margin:0 0 3px;font-size:18px}.brand-family-card p{padding:0!important;margin:0!important;font-size:12px!important}.brand-family-card>span:last-child{grid-column:2;color:#1769f4;font-size:11px;font-weight:800;margin-top:5px}

/* Auth / registration shares the same quality system */
.auth{background:#f7f9fd}.auth-art{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(63,128,255,.34),transparent 28%),linear-gradient(145deg,#071326,#0d2246 62%,#12336a)}.auth-art:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-140px;bottom:-180px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.auth-art>*{position:relative;z-index:1}.auth-art .brandmark{background:transparent;box-shadow:none}.auth-art .brandmark img{width:34px;height:34px}.auth-card{border:1px solid #e7ebf2;border-radius:22px;box-shadow:0 28px 70px rgba(15,23,42,.10);padding:30px}.auth-card h2{letter-spacing:-.04em}

/* GewerkWeb HF5.9 — no browser screenshot, pure visual composition */
.gw9-page{background:#fff}.gw9-hero{padding:86px 0 94px;background:radial-gradient(circle at 84% 8%,rgba(23,105,244,.09),transparent 26%),linear-gradient(180deg,#fff,#fbfdff);overflow:hidden}.gw9-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:76px;align-items:center}.gw9-kicker{display:flex;align-items:center;gap:10px;margin-bottom:24px}.gw9-kicker span{padding:7px 12px;border-radius:8px;background:#1769f4;color:#fff;font-size:11px;font-weight:900}.gw9-kicker small{font-weight:750;color:#54709a}.gw9-copy h1{font-size:clamp(54px,6vw,82px);line-height:.96;letter-spacing:-.065em;margin:0 0 24px;color:#071329}.gw9-copy h1 span{color:#1769f4}.gw9-copy .lead{max-width:700px;color:#55657d;line-height:1.72;font-size:18px}.gw9-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.gw9-actions form{display:contents}.text-link-premium{font-size:13px;font-weight:850;color:#1769f4;padding:10px}.gw9-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px}.gw9-trust>span{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}.gw9-trust i{grid-row:1/3;width:36px;height:36px;border-radius:11px;background:#eef5ff;color:#1769f4;display:grid;place-items:center}.gw9-trust .public-icon{width:18px;height:18px}.gw9-trust b{font-size:11px;color:#1e293b}.gw9-trust small{font-size:10px;color:#8491a4}.gw9-canvas{min-height:560px;display:grid;place-items:center}.gw9-visual{position:relative;width:min(560px,100%);aspect-ratio:1.08/1;border:1px solid #dfe8f6;border-radius:38px;background:radial-gradient(circle at 30% 22%,rgba(23,105,244,.16),transparent 28%),radial-gradient(circle at 72% 76%,rgba(88,75,255,.13),transparent 28%),linear-gradient(145deg,#fbfdff,#eff5ff);box-shadow:0 34px 80px rgba(28,69,130,.13);overflow:hidden}.gw9-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,244,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 40%,transparent 82%)}.gw9-halo{position:absolute;border-radius:50%;border:1px solid rgba(23,105,244,.20);left:50%;top:50%;transform:translate(-50%,-50%)}.gw9-halo.h1{width:62%;height:62%}.gw9-halo.h2{width:88%;height:88%;border-style:dashed}.gw9-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:34px;background:linear-gradient(145deg,#0c285a,#1769f4);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 25px 55px rgba(23,105,244,.28)}.gw9-core span{font-size:66px;line-height:1;font-weight:900;letter-spacing:-.08em}.gw9-core small{font-size:11px;font-weight:800;line-height:1.2}.gw9-design{position:absolute;width:150px;padding:15px 15px 14px;border-radius:17px;background:rgba(255,255,255,.94);border:1px solid #dde6f3;box-shadow:0 14px 36px rgba(27,61,112,.10);backdrop-filter:blur(12px)}.gw9-design i{width:34px;height:34px;border-radius:10px;background:#eef5ff;color:#1769f4;display:grid;place-items:center;margin-bottom:10px}.gw9-design .public-icon{width:18px;height:18px}.gw9-design b,.gw9-design small{display:block}.gw9-design b{font-size:13px}.gw9-design small{font-size:9px;color:#8290a5;margin-top:2px}.d-modern{left:5%;top:12%}.d-classic{right:5%;top:13%}.d-premium{right:4%;bottom:12%}.d-minimal{left:5%;bottom:13%}.gw9-signal{position:absolute;width:8px;height:8px;border-radius:50%;background:#1769f4;box-shadow:0 0 0 7px rgba(23,105,244,.10)}.gw9-signal.s1{left:45%;top:10%}.gw9-signal.s2{right:18%;top:48%}.gw9-signal.s3{left:18%;top:51%}
.gw9-centered{text-align:center;margin-left:auto;margin-right:auto}.gw9-steps-section{background:#fff}.gw9-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gw9-steps article{position:relative;padding:27px 24px 24px;border:1px solid #e6ebf2;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.gw9-steps article>i{width:47px;height:47px;border-radius:14px;background:#eef5ff;color:#1769f4;display:grid;place-items:center}.gw9-steps article>i .public-icon{width:22px;height:22px}.gw9-steps article>span{position:absolute;right:20px;top:22px;font-size:11px;font-weight:900;color:#b0bac8;letter-spacing:.08em}.gw9-steps h3{font-size:20px;margin:22px 0 7px;letter-spacing:-.03em}.gw9-steps p{margin:0;color:#667085;font-size:13px;line-height:1.6}
.gw9-trade-grid{grid-template-columns:repeat(6,1fr)!important;gap:12px!important}.gw9-trade-grid .gwweb-trade-tile{min-height:132px;padding:21px 12px!important;border:1px solid #e7ecf3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 26px rgba(15,23,42,.035)!important}.gw9-trade-grid .gwweb-trade-logo{width:48px!important;height:48px!important;border-radius:15px!important;background:#eef5ff!important;color:#1769f4!important;border:1px solid #dbe8ff!important;display:grid!important;place-items:center!important}.gw9-trade-grid .gwweb-trade-logo svg{width:25px!important;height:25px!important}.gw9-trade-grid .gwweb-trade-tile span:last-child{font-size:11px!important;font-weight:800!important;color:#334155!important;text-align:center!important;line-height:1.3!important}
.gw9-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.gw9-price-card{padding:30px;border:1px solid #e5eaf2;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.045);display:flex;flex-direction:column}.gw9-price-card.featured{border-color:#b9d2ff;box-shadow:0 22px 55px rgba(23,105,244,.12);transform:translateY(-7px)}.gw9-price-card.early{border-color:#c8e9d7;background:linear-gradient(180deg,#fbfffc,#fff)}.gw9-price-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.gw9-price-head small{font-size:10px;color:#7b8798}.gw9-price-card>strong{font-size:45px;letter-spacing:-.055em;margin-top:23px;line-height:1;color:#081225}.gw9-price-card>span{font-size:11px;color:#7b8798;margin-top:6px}.gw9-price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}.gw9-price-card li{display:flex;align-items:center;gap:9px;color:#475569;font-size:12px}.gw9-price-card li .public-icon{width:17px;height:17px;color:#1769f4}.gw9-price-card form{margin-top:auto}.gw9-price-card .btn{width:100%}.gw9-availability{margin-top:auto;padding:10px 12px;border-radius:10px;background:#edf9f1;color:#16804a;text-align:center;font-size:11px;font-weight:850}
.gw9-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gw9-quality-grid article{padding:30px;border-radius:20px;background:#fff;border:1px solid #e7ebf2;box-shadow:0 10px 30px rgba(15,23,42,.04)}.gw9-quality-grid i{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eef5ff;color:#1769f4}.gw9-quality-grid i .public-icon{width:24px;height:24px}.gw9-quality-grid h3{font-size:21px;margin:20px 0 8px;letter-spacing:-.03em}.gw9-quality-grid p{margin:0;color:#667085;line-height:1.65}.gw9-final{margin-top:56px;padding:38px 40px;border-radius:24px;background:linear-gradient(135deg,#07152d,#0c2e65);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.gw9-final .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#dbe9ff}.gw9-final h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:12px 0 0;max-width:720px}.gw9-final .btn{white-space:nowrap;background:#fff;color:#0c2e65;box-shadow:none}

/* Replace rough emoji/letter icon presentation wherever public pages still use generic icon boxes */
.site .iconbox{width:50px;height:50px;border-radius:14px;background:#eef5ff;border:1px solid #dbe8ff;color:#1769f4;font-size:10px;letter-spacing:.04em}.live-button{font-size:0}.live-button:before{content:"?";font-size:18px;font-weight:900}

@media(max-width:1100px){.gw9-hero-grid,.product-hero .hero-grid,.premium-home-grid{grid-template-columns:1fr}.gw9-canvas,.premium-home-browser{min-height:470px}.brand-visual,.platform-visual,.gw9-visual{width:min(620px,100%);margin-inline:auto}.gw9-trade-grid{grid-template-columns:repeat(4,1fr)!important}.gw9-steps{grid-template-columns:1fr 1fr}.brand-family-grid{grid-template-columns:1fr 1fr}.gw9-prices{grid-template-columns:1fr 1fr}.gw9-price-card.featured{transform:none}.gw9-price-card:last-child{grid-column:1/-1}.gw9-quality-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-nav .inner{height:68px;padding:0 16px}.site-nav .brandmark,.site-nav .brandmark img{width:36px;height:36px}.site .section{padding:68px 0}.site .hero{padding:68px 0 62px}.premium-home-hero,.gw9-hero{padding:62px 0 68px}.gw9-copy h1,.premium-home-copy h1{font-size:48px!important}.gw9-trust{grid-template-columns:1fr}.gw9-canvas,.premium-home-browser{min-height:390px}.platform-visual,.brand-visual,.gw9-visual{border-radius:25px}.platform-core,.brand-core{padding:15px 17px}.platform-core strong,.brand-core strong{font-size:18px}.platform-core img{width:44px;height:44px}.platform-node,.brand-node{padding:8px 10px;font-size:9px}.pn-1,.brand-node.node-a{left:4%;top:10%}.pn-2,.brand-node.node-b{right:3%;top:12%}.pn-3,.brand-node.node-c{left:4%;bottom:10%}.pn-4{right:3%;bottom:12%}.gw9-core{width:112px;height:112px;border-radius:27px}.gw9-core span{font-size:52px}.gw9-design{width:120px;padding:11px}.d-modern{left:3%;top:8%}.d-classic{right:3%;top:9%}.d-premium{right:3%;bottom:9%}.d-minimal{left:3%;bottom:10%}.gw9-steps,.gw9-prices,.gw9-quality-grid,.brand-family-grid{grid-template-columns:1fr}.gw9-price-card:last-child{grid-column:auto}.gw9-trade-grid{grid-template-columns:repeat(2,1fr)!important}.gw9-final{padding:30px 24px;align-items:flex-start;flex-direction:column}.gw9-final h2{font-size:28px}.gw9-final .btn{width:100%}}
/* HF5.9 icon finishing */
.nav-toggle .public-icon{width:22px;height:22px}.nav-auth .public-icon,.nav-start .public-icon{width:17px;height:17px}.live-button{font-size:inherit!important}.live-button:before{content:none!important}.live-button .public-icon{width:21px;height:21px}.gwweb-choice>span .public-icon{width:15px;height:15px}.gwweb-spinner .public-icon{width:34px;height:34px}.demo-v2-card .product-icon-new{width:44px;height:44px}.demo-quick-grid a .public-icon,.hero-actions .public-icon{display:inline-block;width:17px;height:17px;vertical-align:-3px;margin-right:6px}

/* HF5.9 icon unification inside app/demo shells */
.suite-symbol-brand,.demo-suite-symbol-brand{overflow:hidden;background:#fff!important;border:1px solid #dfe7f3!important}.suite-symbol-brand img,.demo-suite-symbol-brand img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.app-brand .product-icon-new,.demo-program-brand .product-icon-new,.app-brand-product{width:38px;height:38px;flex:0 0 38px;border-radius:11px}.app-brand .product-icon-new .public-icon,.demo-program-brand .product-icon-new .public-icon{width:20px;height:20px}.app-brand-product{display:grid;place-items:center;background:#fff;border:1px solid #dfe7f3;overflow:hidden}.app-brand-product img{width:100%;height:100%;object-fit:contain;padding:3px}


/* HF5.10 — supplied product logo family */
.product-logo-mark{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;padding:0!important}
.product-logo-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,23,42,.08))}
.product-logo-full{display:block;max-width:100%;height:auto;object-fit:contain}
.premium-product-card .product-logo-mark{width:62px;height:62px}
.problem-result-apps .product-logo-mark,.related-app .product-logo-mark{width:48px;height:48px}
.brand-family-card .product-logo-mark{width:58px;height:58px}
.demo-v2-card .product-logo-mark{width:58px;height:58px}
.app-brand .product-logo-mark,.demo-program-brand .product-logo-mark{width:42px;height:42px;flex:0 0 42px}
.brand-core-logo{min-width:250px;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;text-align:center;padding:18px 22px!important}
.brand-core-logo .product-logo-full{width:225px;max-height:132px;margin:auto}
.brand-core-logo>div{display:grid;gap:2px;justify-items:center}
.brand-core-logo small{font-size:10px!important;letter-spacing:.11em;text-transform:uppercase}
.brand-core-logo span{font-size:12px!important;margin:0!important}
@media(max-width:760px){.premium-product-card .product-logo-mark{width:56px;height:56px}.brand-core-logo{min-width:210px}.brand-core-logo .product-logo-full{width:190px}}

/* HF5.32 Sales Readiness */
.sales-ready-kpis{margin:18px 0}.sales-ready-grid{display:grid;gap:14px}.sales-ready-group{padding:0}.sales-ready-group>.panel-head{padding:15px 18px;border-bottom:1px solid #edf0f4}.sales-ready-list{display:grid}.sales-ready-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #edf0f4}.sales-ready-row:last-child{border-bottom:0}.sales-ready-row p{margin:3px 0 0;color:#667085;font-size:11px}.sales-ready-state{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#eef2f7;color:#667085}.sales-ready-row.ok .sales-ready-state{background:#e9f8f0;color:#078451}.sales-ready-row.blocker .sales-ready-state{background:#fff0f1;color:#c93445}.sales-ready-row.warn .sales-ready-state{background:#fff8e8;color:#a96c00}.legal-public-wrap{max-width:980px}.legal-public-card{font-size:15px;line-height:1.7}.legal-copy{white-space:normal;overflow-wrap:anywhere}.legal-copy+*{margin-top:20px}.legal-public-card .settings-list{margin-bottom:22px}
@media(max-width:760px){.sales-ready-row{grid-template-columns:30px 1fr}.sales-ready-row>.tag,.sales-ready-row>.btn{grid-column:2;justify-self:start}}

/* HF5.33 public how-to + SEO guide surfaces */
.seo-guide-hero,.howto-hero,.seo-article-hero{padding:88px 0 64px;background:radial-gradient(circle at 82% 12%,rgba(var(--accent-rgb),.17),transparent 34%),linear-gradient(180deg,#fff,#f7f9fd)}
.seo-guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:54px;align-items:center}.seo-guide-hero h1,.howto-hero h1,.seo-article-hero h1{max-width:980px;font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:.98;margin:18px 0 20px}.seo-guide-summary{display:grid;gap:0;padding:24px;border:1px solid #dbe4f0;border-radius:24px;background:#fff;box-shadow:0 22px 55px rgba(15,23,42,.08)}.seo-guide-summary>b{font-size:18px;margin-bottom:12px}.seo-guide-summary span{padding:13px 0;border-top:1px solid #edf1f6;color:#475569}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-guide-card{display:block;padding:28px;border:1px solid #dfe6f0;border-radius:22px;background:#fff;color:inherit;text-decoration:none;transition:.2s ease;min-height:250px}.seo-guide-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(15,23,42,.08);border-color:rgba(var(--accent-rgb),.35)}.seo-guide-card h2{font-size:26px;line-height:1.08;margin:12px 0}.seo-guide-card p{color:#64748b;line-height:1.7}.seo-guide-link{display:block;margin-top:20px;color:var(--accent);font-weight:800}.seo-back{display:inline-flex;margin-bottom:26px;color:#64748b;text-decoration:none;font-weight:750}.seo-outcomes{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.seo-outcomes span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce5f0;border-radius:999px;background:#fff;font-size:12px}.seo-outcomes svg{width:16px;height:16px;color:var(--accent)}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:46px;align-items:start}.seo-article-main{display:grid;gap:0}.seo-article-section{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:34px 0;border-bottom:1px solid #e7ecf2}.seo-article-no{font-size:13px;font-weight:900;color:var(--accent)}.seo-article-section h2{font-size:30px;margin:0 0 12px}.seo-article-section p{color:#475569;font-size:17px;line-height:1.75;margin:0}.seo-article-side{position:sticky;top:100px;display:grid;gap:16px}.seo-check-card,.seo-cta-card{padding:24px;border:1px solid #dfe6f0;border-radius:22px;background:#fff}.seo-check-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.seo-check-card li{display:flex;gap:9px;align-items:flex-start;color:#334155}.seo-check-card svg{width:17px;flex:0 0 auto;color:#16a34a}.seo-cta-card{background:linear-gradient(145deg,#0f172a,#172554);color:#fff}.seo-cta-card p{color:#cbd5e1;line-height:1.65}.seo-cta-card .btn{width:100%;justify-content:center;margin-top:9px}.seo-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-related a{padding:20px;border:1px solid #dfe6f0;border-radius:18px;background:#fff;color:inherit;text-decoration:none;display:grid;gap:12px}.seo-related span{color:var(--accent);font-size:12px;font-weight:800}
.howto-section{padding-top:32px}.howto-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.howto-tabs{position:sticky;top:88px;display:grid;gap:7px;max-height:calc(100vh - 110px);overflow:auto;padding-right:5px}.howto-tab{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;text-decoration:none;color:#334155}.howto-tab.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.07);box-shadow:0 8px 20px rgba(15,23,42,.05)}.howto-tab .product-icon-new{width:38px;height:38px}.howto-tab .product-icon-new img{width:100%;height:100%;object-fit:contain}.howto-tab>svg{width:30px;height:30px;color:var(--accent)}.howto-tab span{display:grid}.howto-tab small{color:#64748b;font-size:10px}.howto-content{min-width:0}.howto-panel{display:none;padding:34px;border:1px solid #dfe6ef;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.05)}.howto-panel.active{display:block}.howto-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid #e7edf4}.howto-panel-head h1{font-size:42px;line-height:1.03;letter-spacing:-.045em;margin:10px 0}.howto-panel-head p{max-width:720px;color:#64748b;font-size:16px;line-height:1.6}.howto-actions{display:grid;gap:9px;min-width:200px}.howto-actions .btn{justify-content:center}.howto-flow{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;padding:32px 0}.howto-purpose{padding:24px;border-radius:18px;background:#f7f9fc}.howto-purpose h2{font-size:25px;line-height:1.1}.howto-purpose p{color:#64748b;line-height:1.65}.howto-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}.howto-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #e9edf3}.howto-steps li>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:900}.howto-steps b{display:block;margin-bottom:3px}.howto-steps p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.howto-connections{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:18px 0 26px}.howto-connections>b{width:100%;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.howto-connections span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#f3f6fa;font-size:11px}.howto-connections svg{width:15px;height:15px;color:var(--accent)}
@media(max-width:980px){.seo-guide-hero-grid,.seo-article-layout,.howto-layout{grid-template-columns:1fr}.seo-article-side,.howto-tabs{position:static}.howto-tabs{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.howto-flow{grid-template-columns:1fr}.seo-related{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.seo-guide-hero,.howto-hero,.seo-article-hero{padding:56px 0 42px}.seo-guide-grid,.seo-related{grid-template-columns:1fr}.seo-article-section{grid-template-columns:38px 1fr}.seo-article-section h2{font-size:25px}.howto-tabs{display:flex;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.howto-tab{min-width:190px;scroll-snap-align:start}.howto-panel{padding:22px}.howto-panel-head{display:grid}.howto-panel-head h1{font-size:34px}.howto-actions{grid-template-columns:1fr 1fr}.seo-outcomes{display:grid}.seo-outcomes span{border-radius:12px}.seo-guide-card{min-height:0}}

/* HF5.37 SUITE UX: GewerkSuit main brand + individual product landing systems */
.suite-site{--suite-accent:#168cff;--suite-accent2:#7357ff;background:#f7f9fc;color:#102033}
.suite-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,32,51,.08)}
.suite-nav .brand>span:last-child{font-weight:850;letter-spacing:-.03em}.suite-nav .brand small{font-weight:650;letter-spacing:.01em;color:#708096}
.suite-kicker{display:block;font-size:12px;letter-spacing:.2em;font-weight:850;color:#7f95ad;text-transform:uppercase;margin-bottom:18px}
.suite-home-hero,.suite-product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071623 0%,#102436 55%,#0b1825 100%);color:white;padding:70px 0 66px}
.suite-home-hero:before,.suite-product-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 34%,color-mix(in srgb,var(--suite-accent) 28%,transparent),transparent 28%),radial-gradient(circle at 89% 80%,color-mix(in srgb,var(--suite-accent2) 20%,transparent),transparent 24%);pointer-events:none}
.suite-home-hero-grid,.suite-product-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:52px;align-items:center;position:relative;z-index:1}
.suite-home-copy h1,.suite-product-copy h1{font-size:clamp(52px,6.7vw,96px);line-height:.91;letter-spacing:-.065em;margin:0 0 26px;font-weight:900;max-width:900px}
.suite-home-copy h1 span,.suite-product-copy h1 span{color:var(--suite-accent)}
.suite-home-copy>p,.suite-product-copy>p{font-size:19px;line-height:1.68;color:#c3cfda;max-width:720px;margin:0 0 28px}
.suite-hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.suite-hero-actions .btn{min-height:48px;padding:0 21px;border-radius:13px}
.suite-site .suite-home-hero .btn.secondary,.suite-site .suite-product-hero .btn.secondary,.suite-dark-band .btn.secondary,.suite-demo-band .btn.secondary{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}
.suite-proof-row{display:flex;gap:11px 22px;align-items:center;flex-wrap:wrap;margin-top:24px;color:#cbd6e0;font-size:13px;font-weight:650}.suite-proof-row span{display:flex;align-items:center;gap:7px}.suite-proof-row .public-icon{width:16px;height:16px;color:var(--suite-accent)}
.suite-home-stage,.suite-product-stage{min-width:0;position:relative}
.suite-device{position:relative;min-height:470px;isolation:isolate}
.suite-laptop{position:absolute;left:0;top:26px;width:86%;height:390px;border:1px solid rgba(255,255,255,.19);border-radius:24px;background:#f8fafc;box-shadow:0 34px 80px rgba(0,0,0,.35);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}
.suite-laptop-top{height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#edf2f7;color:#607189;border-bottom:1px solid #dbe3eb;font-size:11px}.suite-laptop-top b{color:#183047;font-size:13px}.suite-laptop-top small{margin-left:auto}.suite-dots{letter-spacing:3px;color:#a9b7c7;font-size:8px}
.suite-laptop-body{display:grid;grid-template-columns:172px 1fr;height:calc(100% - 44px);color:#18283a}.suite-laptop-body aside{padding:18px 13px;background:#f1f5f9;border-right:1px solid #e2e8f0}.suite-laptop-body aside .product-logo-full{max-width:126px;max-height:30px;margin:2px 6px 20px}.suite-laptop-body aside>span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-size:11px;color:#63748a;margin:3px 0}.suite-laptop-body aside>span.active{background:color-mix(in srgb,var(--suite-accent) 11%,white);color:var(--suite-accent);font-weight:800}.suite-laptop-body aside .public-icon{width:15px;height:15px}.suite-laptop-body section{padding:24px;overflow:hidden}
.suite-screen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.suite-screen-head div{display:grid}.suite-screen-head small{color:#91a0b1;font-size:10px}.suite-screen-head b{font-size:20px;letter-spacing:-.03em}.suite-screen-pill{font-size:10px;font-weight:800;color:#07955e;background:#dff7ec;padding:6px 9px;border-radius:99px}.suite-kpi-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suite-kpi-mini span{display:grid;background:#fff;border:1px solid #e4ebf2;padding:13px;border-radius:11px}.suite-kpi-mini small{font-size:9px;color:#8797a9}.suite-kpi-mini b{font-size:17px;margin-top:4px}.suite-screen-list{margin-top:15px;display:grid;gap:8px}.suite-screen-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;background:#fff;border:1px solid #e5ebf2;border-radius:10px;padding:9px}.suite-screen-list span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:color-mix(in srgb,var(--suite-accent) 9%,white);color:var(--suite-accent)}.suite-screen-list .public-icon{width:15px;height:15px}.suite-screen-list b{font-size:10px}.suite-screen-list small{font-size:9px;color:#20a169;font-weight:800}
.suite-phone{position:absolute;right:0;bottom:0;width:185px;height:350px;border:7px solid #101820;border-radius:32px;background:#fff;color:#18293b;box-shadow:0 24px 60px rgba(0,0,0,.42);padding:31px 13px 15px;z-index:3}.suite-phone-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:74px;height:15px;background:#101820;border-radius:12px}.suite-phone .product-logo-full{max-width:105px;max-height:25px}.suite-phone>b{display:block;font-size:16px;margin:18px 0 11px}.suite-phone-cards{display:grid;gap:8px}.suite-phone-cards span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e4eaf0;border-radius:10px}.suite-phone-cards .public-icon{width:17px;height:17px;color:var(--suite-accent)}.suite-phone-cards small{font-size:10px;font-weight:750}.suite-phone button{position:absolute;left:13px;right:13px;bottom:15px;border:0;border-radius:10px;background:var(--suite-accent);color:#fff;font-weight:800;padding:11px}
.suite-home-strip{background:#fff;border-bottom:1px solid #e7edf4}.suite-home-strip .wrap>div{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 0;color:#708095;font-size:13px}.suite-home-strip b{color:#173049}.suite-home-strip span{padding:7px 12px;border:1px solid #e1e9f0;background:#f8fafc;border-radius:99px;color:#334a61;font-weight:700}.suite-home-strip i{font-style:normal;color:#9fb0c2}
.section-head.centered{text-align:center;max-width:840px;margin-left:auto;margin-right:auto}.suite-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.suite-family-card{min-height:126px;background:#fff;border:1px solid #e2e9f0;border-radius:18px;padding:18px;display:flex;gap:13px;align-items:flex-start;transition:.2s ease;box-shadow:0 10px 35px rgba(29,49,70,.04)}.suite-family-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--suite-accent) 45%,#e2e9f0);box-shadow:0 18px 44px rgba(29,49,70,.09)}.suite-family-card .product-icon-new{width:44px;height:44px;flex:0 0 44px}.suite-family-card>span{display:grid;gap:5px;min-width:0}.suite-family-card b{font-size:16px;color:#13263a}.suite-family-card small{font-size:12px;line-height:1.35;color:#738499}.suite-family-card>strong{margin-left:auto;color:var(--suite-accent);font-size:18px}.suite-family-specials{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.suite-special-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;border-radius:20px;padding:24px;color:#fff;overflow:hidden;position:relative}.suite-special-card.web{background:linear-gradient(135deg,#083b62,#0d5d90)}.suite-special-card.ai{background:linear-gradient(135deg,#32165f,#172a5a)}.suite-special-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.16),transparent 27%)}.suite-special-card>*{position:relative}.suite-special-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.13)}.suite-special-icon .public-icon{width:29px;height:29px}.suite-special-card small{font-size:10px;letter-spacing:.15em;font-weight:850;color:#a9d8ff}.suite-special-card h3{font-size:24px;margin:3px 0 5px}.suite-special-card p{margin:0;color:#c4d4e3;line-height:1.45}.suite-special-card strong{white-space:nowrap;color:#fff}
.suite-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.suite-app-chip{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #e3eaf1;border-radius:14px;padding:13px}.suite-app-chip .product-icon-new{width:34px;height:34px}.suite-app-chip>span{display:grid}.suite-app-chip b{font-size:13px;color:#172c40}.suite-app-chip small{font-size:10px;color:#8392a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.suite-dark-band,.suite-demo-band{border-radius:28px;background:linear-gradient(135deg,#071623,#10283b);color:#fff;padding:36px;display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;overflow:hidden}.suite-dark-band h2,.suite-demo-band h2{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.055em;line-height:.98;margin:10px 0 18px}.suite-dark-band p,.suite-demo-band p{color:#bdccda;line-height:1.6}.suite-dark-band .suite-device,.suite-demo-band .suite-device{transform:scale(.78);transform-origin:center;min-height:395px;margin:-35px -60px -35px -15px}
.suite-parent-link{display:inline-flex;color:#9fc8ff;font-size:12px;font-weight:750;margin-bottom:18px}.suite-product-logo{min-height:39px;margin-bottom:16px}.suite-product-logo .product-logo-full{max-height:38px;max-width:190px;filter:brightness(0) invert(1)}.suite-product-copy h1{font-size:clamp(50px,6vw,84px)}.suite-product-trust{background:#fff;border-bottom:1px solid #e2e9f0}.suite-product-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e2e9f0}.suite-product-trust span{background:#fff;padding:18px 20px;display:grid;gap:3px}.suite-product-trust b{font-size:13px;color:#20374e}.suite-product-trust small{font-size:10px;color:#8291a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suite-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.suite-feature-card{display:flex;flex-direction:column;min-height:260px;background:#fff;border:1px solid #e2e9f0;border-radius:20px;padding:22px;color:#172a3e;box-shadow:0 10px 32px rgba(29,49,70,.035);transition:.2s}.suite-feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(29,49,70,.09);border-color:color-mix(in srgb,var(--suite-accent) 35%,#e2e9f0)}.suite-feature-card.static{cursor:default}.suite-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--suite-accent) 10%,white);color:var(--suite-accent);margin-bottom:28px}.suite-feature-icon .public-icon{width:26px;height:26px}.suite-feature-card>div{display:grid}.suite-feature-card small{color:var(--suite-accent);font-size:10px;letter-spacing:.15em;font-weight:900}.suite-feature-card h3{font-size:21px;margin:5px 0 8px;letter-spacing:-.025em}.suite-feature-card p{color:#6c7c8e;line-height:1.52;font-size:13px;margin:0}.suite-feature-card>strong{margin-top:auto;padding-top:18px;color:var(--suite-accent);font-size:12px}
.suite-workflow-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.suite-workflow-panel h2{font-size:42px;letter-spacing:-.045em;line-height:1.04;margin:8px 0 12px}.suite-workflow-panel p{color:#718196}.suite-workflow-line{display:flex;align-items:stretch;gap:8px}.suite-workflow-step{position:relative;flex:1;min-width:0;padding:20px 12px;background:#fff;border:1px solid #e0e8ef;border-radius:15px;display:grid;gap:9px}.suite-workflow-step span{font-size:10px;color:var(--suite-accent);font-weight:900}.suite-workflow-step b{font-size:12px;line-height:1.3}.suite-workflow-step i{position:absolute;right:-12px;top:50%;z-index:2;color:var(--suite-accent);font-style:normal;font-weight:900}.suite-demo-band .suite-demo-mini{min-width:0}.suite-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.suite-related-grid>a{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e2e9f0;border-radius:15px}.suite-related-grid .product-icon-new{width:39px;height:39px}.suite-related-grid>a>span{display:grid;gap:3px}.suite-related-grid b{font-size:14px;color:#172d42}.suite-related-grid small{font-size:10px;color:#76879a}.suite-related-grid strong{margin-left:auto;color:var(--suite-accent)}.suite-price-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 32px;background:#fff;border:1px solid #e0e8ef;border-radius:22px}.suite-price-cta h2{font-size:42px;margin:6px 0}.suite-price-cta h2 small{font-size:14px;color:#718196}.suite-price-cta p{max-width:720px;color:#708095;margin:0}
/* Individual product composition identities */
.suite-product-flow .suite-product-hero{background:linear-gradient(135deg,#071827,#0c243a 62%,#111934)}
.suite-product-mobil .suite-product-hero{background:linear-gradient(135deg,#071b1b,#0b3531 60%,#07202e)}.suite-product-mobil .suite-laptop{transform:perspective(1200px) rotateY(3deg)}
.suite-product-property .suite-product-hero{background:linear-gradient(135deg,#141c26,#263343 63%,#111921)}.suite-product-property .suite-device{filter:saturate(.85)}
.suite-product-rent .suite-product-hero{background:linear-gradient(135deg,#221708,#403011 64%,#20140a)}
.suite-product-desk .suite-product-hero{background:linear-gradient(135deg,#160e2a,#2a174b 60%,#10233a)}
.suite-product-booking .suite-product-hero{background:linear-gradient(135deg,#2a0d23,#42142e 58%,#1e183e)}
.suite-product-lead .suite-product-hero{background:linear-gradient(135deg,#290e16,#45131f 58%,#251238)}
.suite-product-invoice .suite-product-hero{background:linear-gradient(135deg,#10122e,#1e2453 62%,#0b2845)}
.suite-product-vendor .suite-product-hero{background:linear-gradient(135deg,#08201f,#0d3b38 62%,#092634)}
.suite-product-pay .suite-product-hero{background:linear-gradient(135deg,#05251c,#063f2d 55%,#092841)}.suite-product-pay .suite-screen-pill{background:#d9f9e9;color:#078454}
.suite-product-buy .suite-product-hero{background:linear-gradient(135deg,#281406,#47220b 62%,#2d1c08)}
.suite-product-shift .suite-product-hero{background:linear-gradient(135deg,#06212b,#073747 58%,#0b2550)}
.suite-product-route .suite-product-hero{background:linear-gradient(135deg,#092419,#123d2b 62%,#073449)}
.suite-product-work .suite-product-hero{background:linear-gradient(135deg,#081b3a,#112d5d 62%,#271647)}
.suite-product-fleet .suite-product-hero{background:linear-gradient(135deg,#0d1a28,#1b334c 62%,#18212b)}
.suite-product-connect .suite-product-hero{background:linear-gradient(135deg,#160d32,#2b1656 58%,#07354b)}
/* Variant geometry: not only color changes */
.suite-product-property .suite-product-hero-grid,.suite-product-vendor .suite-product-hero-grid{grid-template-columns:1fr 1fr}.suite-product-property .suite-laptop,.suite-product-vendor .suite-laptop{width:92%;transform:none}.suite-product-rent .suite-phone,.suite-product-booking .suite-phone,.suite-product-shift .suite-phone,.suite-product-route .suite-phone{right:12%;width:205px;transform:rotate(2deg)}.suite-product-invoice .suite-laptop,.suite-product-pay .suite-laptop{width:91%;height:410px}.suite-product-connect .suite-device:before,.suite-product-ai .suite-ai-visual:before{content:"";position:absolute;inset:7% 4%;border:1px solid color-mix(in srgb,var(--suite-accent) 35%,transparent);border-radius:50%;box-shadow:0 0 80px color-mix(in srgb,var(--suite-accent) 18%,transparent)}
.suite-product-ai .suite-product-hero{background:radial-gradient(circle at 75% 35%,#322262 0,#101a32 35%,#090f1d 74%)}.suite-ai-wordmark{display:flex;align-items:baseline;gap:3px;font-size:42px;font-weight:900;letter-spacing:-.06em;margin-bottom:16px}.suite-ai-wordmark b{background:linear-gradient(90deg,#8b5cf6,#46a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.suite-ai-visual{position:relative;min-height:450px;display:grid;place-items:center}.suite-ai-orb{position:absolute;left:20px;top:35px;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:42px;font-weight:900;background:radial-gradient(circle at 35% 30%,#bc9cff,#7950f2 45%,#176bdc);box-shadow:0 0 80px rgba(124,92,246,.5);z-index:2}.suite-ai-window{position:relative;width:84%;margin-left:12%;padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:23px;background:rgba(17,30,52,.88);box-shadow:0 30px 80px rgba(0,0,0,.35);color:#fff}.suite-ai-bar{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:14px}.suite-ai-bar span{color:#90a4bd}.suite-ai-window>p{font-size:22px;font-weight:750;margin:24px 0 15px}.suite-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.suite-ai-actions span{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05);font-size:12px}.suite-ai-answer{margin-top:15px;padding:15px;background:#fff;color:#1a2b40;border-radius:13px;display:grid;gap:5px}.suite-ai-answer small{color:#8b5cf6;font-weight:800}.suite-ai-answer span{color:#6e7e91;font-size:11px}.ai-band .suite-ai-visual{min-height:340px;transform:scale(.85);margin:-20px}
@media(max-width:1120px){.suite-home-hero-grid,.suite-product-hero-grid{grid-template-columns:1fr}.suite-home-copy,.suite-product-copy{max-width:820px}.suite-home-stage,.suite-product-stage{max-width:850px;width:100%;margin:auto}.suite-family-grid,.suite-feature-grid{grid-template-columns:repeat(2,1fr)}.suite-app-grid{grid-template-columns:repeat(3,1fr)}.suite-dark-band,.suite-demo-band,.suite-workflow-panel{grid-template-columns:1fr}.suite-dark-band .suite-device,.suite-demo-band .suite-device{margin:-20px auto;max-width:760px;width:100%}.suite-workflow-line{flex-wrap:wrap}.suite-workflow-step{min-width:160px}.suite-workflow-step i{display:none}}
@media(max-width:760px){.suite-home-hero,.suite-product-hero{padding:46px 0}.suite-home-copy h1,.suite-product-copy h1{font-size:clamp(44px,13vw,64px)}.suite-home-copy>p,.suite-product-copy>p{font-size:16px}.suite-device{min-height:380px}.suite-laptop{width:100%;height:315px;transform:none}.suite-laptop-body{grid-template-columns:115px 1fr}.suite-laptop-body aside{padding:12px 7px}.suite-laptop-body aside .product-logo-full{max-width:90px}.suite-laptop-body aside>span{font-size:8px;padding:7px 5px}.suite-laptop-body aside .public-icon{display:none}.suite-laptop-body section{padding:15px}.suite-phone{width:135px;height:270px;border-width:5px;border-radius:23px;padding:27px 9px 10px}.suite-phone .product-logo-full{max-width:85px}.suite-phone>b{font-size:12px}.suite-phone-cards span{padding:7px}.suite-phone-cards small{font-size:8px}.suite-phone-cards .public-icon{width:13px;height:13px}.suite-phone button{left:9px;right:9px;bottom:10px;padding:8px;font-size:10px}.suite-kpi-mini span:nth-child(3){display:none}.suite-kpi-mini{grid-template-columns:1fr 1fr}.suite-screen-list>div:nth-child(n+4){display:none}.suite-family-grid,.suite-feature-grid,.suite-family-specials,.suite-app-grid,.suite-related-grid{grid-template-columns:1fr}.suite-special-card{grid-template-columns:50px 1fr}.suite-special-card>strong{grid-column:2}.suite-product-trust .wrap{grid-template-columns:1fr 1fr}.suite-dark-band,.suite-demo-band{padding:24px;border-radius:20px}.suite-price-cta{align-items:flex-start;flex-direction:column}.suite-workflow-step{min-width:calc(50% - 8px)}.suite-ai-window{width:96%;margin-left:0}.suite-ai-orb{width:86px;height:86px;font-size:30px;left:0}.suite-ai-actions{grid-template-columns:1fr}}

/* HF5.37 GewerkWeb as GewerkSuit product page */
.suite-web-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071827 0%,#0b2a43 57%,#092238 100%);color:#fff;padding:68px 0 62px}.suite-web-hero:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 76% 28%,rgba(22,140,255,.25),transparent 25%),radial-gradient(circle at 92% 78%,rgba(92,84,255,.16),transparent 23%)}.suite-web-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center;position:relative;z-index:1}.suite-web-copy h1{font-size:clamp(52px,6vw,88px);line-height:.92;letter-spacing:-.065em;margin:0 0 25px;font-weight:900}.suite-web-copy h1 span{color:#168cff}.suite-web-copy .lead{font-size:18px;line-height:1.65;color:#c6d2de;max-width:690px}.suite-web-copy .lead span{color:#fff;font-weight:760}.suite-web-wordmark{display:flex;align-items:baseline;gap:2px;font-size:40px;font-weight:900;letter-spacing:-.06em;margin:2px 0 16px}.suite-web-wordmark b{color:#168cff}.suite-web-stage{position:relative;min-width:0}.suite-web-stage .gw9-craft-visual,.suite-web-stage .gw10-craft-visual,.suite-web-stage>div:first-child{filter:drop-shadow(0 32px 45px rgba(0,0,0,.26))}.suite-web-score{position:absolute;right:0;bottom:10px;max-width:330px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(9,25,40,.88);backdrop-filter:blur(15px);display:grid;gap:3px}.suite-web-score span{color:#75baff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.suite-web-score b{font-size:14px}.suite-web-score small{color:#aabccc;line-height:1.4}.suite-web-page .suite-web-hero .btn.secondary{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:1000px){.suite-web-hero-grid{grid-template-columns:1fr}.suite-web-stage{max-width:850px;margin:auto;width:100%}}
@media(max-width:680px){.suite-web-hero{padding:46px 0}.suite-web-copy h1{font-size:clamp(44px,13vw,62px)}.suite-web-copy .lead{font-size:16px}.suite-web-score{position:relative;right:auto;bottom:auto;margin-top:12px;max-width:none}}

/* HF5.38 MOCKUP1: approved light GewerkSuit marketing system */
.suite38-site,.suite38-product{background:#fff;color:#0d1a2b}.suite38-site .suite-nav,.suite38-product .suite-nav{background:rgba(255,255,255,.94);border-bottom:1px solid #e7edf4;box-shadow:0 2px 12px rgba(15,23,42,.025)}
.suite38-home-hero,.suite38-product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fbff 54%,color-mix(in srgb,var(--suite-accent) 9%,#fff) 100%);color:#0d1a2b;padding:58px 0 48px;border-bottom:1px solid #e9eef4}
.suite38-home-hero:before,.suite38-product-hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-190px;top:-330px;background:radial-gradient(circle,color-mix(in srgb,var(--suite-accent) 15%,transparent),transparent 68%);pointer-events:none}
.suite38-home-grid,.suite38-product-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:52px;align-items:center}.suite38-home-copy,.suite38-product-copy{max-width:720px}
.suite38-home-copy h1,.suite38-product-copy h1{font-size:clamp(54px,6.2vw,88px);line-height:.94;letter-spacing:-.062em;margin:0 0 24px;font-weight:900;color:#111827}.suite38-home-copy h1 span,.suite38-product-copy h1 span{color:var(--suite-accent)}
.suite38-home-copy>p,.suite38-product-copy>p{font-size:18px;line-height:1.65;color:#41546a;max-width:690px;margin:0 0 26px}.suite38-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.suite38-actions .btn{min-height:47px;padding:0 20px;border-radius:12px}.suite38-actions .btn.secondary{background:#fff;color:#172a3f;border:1px solid #cbd7e5;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.suite38-inline-proof{display:flex;gap:13px 24px;flex-wrap:wrap;margin-top:20px;color:#52667d;font-size:12px;font-weight:720}.suite38-home-visual,.suite38-product-stage{position:relative;min-height:470px}.suite38-home-visual .suite-device,.suite38-product-stage .suite-device{min-height:460px}.suite38-home-visual .suite-laptop,.suite38-product-stage .suite-laptop{box-shadow:0 28px 70px rgba(15,23,42,.17);border:1px solid #d9e3ee;transform:none}.suite38-home-visual .suite-phone,.suite38-product-stage .suite-phone{box-shadow:0 20px 55px rgba(15,23,42,.22)}
.suite38-trust-card{position:absolute;right:0;bottom:24px;width:245px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 20px 60px rgba(15,23,42,.16);border:1px solid #e0e8f1;display:grid;gap:6px;z-index:5}.suite38-trust-card b{font-size:17px}.suite38-trust-card span{font-size:13px;font-weight:700;color:#20364d}.suite38-trust-card small{font-size:10px;line-height:1.45;color:#6c7e91}
.suite38-module-rail{background:#fff;border-bottom:1px solid #e5ebf2}.suite38-module-rail .wrap{display:grid;grid-template-columns:repeat(9,1fr);padding-top:12px;padding-bottom:12px}.suite38-module-rail a{display:flex;align-items:center;gap:9px;padding:11px 10px;border-right:1px solid #edf1f6;color:#16293e;text-decoration:none;min-width:0}.suite38-module-rail a:last-child{border-right:0}.suite38-module-rail .product-icon-new{width:34px;height:34px}.suite38-module-rail a>span:not(.product-icon-new){display:grid;min-width:0}.suite38-module-rail b{font-size:11px}.suite38-module-rail small{font-size:8px;color:#728297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite38-more{width:34px;height:34px;border-radius:10px;background:#f1f5f9;display:grid!important;place-items:center;font-weight:900;letter-spacing:2px}
.suite38-family-section{padding-top:64px}.suite38-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.suite38-family-card{position:relative;overflow:hidden;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:19px;border:1px solid #e1e8f0;border-radius:16px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--suite-accent) 5%,#fff));text-decoration:none;color:#11263b;box-shadow:0 8px 24px rgba(15,23,42,.035);transition:.2s ease}.suite38-family-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--suite-accent) 13%,transparent)}.suite38-family-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.08)}.suite38-family-card .product-icon-new{width:48px;height:48px}.suite38-family-card>span:nth-child(2){display:grid;gap:3px;z-index:1}.suite38-family-card b{font-size:15px}.suite38-family-card small{font-size:10px;color:#697b8f}.suite38-family-card strong{color:var(--suite-accent);z-index:1}
.suite38-dark-section{background:#f5f8fb}.suite38-dark-band,.suite38-product-dark{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px;align-items:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,#081522,#0e2436 58%,#102c40);color:#fff;box-shadow:0 26px 70px rgba(15,23,42,.17);overflow:hidden}.suite38-dark-band h2,.suite38-product-dark h2{font-size:clamp(38px,4.4vw,62px);line-height:.96;letter-spacing:-.05em;margin:10px 0 18px}.suite38-dark-band p,.suite38-product-dark p{color:#bdcbd8;line-height:1.65}.suite38-checklist{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:9px;color:#dbe6ef;font-size:13px}.suite38-checklist li:before{content:"✓";color:#4da7ff;font-weight:900;margin-right:8px}.suite38-dark-band .suite-device,.suite38-product-dark .suite-device{min-height:385px;margin:-10px}.suite38-dark-band .suite-laptop,.suite38-product-dark .suite-laptop{height:335px;top:15px}.suite38-dark-band .suite-phone,.suite38-product-dark .suite-phone{height:280px;width:145px}.suite38-dark-band .btn,.suite38-product-dark .btn{background:#158cff;color:#fff}
.suite38-all-apps{padding-top:68px}.suite38-app-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.suite38-app-tile{display:grid;justify-items:start;gap:9px;padding:14px 12px;border:1px solid #e2e9f0;border-radius:14px;background:#fff;text-decoration:none;color:#172b40;min-height:120px}.suite38-app-tile .product-icon-new{width:37px;height:37px}.suite38-app-tile span{display:grid;gap:4px}.suite38-app-tile b{font-size:11px}.suite38-app-tile small{font-size:8px;line-height:1.35;color:#708197}.suite38-final-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 36px;border-radius:22px;background:linear-gradient(135deg,#091828,#102b43);color:#fff}.suite38-final-band h2{margin:8px 0 6px;font-size:36px}.suite38-final-band p{margin:0;color:#c1ceda}.suite38-final-band .btn.secondary{border-color:#476079;color:#fff;background:transparent}
/* Product-page mockup layout */
.suite38-product-hero{--hero-wave:color-mix(in srgb,var(--suite-accent) 11%,#fff)}.suite38-product-hero:after{content:"";position:absolute;left:48%;right:-5%;top:0;bottom:0;background:linear-gradient(145deg,transparent 18%,var(--hero-wave) 18%,transparent 62%);opacity:.7;pointer-events:none}.suite38-product-copy{position:relative;z-index:2}.suite38-product-copy .suite-product-logo{margin:0 0 12px}.suite38-product-copy .suite-product-logo .product-logo-full{max-width:180px}.suite38-product-copy .suite-parent-link{color:#6d7f93}.suite38-product-copy .suite-kicker{color:color-mix(in srgb,var(--suite-accent) 75%,#52667c)}.suite38-handnote{position:absolute;right:0;top:14px;z-index:7;max-width:170px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:18px;line-height:1.18;transform:rotate(-5deg);color:color-mix(in srgb,var(--suite-accent) 75%,#20364c)}
.suite38-feature-rail{border-bottom:1px solid #e5ebf2;background:#fff}.suite38-feature-rail .wrap{display:grid;grid-template-columns:repeat(6,1fr);padding-top:14px;padding-bottom:14px}.suite38-feature-rail a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:12px 14px;border-right:1px solid #edf1f5;text-decoration:none;color:#16293d;min-width:0}.suite38-feature-rail a:last-child{border-right:0}.suite38-feature-rail svg{width:27px;height:27px;color:var(--suite-accent)}.suite38-feature-rail span{display:grid;gap:3px}.suite38-feature-rail b{font-size:11px}.suite38-feature-rail small{font-size:8px;line-height:1.35;color:#77879a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.suite38-product-highlights{padding-top:66px}.suite38-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.suite38-feature-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:23px;border:1px solid #e1e8ef;border-radius:16px;background:#fff;text-decoration:none;color:#172b40;min-height:210px;box-shadow:0 10px 30px rgba(15,23,42,.035);position:relative}.suite38-feature-icon{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--suite-accent) 10%,#fff);color:var(--suite-accent);display:grid;place-items:center}.suite38-feature-icon svg{width:23px;height:23px}.suite38-feature-card small{color:var(--suite-accent);font-weight:850;font-size:10px}.suite38-feature-card h3{font-size:19px;margin:7px 0}.suite38-feature-card p{font-size:12px;line-height:1.55;color:#6b7d90;margin:0}.suite38-feature-card strong{grid-column:2;font-size:10px;color:var(--suite-accent);align-self:end}
.suite38-process-section{padding-top:64px}.suite38-workflow{display:flex;align-items:stretch;gap:12px}.suite38-workflow-step{position:relative;flex:1;min-height:135px;padding:20px;border:1px solid #e1e8ef;border-radius:16px;background:#fff;display:grid;gap:8px;align-content:start}.suite38-workflow-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--suite-accent);color:#fff;font-size:12px;font-weight:850}.suite38-workflow-step>b{font-size:14px}.suite38-workflow-step>i{position:absolute;right:-20px;top:52px;z-index:2;color:var(--suite-accent);font-style:normal;font-size:22px}.suite38-price-band{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid #e1e8ef;border-radius:20px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--suite-accent) 5%,#fff))}.suite38-price-band h2{font-size:40px;margin:5px 0}.suite38-price-band h2 small{font-size:13px;color:#77869a}.suite38-price-band p{max-width:680px;color:#65778b;margin:0}
/* Light product skin accents matching the approved visual board */
.suite38-product.suite-product-flow{--suite-accent:#178cff;--suite-accent2:#6c5cff}.suite38-product.suite-product-pay{--suite-accent:#13a96c;--suite-accent2:#178cff}.suite38-product.suite-product-mobil{--suite-accent:#0aa38c;--suite-accent2:#2f75d8}.suite38-product.suite-product-property{--suite-accent:#667789;--suite-accent2:#334155}.suite38-product.suite-product-rent{--suite-accent:#f59e0b;--suite-accent2:#ef6c35}.suite38-product.suite-product-desk{--suite-accent:#7c5cfc;--suite-accent2:#bd54ed}.suite38-product.suite-product-booking{--suite-accent:#e94ea1;--suite-accent2:#885cf6}.suite38-product.suite-product-lead{--suite-accent:#f04463;--suite-accent2:#8b5cf6}.suite38-product.suite-product-invoice{--suite-accent:#5149df;--suite-accent2:#178cff}.suite38-product.suite-product-vendor{--suite-accent:#15a99a;--suite-accent2:#0b7491}.suite38-product.suite-product-buy{--suite-accent:#f47722;--suite-accent2:#f4b212}.suite38-product.suite-product-shift{--suite-accent:#7b57ef;--suite-accent2:#0eb4d4}.suite38-product.suite-product-route{--suite-accent:#2abf66;--suite-accent2:#0fa5d8}.suite38-product.suite-product-work{--suite-accent:#226ee8;--suite-accent2:#774fe7}.suite38-product.suite-product-fleet{--suite-accent:#3d82e8;--suite-accent2:#536579}.suite38-product.suite-product-connect{--suite-accent:#8659ef;--suite-accent2:#09b3d2}.suite38-product.suite-product-ai{--suite-accent:#8257ef;--suite-accent2:#2f89ff}
.suite38-product .suite-product-hero{background:transparent;color:inherit}.suite38-product .suite-product-hero:before{display:none}.suite38-product .suite-product-hero-grid{display:none}.suite38-product .suite-product-trust{display:none}
/* AI public page follows the same approved light family */
.suite38-product.suite-product-ai .suite-product-hero{display:block;background:linear-gradient(135deg,#fff,#f8f5ff 56%,#eef6ff);color:#111827}.suite38-product.suite-product-ai .suite-product-hero:before{display:block;background:radial-gradient(circle at 78% 32%,rgba(130,87,239,.14),transparent 30%)}.suite38-product.suite-product-ai .suite-product-hero-grid{display:grid}.suite38-product.suite-product-ai .suite-product-copy h1{color:#111827}.suite38-product.suite-product-ai .suite-product-copy p{color:#48596d}.suite38-product.suite-product-ai .suite-product-copy h1 span{color:#8257ef}.suite38-product.suite-product-ai .suite-product-hero .btn.secondary{color:#172a3f;border-color:#cbd7e5;background:#fff}.suite38-product.suite-product-ai .suite-proof-row{color:#52667d}
/* GewerkWeb joins the same light family while keeping generator/showroom beneath it */
.suite-web-page .suite-web-hero{background:linear-gradient(135deg,#fff 0%,#f8fbff 55%,#edf7ff 100%);color:#111827;border-bottom:1px solid #e5ebf2}.suite-web-page .suite-web-hero:before{background:radial-gradient(circle at 78% 30%,rgba(22,140,255,.13),transparent 28%),radial-gradient(circle at 92% 82%,rgba(115,87,255,.08),transparent 22%)}.suite-web-page .suite-web-copy h1{color:#111827}.suite-web-page .suite-web-copy .lead{color:#46596e}.suite-web-page .suite-web-copy .lead span{color:#182b40}.suite-web-page .suite-parent-link{color:#66798d}.suite-web-page .suite-proof-row{color:#53687e}.suite-web-page .suite-web-hero .btn.secondary{border-color:#c9d5e2;color:#162a3e;background:#fff}.suite-web-page .suite-web-score{background:rgba(255,255,255,.94);border-color:#dbe5ee;color:#14283e;box-shadow:0 18px 44px rgba(15,23,42,.13)}.suite-web-page .suite-web-score small{color:#6d8093}
@media(max-width:1120px){.suite38-home-grid,.suite38-product-grid{grid-template-columns:1fr}.suite38-home-visual,.suite38-product-stage{max-width:860px;width:100%;margin:auto}.suite38-module-rail .wrap{grid-template-columns:repeat(5,1fr)}.suite38-module-rail a:nth-child(5){border-right:0}.suite38-family-grid,.suite38-feature-grid{grid-template-columns:repeat(2,1fr)}.suite38-app-grid{grid-template-columns:repeat(4,1fr)}.suite38-dark-band,.suite38-product-dark{grid-template-columns:1fr}.suite38-feature-rail .wrap{grid-template-columns:repeat(3,1fr)}.suite38-feature-rail a:nth-child(3n){border-right:0}.suite38-workflow{flex-wrap:wrap}.suite38-workflow-step{flex:1 1 calc(33% - 12px)}.suite38-workflow-step>i{display:none}}
@media(max-width:720px){.suite38-home-hero,.suite38-product-hero{padding:44px 0 34px}.suite38-home-copy h1,.suite38-product-copy h1{font-size:clamp(43px,13vw,62px)}.suite38-home-copy>p,.suite38-product-copy>p{font-size:16px}.suite38-home-visual,.suite38-product-stage{min-height:390px}.suite38-trust-card{position:relative;right:auto;bottom:auto;width:auto;margin-top:6px}.suite38-module-rail .wrap{display:flex;overflow:auto}.suite38-module-rail a{min-width:165px}.suite38-family-grid,.suite38-feature-grid,.suite38-app-grid{grid-template-columns:1fr}.suite38-dark-band,.suite38-product-dark{padding:24px}.suite38-feature-rail .wrap{display:flex;overflow:auto}.suite38-feature-rail a{min-width:190px}.suite38-workflow{display:grid;grid-template-columns:1fr 1fr}.suite38-workflow-step{min-height:120px}.suite38-final-band,.suite38-price-band{align-items:flex-start;flex-direction:column}.suite38-product-stage .suite-device,.suite38-home-visual .suite-device{min-height:360px}.suite38-handnote{display:none}}

/* HF5.38-DF6 PROGRAM EXPERIENCE – approved dashboard language for all core programs */
.program-shell{--program-panel:#fff;--program-soft:color-mix(in srgb,var(--accent) 7%,#fff 93%);background:#f3f6fb}.program-shell .app-sidebar{background:linear-gradient(180deg,#08172a 0%,#0c213a 58%,#071525 100%);box-shadow:10px 0 34px rgba(4,19,38,.08)}.program-shell .suite-signature{margin:2px 8px 12px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08)}.program-shell .app-brand{border-bottom:0;margin-bottom:4px;background:rgba(255,255,255,.035);border-radius:14px;padding:9px}.program-shell .app-switch-wrap{margin-top:2px}.program-shell .app-nav a{height:39px}.program-shell .app-nav a.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.35),rgba(var(--accent-rgb),.08));box-shadow:inset 3px 0 0 var(--accent),0 8px 20px rgba(0,0,0,.08)}.program-shell .app-topbar{height:68px;border-bottom:1px solid #e7ebf2;box-shadow:0 1px 0 rgba(16,24,40,.02)}.program-shell .searchbox{height:40px;border:1px solid #dce3ee;background:#f7f9fc;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#7b8798;text-align:left;min-width:260px}.program-shell .searchbox .search-icon{display:grid;place-items:center}.program-shell .searchbox .search-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-shell .searchbox .kbd{position:static;margin-left:auto}.program-shell .top-user{display:flex;align-items:center;gap:9px;padding:4px 7px 4px 4px;border-radius:12px}.program-shell .top-user:hover{background:#f6f8fb}.program-shell .top-user-meta{display:grid;line-height:1.15}.program-shell .top-user-meta b{font-size:11px}.program-shell .top-user-meta small{font-size:9px;color:#8a96a8}.program-shell .top-user-chevron{width:14px}.program-shell .app-page{max-width:1500px;padding:24px 26px 34px}.program-experience{display:grid;gap:16px}.program-experience>.insight-band,.program-experience>.trade-focus,.program-experience>.suite-workflow-section,.program-experience>.product-guide{margin:0}.experience-hero{position:relative;min-height:238px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.25fr);overflow:hidden;border:1px solid #e1e7ef;border-radius:22px;background:linear-gradient(115deg,#fff 0%,#f8fbff 46%,rgba(var(--accent-rgb),.12) 100%);box-shadow:0 12px 38px rgba(14,31,53,.08)}.experience-hero-copy{padding:28px 30px;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.experience-hero-copy h1{margin:7px 0 8px;font-size:34px;line-height:1.04;letter-spacing:-.045em;color:#0b203a}.experience-hero-copy p{max-width:610px;margin:0;color:#53647a;font-size:14px;line-height:1.55}.experience-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.experience-scene{position:relative;min-height:238px;padding:24px 28px 24px 34px;background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.82),transparent 24%),linear-gradient(135deg,rgba(var(--accent-rgb),.04),rgba(var(--accent-rgb),.22));display:flex;align-items:center;gap:18px;isolation:isolate}.experience-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 0 48%,rgba(4,23,42,.09) 48.5% 49%,transparent 49.5%),linear-gradient(15deg,transparent 0 59%,rgba(4,23,42,.06) 59.5% 60%,transparent 60.5%);opacity:.6;z-index:-2}.experience-scene:after{content:"";position:absolute;right:6%;bottom:-21%;width:58%;height:82%;border:1px solid rgba(var(--accent-rgb),.25);border-radius:30px 30px 0 0;transform:skewX(-9deg);background:linear-gradient(150deg,rgba(255,255,255,.52),rgba(255,255,255,.05));box-shadow:0 -18px 80px rgba(var(--accent-rgb),.08);z-index:-1}.experience-scene-logo{width:76px;height:76px;border-radius:22px;background:#fff;border:1px solid rgba(var(--accent-rgb),.18);display:grid;place-items:center;box-shadow:0 15px 35px rgba(16,24,40,.13);flex:0 0 auto}.experience-scene-logo .product-icon-new{width:52px;height:52px}.experience-scene>div:not(.experience-scene-shapes){max-width:430px}.experience-scene small{font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#66758a;font-size:10px}.experience-scene strong{display:block;margin:4px 0 4px;font-size:25px;line-height:1.05;letter-spacing:-.035em;color:#0e2744}.experience-scene p{margin:0;color:#5b6b7d;font-size:12px}.experience-handnote{position:absolute;right:5%;top:16%;max-width:260px;font-family:"Segoe Print","Bradley Hand",cursive;font-size:15px;line-height:1.2;color:#0c315a;transform:rotate(-4deg);text-align:center;opacity:.9}.experience-scene-shapes{position:absolute!important;right:4%;bottom:13%;display:flex!important;align-items:flex-end!important;gap:7px!important;z-index:2}.experience-scene-shapes i{display:block;width:42px;height:18px;border-radius:13px 16px 7px 7px;background:linear-gradient(135deg,#173b62,var(--accent));box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),0 7px 12px rgba(14,31,53,.12);position:relative}.experience-scene-shapes i:before,.experience-scene-shapes i:after{content:"";position:absolute;bottom:-3px;width:8px;height:8px;border-radius:50%;background:#0d1827;border:2px solid #c7d3df}.experience-scene-shapes i:before{left:6px}.experience-scene-shapes i:after{right:6px}.experience-scene-shapes i:nth-child(2){transform:scale(.88)}.experience-scene-shapes i:nth-child(3){transform:scale(1.05)}.experience-scene-shapes i:nth-child(4){transform:scale(.82)}.experience-scene-shapes i:nth-child(5){transform:scale(.94)}.experience-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.experience-kpi{min-height:92px;background:#fff;border:1px solid #e4e9f1;border-radius:15px;padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px rgba(16,24,40,.035)}.experience-kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.10);color:var(--accent);flex:0 0 auto}.experience-kpi-icon svg{width:18px;height:18px}.experience-kpi div{min-width:0}.experience-kpi small{display:block;color:#66758a;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-kpi strong{display:block;margin-top:3px;font-size:22px;line-height:1;color:#0d223c;letter-spacing:-.04em}.experience-kpi div>span{display:block;margin-top:5px;color:#0a9e68;font-size:9px;font-weight:750}.experience-main-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,.72fr);gap:15px}.experience-workspace,.experience-side,.experience-showcase,.experience-analytics{background:#fff;border:1px solid #e3e8f0;border-radius:18px;box-shadow:0 4px 18px rgba(16,24,40,.035)}.experience-workspace{padding:17px}.experience-section-head,.experience-side-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.experience-section-head h2,.experience-side-head h2{margin:3px 0 0;font-size:17px;letter-spacing:-.025em}.experience-section-head>a,.experience-side-head>a{font-size:10px;color:var(--accent);font-weight:800}.experience-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.experience-module{min-height:76px;border:1px solid #e6eaf0;border-radius:12px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;color:inherit;background:#fff;transition:.16s ease}.experience-module:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.4);box-shadow:0 8px 20px rgba(16,24,40,.06)}.experience-module-icon{width:34px;height:34px;border-radius:9px;background:rgba(var(--accent-rgb),.1);color:var(--accent);display:grid;place-items:center}.experience-module-icon svg{width:16px;height:16px}.experience-module b{display:block;font-size:11px;color:#0d223c}.experience-module small{display:block;margin-top:2px;color:#7b8798;font-size:8.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experience-module i{font-style:normal;color:#a1adba}.experience-side{padding:17px;display:flex;flex-direction:column}.experience-activity-list{display:grid}.experience-activity{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f5;color:inherit}.experience-activity:last-child{border-bottom:0}.experience-activity-dot{width:28px;height:28px;border-radius:9px;background:rgba(var(--accent-rgb),.09);color:var(--accent);display:grid;place-items:center}.experience-activity-dot svg{width:14px;height:14px}.experience-activity b{display:block;font-size:10px}.experience-activity small{display:block;color:#8490a1;font-size:8px;margin-top:2px}.experience-activity time{font-size:7px;color:#8b96a5;max-width:76px;text-align:right}.experience-empty{padding:24px 8px;text-align:center;color:#8a96a7;font-size:11px}.experience-ai-card{margin-top:auto;padding:12px;border-radius:13px;background:linear-gradient(135deg,#0b1830,#132b50 65%,rgba(var(--accent-rgb),.82));color:#fff;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.experience-ai-card .btn{grid-column:1/-1;width:100%;color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08)}.experience-ai-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,rgba(158,105,255,.8) 23%,#2bc9dd 60%,#112042 72%);font-weight:900;font-size:9px}.experience-ai-card b{font-size:11px}.experience-ai-card small{display:block;margin-top:2px;color:#d7e2f2;font-size:8px}.experience-showcase,.experience-analytics{padding:17px}.experience-showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.experience-showcase-card{min-height:174px;border:1px solid #e4e9f0;border-radius:13px;overflow:hidden;background:#fff;color:inherit;display:flex;flex-direction:column;padding-bottom:10px}.experience-showcase-visual{height:88px;display:grid;place-items:center;background:linear-gradient(150deg,#eaf2fb,rgba(var(--accent-rgb),.15));position:relative;overflow:hidden}.experience-showcase-visual:before{content:"";position:absolute;width:130%;height:50%;left:-10%;bottom:-22%;background:#d7e4f0;transform:rotate(-4deg)}.experience-showcase-visual .product-icon-new{width:50px;height:50px;position:relative;z-index:2;filter:drop-shadow(0 8px 12px rgba(16,24,40,.14))}.experience-showcase-card>.tag{align-self:flex-start;margin:9px 10px 4px}.experience-showcase-card>b{font-size:10px;line-height:1.35;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.experience-showcase-card>small{margin-top:auto;padding:7px 10px 0;color:#7a8797;font-size:8px}.experience-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.experience-analytics-card{min-height:128px;border:1px solid #e5e9f0;border-radius:13px;padding:13px;background:#fbfcfe;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:4px 10px;align-items:end}.experience-analytics-card>span{font-size:9px;color:#6f7d90;font-weight:750;align-self:start}.experience-analytics-card>strong{font-size:15px;color:#0d223c;align-self:start}.experience-bars{grid-column:1/-1;height:62px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #dce4ed;padding:0 5px}.experience-bars i{flex:1;min-height:10px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#72d8ff 38%));opacity:.82}.program-shell-mobil{--program-soft:#eefbf7}.program-shell-mobil .experience-scene{background:linear-gradient(145deg,#f7fbff,#dfeef5 46%,rgba(var(--accent-rgb),.24))}.program-shell-mobil .experience-scene.dealership:after{width:66%;height:88%;right:3%;bottom:-18%;border-color:rgba(16,92,115,.26);background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(15,109,145,.08))}.program-shell-property .experience-scene-shapes i,.program-shell-rent .experience-scene-shapes i{height:35px;border-radius:3px;background:linear-gradient(180deg,#4f6378,var(--accent));}.program-shell-property .experience-scene-shapes i:before,.program-shell-property .experience-scene-shapes i:after,.program-shell-rent .experience-scene-shapes i:before,.program-shell-rent .experience-scene-shapes i:after{display:none}.program-shell-connect .experience-scene-shapes i{width:27px;height:27px;border-radius:50%;}.program-shell-connect .experience-scene-shapes i:before,.program-shell-connect .experience-scene-shapes i:after{width:22px;height:1px;border:0;border-radius:0;background:rgba(8,145,178,.5);bottom:13px}.program-shell-connect .experience-scene-shapes i:before{left:-18px}.program-shell-connect .experience-scene-shapes i:after{right:-18px}.program-shell-shift .experience-scene-shapes i,.program-shell-work .experience-scene-shapes i{width:31px;height:31px;border-radius:10px}.program-shell-invoice .experience-scene-shapes i,.program-shell-pay .experience-scene-shapes i{width:32px;height:42px;border-radius:7px;background:linear-gradient(150deg,#fff,var(--accent));border:1px solid rgba(var(--accent-rgb),.24)}.program-shell-invoice .experience-scene-shapes i:before,.program-shell-invoice .experience-scene-shapes i:after,.program-shell-pay .experience-scene-shapes i:before,.program-shell-pay .experience-scene-shapes i:after{display:none}.program-shell-route .experience-scene:before{background:radial-gradient(circle at 20% 70%,rgba(var(--accent-rgb),.18) 0 4px,transparent 5px),radial-gradient(circle at 62% 35%,rgba(var(--accent-rgb),.22) 0 4px,transparent 5px),linear-gradient(28deg,transparent 48%,rgba(var(--accent-rgb),.2) 49% 51%,transparent 52%)}
@media(max-width:1240px){.experience-hero{grid-template-columns:1fr 1fr}.experience-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-showcase-card:nth-child(n+4){display:none}}
@media(max-width:1040px){.experience-main-grid{grid-template-columns:1fr}.experience-side{min-height:0}.experience-ai-card{margin-top:14px}.experience-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-handnote{display:none}}
@media(max-width:860px){.program-shell .app-topbar{height:62px}.program-shell .searchbox{min-width:0;max-width:none}.program-shell .top-user-meta,.program-shell .top-user-chevron{display:none}.program-shell .app-page{padding:14px 12px 84px}.experience-hero{grid-template-columns:1fr;min-height:0}.experience-hero-copy{padding:23px 20px}.experience-hero-copy h1{font-size:28px}.experience-scene{min-height:172px;padding:20px}.experience-scene-logo{width:58px;height:58px;border-radius:17px}.experience-scene-logo .product-icon-new{width:42px;height:42px}.experience-scene strong{font-size:20px}.experience-kpis{grid-template-columns:1fr 1fr}.experience-module-grid{grid-template-columns:1fr 1fr}.experience-showcase-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.experience-showcase-card{min-width:220px;scroll-snap-align:start}.experience-showcase-card:nth-child(n+4){display:flex}.experience-analytics-grid{grid-template-columns:1fr 1fr}.app-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #e1e7ef;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(16,24,40,.08)}.app-mobile-nav a,.app-mobile-nav button{min-width:0;display:grid;place-items:center;gap:2px;padding:5px 2px;border:0;background:transparent;color:#6f7d90}.app-mobile-nav a.active{color:var(--accent)}.app-mobile-nav span{display:grid;place-items:center}.app-mobile-nav svg{width:18px;height:18px}.app-mobile-nav b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}
@media(max-width:560px){.program-shell .searchbox .search-placeholder{max-width:125px}.program-shell .top-settings{display:none}.experience-hero-copy p{font-size:12px}.experience-hero-actions .btn{flex:1;justify-content:center}.experience-scene{align-items:flex-start}.experience-scene>div:not(.experience-scene-shapes){padding-top:4px}.experience-scene-shapes{right:6%;bottom:12%}.experience-kpis{gap:8px}.experience-kpi{min-height:82px;padding:11px}.experience-kpi-icon{width:32px;height:32px}.experience-kpi strong{font-size:18px}.experience-module-grid{grid-template-columns:1fr}.experience-module{min-height:68px}.experience-section-head{align-items:flex-start}.experience-section-head>a{display:none}.experience-showcase,.experience-analytics,.experience-workspace,.experience-side{padding:13px}.experience-analytics-grid{grid-template-columns:1fr 1fr}.experience-analytics-card{min-height:112px}.experience-bars{height:48px}}

/* HF5.38-DF7 LANGUAGE + CURRENT WEBSITE PREVIEW */
.app-language{display:flex;align-items:center;height:36px}.app-language select{appearance:none;height:34px;min-width:58px;border:1px solid #dce3ee;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667788' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;padding:0 25px 0 9px;font:800 10px/1 system-ui,sans-serif;color:#24364d;cursor:pointer}.app-language select:hover{border-color:rgba(var(--accent-rgb),.42);background-color:#f9fbfd}.app-language select:focus-visible{outline:3px solid rgba(var(--accent-rgb),.18);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-language]:not([data-language="de"]) .program-shell .experience-module small{line-height:1.32}.program-shell .app-brand div>span{max-width:168px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-shell .nav-item-label,.program-shell .nav-group-label{hyphens:auto}

/* Public marketing previews now mirror the approved DF6 program design instead of the retired generic screen. */
.suite-device-v2 .suite-laptop{height:408px;background:#f4f7fb;border-color:#dbe4ed}.suite-device-v2 .suite-laptop-top{background:#fff;border-bottom-color:#e4eaf1}.suite-device-v2 .suite-laptop-body{grid-template-columns:160px 1fr}.suite-device-v2 .suite-laptop-body aside{background:linear-gradient(180deg,#08172a,#0c213a 62%,#071525);border-right:0}.suite-device-v2 .suite-laptop-body aside .product-logo-full{filter:brightness(0) invert(1);opacity:.96}.suite-device-v2 .suite-laptop-body aside>span{color:#bfd0e2}.suite-device-v2 .suite-laptop-body aside>span.active{color:#fff;background:rgba(var(--suite-accent-rgb,91,124,250),.22);box-shadow:inset 3px 0 0 var(--suite-accent)}.suite-device-v2 .suite-laptop-body section{padding:14px 16px 16px;background:#f4f7fb}.suite-preview-toolbar{height:34px;background:#fff;border:1px solid #e0e6ee;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#8491a2;font-size:8px}.suite-preview-toolbar>span{display:flex;align-items:center;gap:5px}.suite-preview-toolbar svg{width:12px;height:12px}.suite-preview-toolbar i{font-style:normal;font-weight:800;color:#32445a}.suite-preview-hero{position:relative;margin-top:9px;min-height:79px;border:1px solid #dfe6ee;border-radius:12px;padding:12px 70px 11px 13px;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f9fbff 52%,color-mix(in srgb,var(--suite-accent) 14%,#fff 86%));box-shadow:0 4px 12px rgba(16,24,40,.035)}.suite-preview-hero small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#7a889a;font-size:6.5px;font-weight:850}.suite-preview-hero strong{display:block;margin-top:3px;color:#0d223c;font-size:13px;line-height:1.05;letter-spacing:-.03em}.suite-preview-hero p{margin:4px 0 0;color:#6c7b8e;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-preview-orb{position:absolute;right:13px;top:12px;width:51px;height:51px;border-radius:15px;background:#fff;border:1px solid color-mix(in srgb,var(--suite-accent) 22%,#dce5ee);display:grid;place-items:center;box-shadow:0 9px 20px rgba(16,24,40,.10)}.suite-preview-orb .product-icon-new{width:37px;height:37px}.suite-preview-kpis{margin-top:9px;grid-template-columns:repeat(4,1fr);gap:6px}.suite-preview-kpis span{padding:8px 7px;border-radius:8px}.suite-preview-kpis small{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-preview-kpis b{font-size:9px;color:#0b9565}.suite-preview-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.suite-preview-module{min-width:0;background:#fff;border:1px solid #e2e8ef;border-radius:8px;padding:7px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center}.suite-preview-module>.public-icon,.suite-preview-module>.product-icon-new{grid-row:1/3;width:18px;height:18px;color:var(--suite-accent)}.suite-preview-module b{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c3048}.suite-preview-module small{font-size:5.7px;line-height:1.2;color:#8a96a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-phone-v2{padding:30px 10px 45px;background:#f5f8fb;overflow:hidden}.suite-phone-brand{display:flex;align-items:center;gap:5px;padding:7px;border-radius:9px;background:linear-gradient(135deg,#0b1c33,#123454);color:#fff}.suite-phone-brand .product-icon-new{width:22px;height:22px}.suite-phone-brand b{font-size:9px}.suite-phone-v2>b{margin:11px 1px 8px;font-size:12px;line-height:1.12}.suite-phone-v2 .suite-phone-cards{gap:6px}.suite-phone-v2 .suite-phone-cards span{padding:7px;background:#fff}.suite-phone-nav{position:absolute;left:0;right:0;bottom:0;height:38px;border-top:1px solid #e1e7ee;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.suite-phone-nav span{display:grid;place-items:center;gap:1px;color:#68778a}.suite-phone-nav svg{width:11px;height:11px}.suite-phone-nav small{font-size:5.5px}.suite38-home-visual .suite-device-v2,.suite38-product-stage .suite-device-v2{filter:none}.suite38-home-visual .suite-device-v2:after,.suite38-product-stage .suite-device-v2:after{content:"Aktuelles Programmdesign";position:absolute;left:17px;bottom:9px;z-index:4;padding:5px 8px;border:1px solid #dde6ee;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(16,24,40,.08);font-size:7px;font-weight:850;color:#5a6a7e;letter-spacing:.035em;text-transform:uppercase}

@media(max-width:860px){.program-shell .top-actions{gap:4px}.app-language select{min-width:51px;padding-left:7px;padding-right:22px}.suite-device-v2 .suite-laptop-body{grid-template-columns:112px 1fr}.suite-device-v2 .suite-preview-kpis{grid-template-columns:repeat(2,1fr)}.suite-device-v2 .suite-preview-kpis span:nth-child(n+3){display:none}.suite-device-v2 .suite-preview-modules{grid-template-columns:repeat(2,1fr)}.suite-device-v2 .suite-preview-module:nth-child(n+5){display:none}}
@media(max-width:560px){.program-shell .top-new{display:none}.app-language{margin-left:auto}.app-language select{height:32px;min-width:49px}.suite-device-v2 .suite-preview-hero{padding-right:12px}.suite-device-v2 .suite-preview-orb{display:none}.suite-device-v2 .suite-preview-modules{grid-template-columns:1fr}.suite-device-v2 .suite-preview-module:nth-child(n+4){display:none}.suite38-home-visual .suite-device-v2:after,.suite38-product-stage .suite-device-v2:after{display:none}}
@media(prefers-reduced-motion:reduce){.experience-module,.suite-device-v2 *{transition:none!important;animation:none!important}}

/* HF5.38-DF8 PROGRAM PARITY + PRODUCTIVITY */
.experience-onboarding{margin:0 18px 14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 18%,#e3e9f1 82%);border-radius:15px;background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--accent) 5%,#f7fafe 95%));display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:18px;align-items:center}.experience-onboarding h2{margin:3px 0 4px;font-size:17px}.experience-onboarding p{margin:0;color:#748196;font-size:10px}.experience-onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.experience-onboarding-steps a{min-height:58px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;padding:9px;display:flex;align-items:center;gap:8px;color:#24364d}.experience-onboarding-steps a>span{width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,#eef4fb 88%);color:var(--accent);font-weight:900}.experience-onboarding-steps a>b{font-size:9px;line-height:1.25}.experience-onboarding-steps a.done{background:#f7fbf9;border-color:#d8eee1}.experience-onboarding-steps a.done>span{background:#dff5e7;color:#168644}
.smart-column-control{position:relative;margin-left:auto}.smart-column-button{white-space:nowrap}.smart-column-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:55;min-width:190px;max-width:260px;padding:8px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 14px 34px rgba(19,33,55,.16)}.smart-column-panel label{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:10px;font-weight:700;color:#33465e;cursor:pointer}.smart-column-panel label:hover{background:#f4f7fb}.smart-column-panel input{accent-color:var(--accent)}.smart-table-mobile{display:none}.smart-table-card{border:1px solid #e2e8f0;border-radius:13px;background:#fff;padding:11px;box-shadow:0 5px 18px rgba(20,35,55,.04)}.smart-table-card>div{display:grid;grid-template-columns:minmax(82px,.7fr) 1.3fr;gap:9px;padding:6px 0;border-bottom:1px solid #eef2f6}.smart-table-card>div:last-child{border-bottom:0}.smart-table-card>div>span{font-size:9px;font-weight:800;color:#76859a}.smart-table-card>div>div{min-width:0;font-size:10px;color:#20344d;overflow-wrap:anywhere}.smart-table-card a{color:var(--accent);font-weight:800}
.demo-program-shell .experience-demo-context{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.demo-program-shell .experience-demo-context .tag{font-size:8px}.demo-program-shell .experience-demo-footer{padding:12px 17px 18px;display:flex;gap:9px;align-items:center;justify-content:flex-end}.demo-program-shell .experience-hero,.demo-program-shell .experience-kpis,.demo-program-shell .experience-main-grid,.demo-program-shell .experience-showcase,.demo-program-shell .experience-analytics{max-width:none}.experience-showcase,.experience-analytics,.suite-workflow-section,.product-guide{content-visibility:auto;contain-intrinsic-size:1px 520px}
@media(max-width:1040px){.experience-onboarding{grid-template-columns:1fr}.experience-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.experience-onboarding{margin:0 0 12px;padding:14px}.experience-onboarding-steps{grid-template-columns:1fr 1fr}.program-shell a,.program-shell button,.program-shell select,.program-shell input[type='checkbox']{touch-action:manipulation}.program-shell .btn,.program-shell .icon-btn,.app-mobile-nav a,.app-mobile-nav button{min-height:40px}.data-table[data-smart-table]{display:none}.smart-table-mobile{display:grid;gap:9px;padding:2px}.table-wrap:has(.smart-table-mobile){overflow:visible}.smart-column-control{display:none}}
@media(max-width:560px){.experience-onboarding-steps{grid-template-columns:1fr}.experience-onboarding-steps a{min-height:52px}.smart-table-card>div{grid-template-columns:92px 1fr}}

/* HF5.38-DF10: new suite focus products, clearer pricing and operator command center */
.suite38-focus-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 34px}
.suite38-focus-products .suite38-family-card{min-height:92px}
.price-clarity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.price-clarity-grid .marketing-card{height:100%;position:relative}
.price-clarity-grid .marketing-card.featured{border-color:#168cff;box-shadow:0 14px 36px rgba(22,140,255,.12)}
.price-clarity-grid .price-line{display:flex;flex-direction:column;gap:4px;margin:16px 0 12px}
.price-clarity-grid .price-line strong{font-size:1.8rem;letter-spacing:-.04em;color:#0c2442}
.price-clarity-grid .price-line span{font-size:.82rem;color:#6d7d91}
.tag.pink{background:#fff0f7;color:#be185d}
.operator-command-center .admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.operator-command-center .operator-health-grid{align-items:stretch}
@media(max-width:1180px){.suite38-focus-products,.price-clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-command-center .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.suite38-focus-products,.price-clarity-grid{grid-template-columns:1fr}.operator-command-center .admin-kpis{grid-template-columns:1fr}}

/* HF5.38-DF10: license direct integration links */
.license-suite-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.license-suite-links a{font-weight:800;font-size:.82rem;color:var(--app,#168cff);text-decoration:none;padding:7px 9px;border:1px solid #dbe7f5;border-radius:9px;background:#fff}.license-suite-links a:hover{text-decoration:underline}.license-suite-card{display:block}

/* HF5.38-DF13 APPROVED EMPLOYEE EXPERIENCE + OPERATOR COMMAND CENTER */
.employee-day-page{max-width:1440px;margin:0 auto;padding:22px 24px 90px;background:linear-gradient(180deg,#f4f8fd 0,#f8fbff 280px,#f6f8fb 100%)}
.employee-day-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px 24px;border:1px solid #dce8f5;border-radius:18px;background:linear-gradient(112deg,#fff 0%,#eef6ff 58%,#e7f2ff 100%);box-shadow:0 10px 30px rgba(20,52,86,.06);overflow:hidden}
.employee-day-hero:after{content:"";position:absolute;right:-54px;top:-88px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(21,120,255,.18),rgba(21,120,255,0) 68%);pointer-events:none}.employee-day-hero h1{margin:3px 0 4px;font-size:34px;letter-spacing:-.04em;color:#0c2442}.employee-day-hero p{margin:0;color:#66778d}.employee-sync{position:relative;z-index:1;display:grid;grid-template-columns:10px auto;column-gap:8px;align-items:center;min-width:185px;padding:12px 14px;border:1px solid #d5e4f5;border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(13,45,79,.06)}.employee-sync .sync-dot{width:9px;height:9px;border-radius:50%;background:#15b86b;box-shadow:0 0 0 4px rgba(21,184,107,.12)}.employee-sync b{font-size:12px;color:#18324f}.employee-sync small{grid-column:2;color:#77869a;font-size:9px}.employee-sync.offline .sync-dot{background:#f59e0b}.employee-sync.pending .sync-dot{background:#168cff}.employee-sync.error .sync-dot{background:#ef4444}
.employee-day-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px}.employee-time-card,.employee-quick-card{border:1px solid #dce5ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,39,63,.05);padding:18px}.employee-time-card{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)}.employee-time-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.employee-time-head>div{display:flex;align-items:center;gap:12px}.employee-time-check{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#19b96c;color:#fff;font-size:18px;font-weight:900;box-shadow:0 7px 18px rgba(25,185,108,.24)}.employee-time-head h2{margin:2px 0 0;font-size:19px;color:#102844}.employee-work-clock{font-size:27px;letter-spacing:-.04em;color:#102844;font-variant-numeric:tabular-nums}.employee-time-actions{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:10px;margin-top:14px}.employee-time-actions>div{display:flex;gap:8px}.employee-time-actions input,.employee-finish-form input{min-width:0;border:1px solid #dbe4ee;border-radius:10px;background:#fff;padding:10px 12px}.employee-time-main{background:linear-gradient(135deg,#ffb342,#ff942e)!important;border-color:#ff942e!important;color:#fff!important}.employee-time-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.employee-ready{margin-top:12px;border-radius:10px;padding:10px 12px;font-size:10px}.employee-ready.ok{background:#eefbf4;color:#148255;border:1px solid #d3f2df}.employee-ready.warn{background:#fff8e8;color:#9a6500;border:1px solid #f4dfaa}.employee-ready ul{margin:6px 0 0 18px}.employee-finish-form{display:flex;gap:8px;margin-top:10px}.employee-finish-form input{flex:1}.employee-finish-form button{white-space:nowrap}
.employee-quick-card>.eyebrow{display:block;margin-bottom:12px}.employee-five-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.employee-five-actions a,.employee-five-actions button{min-height:72px;border:1px solid #dce6f0;border-radius:12px;background:#fff;color:#18324f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;cursor:pointer;box-shadow:0 4px 12px rgba(18,49,80,.04)}.employee-five-actions a:hover,.employee-five-actions button:hover{border-color:#9ec9ff;background:#f5faff}.employee-five-actions svg{width:21px;height:21px;color:#0878f9}.employee-five-actions b{font-size:10px}.employee-extra-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.employee-extra-actions a{display:inline-flex;gap:6px;align-items:center;padding:7px 9px;border-radius:999px;background:#f4f8fc;color:#43607d;font-size:9px;font-weight:800}.employee-extra-actions svg{width:13px;height:13px}
.employee-current-job,.employee-current-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:15px 17px;border:1px solid #d9e7f6;border-radius:15px;background:linear-gradient(100deg,#f5faff,#fff);box-shadow:0 7px 20px rgba(20,49,80,.045)}.employee-current-copy{display:flex;flex-direction:column;gap:3px}.employee-current-copy>b{font-size:14px;color:#12304e}.employee-current-copy small{color:#6d7d90}.employee-current-empty{justify-content:flex-start}.employee-current-empty>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#12a55e;font-weight:900}.employee-current-empty div{display:flex;flex-direction:column}.employee-current-empty small{color:#718197}
.employee-section{margin-top:16px;padding:18px;border:1px solid #dde6ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,39,63,.045)}.employee-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.employee-section-head h2{margin:3px 0 0;font-size:18px;color:#102844}.employee-section-head>a{font-size:10px;font-weight:800;color:#0878f9}.employee-assignment-list{display:grid;gap:10px}.employee-assignment-card{border:1px solid #e0e7ef;border-radius:13px;background:#fff;padding:13px 14px}.employee-assignment-main{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center}.employee-assignment-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf6ff;color:#0878f9}.employee-assignment-icon svg{width:18px;height:18px}.employee-assignment-main h3{margin:2px 0 3px;font-size:13px;color:#18324f}.employee-assignment-main p{margin:0;color:#718197;font-size:9px}.employee-assignment-actions{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 0 47px}.employee-assignment-actions .btn svg{width:13px;height:13px}.employee-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.employee-list-row,.employee-wallet-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5;color:#18324f}.employee-list-row:last-child,.employee-wallet-row:last-child{border-bottom:0}.employee-list-row>div,.employee-wallet-row>div{display:flex;flex:1;min-width:0;flex-direction:column}.employee-list-row b,.employee-wallet-row b{font-size:10px}.employee-list-row small,.employee-wallet-row small{font-size:8px;color:#7a899b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-wallet-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef6ff;color:#0878f9}.employee-wallet-icon svg{width:15px;height:15px}.employee-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.employee-team-row{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e3e9f0;border-radius:11px}.employee-team-row>div{display:flex;min-width:0;flex-direction:column}.employee-team-row b{font-size:10px}.employee-team-row small{font-size:8px;color:#748398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-ai-strip{display:grid;grid-template-columns:56px 1fr;gap:14px;margin-top:16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#0b1d35,#102f50 55%,#0f416f);color:#fff;box-shadow:0 14px 32px rgba(9,31,54,.15)}.employee-ai-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#87e5ff,#8a55ff 45%,#092b67 76%);font-size:22px;box-shadow:0 0 28px rgba(124,105,255,.35)}.employee-ai-strip h2{margin:3px 0 9px;font-size:18px}.employee-ai-strip .eyebrow{color:#a9cfff}.employee-ai-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-ai-suggestions a{padding:9px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:9px;font-weight:700}.employee-ai-suggestions a:hover{background:rgba(255,255,255,.12)}
.employee-scan-dialog{position:fixed;inset:0;z-index:120;background:rgba(5,17,31,.66);display:grid;place-items:center;padding:20px}.employee-scan-dialog[hidden]{display:none}.employee-scan-card{position:relative;width:min(460px,100%);padding:20px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}.employee-scan-card .close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#607087}.employee-scan-card video{width:100%;aspect-ratio:4/3;background:#0a1320;border-radius:12px;object-fit:cover;margin:12px 0}.employee-scan-card form{display:flex;gap:8px}.employee-scan-card input{flex:1;min-width:0}
.employee-self-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.employee-self-card{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #e0e7ef;border-radius:13px;background:#fff}.employee-self-card>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef6ff;color:#0878f9}.employee-self-card svg{width:18px;height:18px}.employee-self-card>div{display:flex;flex-direction:column}.employee-self-card b{font-size:10px}.employee-self-card small{font-size:8px;color:#748398}.employee-hr-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.operator-command-center{background:linear-gradient(180deg,#f4f8fd 0,#f8fbff 360px,#f6f8fb 100%);min-height:100vh}.operator-command-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:18px;padding:26px 28px;border:1px solid #dbe8f5;border-radius:18px;background:linear-gradient(115deg,#fff 0%,#eef6ff 55%,#e9f3ff 100%);overflow:hidden;box-shadow:0 10px 34px rgba(16,49,83,.07)}.operator-command-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(21,125,255,.18),rgba(21,125,255,0) 70%)}.operator-command-hero h1{margin:4px 0 7px;font-size:34px;letter-spacing:-.045em;color:#0b2442}.operator-command-hero p{margin:0;max-width:730px;color:#64768d}.operator-command-hero .head-actions{margin-top:16px}.operator-command-status{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.operator-command-status>div{padding:13px;border:1px solid rgba(202,220,240,.9);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(16,50,84,.05)}.operator-command-status span{display:block;font-size:9px;color:#75859a}.operator-command-status b{display:block;margin-top:3px;font-size:17px;color:#102944}.operator-command-center>.admin-kpis{gap:10px}.operator-command-center>.admin-kpis .kpi{border-color:#dce6f0;box-shadow:0 7px 20px rgba(19,45,73,.045)}.operator-command-center .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.operator-command-center .quick-card{min-height:82px;border-radius:12px}.operator-command-center .hub-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-shell .app-brand .product-icon-new{width:42px;height:42px}.admin-shell .app-brand strong{font-size:15px}.admin-shell .app-brand span{font-size:9px}
@media(max-width:1120px){.employee-day-grid,.employee-two-col{grid-template-columns:1fr}.employee-five-actions{grid-template-columns:repeat(4,1fr)}.employee-self-grid{grid-template-columns:repeat(2,1fr)}.operator-command-center .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-command-center .hub-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-command-hero{grid-template-columns:1fr}.operator-command-status{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.employee-day-page{padding:16px 14px 92px}.employee-day-hero{padding:16px;border-radius:14px}.employee-day-hero h1{font-size:25px}.employee-day-grid{gap:12px}.employee-time-card,.employee-quick-card,.employee-section{padding:14px;border-radius:14px}.employee-two-col{gap:12px}.employee-team-grid{grid-template-columns:1fr}.employee-ai-suggestions{grid-template-columns:1fr}.employee-hr-request-grid{grid-template-columns:1fr}.operator-command-center .hub-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-command-status{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.program-shell-flow .app-main{background:#f4f7fb}.employee-day-page{padding:12px 10px 84px}.employee-day-hero{padding:9px 4px 10px;border:0;border-radius:0;background:transparent;box-shadow:none}.employee-day-hero:after{display:none}.employee-day-hero h1{font-size:24px}.employee-day-hero p{font-size:10px}.employee-sync{min-width:0;padding:8px 9px;border-radius:10px}.employee-sync small{display:none}.employee-day-grid{display:block}.employee-time-card{padding:13px;margin-bottom:10px;border-color:#cfe8d9;background:linear-gradient(135deg,#effcf5,#fff)}.employee-time-head{align-items:center}.employee-time-check{width:31px;height:31px;font-size:14px}.employee-time-head h2{font-size:14px}.employee-work-clock{font-size:19px}.employee-time-actions{display:block}.employee-time-actions>input{display:none}.employee-time-actions>div{display:grid;grid-template-columns:1fr 1fr;margin-top:11px}.employee-time-actions .btn{min-height:39px}.employee-ready{font-size:9px}.employee-finish-form{display:none}.employee-quick-card{padding:13px}.employee-five-actions{grid-template-columns:repeat(4,1fr);gap:7px}.employee-five-actions a,.employee-five-actions button{min-height:62px;padding:6px}.employee-five-actions svg{width:18px;height:18px}.employee-five-actions b{font-size:8px}.employee-extra-actions{display:none}.employee-current-job,.employee-current-empty{margin:10px 0;padding:12px;border-radius:12px}.employee-current-job{align-items:flex-start}.employee-current-job .btn{min-width:84px}.employee-current-copy>b{font-size:12px}.employee-current-copy small{font-size:8px}.employee-section{margin-top:10px;padding:12px}.employee-section-head h2{font-size:15px}.employee-assignment-card{padding:11px}.employee-assignment-main{grid-template-columns:32px 1fr auto;gap:8px}.employee-assignment-icon{width:32px;height:32px}.employee-assignment-main h3{font-size:11px}.employee-assignment-main p{font-size:8px}.employee-assignment-actions{margin-left:40px}.employee-assignment-actions .btn{padding:7px 8px;font-size:8px}.employee-two-col{margin-top:10px}.employee-two-col .panel{border-radius:12px}.employee-two-col .panel:nth-child(n+2){display:none}.employee-team-overview{display:block}.employee-ai-strip{grid-template-columns:38px 1fr;padding:13px;gap:9px;border-radius:13px}.employee-ai-orb{width:36px;height:36px;border-radius:11px;font-size:16px}.employee-ai-strip h2{font-size:14px}.employee-ai-suggestions a{font-size:8px;padding:8px}.employee-self-grid{grid-template-columns:1fr}.employee-hr-request-grid{grid-template-columns:1fr}.employee-hr-page{padding-bottom:90px}.operator-command-hero{padding:18px;border-radius:14px}.operator-command-hero h1{font-size:26px}.operator-command-center .quick-grid,.operator-command-center .hub-app-grid{grid-template-columns:1fr}.operator-command-status{grid-template-columns:1fr 1fr}}

/* HF5.38-DF18 customer dossier + project LiveSupport */
.customer-care-table td{vertical-align:top}.customer-care-index .toolbar{margin-bottom:14px}.customer-file-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-file-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-top:18px}.customer-file-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb);text-decoration:none;color:inherit}.customer-file-row:last-child{border-bottom:0}.customer-file-row small{display:block;color:var(--muted,#64748b);margin-top:3px}.customer-file-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-case-thread{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto;margin-top:14px;padding-right:4px}.customer-case-message{padding:12px 14px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface-soft,#f8fafc)}.customer-case-message.staff{border-left:4px solid #2563eb}.customer-case-message.customer{border-left:4px solid #10b981}.customer-case-message p{margin:8px 0 0;white-space:pre-wrap}.customer-case-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.customer-case-meta span{font-size:.78rem;color:var(--muted,#64748b)}.customer-case-compose{grid-template-columns:minmax(0,1fr) auto}.project-live-support{margin-top:18px}.project-support-thread{max-height:360px;overflow:auto;margin:14px 0}.project-support-compose{grid-template-columns:minmax(0,1fr) auto}.project-mobile .project-live-support{margin-top:14px}.project-mobile .project-support-thread{max-height:300px}
@media(max-width:1100px){.customer-file-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-file-grid,.customer-file-columns{grid-template-columns:1fr}}@media(max-width:700px){.customer-file-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-file-row{grid-template-columns:1fr}.customer-case-meta{align-items:flex-start;flex-direction:column;gap:3px}.customer-file-actions{grid-template-columns:1fr}.project-support-compose,.customer-case-compose{grid-template-columns:1fr}}

/* HF5.38-DF18 approved customer-care cockpit */
.admin-customer-care-shell{background:#edf4fb}.admin-customer-care-shell .app-sidebar{width:178px;background:linear-gradient(180deg,#062f57 0,#05294a 48%,#031f39 100%);border-right:1px solid rgba(255,255,255,.08)}.admin-customer-care-shell .suite-signature,.admin-customer-care-shell .app-brand{padding-left:15px;padding-right:15px}.admin-customer-care-shell .app-brand{margin-bottom:8px}.admin-customer-care-shell .app-nav{padding:3px 9px 14px}.admin-customer-care-shell .app-nav>a,.admin-customer-care-shell .nav-group summary{min-height:34px;border-radius:7px;padding:8px 9px;font-size:10px}.admin-customer-care-shell .app-nav>a.active{background:#0a70cc;color:#fff;box-shadow:inset 3px 0 #27a8ff}.admin-customer-care-shell .nav-section-label{margin:12px 9px 4px;color:#7f9ab6;font-size:8px;letter-spacing:.08em}.admin-customer-care-shell .sidebar-foot{padding:10px}.admin-customer-care-shell .org-chip{padding:9px;border-radius:8px}.admin-customer-care-shell .app-main{min-width:0}.admin-customer-care-shell .app-topbar{height:55px;min-height:55px;padding:0 14px;gap:12px;background:#082f53;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.admin-customer-care-shell .top-title{font-size:0;min-width:0}.admin-customer-care-shell .top-title:after{content:'GewerkFlow';font-size:17px;font-weight:800}.admin-customer-care-shell .admin-searchbox{margin-left:auto;max-width:190px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.1)}.admin-customer-care-shell .admin-searchbox input{color:#fff}.admin-customer-care-shell .admin-searchbox input::placeholder{color:#c7d5e2}.admin-customer-care-shell .top-user-meta b,.admin-customer-care-shell .top-user-meta small{color:#fff}.admin-customer-care-shell .top-user{min-width:132px}.cc-top-links{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap}.cc-top-links a{display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:6px;color:#e4edf5;text-decoration:none;font-size:9px;font-weight:750}.cc-top-links a:hover,.cc-top-links a.active{background:#0b66ac;color:#fff}.cc-top-links svg{width:13px;height:13px}.customer-care-approved{padding:12px 12px 26px;max-width:none;background:linear-gradient(180deg,#f4f8fd 0,#eef4fa 100%);min-height:calc(100vh - 55px);color:#12294a}.cc-page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:0 5px 10px}.cc-page-head h1{margin:1px 0 2px;font-size:27px;letter-spacing:-.04em;color:#142a54}.cc-page-head p{margin:0;color:#61738d;font-size:10px}.cc-global-kpis{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:9px}.cc-global-kpis>div{min-width:105px;padding:9px 13px;border:1px solid #d7e3ef;border-radius:7px;background:#fff;box-shadow:0 2px 8px rgba(25,68,111,.05)}.cc-global-kpis span{display:block;color:#62748b;font-size:8px}.cc-global-kpis b{display:block;margin-top:2px;color:#102b58;font-size:16px}.cc-workspace{display:grid;grid-template-columns:270px minmax(0,1fr) 230px;gap:9px;align-items:start}.cc-customer-rail,.cc-customer-main,.cc-right-rail{min-width:0}.cc-customer-rail{position:sticky;top:64px;max-height:calc(100vh - 76px);display:flex;flex-direction:column;padding:10px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(20,55,90,.05)}.cc-rail-head{display:flex;justify-content:space-between;align-items:center;gap:7px}.cc-rail-head h2{margin:1px 0;font-size:13px}.cc-rail-head .btn{padding:7px 8px;font-size:8px}.cc-rail-search{display:grid;grid-template-columns:22px 1fr;align-items:center;margin-top:8px;border:1px solid #d9e4ef;border-radius:7px;background:#fbfdff}.cc-rail-search span{display:grid;place-items:center;color:#68819a}.cc-rail-search svg{width:13px;height:13px}.cc-rail-search input{width:100%;border:0;background:transparent;padding:8px 5px;font:inherit;font-size:9px;outline:none}.cc-filter-pills{display:flex;gap:5px;margin:8px 0}.cc-filter-pills span{padding:5px 7px;border-radius:6px;background:#f3f6fa;color:#66788f;font-size:8px;font-weight:750}.cc-filter-pills span.active{background:#0a6df2;color:#fff}.cc-rail-list{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:2px}.customer-rail-item{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid transparent;border-radius:7px;color:inherit;text-decoration:none}.customer-rail-item:hover{background:#f5f9fd}.customer-rail-item.active{background:#edf6ff;border-color:#b8daf9;box-shadow:inset 3px 0 #0a74e8}.customer-rail-avatar{width:30px;height:30px;border-radius:7px;background:#e7f1fb;color:#1269b6;font-size:9px}.customer-rail-copy{min-width:0}.customer-rail-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.customer-rail-copy small{display:block;margin-top:2px;color:#718399;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-rail-item .tag{padding:3px 5px;font-size:6px}.cc-customer-main{display:flex;flex-direction:column;gap:9px}.cc-customer-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #dbe5ef;border-radius:8px;background:#fff}.cc-customer-title{display:flex;gap:9px;align-items:center;min-width:0}.cc-company-logo{width:44px;height:44px;border-radius:8px;background:#eff5fb;color:#164e86;font-size:11px;border:1px solid #d7e2ec}.cc-title-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cc-title-line h2{margin:0;font-size:18px;color:#112c59}.cc-title-line .tag{font-size:7px;padding:4px 6px}.cc-customer-title p{margin:2px 0 0;color:#6c7d91;font-size:8px}.cc-contact{display:flex;align-items:center;gap:6px}.cc-contact>div{display:flex;flex-direction:column;min-width:115px}.cc-contact small,.cc-contact span{color:#75869b;font-size:7px}.cc-contact b{font-size:9px}.cc-contact .btn svg{width:13px;height:13px}.cc-tabs{display:flex;gap:3px;overflow:auto;padding:0 8px;border:1px solid #dbe5ef;border-radius:8px;background:#fff}.cc-tabs a{padding:10px 9px 8px;border-bottom:2px solid transparent;color:#526b88;text-decoration:none;font-size:8px;font-weight:750;white-space:nowrap}.cc-tabs a.active,.cc-tabs a:hover{color:#0965d8;border-color:#0965d8}.cc-overview-grid{display:grid;grid-template-columns:1.08fr .92fr 1fr;gap:9px}.cc-card,.cc-chat-card,.cc-live-card{padding:11px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(20,55,90,.035)}.cc-card h3,.cc-chat-card h3,.cc-live-card h3{margin:0 0 8px;color:#122b55;font-size:11px}.cc-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.cc-card-head h3{margin:0}.cc-card-head a{font-size:7px;text-decoration:none;color:#0870d8}.cc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cc-info-grid>div{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center}.cc-info-grid>div>span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eef6ff;color:#0d77ea}.cc-info-grid svg{width:13px;height:13px}.cc-info-grid small{font-size:7px;color:#7b8ca0}.cc-info-grid b{font-size:8px;overflow:hidden;text-overflow:ellipsis}.cc-status-list{display:flex;flex-direction:column;gap:5px}.cc-status-list>div{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;border-radius:6px;background:#f8fbfe;font-size:8px}.cc-status-list span:first-child{color:#526b86}.cc-status-list .tag{font-size:6px}.cc-quick-actions{display:flex;flex-direction:column;gap:4px}.cc-quick-actions a{display:flex;align-items:center;gap:7px;padding:6px 7px;border:1px solid #d7e7f6;border-radius:6px;background:#fbfdff;color:#095bbd;text-decoration:none;font-size:8px;font-weight:750}.cc-quick-actions a:hover{background:#edf6ff}.cc-quick-actions svg{width:12px;height:12px}.cc-mid-grid{display:grid;grid-template-columns:1.05fr 1.15fr .95fr;gap:9px}.cc-activity{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:flex-start;padding:6px 0;border-bottom:1px solid #edf1f5}.cc-activity:last-child{border-bottom:0}.cc-activity-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#368df5}.cc-activity b,.cc-ticket-row b{display:block;font-size:8px}.cc-activity small,.cc-ticket-row small{display:block;color:#78899c;font-size:7px;margin-top:2px}.cc-activity time{color:#8795a6;font-size:6px}.cc-project-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:start;padding:7px 0;border-bottom:1px solid #edf1f5}.cc-project-card:last-child{border-bottom:0}.cc-mini-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eef6ff;color:#0873df}.cc-mini-icon svg{width:13px;height:13px}.cc-project-card b{display:block;font-size:8px}.cc-project-card small,.cc-project-meta{display:block;color:#75879c;font-size:7px;margin-top:2px}.cc-project-card>div:last-child{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.cc-project-card .tag{font-size:6px}.cc-project-card form{margin:0}.cc-project-card .btn{padding:4px 6px;font-size:6px}.cc-ticket-row{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:6px;padding:7px 0;border-bottom:1px solid #edf1f5;color:inherit;text-decoration:none}.cc-ticket-row>span:first-child{width:5px;height:5px;border-radius:50%;background:#2563eb;margin-top:5px}.cc-ticket-row .tag{font-size:6px}.cc-support-zone{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:9px}.cc-chat-card{min-height:265px}.cc-chat-compose{display:grid;grid-template-columns:105px 125px minmax(0,1fr) auto;gap:5px;margin:7px 0 9px}.cc-chat-compose select,.cc-chat-compose input,.cc-live-compose select,.cc-live-compose textarea,.cc-access-form select,.cc-access-form input,.cc-state-editor select,.cc-state-editor textarea{border:1px solid #d6e1ec;border-radius:6px;background:#fff;padding:7px 8px;font:inherit;font-size:8px;outline:none}.customer-case-thread{max-height:320px}.customer-case-message{display:grid;grid-template-columns:29px minmax(0,1fr);gap:7px;padding:7px 8px;border:0;border-radius:7px;background:#f9fbfd}.customer-case-message.staff{border-left:2px solid #0a74e8}.customer-case-message.customer{border-left:2px solid #10a875}.customer-case-message .avatar{width:28px;height:28px;font-size:8px}.customer-case-message p{margin:3px 0 0;font-size:8px;line-height:1.45}.customer-case-meta b{font-size:8px}.customer-case-meta span{font-size:6px}.cc-live-card{min-height:265px}.cc-live-compose{display:flex;flex-direction:column;gap:6px}.cc-live-compose label{display:flex;flex-direction:column;gap:3px;font-size:7px;color:#61748a}.cc-live-compose textarea{resize:vertical}.cc-live-threads{margin-top:8px;display:flex;flex-direction:column;gap:5px}.cc-live-thread{display:flex;justify-content:space-between;gap:6px;padding:7px;border:1px solid #e2eaf2;border-radius:6px;color:inherit;text-decoration:none}.cc-live-thread b{display:block;font-size:7px}.cc-live-thread small{display:block;color:#78899d;font-size:6px;margin-top:2px}.cc-live-thread .tag{font-size:6px}.cc-support-empty{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6f8196}.cc-support-empty b{font-size:8px;color:#29415f}.cc-support-empty small{font-size:7px;max-width:150px}.cc-headset{font-size:20px;color:#4385d0}.cc-data-grid,.cc-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.customer-file-row{grid-template-columns:minmax(0,1fr) auto auto auto;padding:7px 0;gap:7px}.customer-file-row b{font-size:8px}.customer-file-row small{font-size:7px}.customer-file-row strong{font-size:8px}.customer-file-row .tag,.customer-file-row .btn{font-size:6px}.cc-access-form{display:grid;grid-template-columns:1fr 95px minmax(0,1fr) auto;gap:5px;align-items:center}.cc-right-rail{position:sticky;top:64px;display:flex;flex-direction:column;gap:9px}.cc-check-line{display:flex;justify-content:space-between;gap:7px;padding:6px 0;border-bottom:1px solid #edf1f5;font-size:8px}.cc-check-line b{color:#13a05f}.cc-state-editor{margin-top:8px}.cc-state-editor summary{cursor:pointer;color:#0a66c7;font-size:8px;font-weight:750}.cc-state-editor form{display:flex;flex-direction:column;gap:6px;margin-top:7px}.cc-state-editor label{display:flex;flex-direction:column;gap:3px;color:#65778b;font-size:7px}.cc-file-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1f5}.cc-file-row:last-child{border-bottom:0}.cc-file-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#eef5ff;color:#126fe2}.cc-file-icon svg{width:13px;height:13px}.cc-file-row b{display:block;font-size:8px}.cc-file-row small{display:block;color:#78899c;font-size:6px;margin-top:2px}.cc-ai-card{display:grid;grid-template-columns:34px 1fr;gap:8px;background:linear-gradient(150deg,#f7f3ff,#fff)}.cc-ai-orb{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6854f6,#b84cf2);color:#fff;font-size:9px;font-weight:900}.cc-ai-card h3{margin:1px 0 4px}.cc-ai-card p{font-size:7px;color:#6e7e91;margin:0 0 5px}.cc-ai-card ul{padding-left:14px;margin:5px 0 8px}.cc-ai-card li{font-size:7px;margin:3px 0}.customer-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-search-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:13px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;color:inherit;text-decoration:none}.customer-search-card small,.customer-search-card span{display:block}.customer-search-card small{color:#6f8195;font-size:8px;margin-top:2px}.customer-search-card div>span{font-size:8px;margin-top:5px;color:#415b78}
@media(max-width:1440px){.cc-workspace{grid-template-columns:235px minmax(0,1fr) 210px}.cc-top-links a{padding:7px 6px;font-size:8px}.admin-customer-care-shell .admin-searchbox{max-width:160px}.cc-overview-grid{grid-template-columns:1fr 1fr}.cc-overview-grid>.cc-card:last-child{grid-column:1/-1}.cc-mid-grid{grid-template-columns:1fr 1fr}.cc-mid-grid>.cc-card:last-child{grid-column:1/-1}}
@media(max-width:1180px){.admin-customer-care-shell .cc-top-links{display:none}.cc-workspace{grid-template-columns:220px minmax(0,1fr)}.cc-right-rail{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.cc-global-kpis{grid-template-columns:repeat(2,1fr)}.cc-support-zone{grid-template-columns:1fr}.cc-live-card{min-height:0}.cc-chat-compose{grid-template-columns:1fr 1fr}.cc-chat-compose input{grid-column:1/-1}.cc-chat-compose .btn{grid-column:1/-1}.customer-search-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.admin-customer-care-shell .app-sidebar{width:260px}.customer-care-approved{padding:10px}.cc-page-head{display:block}.cc-global-kpis{margin-top:10px}.cc-workspace{display:block}.cc-customer-rail{position:static;max-height:none;margin-bottom:9px}.cc-rail-list{max-height:280px}.cc-right-rail{display:grid;grid-template-columns:1fr;margin-top:9px}.cc-customer-header{align-items:flex-start;flex-direction:column}.cc-contact{width:100%;justify-content:flex-end}.cc-overview-grid,.cc-mid-grid,.cc-data-grid,.cc-ops-grid{grid-template-columns:1fr}.cc-overview-grid>.cc-card:last-child,.cc-mid-grid>.cc-card:last-child{grid-column:auto}.cc-access-form{grid-template-columns:1fr}.customer-search-grid{grid-template-columns:1fr}}
@media(max-width:560px){.cc-global-kpis{grid-template-columns:1fr 1fr}.cc-tabs{padding:0 4px}.cc-tabs a{padding:8px 7px}.cc-info-grid{grid-template-columns:1fr}.cc-chat-compose{grid-template-columns:1fr}.cc-chat-compose input,.cc-chat-compose .btn{grid-column:auto}.customer-file-row{grid-template-columns:1fr}.cc-contact{display:grid;grid-template-columns:1fr auto auto}.cc-page-head h1{font-size:24px}}

/* ========================================================================== 
   HF5.38-DF19 — Navigation & Topbar contrast/accessibility hotfix
   Keeps the approved layout; improves legibility only.
   ========================================================================== */
/* Default / light application sidebar */
.app-sidebar .suite-signature{color:#0b1733;font-weight:900}
.app-sidebar .app-brand strong{color:#0b1733;font-weight:850}
.app-sidebar .app-brand>div>span{color:#52647d;font-weight:650}
.app-sidebar .app-switch-caption{color:#445873;font-weight:900}
.app-sidebar .app-switch{color:#182844;font-weight:800;border-color:#cfd8e6;background:#fff}
.app-sidebar .app-switch-chevron{color:#53657e}
.app-sidebar .app-nav>.nav-root{color:#263750;font-size:12px;font-weight:780}
.app-sidebar .app-nav .nav-group>summary{color:#31425d;font-size:11.7px;font-weight:760}
.app-sidebar .app-nav .nav-submenu a{color:#465873;font-size:11.4px;font-weight:690}
.app-sidebar .app-nav .nav-group-count{color:#40536f;background:#e9eef6;font-weight:850}
.app-sidebar .app-nav .nav-group-chevron{color:#596c86}
.app-sidebar .app-nav .nav-icon,.app-sidebar .app-nav .nav-group-icon{color:#40536f;background:#eef2f8}
.app-sidebar .app-nav>.nav-root:hover,.app-sidebar .app-nav .nav-group>summary:hover,.app-sidebar .app-nav .nav-submenu a:hover{color:#0d1b33}
.app-sidebar .nav-section-label,.app-sidebar .app-nav .label{color:#51637c;font-weight:900}
.app-sidebar .org-chip b{color:#162641;font-weight:800}
.app-sidebar .org-chip span span{color:#56677e}

/* Dark operator/customer-care sidebar keeps high-contrast light typography. */
.admin-customer-care-shell .app-sidebar .suite-signature,
.admin-customer-care-shell .app-sidebar .app-brand strong{color:#fff}
.admin-customer-care-shell .app-sidebar .app-brand>div>span{color:#c8d7e7}
.admin-customer-care-shell .app-sidebar .app-switch-caption{color:#b8c9da}
.admin-customer-care-shell .app-sidebar .app-switch{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.10)}
.admin-customer-care-shell .app-sidebar .app-switch-chevron{color:#d4e1ee}
.admin-customer-care-shell .app-sidebar .app-nav>.nav-root,
.admin-customer-care-shell .app-sidebar .app-nav .nav-group>summary,
.admin-customer-care-shell .app-sidebar .app-nav .nav-submenu a{color:#e8f0f8;font-weight:760}
.admin-customer-care-shell .app-sidebar .app-nav .nav-group-count{color:#eef6ff;background:rgba(255,255,255,.13)}
.admin-customer-care-shell .app-sidebar .app-nav .nav-group-chevron,
.admin-customer-care-shell .app-sidebar .app-nav .nav-icon,
.admin-customer-care-shell .app-sidebar .app-nav .nav-group-icon{color:#d9e7f5}
.admin-customer-care-shell .app-sidebar .nav-section-label{color:#b8cce0;font-weight:900}
.admin-customer-care-shell .app-sidebar .org-chip b{color:#fff}
.admin-customer-care-shell .app-sidebar .org-chip span span{color:#c3d2e1}

/* Top command bar */
.app-topbar{color:#172640}
.searchbox.command-trigger{color:#334761;background:#fff;border-color:#ccd6e4}
.searchbox.command-trigger .search-placeholder{color:#4a5d76;font-size:11px;font-weight:650}
.searchbox.command-trigger .search-icon{color:#405674}
.searchbox.command-trigger .kbd{color:#53637a;border-color:#d3dae5;background:#f7f9fc;font-weight:750}
.app-topbar .icon-btn{color:#263a57;border-color:#d4dce8}
.app-topbar .app-language select{color:#1d2f4b;font-weight:750}
.app-topbar .top-user-meta b{color:#182943;font-weight:800}
.app-topbar .top-user-meta small{color:#5c6c82;font-weight:600}

/* Dark customer-care topbar */
.admin-customer-care-shell .app-topbar{color:#fff}
.admin-customer-care-shell .app-topbar .icon-btn{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.10)}
.admin-customer-care-shell .app-topbar .app-language select{color:#fff;background:#0b3a62;border-color:rgba(255,255,255,.2)}
.admin-customer-care-shell .app-topbar .top-user-meta b,
.admin-customer-care-shell .app-topbar .top-user-meta small{color:#fff}

/* Keyboard focus is visible on navigation and topbar controls. */
.app-nav a:focus-visible,.app-nav summary:focus-visible,.app-switch:focus-visible,.searchbox.command-trigger:focus-visible,.app-topbar a:focus-visible,.app-topbar button:focus-visible,.app-topbar select:focus-visible{outline:3px solid rgba(11,92,255,.35);outline-offset:2px}

/* ========================================================================== 
   HF5.38-DF21 — approved program navigation + AI voice + program i18n
   Visual reference: DESIGN-REFERENCES/program-navigation-ai-voice-approved-hf538-df21.png
   ========================================================================== */
.program-shell{--program-sidebar:252px;grid-template-columns:var(--program-sidebar) minmax(0,1fr)}
.program-shell .app-sidebar{background:linear-gradient(180deg,#07182b 0%,#09213b 58%,#071a30 100%);border-right:1px solid #173653;box-shadow:12px 0 34px rgba(7,24,43,.08);color:#eef6ff;padding:14px 12px 12px}
.program-shell .suite-signature{color:#fff;font-weight:900;border-bottom:1px solid rgba(180,205,230,.13);padding:1px 5px 13px}
.program-shell .suite-signature .suite-symbol{background:#fff;border-color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.program-shell .app-brand{background:linear-gradient(135deg,rgba(24,64,104,.86),rgba(13,42,72,.9));border:1px solid rgba(158,190,222,.13);border-radius:14px;padding:10px;margin-top:10px}
.program-shell .app-brand strong{color:#fff;font-weight:850;letter-spacing:-.01em}
.program-shell .app-brand>div>span{color:#adbed0;font-weight:600}
.program-shell .app-switch-wrap{margin:10px 0 8px}
.program-shell .app-switch-caption{color:#94abc2;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.program-shell .app-switch{color:#fff;background:#102c4a;border:1px solid #2d4c69;border-radius:10px;font-weight:800;min-height:40px}
.program-shell .app-switch-chevron{color:#bfd0e1}
.program-shell .app-nav{padding:5px 0 10px;scrollbar-color:#90a9c3 transparent}
.program-shell .app-nav>a,.program-shell .app-nav .nav-submenu>a,.program-shell .app-nav .nav-group>summary{border-radius:10px;min-height:38px;margin:2px 0;transition:background .16s ease,color .16s ease,transform .16s ease}
.program-shell .app-nav>.nav-root,.program-shell .app-nav .nav-group>summary{color:#dce8f5;font-size:12px;font-weight:780}
.program-shell .app-nav .nav-submenu a{color:#b9cbe0;font-size:11.5px;font-weight:680}
.program-shell .app-nav .nav-icon,.program-shell .app-nav .nav-group-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;color:#d6e5f4;background:rgba(218,235,250,.10);border:1px solid rgba(218,235,250,.07)}
.program-shell .app-nav .nav-group-count{background:rgba(228,239,250,.14);color:#e7f2fc;border:1px solid rgba(228,239,250,.08);font-weight:850}
.program-shell .app-nav .nav-group-chevron{color:#91abc4}
.program-shell .app-nav>a:hover,.program-shell .app-nav .nav-group>summary:hover,.program-shell .app-nav .nav-submenu>a:hover{color:#fff;background:rgba(255,255,255,.075)}
.program-shell .app-nav>.nav-root.active,.program-shell .app-nav .nav-submenu>a.active{color:#fff;background:linear-gradient(135deg,#0b5cff,#146cff);box-shadow:0 7px 20px rgba(11,92,255,.25)}
.program-shell .app-nav>.nav-root.active .nav-icon,.program-shell .app-nav .nav-submenu>a.active .nav-icon{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.18)}
.program-shell .app-nav .nav-group[open]>summary{color:#fff;background:rgba(255,255,255,.045)}
.program-shell .nav-section-label{color:#7897b6;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:15px 8px 5px}
.program-shell .sidebar-foot{border-top:1px solid rgba(190,215,238,.13);padding-top:9px}
.program-shell .org-chip{color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(190,215,238,.14);border-radius:11px}
.program-shell .org-chip b{color:#fff}.program-shell .org-chip span span{color:#afc2d5}
.program-shell .sidebar-collapse{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;margin:6px 0 8px;padding:7px 10px;border:1px solid #31516f;border-radius:10px;background:rgba(6,20,37,.35);color:#dbe8f5;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.program-shell .sidebar-collapse:hover{background:rgba(255,255,255,.075);color:#fff}
.program-shell .sidebar-collapse-icon{display:grid;place-items:center;width:21px}.program-shell .sidebar-collapse .nav-svg{width:16px;height:16px}
.program-shell .app-topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #dfe7f0;box-shadow:0 4px 17px rgba(28,52,79,.035)}
.program-shell .searchbox.command-trigger{max-width:620px;border-radius:11px;box-shadow:0 1px 2px rgba(12,36,64,.02)}
.program-shell .app-language select{min-width:56px;border-radius:9px;background:#f8fbff}
.program-shell .top-new{border-radius:9px;box-shadow:0 5px 14px rgba(11,92,255,.18)}

/* Explicit desktop collapse: preserve discoverability via titles and group popovers. */
.program-shell.sidebar-collapsed{--program-sidebar:72px}
.program-shell.sidebar-collapsed .app-sidebar{padding-left:8px;padding-right:8px;overflow:visible}
.program-shell.sidebar-collapsed .suite-signature>span:last-child,.program-shell.sidebar-collapsed .app-brand>div,.program-shell.sidebar-collapsed .app-switch-caption,.program-shell.sidebar-collapsed .app-switch,.program-shell.sidebar-collapsed .app-switch-chevron,.program-shell.sidebar-collapsed .nav-item-label,.program-shell.sidebar-collapsed .nav-group-label,.program-shell.sidebar-collapsed .nav-group-count,.program-shell.sidebar-collapsed .nav-group-chevron,.program-shell.sidebar-collapsed .nav-section-label,.program-shell.sidebar-collapsed .sidebar-collapse-label,.program-shell.sidebar-collapsed .org-chip>span:last-child{display:none!important}
.program-shell.sidebar-collapsed .suite-signature,.program-shell.sidebar-collapsed .app-brand,.program-shell.sidebar-collapsed .app-switch-wrap,.program-shell.sidebar-collapsed .app-nav>a,.program-shell.sidebar-collapsed .app-nav .nav-group>summary,.program-shell.sidebar-collapsed .org-chip,.program-shell.sidebar-collapsed .sidebar-collapse{justify-content:center}
.program-shell.sidebar-collapsed .app-brand{padding:8px}.program-shell.sidebar-collapsed .app-brand-product,.program-shell.sidebar-collapsed .tenant-logo{margin:0}
.program-shell.sidebar-collapsed .app-switch-wrap{height:6px;margin:2px 0;border:0}
.program-shell.sidebar-collapsed .app-nav .nav-group{position:relative;overflow:visible}
.program-shell.sidebar-collapsed .app-nav .nav-group[open]>.nav-submenu{display:block;position:absolute;z-index:80;left:56px;top:0;width:238px;padding:7px;background:#0b233d;border:1px solid #31516f;border-radius:12px;box-shadow:0 18px 45px rgba(5,20,35,.3)}
.program-shell.sidebar-collapsed .app-nav .nav-group[open]>.nav-submenu .nav-item-label{display:block!important}
.program-shell.sidebar-collapsed .sidebar-collapse-icon{transform:rotate(180deg)}

/* Tablet = deliberate icon rail, not a squeezed desktop sidebar. */
@media(min-width:861px) and (max-width:1180px){
  .program-shell{--program-sidebar:72px}
  .program-shell .app-sidebar{padding-left:8px;padding-right:8px;overflow:visible}
  .program-shell .suite-signature>span:last-child,.program-shell .app-brand>div,.program-shell .app-switch-caption,.program-shell .app-switch,.program-shell .app-switch-chevron,.program-shell .nav-item-label,.program-shell .nav-group-label,.program-shell .nav-group-count,.program-shell .nav-group-chevron,.program-shell .nav-section-label,.program-shell .sidebar-collapse,.program-shell .org-chip>span:last-child{display:none!important}
  .program-shell .suite-signature,.program-shell .app-brand,.program-shell .app-switch-wrap,.program-shell .app-nav>a,.program-shell .app-nav .nav-group>summary,.program-shell .org-chip{justify-content:center}
  .program-shell .app-brand{padding:8px}.program-shell .app-switch-wrap{height:5px;margin:2px 0}.program-shell .app-nav .nav-group{position:relative;overflow:visible}
  .program-shell .app-nav .nav-group[open]>.nav-submenu{display:block;position:absolute;z-index:90;left:56px;top:0;width:238px;padding:7px;background:#0b233d;border:1px solid #31516f;border-radius:12px;box-shadow:0 18px 45px rgba(5,20,35,.3)}
  .program-shell .app-nav .nav-group[open]>.nav-submenu .nav-item-label{display:block!important}
  .program-shell .searchbox.command-trigger{max-width:420px}
  .program-shell .top-user-meta,.program-shell .top-user-chevron{display:none}
}

/* Mobile remains a full readable drawer plus bottom navigation. */
@media(max-width:860px){
  .program-shell{display:block}
  .program-shell .app-sidebar{width:min(82vw,300px);padding:14px 12px;overflow-y:auto;overflow-x:hidden}
  .program-shell .sidebar-collapse{display:none}
  .program-shell .app-topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .program-shell .top-title{display:none}.program-shell .searchbox.command-trigger{min-width:0;flex:1}.program-shell .searchbox .kbd{display:none}
  .program-shell .top-new{display:none}.program-shell .top-user{display:none}
}

/* Voice input and explainable AI insights. */
.voice-input-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #cfd9e6;border-radius:10px;background:#fff;color:#244466;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.voice-input-button:hover{color:#0b5cff;border-color:#abc5ff;background:#f5f9ff}.voice-input-button .nav-svg{width:18px;height:18px}
.voice-input-button.compact{width:34px;height:34px;flex-basis:34px;border:0;background:#f3f7fc}
.voice-input-button.listening{color:#fff;background:#0b5cff;border-color:#0b5cff;box-shadow:0 0 0 5px rgba(11,92,255,.13);animation:voicePulse 1.25s ease-in-out infinite}
.voice-input-button.unsupported{opacity:.42;cursor:not-allowed}.ai-input{grid-template-columns:minmax(0,1fr) auto auto}.command-search .voice-input-button{margin-left:auto}.command-search kbd{margin-left:2px}
@keyframes voicePulse{50%{transform:scale(1.04);box-shadow:0 0 0 9px rgba(11,92,255,.06)}}
.ai-intelligence{margin-top:16px}.ai-insight-list{display:grid;gap:8px;margin-top:12px}.ai-insight{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #dce5ef;border-radius:11px;background:#fff;color:#18304c;text-decoration:none}.ai-insight:hover{border-color:#b8cbea;box-shadow:0 6px 18px rgba(30,62,98,.06)}.ai-insight-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4ff;color:#0b5cff}.ai-insight-mark .nav-svg{width:17px;height:17px}.ai-insight b,.ai-insight small{display:block}.ai-insight small{margin-top:3px;color:#697b90}.ai-insight i{font-style:normal;color:#0b5cff;font-weight:750;font-size:11px}.ai-insight-danger{border-left:3px solid #dc3545}.ai-insight-warn{border-left:3px solid #e7a318}.ai-insight-info{border-left:3px solid #0b5cff}
@media(max-width:620px){.ai-input{grid-template-columns:minmax(0,1fr) auto}.ai-input>.btn{grid-column:1/-1}.ai-insight{grid-template-columns:32px minmax(0,1fr)}.ai-insight i{grid-column:2}}

/* ========================================================================== 
   HF5.38-DF22 — Design 1 Pro + Dual Theme System
   Approved visual direction: one hierarchy, two complete appearances.
   Light = standard. Dark = full alternative. System = OS preference.
   Semantic colors remain stable: blue active, green success, amber attention,
   red critical/overdue, violet AI, gray secondary/inactive.
   ========================================================================== */
:root{
  --dt-bg:#f5f7fb;--dt-bg-soft:#f9fbff;--dt-surface:#ffffff;--dt-surface-2:#f7f9fd;
  --dt-surface-3:#eef3fa;--dt-border:#e1e7f0;--dt-border-strong:#d1dae7;
  --dt-text:#12203b;--dt-text-2:#31425d;--dt-muted:#708098;--dt-muted-2:#8b99ac;
  --dt-blue:#0b5cff;--dt-blue-soft:#eaf2ff;--dt-green:#10a968;--dt-green-soft:#e9f9f1;
  --dt-amber:#e89a17;--dt-amber-soft:#fff5df;--dt-red:#e34757;--dt-red-soft:#fff0f2;
  --dt-violet:#6b55f5;--dt-violet-soft:#f0edff;--dt-shadow:0 10px 30px rgba(26,45,78,.065);
  --dt-shadow-hover:0 16px 38px rgba(26,45,78,.10)
}
html[data-theme='dark']{
  --dt-bg:#071522;--dt-bg-soft:#0a1b2c;--dt-surface:#0d2135;--dt-surface-2:#10283f;
  --dt-surface-3:#15314b;--dt-border:#24425c;--dt-border-strong:#365671;
  --dt-text:#f2f7fc;--dt-text-2:#d7e5f2;--dt-muted:#9fb3c7;--dt-muted-2:#7f99b1;
  --dt-blue:#4f91ff;--dt-blue-soft:#102f57;--dt-green:#48d294;--dt-green-soft:#113d31;
  --dt-amber:#f2b84a;--dt-amber-soft:#493817;--dt-red:#ff6b78;--dt-red-soft:#4b2028;
  --dt-violet:#9b8cff;--dt-violet-soft:#29234f;--dt-shadow:0 12px 34px rgba(0,0,0,.22);
  --dt-shadow-hover:0 18px 44px rgba(0,0,0,.32)
}

/* Theme control */
.theme-control{display:inline-flex;align-items:center;min-width:0}.theme-control select{height:37px;min-width:78px;padding:0 26px 0 10px;border:1px solid var(--dt-border);border-radius:9px;background:var(--dt-surface);color:var(--dt-text-2);font:inherit;font-size:10px;font-weight:800;cursor:pointer;outline:none}.theme-control select:hover{border-color:var(--dt-border-strong)}.theme-control select:focus-visible{outline:3px solid rgba(11,92,255,.25);outline-offset:2px}.theme-control-injected{margin-right:2px}

/* Design 1 Pro light foundation */
body:has(.app-shell){background:var(--dt-bg);color:var(--dt-text)}
.app-shell,.app-main{background:var(--dt-bg)}
.app-main{background:linear-gradient(180deg,var(--dt-bg-soft) 0,var(--dt-bg) 240px,var(--dt-bg) 100%)}
.app-topbar{background:color-mix(in srgb,var(--dt-surface) 96%,transparent);border-bottom-color:var(--dt-border)}
.searchbox.command-trigger,.icon-btn,.app-language select,.theme-control select{background:var(--dt-surface);border-color:var(--dt-border);color:var(--dt-text-2)}
.searchbox.command-trigger{background:var(--dt-surface-2)}
.searchbox.command-trigger .search-placeholder,.searchbox .search-icon{color:var(--dt-muted)}
.searchbox .kbd{background:var(--dt-surface);border-color:var(--dt-border);color:var(--dt-muted)}
.top-user{border-left-color:var(--dt-border)}.top-user-meta b{color:var(--dt-text)}.top-user-meta small{color:var(--dt-muted)}
.app-page,.page-head h1,.page-head h2,.page-head h3{color:var(--dt-text)}.page-head p,.muted{color:var(--dt-muted)!important}

/* Common surfaces used by every program, operator view and 360° workspaces. */
.panel,.panel-body,.kpi,.experience-kpi,.experience-workspace,.experience-side,.experience-showcase,.experience-analytics,
.experience-module,.experience-activity,.experience-showcase-card,.experience-analytics-card,.experience-onboarding,
.field-card,.workspace360-list,.workspace360-row,.workspace360-event,.home-work-card,.home-focus-row,
.module-card,.marketing-card,.settings-card,.trade-offer-template,.suite-workflow-card,.product-guide,
.ai-result,.ai-insight,.ai-answer,.ai-hero>div,.ai-hero>aside,.record-card,.detail-card,.table-card,
.cc-card,.cc-panel,.project-support-card,.employee-card,.employee-panel,.command-card{
  background:var(--dt-surface);border-color:var(--dt-border);color:var(--dt-text);box-shadow:var(--dt-shadow)
}
.experience-module:hover,.experience-showcase-card:hover,.workspace360-row:hover,.home-focus-row:hover,.ai-result:hover,.ai-insight:hover{box-shadow:var(--dt-shadow-hover)}
.experience-module small,.experience-activity small,.experience-showcase-card small,.workspace360-row small,.workspace360-event small,
.ai-result span,.ai-insight small,.record-card small,.detail-card small,.table-card small{color:var(--dt-muted)}
.experience-section-head h2,.experience-side-head h2,.experience-module b,.experience-activity b,.experience-showcase-card b,
.workspace360-row b,.workspace360-event b,.ai-result b,.ai-insight b{color:var(--dt-text)}

/* Forms and data tables */
.app-shell input:not([type='checkbox']):not([type='radio']),.app-shell textarea,.app-shell select,
.command-card input,.modal input,.modal textarea,.modal select{background:var(--dt-surface);border-color:var(--dt-border);color:var(--dt-text)}
.app-shell input::placeholder,.app-shell textarea::placeholder,.command-card input::placeholder{color:var(--dt-muted-2)}
.table-wrap,.data-table-wrap,.smart-table{background:var(--dt-surface);border-color:var(--dt-border)}
.app-shell table{color:var(--dt-text)}.app-shell th{color:var(--dt-muted);background:var(--dt-surface-2);border-color:var(--dt-border)}.app-shell td{border-color:var(--dt-border)}.app-shell tbody tr:hover{background:var(--dt-surface-2)}
.row-title{color:var(--dt-text)}.row-sub{color:var(--dt-muted)}

/* Stable semantic colors across Light and Dark. */
.tag.blue{background:var(--dt-blue-soft);color:var(--dt-blue);border-color:color-mix(in srgb,var(--dt-blue) 28%,transparent)}
.tag.green{background:var(--dt-green-soft);color:var(--dt-green);border-color:color-mix(in srgb,var(--dt-green) 28%,transparent)}
.tag.amber{background:var(--dt-amber-soft);color:var(--dt-amber);border-color:color-mix(in srgb,var(--dt-amber) 28%,transparent)}
.tag.red{background:var(--dt-red-soft);color:var(--dt-red);border-color:color-mix(in srgb,var(--dt-red) 28%,transparent)}
.ai-orb,.experience-ai-orb,.gws-orb{background:radial-gradient(circle at 35% 30%,#b5adff 0,var(--dt-violet) 35%,#3a2cb2 100%);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--dt-violet) 13%,transparent),0 10px 28px color-mix(in srgb,var(--dt-violet) 28%,transparent)}
.experience-ai-card{background:linear-gradient(135deg,var(--dt-violet-soft),var(--dt-surface));border-color:color-mix(in srgb,var(--dt-violet) 24%,var(--dt-border))}

/* Dark mode: intentionally designed, never a simple inversion. */
html[data-theme='dark'] body:has(.app-shell){background:#071522;color:var(--dt-text)}
html[data-theme='dark'] .app-main{background:linear-gradient(180deg,#0a1c2e 0,#071522 260px,#071522 100%)}
html[data-theme='dark'] .app-topbar{background:rgba(8,25,42,.95);border-bottom-color:#203d58;box-shadow:0 5px 20px rgba(0,0,0,.16)}
html[data-theme='dark'] .searchbox.command-trigger{background:#0e253b;border-color:#284862;color:#cbdbea}
html[data-theme='dark'] .searchbox.command-trigger:hover{background:#122b44;border-color:#3b617f}
html[data-theme='dark'] .searchbox.command-trigger .search-placeholder,html[data-theme='dark'] .searchbox .search-icon{color:#9db2c6}
html[data-theme='dark'] .searchbox .kbd{background:#102941;border-color:#31536d;color:#b6c8d9}
html[data-theme='dark'] .icon-btn,html[data-theme='dark'] .app-language select,html[data-theme='dark'] .theme-control select{background:#0e253b;border-color:#284862;color:#dce9f5}
html[data-theme='dark'] .icon-btn:hover{background:#15324d;border-color:#3a607e}
html[data-theme='dark'] .top-user{border-left-color:#24425d}.top-user-meta b{color:var(--dt-text)}
html[data-theme='dark'] .app-page{color:#eef6fc}
html[data-theme='dark'] .page-head h1,html[data-theme='dark'] .page-head h2,html[data-theme='dark'] .page-head h3{color:#f5f9fd}
html[data-theme='dark'] .eyebrow{color:#75a7ff}
html[data-theme='dark'] .btn.secondary{background:#10283f;border-color:#2b4b66;color:#dbe8f4}
html[data-theme='dark'] .btn.secondary:hover{background:#17344f;border-color:#406482;color:#fff}
html[data-theme='dark'] .notice.info{background:#102b49;border-color:#28598a;color:#cfe5ff}
html[data-theme='dark'] .notice.success{background:#103a2c;border-color:#27795a;color:#c9f6df}
html[data-theme='dark'] .notice.warning,html[data-theme='dark'] .notice.warn{background:#453516;border-color:#7c6126;color:#f7dfaa}
html[data-theme='dark'] .notice.error,html[data-theme='dark'] .notice.danger{background:#472129;border-color:#7a3945;color:#ffd4da}
html[data-theme='dark'] .modal-card,html[data-theme='dark'] .modal-content{background:#0d2135;border-color:#284861;color:#eef6fc}
html[data-theme='dark'] .command-backdrop{background:rgba(0,8,18,.72)}
html[data-theme='dark'] .command-card{background:#0b2034;border-color:#2c4c67;box-shadow:0 28px 80px rgba(0,0,0,.48)}
html[data-theme='dark'] .command-search{border-bottom-color:#24435e}.command-hint{color:var(--dt-muted)}
html[data-theme='dark'] .command-quick a,html[data-theme='dark'] .command-result{color:#dbe8f4;border-color:#203d57;background:#0e273f}
html[data-theme='dark'] .command-quick a:hover,html[data-theme='dark'] .command-result:hover{background:#153550;border-color:#37617f}
html[data-theme='dark'] .voice-input-button{background:#0f2a44;border-color:#315572;color:#cfe0ef}
html[data-theme='dark'] .voice-input-button:hover{background:#173954;border-color:#4c7391;color:#fff}
html[data-theme='dark'] .field-offline-badge{background:#10283f;border-color:#274760;color:#a9bdd0}

/* Keep the approved dark navigation stable in both themes. */
.program-shell .app-sidebar{background:linear-gradient(180deg,#0a1f35 0,#081a2d 100%);border-right-color:#27445e}
html[data-theme='dark'] .program-shell .app-sidebar{background:linear-gradient(180deg,#061626 0,#071d31 100%);border-right-color:#26445e;box-shadow:8px 0 28px rgba(0,0,0,.20)}

/* Mobile Design 1 Pro: AI is the deliberate center shortcut. */
.app-mobile-nav .mobile-ai span{width:38px;height:38px;margin-top:-17px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#785fff,#0b5cff);color:#fff;box-shadow:0 7px 20px rgba(55,75,220,.30)}
.app-mobile-nav .mobile-ai b{color:var(--dt-violet)}
html[data-theme='dark'] .app-mobile-nav{background:#091d30;border-top-color:#284861;box-shadow:0 -10px 28px rgba(0,0,0,.22)}
html[data-theme='dark'] .app-mobile-nav a,html[data-theme='dark'] .app-mobile-nav button{color:#9fb4c8}
html[data-theme='dark'] .app-mobile-nav a.active{color:#6fa4ff}

/* Operator/customer-care and employee views inherit the same semantic theme. */
html[data-theme='dark'] .admin-customer-care-shell .app-main,html[data-theme='dark'] .employee-shell .app-main{background:#071522}
html[data-theme='dark'] .cc-workspace,html[data-theme='dark'] .cc-customer-rail,html[data-theme='dark'] .cc-right-rail,
html[data-theme='dark'] .employee-day-shell,html[data-theme='dark'] .employee-command-center{color:var(--dt-text)}

@media(max-width:980px){.theme-control.theme-control-compact select{min-width:58px;padding-left:7px;padding-right:20px;font-size:9px}}
@media(max-width:700px){.program-shell .theme-control{display:none}.app-mobile-nav{background:var(--dt-surface);border-top:1px solid var(--dt-border)}}

/* ========================================================================== 
   HF5.38-DF23 — Workspace Productivity
   Central inbox, role-aware personal favorites, safe command center and
   visible GewerkAI provenance. Stays inside approved Design 1 Pro dual theme.
   ========================================================================== */
.nav-favorites{margin:6px 8px 10px;padding:8px;border:1px solid rgba(138,174,205,.16);border-radius:12px;background:rgba(255,255,255,.035)}
.nav-favorites[hidden]{display:none}.nav-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 6px;color:#8da6bd;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.nav-favorites-head button{border:0;background:none;color:#9ec3ff;font:inherit;font-size:8px;cursor:pointer;text-transform:none;letter-spacing:0}.nav-favorite-links{display:grid;gap:3px}
.nav-favorite-links .nav-favorite{min-height:34px;padding:7px 8px;border-radius:8px;color:#dce8f4}.nav-favorite-links .nav-favorite:hover{background:rgba(75,143,255,.13);color:#fff}.nav-favorite-links .nav-favorite.active{background:#0b5cff;color:#fff}
.nav-favorite-links .nav-item-label{font-size:10px;font-weight:800}.nav-favorite-links .nav-icon{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08)}

.favorites-manager-backdrop{position:fixed;inset:0;z-index:720;background:rgba(6,15,28,.64);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.favorites-manager-card{width:min(680px,100%);max-height:min(760px,88vh);overflow:auto;background:var(--dt-surface);color:var(--dt-text);border:1px solid var(--dt-border);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.28);padding:20px}.favorites-manager-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.favorites-manager-head h2{margin:4px 0 3px}.favorites-manager-head p{margin:0;color:var(--dt-muted);font-size:12px}.favorites-manager-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.favorites-manager-option{display:grid;grid-template-columns:auto 28px 1fr;align-items:center;gap:8px;padding:11px;border:1px solid var(--dt-border);border-radius:11px;background:var(--dt-surface-2);cursor:pointer}.favorites-manager-option:has(input:checked){border-color:color-mix(in srgb,var(--dt-blue) 45%,var(--dt-border));background:var(--dt-blue-soft)}.favorites-manager-option input{accent-color:var(--dt-blue)}.favorites-manager-option svg{width:18px;height:18px;color:var(--dt-blue)}.favorites-manager-option b{font-size:12px}.favorites-manager-option:has(input:disabled){opacity:.55;cursor:not-allowed}.favorites-manager-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:14px;border-top:1px solid var(--dt-border)}.favorites-manager-actions [data-favorites-count]{margin-right:auto}

.central-inbox-page{max-width:1320px}.inbox-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.inbox-summary-grid article{display:grid;gap:4px;padding:16px 17px;background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:14px;box-shadow:var(--dt-shadow)}.inbox-summary-grid article span{font-size:10px;font-weight:850;color:var(--dt-muted);text-transform:uppercase;letter-spacing:.05em}.inbox-summary-grid article strong{font-size:25px;line-height:1;color:var(--dt-text)}.inbox-summary-grid article small{color:var(--dt-muted);font-size:10px}.central-inbox-panel{overflow:hidden}.central-inbox-filters{display:flex;gap:7px;padding:12px;border-bottom:1px solid var(--dt-border);overflow:auto}.inbox-filter{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--dt-border);border-radius:999px;background:var(--dt-surface-2);font-size:11px;font-weight:800;color:var(--dt-text-2);white-space:nowrap}.inbox-filter b{min-width:20px;padding:2px 5px;border-radius:999px;background:var(--dt-surface-3);text-align:center}.inbox-filter.active{background:var(--dt-blue);border-color:var(--dt-blue);color:#fff}.inbox-filter.active b{background:rgba(255,255,255,.18);color:#fff}.central-inbox-list{display:grid}.central-inbox-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--dt-border);color:var(--dt-text)}.central-inbox-row:last-child{border-bottom:0}.central-inbox-row:hover{background:var(--dt-surface-2)}.central-inbox-state{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.central-inbox-state svg{width:18px;height:18px}.central-inbox-state.blue{background:var(--dt-blue-soft);color:var(--dt-blue)}.central-inbox-state.amber{background:var(--dt-amber-soft);color:var(--dt-amber)}.central-inbox-state.red{background:var(--dt-red-soft);color:var(--dt-red)}.central-inbox-main{display:grid;gap:3px;min-width:0}.central-inbox-main b,.central-inbox-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.central-inbox-main b{font-size:12px}.central-inbox-main small{font-size:10px;color:var(--dt-muted)}.central-inbox-meta{display:flex;align-items:center;gap:7px;color:var(--dt-muted);font-size:9px}.central-inbox-meta .tag{font-size:8px}.central-inbox-open{color:var(--dt-blue);font-size:10px;font-weight:850}.central-inbox-explain{margin-top:14px}.inbox-empty{padding:54px 20px;text-align:center;color:var(--dt-muted)}.inbox-empty .empty-ill{width:52px;height:52px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;background:var(--dt-green-soft);color:var(--dt-green);font-size:22px}.inbox-empty h3{color:var(--dt-text);margin:0 0 5px}.inbox-empty p{margin:0}

.command-result{border:1px solid transparent}.command-result small{display:block;margin-top:3px}.command-result-ai{background:linear-gradient(90deg,var(--dt-violet-soft),var(--dt-surface));border-color:color-mix(in srgb,var(--dt-violet) 22%,var(--dt-border))}.command-result-ai b,.command-result-ai .command-result-arrow{color:var(--dt-violet)}.command-result-action{border-color:color-mix(in srgb,var(--dt-blue) 18%,var(--dt-border))}.command-result-arrow{font-weight:900;color:var(--dt-blue)}
.ai-source-chip{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--dt-violet-soft);color:var(--dt-violet)!important;font-size:8px!important;font-style:normal;font-weight:850}.ai-source-notice{border-left:3px solid var(--dt-violet)}
html[data-theme='dark'] .favorites-manager-card{background:#0b2034;border-color:#2c4c67}html[data-theme='dark'] .favorites-manager-option{background:#10283f;border-color:#284861}html[data-theme='dark'] .favorites-manager-option:has(input:checked){background:#102f57;border-color:#4f91ff}html[data-theme='dark'] .command-result-ai{background:linear-gradient(90deg,#28244d,#0e273f);border-color:#514a91}

@media(max-width:980px){.nav-favorites{display:none}.inbox-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.central-inbox-row{grid-template-columns:34px minmax(0,1fr)}.central-inbox-open{display:none}}
@media(max-width:700px){.favorites-manager-options{grid-template-columns:1fr}.favorites-manager-card{padding:16px;border-radius:16px}.inbox-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inbox-summary-grid article{padding:12px}.central-inbox-row{padding:12px 10px}.central-inbox-meta{flex-wrap:wrap}.central-inbox-main small{white-space:normal}.central-inbox-page .page-head .head-actions{width:100%}.central-inbox-page .page-head .head-actions .btn{width:100%;justify-content:center}}

/* ========================================================================== 
   HF5.38-DF24 — GewerkFlow Modules + GewerkMobil Auto Radar
   Approved Design 1 Pro dual-theme extension. No invented provider data.
   ========================================================================== */
.flow-module-home-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--dt-border);border-radius:16px;background:linear-gradient(135deg,var(--dt-blue-soft),var(--dt-surface));box-shadow:var(--dt-shadow)}
.flow-module-home-card h2{margin:3px 0 5px;color:var(--dt-text);font-size:19px}.flow-module-home-card p{margin:0;color:var(--dt-muted);font-size:11px;max-width:760px}
.flow-module-hub{max-width:1420px}.flow-module-total{min-width:230px;padding:14px 16px;border:1px solid var(--dt-border);border-radius:14px;background:var(--dt-surface);display:grid;gap:2px;box-shadow:var(--dt-shadow)}.flow-module-total small,.flow-module-total span{color:var(--dt-muted);font-size:10px}.flow-module-total strong{font-size:26px;color:var(--dt-text)}
.flow-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}.flow-module-card{display:flex;flex-direction:column;gap:9px;min-height:330px;padding:18px;border:1px solid var(--dt-border);border-radius:15px;background:var(--dt-surface);box-shadow:var(--dt-shadow)}.flow-module-card.active{border-color:color-mix(in srgb,var(--dt-green) 35%,var(--dt-border));background:linear-gradient(180deg,var(--dt-surface),color-mix(in srgb,var(--dt-green-soft) 32%,var(--dt-surface)))}.flow-module-top{display:flex;align-items:center;justify-content:space-between}.flow-module-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--dt-blue-soft);color:var(--dt-blue)}.flow-module-icon svg{width:21px;height:21px}.flow-module-card h3{margin:0;color:var(--dt-text);font-size:17px}.flow-module-card p{margin:0;color:var(--dt-muted);font-size:11px;line-height:1.55}.flow-module-card ul{margin:0;padding-left:18px;color:var(--dt-text-2);font-size:10px;line-height:1.7}.flow-module-price{display:grid;gap:2px;margin-top:auto;padding-top:10px;border-top:1px solid var(--dt-border)}.flow-module-price b{font-size:13px;color:var(--dt-text)}.flow-module-price small{font-size:9px;color:var(--dt-muted)}.flow-module-actions{padding-top:4px}.flow-module-note{margin-top:16px}.flow-public-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-public-module{scroll-margin-top:90px}.flow-product-module .product-icon-new{background:var(--dt-blue-soft);color:var(--dt-blue)}

.mobil-radar-page{max-width:1500px}.radar-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px;margin-bottom:14px;padding:22px;border:1px solid var(--dt-border);border-radius:18px;background:linear-gradient(135deg,#09254b 0,#0a3c73 46%,#0b5cff 120%);color:#fff;box-shadow:0 16px 36px rgba(7,40,85,.18)}.radar-hero h2{margin:7px 0 5px;font-size:25px;color:#fff}.radar-hero p{margin:0;color:#cfe1f4;font-size:11px}.radar-method{display:grid;align-content:center;gap:5px;padding:13px 15px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(4,18,39,.30)}.radar-method b{font-size:12px}.radar-method span{font-size:10px;color:#d7e7f6}
.radar-filter{margin-bottom:13px}.radar-filter-grid{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:9px}.radar-filter-grid label{display:grid;gap:5px;color:var(--dt-muted);font-size:9px;font-weight:800}.radar-filter-grid input,.radar-filter-grid select{width:100%;min-height:38px;border:1px solid var(--dt-border);border-radius:9px;background:var(--dt-surface-2);color:var(--dt-text);padding:8px 9px;font:inherit;font-size:10px}.radar-filter .form-actions{margin-top:12px}
.radar-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.radar-provider{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--dt-border);border-radius:12px;background:var(--dt-surface);box-shadow:var(--dt-shadow)}.radar-provider>div{display:grid;gap:3px;min-width:0}.radar-provider b{font-size:11px;color:var(--dt-text)}.radar-provider span{font-size:9px;color:var(--dt-muted);overflow:hidden;text-overflow:ellipsis}.radar-provider strong{font-size:21px;color:var(--dt-text)}.radar-provider small{font-size:8px;color:var(--dt-muted)}.radar-provider.ok{border-color:color-mix(in srgb,var(--dt-green) 28%,var(--dt-border))}.radar-provider.warn{border-color:color-mix(in srgb,var(--dt-amber) 32%,var(--dt-border))}.radar-provider.off{opacity:.82}
.radar-results-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:16px 0 9px}.radar-results-head h2{margin:3px 0 0;color:var(--dt-text)}.radar-results-head>small{color:var(--dt-muted);font-size:9px}.radar-car-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.radar-car-grid>.radar-empty{grid-column:1/-1}.radar-car-card{min-width:0;overflow:hidden;border:1px solid var(--dt-border);border-radius:14px;background:var(--dt-surface);box-shadow:var(--dt-shadow);transition:transform .15s ease,border-color .15s ease}.radar-car-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dt-blue) 36%,var(--dt-border))}.radar-car-image{position:relative;aspect-ratio:16/10;background:var(--dt-surface-3);overflow:hidden}.radar-car-image img{width:100%;height:100%;object-fit:cover;display:block}.radar-image-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:36px;color:var(--dt-muted);background:linear-gradient(145deg,var(--dt-surface-2),var(--dt-surface-3))}.radar-source,.radar-deal{position:absolute;top:8px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.18)}.radar-source{left:8px;background:rgba(255,255,255,.94);color:#10253a}.radar-deal{right:8px}.radar-deal.great{background:#c9f8de;color:#08623a}.radar-deal.good{background:#dcf8e9;color:#14744b}.radar-deal.fair{background:#fff1c9;color:#8b5a08}.radar-deal.high{background:#ffe0e4;color:#a62c3c}.radar-car-body{display:grid;gap:6px;padding:12px}.radar-car-body h3{margin:0;font-size:12px;color:var(--dt-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-car-body p{margin:0;min-height:28px;color:var(--dt-muted);font-size:9px;line-height:1.45}.radar-car-body>small{color:var(--dt-muted);font-size:8px}.radar-price{font-size:18px;color:var(--dt-text)}.radar-car-body .btn{margin-top:4px;justify-content:center}.radar-disclaimer{margin-top:14px}.mobil-provider-settings .radar-provider-grid{margin-top:14px;margin-bottom:12px}
html[data-theme='dark'] .radar-hero{background:linear-gradient(135deg,#061a35,#092d57 50%,#0b4fbf 125%)}html[data-theme='dark'] .radar-source{background:rgba(230,241,250,.94);color:#07192a}html[data-theme='dark'] .flow-module-home-card{background:linear-gradient(135deg,#0d2b50,#0b2034)}html[data-theme='dark'] .flow-module-card.active{background:linear-gradient(180deg,#0b2034,#0c2b29)}
@media(max-width:1250px){.flow-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.radar-car-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-public-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.flow-module-home-card{align-items:flex-start;flex-direction:column}.flow-module-grid{grid-template-columns:1fr}.flow-module-total{width:100%}.radar-hero{grid-template-columns:1fr}.radar-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-provider-grid{grid-template-columns:1fr}.radar-car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-public-module-grid{grid-template-columns:1fr}}
@media(max-width:540px){.radar-filter-grid{grid-template-columns:1fr 1fr}.radar-car-grid{grid-template-columns:1fr}.radar-results-head{align-items:flex-start;flex-direction:column}.radar-hero{padding:16px}.radar-hero h2{font-size:20px}}
/* HF5.38-DF24 — GewerkFlow modules + GewerkMobil automatic Auto Radar */
.flow-module-workspace{max-width:1380px}.flow-workspace-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid var(--dt-border);border-radius:16px;background:linear-gradient(135deg,var(--dt-blue-soft),var(--dt-surface));box-shadow:var(--dt-shadow);margin-bottom:16px}.flow-workspace-summary>div{display:flex;align-items:center;gap:15px}.flow-workspace-summary h2{margin:5px 0;color:var(--dt-text)}.flow-workspace-summary p{margin:0;color:var(--dt-muted);font-size:11px}.flow-workspace-summary>strong{white-space:nowrap;font-size:18px;color:var(--dt-text)}.flow-module-icon.large{width:54px;height:54px;border-radius:15px}.flow-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.flow-workspace-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--dt-border);border-radius:13px;background:var(--dt-surface);box-shadow:var(--dt-shadow);color:var(--dt-text);text-decoration:none}.flow-workspace-link:hover{border-color:color-mix(in srgb,var(--dt-blue) 38%,var(--dt-border));transform:translateY(-1px)}.flow-workspace-link span:nth-child(2){display:grid;gap:3px}.flow-workspace-link b{font-size:11px}.flow-workspace-link small{color:var(--dt-muted);font-size:9px;line-height:1.45}
.radar-filter-grid-v2{grid-template-columns:repeat(9,minmax(95px,1fr))}.radar-profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:12px;margin:0 0 14px}.radar-profile-list{display:grid;gap:7px;margin-top:11px}.radar-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--dt-border);border-radius:11px;background:var(--dt-surface-2);padding:9px 10px}.radar-profile.active{border-color:color-mix(in srgb,var(--dt-blue) 50%,var(--dt-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--dt-blue) 10%,transparent)}.radar-profile>a{display:grid;gap:2px;text-decoration:none;color:var(--dt-text);min-width:0}.radar-profile>a b{font-size:10px}.radar-profile>a span,.radar-profile>a small{color:var(--dt-muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radar-profile .icon-btn{width:28px;height:28px;border:1px solid var(--dt-border);border-radius:8px;background:var(--dt-surface);color:var(--dt-muted);cursor:pointer}.radar-profile .icon-btn:hover{color:var(--dt-red);border-color:color-mix(in srgb,var(--dt-red) 35%,var(--dt-border))}.radar-profile-save{display:grid;align-content:start;gap:8px}.radar-profile-save h3{margin:0;color:var(--dt-text)}.radar-profile-save .field{margin:5px 0}.radar-profile-save .field span{display:block;margin-bottom:5px;font-size:9px;font-weight:800;color:var(--dt-muted)}.radar-profile-save input{width:100%;min-height:38px;border:1px solid var(--dt-border);border-radius:9px;background:var(--dt-surface-2);color:var(--dt-text);padding:8px 9px}
html[data-theme='dark'] .flow-workspace-summary{background:linear-gradient(135deg,#0d2b50,#0b2034)}
@media(max-width:1300px){.radar-filter-grid-v2{grid-template-columns:repeat(5,minmax(105px,1fr))}.flow-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.flow-workspace-summary{align-items:flex-start;flex-direction:column}.flow-workspace-grid{grid-template-columns:1fr}.radar-profile-layout{grid-template-columns:1fr}.radar-filter-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.radar-filter-grid-v2{grid-template-columns:1fr 1fr}.flow-workspace-summary>div{align-items:flex-start}.flow-workspace-summary .flow-module-icon.large{flex:0 0 auto}}

/* HF5.38-DF27 — GewerkFlow Kalender, SMS/E-Mail und Kundenbestätigung */
.flow-calendar-page{--flow-cal-border:var(--border,#d9e4f2)}
.flow-calendar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}.flow-calendar-kpis .kpi{text-decoration:none;color:inherit}
.flow-calendar-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.flow-calendar-main{min-width:0;background:var(--surface,#fff);border:1px solid var(--flow-cal-border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm,0 8px 30px rgba(22,45,80,.06))}.flow-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--flow-cal-border);background:var(--surface,#fff)}.flow-calendar-toolbar>div:first-child{display:flex;gap:7px;align-items:center}.flow-calendar-toolbar .next svg{transform:rotate(180deg)}.flow-calendar-tabs{display:flex!important;gap:5px!important;padding:4px;background:var(--surface-soft,#f4f7fb);border-radius:10px}.flow-calendar-tabs a{padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--text-muted,#60708a);font-size:.86rem;font-weight:650}.flow-calendar-tabs a.active{background:var(--surface,#fff);color:var(--accent,#0b5cff);box-shadow:0 2px 7px rgba(20,42,74,.1)}
.flow-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));min-width:1050px}.flow-cal-day{border-right:1px solid var(--flow-cal-border);min-height:510px;background:var(--surface,#fff)}.flow-cal-day:last-child{border-right:0}.flow-cal-day>header{padding:11px 10px;border-bottom:1px solid var(--flow-cal-border);display:flex;justify-content:space-between;background:var(--surface-soft,#f7f9fc)}.flow-cal-day>header span{color:var(--text-muted,#66758c);font-size:.85rem}.flow-cal-day-list{padding:9px;display:grid;gap:8px;align-content:start}.flow-cal-empty{font-size:.82rem;color:var(--text-muted,#7c899e);padding:10px;border:1px dashed var(--flow-cal-border);border-radius:10px;text-align:center}
.flow-cal-card{display:grid;gap:4px;padding:10px;border-radius:11px;border:1px solid rgba(var(--accent-rgb,91,124,250),.2);background:rgba(var(--accent-rgb,91,124,250),.08);color:var(--text,#10213d);text-decoration:none;transition:.15s ease}.flow-cal-card:hover,.flow-cal-card.active{transform:translateY(-1px);border-color:var(--accent,#5b7cfa);box-shadow:0 8px 24px rgba(var(--accent-rgb,91,124,250),.14)}.flow-cal-card b{font-size:.86rem}.flow-cal-card span,.flow-cal-card small{font-size:.78rem;color:var(--text-muted,#66758c)}.flow-cal-card.status-confirmed{background:rgba(25,163,105,.09);border-color:rgba(25,163,105,.25)}.flow-cal-card.status-pending_confirmation,.flow-cal-card.status-requested{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.32)}.flow-cal-card.status-declined,.flow-cal-card.status-cancelled{background:rgba(220,38,60,.08);border-color:rgba(220,38,60,.24)}.flow-calendar-side{display:grid;gap:14px}.flow-appt-detail .tag{margin-bottom:12px}.flow-appt-detail dl{display:grid;gap:10px;margin:0}.flow-appt-detail dl div{padding-bottom:9px;border-bottom:1px solid var(--flow-cal-border)}.flow-appt-detail dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#6c7990)}.flow-appt-detail dd{margin:3px 0 0}.flow-appt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.flow-channel-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.flow-message-preview{padding:12px;background:var(--surface-soft,#f6f8fb);border:1px solid var(--flow-cal-border);border-radius:12px;margin-bottom:12px}.flow-message-preview p{font-size:.84rem;line-height:1.5;margin:7px 0 0;color:var(--text-muted,#64748b)}.flow-calendar-communication form{display:grid;gap:9px;margin-top:10px}.flow-calendar-channel-checks{display:flex;gap:14px;flex-wrap:wrap}.flow-calendar-channel-checks .checkline{display:flex;align-items:center;gap:7px}.flow-calendar-channel-checks small{font-weight:400;color:var(--text-muted,#64748b)}.flow-message-history{margin-top:16px}.flow-message-history h4{margin:0 0 8px}.flow-message-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--flow-cal-border)}.flow-message-row b,.flow-message-row small{display:block}.flow-message-row small{font-size:.77rem;color:var(--text-muted,#6a788e);margin-top:2px}.flow-ai-calendar{margin-top:16px;display:grid;grid-template-columns:minmax(230px,.75fr) 1.25fr;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(96,72,255,.08),rgba(11,92,255,.04))}.flow-ai-prompts{display:grid;gap:8px}.flow-ai-prompts a{padding:10px 12px;border:1px solid rgba(101,78,255,.22);background:var(--surface,#fff);border-radius:11px;text-decoration:none;color:inherit;font-weight:620}.flow-calendar-create{margin-top:16px}.flow-calendar-form .flow-calendar-channel-checks{padding:10px 0}.flow-calendar-form .form-actions{display:flex;justify-content:flex-end;gap:8px}
html[data-theme='dark'] .flow-calendar-main,html[data-theme='dark'] .flow-calendar-toolbar,html[data-theme='dark'] .flow-cal-day{background:var(--surface,#0f1d2e)}html[data-theme='dark'] .flow-cal-day>header,html[data-theme='dark'] .flow-calendar-tabs,html[data-theme='dark'] .flow-message-preview{background:var(--surface-soft,#14253a)}html[data-theme='dark'] .flow-cal-card{color:var(--text,#edf4ff)}html[data-theme='dark'] .flow-ai-prompts a{background:var(--surface,#0f1d2e)}
@media(max-width:1260px){.flow-calendar-shell{grid-template-columns:1fr}.flow-calendar-side{grid-template-columns:1fr 1fr}.flow-calendar-main{overflow:auto}}
@media(max-width:820px){.flow-calendar-kpis{grid-template-columns:1fr 1fr}.flow-calendar-side{grid-template-columns:1fr}.flow-calendar-toolbar{align-items:flex-start;flex-wrap:wrap}.flow-calendar-toolbar>b{order:-1;width:100%}.flow-ai-calendar{grid-template-columns:1fr}.flow-calendar-form{grid-template-columns:1fr 1fr}.flow-calendar-form .wide{grid-column:1/-1}}
@media(max-width:560px){.flow-calendar-kpis{grid-template-columns:1fr 1fr}.flow-calendar-week{display:grid;grid-template-columns:1fr;min-width:0}.flow-cal-day{min-height:0;border-right:0;border-bottom:1px solid var(--flow-cal-border)}.flow-cal-day-list{padding:8px}.flow-calendar-toolbar{position:sticky;left:0}.flow-calendar-tabs{width:100%;overflow:auto}.flow-calendar-tabs a{white-space:nowrap}.flow-calendar-form{grid-template-columns:1fr}.flow-calendar-form .wide{grid-column:auto}.flow-calendar-channel-checks{display:grid}.flow-calendar-form .form-actions{display:grid;grid-template-columns:1fr}.flow-calendar-form .form-actions .btn{width:100%}}

/* HF5.38-DF28 — GewerkLearn Azubi Onboarding, Prüfungsplattform & Jugendmodus */
.product-logo-learn{font-size:20px;background:linear-gradient(145deg,#246bfd,#7357ff);display:grid;place-items:center;color:#fff}.product-logo-learn-full{display:inline-flex!important;align-items:center;gap:10px;color:var(--ink);font-size:20px}.product-logo-learn-full b{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#246bfd,#7357ff);display:grid;place-items:center}.learn-public{--accent:#246bfd;--accent-rgb:36,107,253}.learn-hero{padding:64px 0 48px;background:radial-gradient(circle at 82% 10%,rgba(36,107,253,.18),transparent 28%),linear-gradient(180deg,#f7faff,#eef5ff)}.learn-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.learn-hero h1{font-size:clamp(50px,7vw,86px);line-height:.92;letter-spacing:-.065em;margin:14px 0 7px;color:#10245a}.learn-hero h2{font-size:clamp(25px,3vw,40px);margin:0 0 18px;letter-spacing:-.035em;color:#263b73}.learn-free-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#e9fff5;color:#058557;border:1px solid #c0f2dc;font-size:12px;font-weight:850;white-space:nowrap}.learn-free-badge .public-icon{width:15px;height:15px}.learn-primary{background:linear-gradient(135deg,#246bfd,#1250e8);box-shadow:0 10px 24px rgba(36,107,253,.22)}.learn-wide{width:100%}.learn-trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:#52627f;font-weight:700;font-size:13px}.learn-trust-row span{display:flex;align-items:center;gap:6px}.learn-trust-row .public-icon{width:16px;color:#0d9b69}.learn-hero-panel{background:linear-gradient(145deg,#0e1a3b,#152a5c);color:#fff;border-radius:26px;padding:28px;box-shadow:0 30px 70px rgba(15,35,85,.22);position:relative;overflow:hidden}.learn-hero-panel:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(65,123,255,.28);right:-70px;top:-80px;filter:blur(10px)}.learn-hero-cap{font-size:54px;position:relative;z-index:1}.learn-hero-panel h3{font-size:26px;position:relative;z-index:1}.learn-mini-progress{padding:14px;border-radius:14px;background:rgba(255,255,255,.09);display:grid;position:relative;z-index:1}.learn-mini-progress span{color:#b9c8ef;font-size:13px}.learn-mini-list{display:grid;gap:9px;margin-top:18px;color:#dfe8ff;position:relative;z-index:1}.learn-feature-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #dce6f7;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 35px rgba(24,65,130,.06)}.learn-feature-strip article{padding:20px 14px;text-align:center;border-right:1px solid #edf1f8;display:grid;justify-items:center;gap:6px}.learn-feature-strip article:last-child{border:0}.learn-feature-strip .public-icon{width:26px;height:26px;color:#246bfd}.learn-feature-strip b{font-size:13px}.learn-feature-strip span{font-size:11px;color:#75829a}.learn-trades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.learn-trade-card{min-height:150px;padding:18px;border-radius:18px;border:1px solid #dce5f3;background:#fff;display:flex;flex-direction:column;gap:6px}.learn-trade-visual{height:68px;border-radius:13px;background:linear-gradient(135deg,#eaf1ff,#dbe8ff);display:grid;place-items:center;margin-bottom:6px}.learn-trade-visual .public-icon{width:34px;height:34px;color:#246bfd}.learn-trade-card span{color:#75829a;font-size:12px}.center-actions{text-align:center;margin-top:24px}.learn-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.learn-checks{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.learn-checks li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8fff4;color:#0c9564;font-weight:900;margin-right:9px}.learn-ai-card{background:linear-gradient(145deg,#101c40,#182c63)!important;color:#fff!important}.learn-ai-card p{color:#becdf3}.learn-chat-samples{display:grid;gap:9px;margin:16px 0}.learn-chat-samples span,.learn-chat-samples a{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:13px}.learn-ai-card .eyebrow{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#dfe8ff}
.learn-auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f4f8ff}.learn-auth-story{padding:52px clamp(28px,6vw,86px);color:#fff;background:linear-gradient(135deg,rgba(7,22,58,.86),rgba(13,45,112,.78)),radial-gradient(circle at 20% 20%,#296df0,#0a1738);display:flex;flex-direction:column;position:relative}.learn-wordmark{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-.04em}.learn-wordmark>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#246bfd,#7357ff);display:grid;place-items:center;box-shadow:0 10px 25px rgba(31,94,238,.3)}.learn-auth-story>.learn-free-badge{position:absolute;right:38px;top:55px}.learn-auth-story-copy{margin:auto 0}.learn-auth-story h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.055em;line-height:1.02}.learn-auth-story .learn-checks li:before{background:#11aa78;color:#fff}.learn-auth-story blockquote{margin:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px;font-size:18px;font-weight:750}.learn-auth-form-wrap{display:grid;place-items:center;padding:40px}.learn-auth-card{width:min(520px,100%);background:#fff;border:1px solid #dfe6f1;border-radius:22px;padding:30px;box-shadow:0 22px 70px rgba(22,55,110,.12)}.learn-auth-card h2{font-size:28px;margin:12px 0 5px}.learn-auth-card>p{color:#65738c}.learn-form{display:grid;gap:13px;margin-top:20px}.learn-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#59667b}.learn-consent input{margin-top:3px}.learn-consent a{color:#1d5fe5;font-weight:700}.learn-auth-foot{text-align:center;margin:18px 0 8px;color:#65738c}.learn-auth-foot a{color:#1d5fe5;font-weight:800}.learn-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(42,110,255,.18),transparent 34%),linear-gradient(135deg,#0e1b3e,#071329);padding:34px}.learn-login-brand{text-align:center;color:#fff;margin-bottom:12px}.learn-login-brand .learn-wordmark{justify-content:center}.learn-login-brand h1{font-size:34px;margin:20px 0 3px}.learn-login-brand p{color:#b9c9e9}.learn-login-card{min-width:min(440px,100%)}
.learn-onboarding-page{min-height:100vh;background:linear-gradient(180deg,#f8fbff,#edf4ff);color:#14213d}.learn-onboarding-head{height:72px;background:#fff;border-bottom:1px solid #dfe8f5;padding:0 28px;display:flex;align-items:center;gap:18px}.learn-onboarding-head .learn-free-badge{margin-left:auto}.learn-onboarding-head>a:last-child{font-weight:700;color:#65738c}.learn-onboarding-wrap{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:28px 0 60px}.learn-stepper{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.learn-stepper span{display:flex;align-items:center;gap:8px;color:#8b97aa;font-weight:750;border-bottom:3px solid #dce5f2;padding:0 0 12px}.learn-stepper b{width:26px;height:26px;border-radius:50%;background:#dce5f2;display:grid;place-items:center}.learn-stepper span.active{color:#1e5bdd;border-color:#246bfd}.learn-stepper span.active b{background:#246bfd;color:#fff}.learn-onboarding-title h1{font-size:40px;margin:0 0 8px;letter-spacing:-.04em}.learn-onboarding-title p{color:#64738d;max-width:800px}.learn-catalog-search{display:flex;gap:8px;margin:20px 0 12px}.learn-catalog-search input{flex:1;min-height:48px;border:1px solid #ced9ea;border-radius:12px;background:#fff;padding:0 15px;color:var(--ink)}.learn-filter-row{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.learn-filter-pill{border:1px solid #d7e0ed;background:#fff;color:#4c5d76;border-radius:999px;padding:7px 11px;white-space:nowrap;font-size:12px;font-weight:750}.learn-filter-pill.active,.learn-filter-pill[data-active='1']{background:#246bfd;color:#fff;border-color:#246bfd}.learn-occupation-count{color:#7c899d;font-size:13px;margin:4px 0 12px}.occupation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.occupation-card{position:relative;text-align:left;border:1px solid #dbe4f1;background:#fff;border-radius:14px;padding:14px;min-height:126px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#14213d}.occupation-card:hover{border-color:#8db1ff;box-shadow:0 8px 22px rgba(36,107,253,.09)}button.occupation-card{width:100%;cursor:pointer}.occupation-card.selected{border:2px solid #17a36b;background:#f3fff9}.occupation-icon{width:38px;height:38px;border-radius:11px;background:#eef4ff;color:#246bfd;display:grid;place-items:center}.occupation-icon .public-icon{width:21px}.occupation-card b{font-size:12px;line-height:1.3}.occupation-card small{font-size:10px;color:#7a879a}.occupation-selected{display:none;position:absolute;right:9px;top:9px;width:22px;height:22px;border-radius:50%;background:#17a36b;color:#fff;place-items:center;font-weight:900}.occupation-card.selected .occupation-selected{display:grid}.learn-onboarding-details{margin-top:28px;background:#fff;border:1px solid #dbe4f1;border-radius:20px;padding:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.learn-onboarding-details .learn-wide{grid-column:2}.learn-onboarding-note,.learn-info-banner{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 15px;border-radius:12px;background:#edf5ff;border:1px solid #cfe0fb;color:#415574}.learn-onboarding-note .public-icon,.learn-info-banner .public-icon{width:20px;color:#246bfd}.learn-onboarding-note span{display:block;font-size:12px;margin-top:2px}
.learn-app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);background:#f4f7fb}.learn-sidebar{background:linear-gradient(180deg,#07142b,#0b1833);color:#dce6fb;padding:16px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.learn-side-brand{font-size:19px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.learn-side-brand>span{width:34px;height:34px;font-size:17px}.learn-side-brand em{margin-left:auto;font-style:normal;font-size:9px;padding:3px 6px;border-radius:999px;background:#10a66d;color:#fff}.learn-sidebar nav{display:grid;gap:3px;padding-top:14px}.learn-sidebar nav a,.learn-side-bottom a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:12px;color:#c9d5ee}.learn-sidebar nav a.active{background:#135fec;color:#fff}.learn-sidebar .public-icon{width:18px}.learn-side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.learn-main{min-width:0}.learn-topbar{height:68px;background:#fff;border-bottom:1px solid #e0e6ef;display:flex;align-items:center;padding:0 20px;gap:18px;position:sticky;top:0;z-index:25}.learn-top-search{max-width:650px;flex:1;display:flex;align-items:center;background:#f5f7fb;border:1px solid #e0e5ee;border-radius:11px;padding:0 11px}.learn-top-search input{border:0;background:transparent;outline:0;width:100%;height:38px;color:var(--ink)}.learn-top-search .public-icon{width:17px;color:#7a879a}.learn-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.learn-user-chip{display:flex;align-items:center;gap:7px}.learn-user-chip b{font-size:11px}.learn-notify{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ef3340;color:#fff;font-size:10px;font-weight:800}.learn-content{padding:24px;max-width:1600px;margin:0 auto}.learn-welcome,.learn-page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.learn-welcome h1,.learn-page-title h1{font-size:31px;letter-spacing:-.035em;margin:4px 0}.learn-welcome p,.learn-page-title p{margin:0;color:#6c7890}.learn-dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.05fr;gap:12px}.learn-panel{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:18px;box-shadow:0 6px 22px rgba(19,48,93,.045);color:#17243e}.learn-profile-card{display:grid;grid-template-columns:auto 1fr;gap:12px}.learn-profile-card>a{grid-column:2;color:#246bfd;font-size:11px;font-weight:800}.learn-profile-icon{width:56px;height:56px;border-radius:15px;background:#e8f0ff;display:grid;place-items:center;font-size:28px}.learn-profile-card h3{font-size:14px;margin:3px 0}.learn-profile-card span,.learn-profile-card small{font-size:10px;color:#758198}.learn-progress-card{display:flex;align-items:center;gap:15px}.learn-progress-ring,.learn-score-ring{--p:0;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#246bfd calc(var(--p)*1%),#e7eef8 0);position:relative;flex:0 0 auto}.learn-progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.learn-progress-ring span{position:relative;z-index:1;text-align:center}.learn-progress-ring b{display:block;font-size:20px}.learn-progress-ring small{font-size:9px;color:#7b8799}.learn-progress-card h3{margin:0 0 5px}.learn-progress-card p{font-size:11px;color:#748097;margin:3px 0}.learn-next-exam h3,.learn-week-plan h3{font-size:15px}.learn-next-exam p{font-size:11px;color:#748097}.learn-week-plan ul{padding:0;list-style:none;display:grid;gap:5px;font-size:10px;color:#607089}.learn-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.learn-stat-grid article{background:#fff;border:1px solid #dfe5ee;border-radius:13px;padding:13px}.learn-stat-grid b{display:block;font-size:21px;color:#173b86}.learn-stat-grid span{font-size:10px;color:#7b8799}.learn-two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;margin-bottom:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{margin:0;font-size:17px}.panel-head p{margin:3px 0;color:#79869a;font-size:11px}.panel-head>a{color:#246bfd;font-weight:800;font-size:11px}.learn-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.learn-topic-card,.learn-learning-card{border:1px solid #e1e7f0;border-radius:12px;padding:12px;background:#fbfcfe}.learn-topic-card{display:grid;gap:6px}.learn-topic-card b{font-size:11px}.learn-topic-card span{font-size:9px;color:#7a8799}.learn-bar{height:5px;border-radius:99px;background:#e7edf6;overflow:hidden}.learn-bar i{display:block;height:100%;background:linear-gradient(90deg,#246bfd,#19b783);border-radius:inherit}.learn-ai-panel{background:linear-gradient(145deg,#0d1b3d,#183064);color:#fff}.learn-ai-panel .eyebrow{color:#cddaff;border-color:rgba(255,255,255,.15)}.learn-ai-panel .learn-chat-samples a{color:#fff}.learn-ai-panel .btn.secondary{background:rgba(255,255,255,.96)}.learn-attempt-row{display:grid;grid-template-columns:100px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:11px}.learn-attempt-row span{color:#7d899c}.learn-attempt-row em{font-style:normal;font-weight:850;color:#246bfd}.learn-empty{padding:18px;border:1px dashed #d7e0ed;border-radius:12px;color:#7a8798;font-size:12px}.learn-learning-grid{grid-template-columns:repeat(4,1fr)}.learn-learning-card h3{font-size:13px}.learn-learning-card p{font-size:10px;color:#7a8799}.learn-learning-card .btn{margin-top:10px}.learn-quiz-builder{display:grid;grid-template-columns:1.2fr .7fr auto;gap:12px;align-items:end}.learn-exam-hero{background:linear-gradient(145deg,#f7faff,#edf3ff)}.learn-flashcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-flashcard{min-height:220px;background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:18px;display:flex;flex-direction:column}.learn-flashcard>span{font-size:10px;color:#246bfd;font-weight:800}.learn-flashcard h3{font-size:16px}.learn-flashcard>div{margin-top:auto;background:#f4f7fb;border-radius:11px;padding:11px}.learn-flashcard>div p{font-size:11px;color:#64728a}.learn-plan-week{display:grid}.learn-plan-day{display:grid;grid-template-columns:26px 90px 1fr 70px;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #edf0f5;font-size:12px}.learn-plan-day>span{font-size:18px}.learn-plan-day>span.done{color:#12a66d}.learn-plan-day em{font-style:normal;color:#758198;text-align:right}.learn-analysis-row{display:grid;grid-template-columns:180px 1fr 140px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:11px}.learn-knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-knowledge-card{background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:16px}.learn-knowledge-card h3{font-size:15px}.learn-knowledge-card p{font-size:11px;color:#738098}.learn-knowledge-card a{color:#246bfd;font-size:11px;font-weight:800}.learn-ai-workspace{background:linear-gradient(145deg,#0d1b3d,#183064);color:#fff}.learn-ai-orb{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#6648ff,#246bfd);display:grid;place-items:center;font-weight:900;box-shadow:0 8px 25px rgba(77,75,255,.35)}.learn-ai-workspace p{color:#c3d0ed}.learn-ai-input{display:flex;gap:7px}.learn-ai-input input{flex:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:10px}.learn-weak-item{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #edf0f5}.learn-weak-item b{font-size:10px;color:#246bfd}.learn-weak-item span{font-size:11px}.learn-source-note{margin-top:20px}
.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:12px 15px}.quiz-head>div:first-child{display:flex;gap:13px;align-items:center;font-weight:800}.quiz-head>div:first-child a{color:#246bfd;font-size:11px}.quiz-time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:900;color:#d92d20}.quiz-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:16px 0;font-size:11px;font-weight:800}.quiz-card{max-width:930px;margin:0 auto;background:#fff;border:1px solid #dce4ee;border-radius:20px;padding:28px;box-shadow:0 10px 35px rgba(20,45,85,.06)}.quiz-card h1{font-size:24px;line-height:1.35;margin:15px 0 22px}.quiz-options{display:grid;gap:10px}.quiz-option{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;border:1px solid #dbe3ef;border-radius:12px;padding:13px;cursor:pointer}.quiz-option:hover{border-color:#92b3ff;background:#f8fbff}.quiz-option:has(input:checked){border-color:#246bfd;background:#eef4ff;box-shadow:0 0 0 2px rgba(36,107,253,.1)}.quiz-option input{width:16px;height:16px}.quiz-letter{width:28px;height:28px;border-radius:50%;border:1px solid #cdd8e8;display:grid;place-items:center;font-weight:850;color:#52627d}.quiz-actions{display:flex;justify-content:flex-end;margin-top:20px}.center{text-align:center}.learn-result-hero{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fff;border:1px solid #dfe5ee;border-radius:20px;padding:25px;margin-bottom:14px}.learn-score-ring{--p:100;width:130px;height:130px;background:conic-gradient(#10a66d 78%,#e7eef8 0);text-align:center}.learn-score-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.learn-score-ring b,.learn-score-ring span{position:relative;z-index:1;display:block}.learn-score-ring b{font-size:28px;color:#108c61}.learn-score-ring span{font-size:9px;color:#748097;max-width:90px}.learn-result-hero h1{font-size:28px;margin:7px 0}.learn-result-hero p{color:#6f7b91}.learn-result-list{display:grid;gap:10px}.learn-result-item{background:#fff;border:1px solid #dfe5ee;border-left:4px solid #13a66f;border-radius:14px;padding:16px}.learn-result-item.bad{border-left-color:#e74b56}.learn-result-item header{display:flex;justify-content:space-between;gap:12px;font-size:11px}.learn-result-item.ok header b{color:#0e9965}.learn-result-item.bad header b{color:#d43b46}.learn-result-item header span{color:#7a8799}.learn-result-item h3{font-size:14px}.learn-result-item p{font-size:11px}.learn-explanation{background:#f5f8fc;border-radius:10px;padding:11px;font-size:11px;color:#52617a}
html[data-theme='dark'] .learn-public .section.alt,html[data-theme='dark'] .learn-auth-card,html[data-theme='dark'] .occupation-card,html[data-theme='dark'] .learn-onboarding-details,html[data-theme='dark'] .learn-feature-strip{background:#0f1d2e;color:#eef4ff}html[data-theme='dark'] .learn-onboarding-page{background:#071322;color:#eef4ff}html[data-theme='dark'] .learn-onboarding-head,html[data-theme='dark'] .learn-topbar{background:#0c192a;border-color:#24364d}html[data-theme='dark'] .learn-app-shell{background:#071322}html[data-theme='dark'] .learn-panel,html[data-theme='dark'] .learn-stat-grid article,html[data-theme='dark'] .learn-flashcard,html[data-theme='dark'] .learn-knowledge-card,html[data-theme='dark'] .quiz-head,html[data-theme='dark'] .quiz-card,html[data-theme='dark'] .learn-result-hero,html[data-theme='dark'] .learn-result-item{background:#0f1d2e;color:#edf4ff;border-color:#263a52}html[data-theme='dark'] .learn-topic-card,html[data-theme='dark'] .learn-learning-card{background:#122339;border-color:#2a405a}html[data-theme='dark'] .learn-progress-ring:before,html[data-theme='dark'] .learn-score-ring:before{background:#0f1d2e}html[data-theme='dark'] .learn-top-search{background:#122338;border-color:#263a52}html[data-theme='dark'] .learn-catalog-search input,html[data-theme='dark'] .learn-filter-pill{background:#0f1d2e;color:#eaf1ff;border-color:#2a405a}html[data-theme='dark'] .quiz-option{border-color:#2a405a}html[data-theme='dark'] .quiz-option:hover,html[data-theme='dark'] .quiz-option:has(input:checked){background:#142b4d}html[data-theme='dark'] .learn-explanation,html[data-theme='dark'] .learn-flashcard>div{background:#13253b;color:#c8d5e8}
@media(max-width:1280px){.occupation-grid{grid-template-columns:repeat(4,1fr)}.learn-dashboard-grid{grid-template-columns:1fr 1fr}.learn-feature-strip{grid-template-columns:repeat(3,1fr)}.learn-feature-strip article:nth-child(3){border-right:0}.learn-learning-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.learn-hero-grid,.learn-safety-grid{grid-template-columns:1fr}.learn-auth-page{grid-template-columns:1fr}.learn-auth-story{min-height:500px}.learn-app-shell{grid-template-columns:76px 1fr}.learn-sidebar{padding-inline:8px}.learn-side-brand b,.learn-side-brand em,.learn-sidebar nav span,.learn-side-bottom span{display:none}.learn-side-brand{justify-content:center}.learn-sidebar nav a,.learn-side-bottom a{justify-content:center}.learn-top-actions .learn-free-badge,.learn-user-chip b{display:none}.learn-two-col{grid-template-columns:1fr}.occupation-grid{grid-template-columns:repeat(3,1fr)}.learn-onboarding-details{grid-template-columns:1fr}.learn-onboarding-details .learn-wide{grid-column:auto}.learn-trades-grid{grid-template-columns:1fr 1fr}.learn-flashcards,.learn-knowledge-grid{grid-template-columns:1fr 1fr}.learn-learning-grid{grid-template-columns:1fr 1fr}.learn-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.learn-hero{padding-top:35px}.learn-hero h1{font-size:48px}.learn-feature-strip{grid-template-columns:1fr 1fr}.learn-feature-strip article{border-bottom:1px solid #edf1f8}.learn-trades-grid{grid-template-columns:1fr}.learn-auth-form-wrap{padding:20px}.learn-auth-story{padding:35px 24px}.learn-auth-story>.learn-free-badge{right:24px;top:38px}.learn-onboarding-wrap{width:min(100% - 24px,1280px)}.learn-onboarding-head{padding:0 12px}.learn-onboarding-head .learn-free-badge{display:none}.learn-stepper span{font-size:10px}.occupation-grid{grid-template-columns:1fr 1fr}.learn-content{padding:14px}.learn-topbar{padding:0 10px}.learn-dashboard-grid{grid-template-columns:1fr}.learn-stat-grid{grid-template-columns:1fr 1fr}.learn-welcome,.learn-page-title{align-items:flex-start;flex-direction:column}.learn-learning-grid,.learn-flashcards,.learn-knowledge-grid{grid-template-columns:1fr}.learn-quiz-builder{grid-template-columns:1fr}.learn-analysis-row{grid-template-columns:1fr}.learn-plan-day{grid-template-columns:24px 72px 1fr}.learn-plan-day em{grid-column:3}.quiz-head{align-items:flex-start;flex-wrap:wrap}.quiz-time{margin-left:0}.quiz-card{padding:18px}.learn-result-hero{grid-template-columns:1fr;text-align:center}.learn-score-ring{margin:auto}.learn-result-hero .hero-actions{justify-content:center}.learn-auth-card{padding:22px}}
.learn-tutor-answer{margin:12px 0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));line-height:1.55}.learn-tutor-answer p{margin:0 0 8px}.learn-tutor-answer small{color:var(--muted)}

/* HF5.38-DF45 — approved GewerkSuit public design system
   Approved visual reference: DESIGN-REFERENCES/gewerksuit-public-system-approved-hf538-df45.png */
:root{--df45-navy:#061b42;--df45-blue:#086cff;--df45-blue2:#1d7cff;--df45-orange:#ff6518;--df45-teal:#0da89a;--df45-green:#2db53c;--df45-ink:#071d45;--df45-muted:#5f6f88;--df45-line:#dce7f5;--df45-soft:#f4f8fd;--df45-card:#fff}
.df45-page{background:#fff;color:var(--df45-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.df45-page *{box-sizing:border-box}.df45-page a{text-decoration:none}.df45-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.df45-kicker{display:block;color:var(--df45-blue);font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}.df45-kicker.orange{color:var(--df45-orange)}.df45-kicker.teal{color:var(--df45-teal)}.df45-title{margin:0;color:var(--df45-ink);font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.055em;font-weight:900}.df45-title .accent{color:var(--df45-blue)}.df45-lead{margin:18px 0 0;max-width:680px;color:#273b5d;font-size:18px;line-height:1.55}.df45-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.df45-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:9px;background:var(--df45-blue);border:1px solid var(--df45-blue);color:#fff!important;font-weight:850;box-shadow:0 8px 18px rgba(8,108,255,.18)}.df45-btn.orange{background:var(--df45-orange);border-color:var(--df45-orange)}.df45-btn.secondary{background:#fff;border-color:#93a8c5;color:var(--df45-ink)!important;box-shadow:none}.df45-btn.dark{background:var(--df45-navy);border-color:var(--df45-navy)}.df45-checks{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none;color:#153055;font-weight:650}.df45-checks li{display:flex;gap:9px;align-items:flex-start}.df45-checks li:before{content:'✓';display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--df45-blue);color:#fff;font-size:11px;margin-top:2px}.df45-checks.green li:before{background:var(--df45-green)}
.df45-hero{position:relative;overflow:hidden;border-bottom:1px solid #e7eef8;background:linear-gradient(105deg,#fff 0%,#f4f8fd 52%,#eaf2fb 100%)}.df45-hero-grid{min-height:560px;display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch}.df45-hero-copy{padding:62px 38px 48px 0;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.df45-hero-media{position:relative;min-height:560px;overflow:hidden;background:#dce8f7}.df45-hero-media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f4f8fd 0%,rgba(244,248,253,.18) 20%,transparent 52%)}.df45-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.97) contrast(1.02)}.df45-hero-badge{position:absolute;z-index:3;right:24px;top:32%;max-width:205px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 40px rgba(5,31,70,.16);border-radius:16px;padding:15px 17px;color:#102a52}.df45-hero-badge b{display:block;font-size:16px}.df45-hero-badge span{display:block;font-size:12px;line-height:1.35;margin-top:2px;color:#52657e}.df45-hero-badge.bottom{top:auto;bottom:54px;right:28px}.df45-free{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border-radius:999px;background:#ecf9ef;color:#167a29;font-weight:850;font-size:12px;margin-top:18px}
.df45-feature-row{position:relative;z-index:4;margin-top:-34px;padding-bottom:24px}.df45-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.df45-feature-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.df45-feature-card{min-height:128px;background:#fff;border:1px solid #e0e9f4;border-radius:10px;padding:18px;box-shadow:0 12px 30px rgba(8,40,84,.07);color:var(--df45-ink)}.df45-feature-card .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5ff;color:var(--df45-blue);font-size:21px;margin-bottom:12px}.df45-feature-card:nth-child(2) .ico{color:#ec4899;background:#fff0f7}.df45-feature-card:nth-child(3) .ico{color:#ff9c1a;background:#fff6e7}.df45-feature-card:nth-child(4) .ico{color:#0aa26b;background:#ecfbf4}.df45-feature-card:nth-child(5) .ico{color:#6d4df2;background:#f3efff}.df45-feature-card b{display:block;font-size:15px;margin-bottom:5px}.df45-feature-card span{display:block;color:#60718b;font-size:12px;line-height:1.45}
.df45-section{padding:72px 0}.df45-section.soft{background:#f5f8fc}.df45-section.dark{background:#071a3b;color:#fff}.df45-section-head{max-width:770px;margin-bottom:28px}.df45-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.df45-section-head h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;line-height:1.05;margin:0 0 10px}.df45-section-head p{color:#65758d;font-size:17px;line-height:1.55;margin:0}.df45-section.dark .df45-section-head p{color:#c6d3e7}.df45-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.df45-product-card{background:#fff;border:1px solid #dfe8f3;border-radius:14px;padding:22px;box-shadow:0 12px 30px rgba(8,40,84,.06);color:var(--df45-ink)}.df45-product-card .ico{width:46px;height:46px;border-radius:12px;background:#eef5ff;color:var(--df45-blue);display:grid;place-items:center;font-size:24px}.df45-product-card h3{font-size:19px;margin:14px 0 6px}.df45-product-card p{margin:0;color:#62728a;line-height:1.5}.df45-product-card strong{display:block;color:var(--df45-blue);margin-top:14px;font-size:13px}
.df45-trust-strip{border-top:1px solid #e4ecf6;border-bottom:1px solid #e4ecf6;background:#f3f7fc}.df45-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.df45-trust-grid>div{padding:22px 28px;border-right:1px solid #dbe6f1;display:flex;gap:13px;align-items:center}.df45-trust-grid>div:last-child{border-right:0}.df45-trust-grid b{display:block;font-size:18px}.df45-trust-grid span{font-size:12px;color:#5f718a}.df45-trust-grid i{font-style:normal;font-size:24px;color:var(--df45-blue)}
.df45-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.df45-price-card{position:relative;background:#fff;border:1px solid #dfe7f2;border-radius:14px;padding:24px;box-shadow:0 12px 30px rgba(13,42,80,.06)}.df45-price-card.featured{background:#061a3e;color:#fff;border-color:#061a3e}.df45-price-card .price{font-size:34px;font-weight:950;letter-spacing:-.04em}.df45-price-card .price small{font-size:13px;font-weight:650;opacity:.7}.df45-price-card h3{margin:0 0 8px;font-size:20px}.df45-price-card p{color:#68788f}.df45-price-card.featured p{color:#c9d4e6}.df45-price-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.df45-price-card li:before{content:'✓';color:#34b84a;font-weight:900;margin-right:8px}.df45-price-tag{display:inline-flex;border-radius:999px;background:#e7f8ea;color:#14772a;padding:6px 9px;font-weight:850;font-size:11px;margin-bottom:14px}
.df45-auth{min-height:calc(100vh - 68px);background:#f3f7fc;padding:36px 0 60px}.df45-auth-grid{display:grid;grid-template-columns:.82fr 1.18fr;max-width:1050px;margin:auto;background:#fff;border:1px solid #dfe8f3;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px rgba(7,35,76,.11)}.df45-auth-story{position:relative;min-height:620px;padding:42px;background:linear-gradient(160deg,#071d45 0,#0b61d8 100%);color:#fff;overflow:hidden}.df45-auth-story.light{background:linear-gradient(160deg,#071d45 0,#173a78 100%)}.df45-auth-story img{position:absolute;inset:auto 0 0 auto;width:58%;height:55%;object-fit:cover;object-position:center top;opacity:.98;mask-image:linear-gradient(to top,#000 70%,transparent 100%)}.df45-auth-story h1{font-size:38px;line-height:1.03;letter-spacing:-.04em;margin:18px 0 15px;position:relative;z-index:2}.df45-auth-story p,.df45-auth-story ul{position:relative;z-index:2}.df45-auth-story ul{padding:0;list-style:none;display:grid;gap:10px}.df45-auth-story li:before{content:'✓';color:#63e56d;margin-right:8px;font-weight:900}.df45-auth-form{padding:36px 42px}.df45-auth-form h2{font-size:30px;letter-spacing:-.03em;margin:0 0 7px}.df45-auth-form>p{color:#64758c;margin:0 0 22px}.df45-form{display:grid;gap:14px}.df45-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.df45-field{display:grid;gap:6px}.df45-field label{font-size:12px;font-weight:850;color:#102a50}.df45-field input,.df45-field select,.df45-field textarea{width:100%;border:1px solid #cbd8e8;border-radius:9px;padding:12px 13px;background:#fff;color:#0b2248;font:inherit;outline:none}.df45-field input:focus,.df45-field select:focus,.df45-field textarea:focus{border-color:#6aa5ff;box-shadow:0 0 0 3px rgba(8,108,255,.1)}.df45-field textarea{min-height:100px;resize:vertical}.df45-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#50647e}.df45-consent input{margin-top:3px}.df45-form-note{font-size:12px;color:#68798f}.df45-form-section{border-top:1px solid #edf1f6;padding-top:16px;margin-top:4px}.df45-stepbar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.df45-stepbar span{padding:10px 8px;border-radius:8px;background:#eef3fa;text-align:center;font-size:12px;font-weight:850}.df45-stepbar span.active{background:var(--df45-blue);color:#fff}.df45-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.df45-checkbox{border:1px solid #dce6f1;border-radius:9px;padding:10px 11px;display:flex;gap:8px;align-items:center;font-size:13px}.df45-occupations{max-height:225px;overflow:auto;display:flex;gap:8px;flex-wrap:wrap;padding:7px;border:1px solid #e2eaf4;border-radius:10px}.df45-occupations .df45-checkbox{padding:7px 9px}
/* bring existing application shells into the approved GewerkSuit dashboard language without changing workflows */
body .app-shell{background:#f4f7fb}.app-sidebar{background:linear-gradient(180deg,#061c42,#07152f)!important}.app-topbar{background:#fff!important;border-bottom:1px solid #e1e8f1!important;box-shadow:0 2px 10px rgba(8,34,72,.04)!important}.app-content,.app-main{background:#f4f7fb}.panel,.card,.settings-card,.marketing-card{border-radius:12px}.app-nav>a.active,.nav-group summary.active{background:#086cff!important;color:#fff!important}.kpi-card,.stat-card{box-shadow:0 6px 18px rgba(8,40,84,.05)}
@media(max-width:1000px){.df45-hero-grid{grid-template-columns:1fr}.df45-hero-copy{padding:48px 0 24px}.df45-hero-media{min-height:420px;border-radius:18px 18px 0 0}.df45-feature-grid{grid-template-columns:repeat(2,1fr)}.df45-product-grid{grid-template-columns:repeat(2,1fr)}.df45-price-grid{grid-template-columns:1fr}.df45-auth-grid{grid-template-columns:1fr}.df45-auth-story{min-height:390px}.df45-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.df45-wrap{width:min(100% - 24px,1180px)}.df45-title{font-size:42px}.df45-hero-copy{padding-top:38px}.df45-hero-media{min-height:330px}.df45-hero-badge{right:12px;top:18px;max-width:180px}.df45-feature-row{margin-top:0;padding-top:12px}.df45-feature-grid,.df45-feature-grid.four,.df45-product-grid,.df45-form-grid,.df45-checkbox-grid,.df45-trust-grid{grid-template-columns:1fr}.df45-trust-grid>div{border-right:0;border-bottom:1px solid #dbe6f1}.df45-auth{padding:18px 0}.df45-auth-grid{border-radius:12px}.df45-auth-story{min-height:330px;padding:28px}.df45-auth-form{padding:26px 22px}.df45-stepbar{grid-template-columns:1fr 1fr}.df45-section{padding:54px 0}}
.df45-nav{height:68px;min-height:68px;background:#fff!important;border-bottom:1px solid #e5ecf5!important;box-shadow:0 4px 18px rgba(5,31,70,.035)!important}.df45-nav .inner{max-width:1220px;margin:auto;height:100%;padding:0 18px}.df45-nav .brand{font-size:20px;font-weight:900;color:#061b42!important;gap:9px}.df45-nav .brand small{display:none}.df45-nav .brandmark{width:30px;height:30px}.df45-nav .brandmark img{width:30px;height:30px}.df45-nav .site-links{gap:2px}.df45-nav .site-links a{font-size:12px;font-weight:750;color:#203653;padding:10px 8px;border-radius:6px}.df45-nav .site-links a:hover{color:#086cff;background:#f1f6ff}.df45-nav .site-actions{gap:8px}.df45-nav .btn{min-height:36px;padding:0 14px;border-radius:8px;font-size:12px}.df45-nav .nav-search{display:grid;place-items:center;width:34px;height:34px;color:#0b2348;font-size:24px;border-radius:8px}.df45-nav .nav-search:hover{background:#f1f6ff}.df45-nav .nav-start{background:#086cff!important;border-color:#086cff!important}.df45-nav .nav-auth{background:#fff!important;color:#0b2348!important;border-color:#aebed1!important}
@media(max-width:1080px){.df45-nav .site-links a:nth-child(7),.df45-nav .site-links a:nth-child(8){display:none}}@media(max-width:900px){.df45-nav .site-links{display:none}.df45-nav .nav-toggle{display:inline-grid}}

/* HF5.38-DF45 — approved GewerkFlow Shop design, part of GewerkSuit. */
.shop45-page{--shop-blue:#0872ff;--shop-navy:#071b3e;--shop-soft:#f4f8fd;background:#fff;color:#0b2248}.shop45-hero{background:linear-gradient(100deg,#eef6ff 0,#fff 46%,#e8f2fb 100%);border-bottom:1px solid #dce8f5}.shop45-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px}.shop45-copy{padding:42px 34px 34px 0;display:flex;flex-direction:column;justify-content:center}.shop45-copy h1{font-size:clamp(40px,4vw,62px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px}.shop45-copy h1 span{color:var(--shop-blue)}.shop45-copy>p{font-size:17px;line-height:1.55;color:#415a78;max-width:760px}.shop45-search{display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid #d5e2f1;padding:7px;border-radius:12px;margin:18px 0 14px;box-shadow:0 12px 30px rgba(8,44,90,.06)}.shop45-search input{border:0;outline:0;padding:0 14px;font:inherit;color:#0b2248;min-width:0}.shop45-benefits{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#254767}.shop45-benefits span{display:flex;align-items:center;gap:6px}.shop45-visual{position:relative;overflow:hidden;min-height:430px;background:#d9e9f8}.shop45-visual:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f5f9ff 0%,rgba(245,249,255,.08) 26%,transparent 55%)}.shop45-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.shop45-float{position:absolute;right:18px;z-index:3;width:205px;background:rgba(255,255,255,.95);border:1px solid #fff;box-shadow:0 14px 34px rgba(4,28,64,.14);border-radius:13px;padding:13px 15px}.shop45-float b,.shop45-float span{display:block}.shop45-float b{font-size:14px}.shop45-float span{font-size:11px;color:#58708e;margin-top:2px}.shop45-float.one{top:42px}.shop45-float.two{top:130px}.shop45-float.three{top:218px}
.shop45-category-band{padding:12px 0 18px;background:#fff}.shop45-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shop45-category{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;min-height:104px;background:#fff;border:1px solid #dce7f3;border-radius:11px;overflow:hidden;color:#0b2248;box-shadow:0 8px 22px rgba(8,40,84,.045)}.shop45-category img{width:90px;height:100%;object-fit:cover}.shop45-category span{padding:10px 0}.shop45-category b{display:block;font-size:14px}.shop45-category small{display:block;color:#687a91;font-size:10px;line-height:1.35;margin-top:3px}.shop45-category>strong{padding-right:12px;color:var(--shop-blue);font-size:22px}.shop45-sources{background:#f0f7ff;border-top:1px solid #deebf8;border-bottom:1px solid #deebf8;padding:28px 0}.shop45-source-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center}.shop45-source-wrap h2{font-size:30px;line-height:1.05;margin:7px 0 8px;letter-spacing:-.035em}.shop45-source-wrap p{color:#60748f;line-height:1.5}.shop45-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.shop45-source{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #dbe7f4;border-radius:10px;padding:13px;position:relative}.shop45-source .ico{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#edf5ff;color:#0872ff}.shop45-source b,.shop45-source small{display:block}.shop45-source small{color:#6d7f95;font-size:10px}.shop45-source-state{grid-column:1/-1;color:#7a5d12;background:#fff8dd;border-radius:999px;padding:5px 8px;font-size:10px;width:max-content}.shop45-flow{padding:46px 0}.shop45-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shop45-steps article{position:relative;border:1px solid #dfe8f3;border-radius:12px;padding:18px;background:#fff}.shop45-steps article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0872ff;color:#fff;font-weight:900;margin-bottom:10px}.shop45-steps b,.shop45-steps small{display:block}.shop45-steps small{color:#61748d;line-height:1.4;margin-top:5px}.shop45-products{background:#f7faff;padding:46px 0}.shop45-product-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.shop45-product-head h2{font-size:34px;letter-spacing:-.04em;margin:6px 0}.shop45-product-head p{margin:0;color:#657991}.shop45-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop45-product{background:#fff;border:1px solid #dfe8f2;border-radius:13px;overflow:hidden;box-shadow:0 10px 26px rgba(8,40,84,.05)}.shop45-product>img{width:100%;height:160px;object-fit:cover;background:#edf3f9}.shop45-product>div{padding:16px}.shop45-product h3{font-size:18px;margin:7px 0}.shop45-product p{font-size:12px;color:#61748c;line-height:1.5;min-height:54px}.shop45-demo{display:inline-flex;background:#eef5ff;color:#0b63d8;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.shop45-price{border-top:1px solid #edf1f6;padding-top:12px;margin:12px 0;display:grid;gap:3px}.shop45-price b{font-size:13px;color:#0a2a52}.shop45-price small{font-size:10px;color:#718198;line-height:1.4}.shop45-price.large{padding:15px;border:1px solid #dce8f5;background:#f6faff;border-radius:10px;margin:18px 0}.shop45-ecosystem{display:flex;justify-content:space-between;gap:30px;align-items:center}.shop45-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.shop45-detail-media{border-radius:18px;overflow:hidden;background:#eef4fa;min-height:440px}.shop45-detail-media img{width:100%;height:100%;min-height:440px;object-fit:cover}.shop45-detail h1{font-size:45px;letter-spacing:-.045em;margin:10px 0}.shop45-back{display:inline-flex;margin-bottom:14px;color:#0a63d7;font-weight:850;font-size:12px}.df45-btn.sm{padding:10px 13px;font-size:12px;min-height:auto}
@media(max-width:1050px){.shop45-hero-grid,.shop45-source-wrap,.shop45-detail{grid-template-columns:1fr}.shop45-copy{padding:38px 0 24px}.shop45-visual{min-height:360px}.shop45-category-grid{grid-template-columns:repeat(2,1fr)}.shop45-product-grid{grid-template-columns:repeat(2,1fr)}.shop45-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shop45-copy h1{font-size:39px}.shop45-search{grid-template-columns:1fr}.shop45-category-grid,.shop45-source-grid,.shop45-product-grid,.shop45-steps{grid-template-columns:1fr}.shop45-product-head,.shop45-ecosystem{align-items:flex-start;flex-direction:column}.shop45-float{right:10px;width:176px}.shop45-visual{min-height:330px}.shop45-detail h1{font-size:36px}.shop45-detail-media,.shop45-detail-media img{min-height:280px}}
.shop45-nav .shop45-brand{min-width:205px}.shop45-nav .shop45-brand>span:last-child{display:grid;line-height:1}.shop45-nav .shop45-brand b{color:#0872ff}.shop45-nav .shop45-brand small{display:block!important;font-size:9px;font-weight:700;color:#718198;margin-top:3px}.shop45-nav-link{font-size:12px;font-weight:800;color:#0b2348;padding:9px 8px;border-radius:7px}.shop45-nav-link:hover{background:#f1f6ff;color:#086cff}
@media(max-width:1080px){.df45-nav .site-links a:nth-child(9){display:none}.shop45-nav .site-links a:nth-child(5){display:none}}

/* HF5.38-DF46 — approved GewerkSuit public family + Shop V2 + GewerkGlas workflow */
.shop46-page,.glas46-page,.suite46-page{background:#f7fbff;color:#071d40}.shop46-trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.shop46-trade{display:flex;gap:10px;padding:14px;border:1px solid #dce8f5;background:#fff;border-radius:13px;box-shadow:0 8px 24px #0828540b;color:#0b2856}.shop46-trade span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#0872ff}.shop46-trade b,.shop46-trade small{display:block}.shop46-trade small{font-size:10px;color:#6c8098;margin-top:3px}.shop46-offers{display:grid;gap:9px;margin:16px 0}.shop46-offer{display:flex;justify-content:space-between;gap:14px;padding:13px;border:1px solid #dce8f5;border-radius:11px;background:#fff}.shop46-offer b,.shop46-offer small,.shop46-offer strong{display:block}.shop46-offer small{color:#6c8098}.shop46-add{display:flex;gap:8px;align-items:center}.shop46-add input,.shop46-cart-row input{width:72px;padding:10px;border:1px solid #cdd9e8;border-radius:9px}.shop46-cart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:24px}.shop46-cart-list,.shop46-order-list{display:grid;gap:10px}.shop46-cart-row{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #dce8f5;border-radius:12px;background:#fff}.shop46-cart-row img{width:76px;height:62px;object-fit:cover;border-radius:8px}.shop46-cart-row form{display:flex;gap:7px}.shop46-summary{padding:20px;border-radius:14px;background:#071d40;color:#fff}.shop46-summary .df45-btn{width:100%;margin-top:12px}.shop46-order{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid #dce8f5;border-radius:12px;background:#fff}.shop46-approve{display:grid;gap:12px;padding:16px;margin:18px 0;border:1px solid #b7d6ff;background:#f1f7ff;border-radius:12px}.df45-consent{display:flex;gap:8px;align-items:flex-start}
.glas46-hero{padding:44px 0;background:linear-gradient(115deg,#071c3a,#0b4178 60%,#0872ff);color:#fff}.glas46-hero .df45-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center}.glas46-hero h1{font-size:clamp(40px,5vw,62px);letter-spacing:-.05em;line-height:.98;margin:8px 0}.glas46-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.glas46-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glas46-create,.glas46-card,.glas46-panel{padding:18px;border:1px solid #dce8f5;border-radius:14px;background:#fff;box-shadow:0 9px 25px #0828540a}.glas46-card h3{margin:7px 0}.glas46-project-head{display:flex;justify-content:space-between;gap:18px}.glas46-price{padding:14px 18px;border-radius:12px;background:#071d40;color:#fff;text-align:right}.glas46-price span,.glas46-price b,.glas46-price small{display:block}.glas46-price b{font-size:26px}.glas46-steps{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:18px 0}.glas46-step{padding:8px;border:1px solid #dce8f5;border-radius:8px;background:#fff;text-align:center;font-size:10px;font-weight:800}.glas46-step.active{background:#0872ff;border-color:#0872ff;color:#fff}.glas46-detail-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:20px}.glas46-detail-grid>aside{display:grid;gap:12px}.glas46-media-grid{display:grid;gap:7px;margin-top:12px}.glas46-media,.glas46-source,.glas46-event{display:grid;gap:2px;padding:10px;border:1px solid #dce8f5;border-radius:9px;background:#f9fbfe}.glas46-media span,.glas46-source span,.glas46-event span{font-size:11px;color:#526c89}.glas46-source+.glas46-source,.glas46-event+.glas46-event{margin-top:7px}
.suite46-hero{padding:44px 0;background:linear-gradient(110deg,#edf6ff,#fff 55%,#eaf3ff)}.suite46-hero .df45-wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center}.suite46-hero h1{font-size:clamp(40px,5vw,60px);letter-spacing:-.05em;line-height:1;margin:8px 0}.suite46-account{padding:18px;border:1px solid #dce8f5;border-radius:14px;background:#fff;display:grid;gap:4px}.suite46-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.suite46-app{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:18px;border:1px solid #dce8f5;border-radius:14px;background:#fff}.suite46-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf5ff}.suite46-app .df45-btn,.suite46-app>.tag{grid-column:1/-1;width:max-content}.suite46-app.locked{opacity:.6}.suite46-security{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:22px;padding:20px;border:1px solid #dce8f5;border-radius:14px;background:#fff}
@media(max-width:1050px){.shop46-trade-grid{grid-template-columns:repeat(3,1fr)}.glas46-layout,.glas46-detail-grid,.glas46-hero .df45-wrap,.suite46-hero .df45-wrap,.suite46-security{grid-template-columns:1fr}.glas46-steps{grid-template-columns:repeat(5,1fr)}.suite46-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shop46-trade-grid,.suite46-grid{grid-template-columns:1fr}.shop46-cart-layout{grid-template-columns:1fr}.shop46-cart-row{grid-template-columns:62px 1fr}.shop46-cart-row form{grid-column:1/-1}.glas46-grid{grid-template-columns:1fr}.glas46-steps{grid-template-columns:repeat(3,1fr)}.glas46-project-head{flex-direction:column}.glas46-price{text-align:left}}

/* HF5.38-DF49 — approved GewerkLearn visual system + platform-wide mobile tap/navigation hardening.
   Visual contract approved by user: blue/white learning UI, deep-navy navigation, orange CTAs,
   real image cards, direct A/B/C/D questions and timer-first exam flow. */
:root{--learn49-navy:#062b50;--learn49-navy-deep:#041d38;--learn49-blue:#0b78e6;--learn49-blue2:#136fe7;--learn49-orange:#ff6417;--learn49-bg:#f3f7fc;--learn49-line:#dce6f2;--learn49-ink:#071f45;--learn49-muted:#667a95;--learn49-success:#11a36a;--learn49-danger:#ef4545}
.learn49-public-page{min-height:100vh;background:#fff;color:var(--learn49-ink)}
.learn49-public-nav{background:rgba(255,255,255,.97);border-bottom:1px solid #dce6f1;box-shadow:0 5px 22px rgba(9,42,80,.04)}
.learn49-public-nav .inner{max-width:1320px;height:68px}.learn49-public-nav .site-links{gap:20px}.learn49-public-nav .site-links a{font-size:12px;color:#17385e;font-weight:750}
.learn49-public-brand{display:flex;align-items:center;gap:9px;color:#082d5a;font-size:19px;letter-spacing:-.035em;white-space:nowrap}.learn49-public-brand img{width:35px;height:35px;object-fit:contain}.learn49-public-brand b{font-weight:900}
.learn49-public-login{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfdaea;border-radius:8px;color:#0a315e;font-weight:800;background:#fff}
.learn49-orange-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 19px;border:0;border-radius:8px;background:var(--learn49-orange);color:#fff!important;font-weight:900;box-shadow:0 10px 24px rgba(255,100,23,.18);cursor:pointer;font:inherit;text-decoration:none}.learn49-orange-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.learn49-orange-btn.learn49-full{width:100%}
.learn49-white-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;background:#fff;color:#0a315e;border:1px solid #cbd9e9;font-weight:850}
.learn49-orange-kicker{display:block;color:var(--learn49-orange);font-weight:900;letter-spacing:.11em;font-size:12px;margin-bottom:9px}
.learn49-public-hero{max-width:1320px;margin:0 auto;padding:14px 18px 0;display:grid;grid-template-columns:.98fr 1.02fr;min-height:520px}
.learn49-public-hero-copy{padding:64px 42px 44px 46px;background:linear-gradient(135deg,#06284c,#0b3d6f);color:#fff;border-radius:15px 0 0 15px;display:flex;flex-direction:column;justify-content:center}.learn49-public-hero-copy h1{font-size:clamp(46px,5.3vw,74px);line-height:.98;letter-spacing:-.055em;margin:0}.learn49-public-hero-copy h1 span{color:#fff}.learn49-public-hero-copy p{max-width:650px;color:#dceafb;font-size:17px;line-height:1.58;margin:19px 0 0}.learn49-public-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.learn49-public-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:28px;color:#d7e7fb;font-size:12px;font-weight:750}.learn49-public-proof span{display:flex;align-items:center;gap:8px}.learn49-public-proof .public-icon{width:19px;height:19px;color:#fff}
.learn49-public-hero-image{position:relative;overflow:hidden;border-radius:0 15px 15px 0;min-height:500px;background:#14395a}.learn49-public-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,40,76,.28),transparent 35%)}.learn49-public-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.learn49-public-float{position:absolute;z-index:2;right:24px;bottom:30px;width:210px;border-radius:14px;background:rgba(7,55,105,.94);border:1px solid rgba(255,255,255,.2);padding:16px;color:#fff;box-shadow:0 18px 40px rgba(0,25,55,.25)}.learn49-public-float small,.learn49-public-float b,.learn49-public-float a{display:block}.learn49-public-float small{font-size:9px;color:#a9c9ed;font-weight:900;letter-spacing:.08em}.learn49-public-float b{font-size:19px;margin:5px 0 10px}.learn49-public-float a{color:#fff;font-size:12px;font-weight:850}
.learn49-public-section{max-width:1260px;margin:0 auto;padding:62px 28px}.learn49-public-soft{max-width:none;background:#f4f8fd;padding-left:max(28px,calc((100vw - 1204px)/2));padding-right:max(28px,calc((100vw - 1204px)/2))}.learn49-public-heading{text-align:center;max-width:780px;margin:0 auto 30px}.learn49-public-heading.left{text-align:left;margin-left:0}.learn49-public-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.04;letter-spacing:-.045em;margin:9px 0}.learn49-public-heading p{color:var(--learn49-muted);font-size:16px;line-height:1.55}.learn49-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learn49-domain-grid>a,.learn49-domain-grid>article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:112px;padding:18px;border:1px solid var(--learn49-line);border-radius:13px;background:#fff;color:var(--learn49-ink);box-shadow:0 7px 24px rgba(10,47,87,.04)}.learn49-domain-grid>a.active{border-color:#8ebcf2;background:#f6fbff}.learn49-domain-grid>*>span{width:46px;height:46px;border-radius:12px;background:#eaf4ff;color:var(--learn49-blue);display:grid;place-items:center}.learn49-domain-grid .public-icon{width:24px}.learn49-domain-grid b,.learn49-domain-grid small{display:block}.learn49-domain-grid b{font-size:17px}.learn49-domain-grid small{color:#71849b;margin-top:4px;line-height:1.4}.learn49-domain-grid strong{font-size:12px;color:var(--learn49-blue)}.learn49-domain-grid em{font-size:11px;color:#8997aa;font-style:normal}
.learn49-public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learn49-public-feature-grid article{background:#fff;border:1px solid var(--learn49-line);border-radius:13px;overflow:hidden;padding:19px;min-height:205px;box-shadow:0 8px 28px rgba(10,47,87,.045)}.learn49-public-feature-grid article>img{width:calc(100% + 38px);height:145px;object-fit:cover;margin:-19px -19px 15px}.learn49-public-feature-grid article>span{width:42px;height:42px;border-radius:11px;background:#eaf4ff;color:var(--learn49-blue);display:grid;place-items:center}.learn49-public-feature-grid .public-icon{width:22px}.learn49-public-feature-grid h3{font-size:18px;margin:12px 0 7px}.learn49-public-feature-grid p{font-size:13px;color:#6a7d94;line-height:1.55;margin:0}
.learn49-rescue-hero{position:relative;max-width:1320px;min-height:520px;margin:14px auto 0;border-radius:15px;overflow:hidden;background:#082d50}.learn49-rescue-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.learn49-rescue-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,56,.94) 0%,rgba(4,39,72,.76) 42%,rgba(4,39,72,.12) 72%,rgba(4,39,72,.04))}.learn49-rescue-copy{position:relative;z-index:2;color:#fff;width:min(620px,58%);padding:70px 0 58px 54px}.learn49-rescue-copy h1{font-size:clamp(46px,6vw,78px);line-height:.94;letter-spacing:-.055em;margin:0}.learn49-rescue-copy h2{font-size:24px;margin:9px 0 15px}.learn49-rescue-copy p{color:#e2eefb;line-height:1.6;font-size:16px}.learn49-rescue-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:25px}.learn49-rescue-proof span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:760;color:#e6f0fb}.learn49-rescue-proof .public-icon{width:18px}.learn49-training-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.learn49-training-card{min-height:128px;border:1px solid var(--learn49-line);border-radius:12px;background:#f8fbff;color:var(--learn49-ink);padding:15px;display:grid;grid-template-columns:auto 1fr;gap:10px;position:relative}.learn49-training-card>span{width:38px;height:38px;border-radius:10px;background:#e8f3ff;color:var(--learn49-blue);display:grid;place-items:center}.learn49-training-card .public-icon{width:21px}.learn49-training-card b,.learn49-training-card small{display:block}.learn49-training-card b{font-size:12px}.learn49-training-card small{font-size:10px;color:#6d8198;line-height:1.45;margin-top:4px}.learn49-training-card strong{position:absolute;right:12px;bottom:9px;color:var(--learn49-orange)}

/* application shell */
.learn49-shell{background:var(--learn49-bg);grid-template-columns:232px minmax(0,1fr)}.learn49-shell .learn-sidebar{z-index:70;width:auto;background:linear-gradient(180deg,var(--learn49-navy),var(--learn49-navy-deep));padding:14px 11px}.learn49-shell .learn-side-brand{min-height:54px;gap:9px;color:#fff;font-size:17px;border-bottom:0;margin-bottom:5px}.learn49-shell .learn-side-brand>span{width:34px;height:34px;background:#fff;border-radius:8px;box-shadow:none}.learn49-shell .learn-side-brand img{width:27px;height:27px;object-fit:contain}.learn49-shell .learn-side-brand b{display:grid;line-height:1}.learn49-shell .learn-side-brand small{color:#9ec0df;font-size:8px;margin-top:5px;text-transform:uppercase;letter-spacing:.06em}.learn49-shell .learn-sidebar nav{gap:4px}.learn49-shell .learn-sidebar nav a,.learn49-shell .learn-side-bottom a{min-height:43px;border-radius:7px;color:#d1e2f4;padding:0 11px;font-size:11px;font-weight:760}.learn49-shell .learn-sidebar nav a:hover,.learn49-shell .learn-side-bottom a:hover{background:rgba(255,255,255,.08);color:#fff}.learn49-shell .learn-sidebar nav a.active{background:#0b7fe7;color:#fff;box-shadow:inset 3px 0 0 #6dc2ff}.learn49-shell .learn-sidebar .public-icon{width:17px;height:17px}.learn49-shell .learn-side-bottom{padding-top:10px}.learn49-shell .learn-topbar{height:64px;padding:0 18px;background:#fff;border-color:#dce5f0}.learn-mobile-menu{display:none;width:46px;height:46px;border:0;border-radius:10px;background:#edf5ff;color:#0c579a;place-items:center;cursor:pointer}.learn-mobile-menu .public-icon{width:23px;height:23px}.learn49-shell .learn-top-search{max-width:560px;height:39px;border-radius:8px;background:#f4f8fc;border-color:#e0e8f2}.learn49-shell .learn-top-search input{height:37px;font-size:12px}.learn-top-icon{width:38px;height:38px;border:1px solid #e0e8f2;border-radius:9px;display:grid;place-items:center;color:#1b4d7c}.learn-top-icon .public-icon{width:18px}.learn49-shell .learn-user-chip .avatar{border-radius:50%;width:33px;height:33px}.learn49-shell .learn-content{max-width:1450px;padding:24px 28px 42px}.learn-nav-backdrop{display:none;border:0;background:rgba(3,18,35,.48);position:fixed;inset:0;z-index:65}.learn-mobile-nav{display:none}
.learn49-card{background:#fff;border:1px solid var(--learn49-line);border-radius:12px;padding:18px;box-shadow:0 7px 24px rgba(9,46,85,.04)}.learn49-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.learn49-user-intro{display:flex;align-items:center;gap:12px}.learn49-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:#0a62b7;font-weight:900}.learn49-welcome h1{font-size:24px;letter-spacing:-.035em;margin:0 0 4px}.learn49-welcome p{margin:0;color:#718197;font-size:12px}.learn49-outline-link{border:1px solid #cbd9e8;border-radius:8px;padding:9px 12px;color:#0c5eb0;font-size:11px;font-weight:800;background:#fff}.learn49-dashboard-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);gap:12px}.learn49-card-head{display:flex;align-items:center;justify-content:space-between}.learn49-card-head h2,.learn49-today h2{font-size:17px;margin:0}.learn49-card-head strong{font-size:22px;color:#0b5fac}.learn49-progress-track{height:9px;background:#e2ebf5;border-radius:99px;overflow:hidden;margin:18px 0}.learn49-progress-track i{display:block;height:100%;background:#0b7fe7;border-radius:inherit}.learn49-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.learn49-metric-grid>div{padding:11px;border:1px solid #e2e9f2;border-radius:8px;background:#fbfdff}.learn49-metric-grid small,.learn49-metric-grid span{display:block;color:#7a8b9e;font-size:9px}.learn49-metric-grid b{font-size:18px;color:#123f6d}.learn49-today ul{list-style:none;padding:0;margin:11px 0 15px;display:grid;gap:7px;color:#526e8c;font-size:11px}.learn49-today li:before{content:'▣';color:#0b7fe7;margin-right:7px}.learn49-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:22px 0 12px}.learn49-section-title h2{font-size:18px;margin:0}.learn49-section-title p{font-size:11px;color:#78899d;margin:3px 0 0}.learn49-section-title>a{font-size:11px;color:#0b66c1;font-weight:800}.learn49-topic-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.learn49-topic-mini{min-height:98px;padding:11px;border:1px solid var(--learn49-line);border-radius:9px;background:#fff;color:var(--learn49-ink);display:grid;gap:7px}.learn49-topic-mini b{font-size:10px}.learn49-topic-mini span{font-size:11px;font-weight:850;color:#0a65b8}.learn49-focus-card{grid-column:span 2;border:1px solid #f6d8b9;background:#fff8ee;border-radius:10px;padding:13px;display:grid;align-content:start}.learn49-focus-card>span{color:var(--learn49-orange);width:27px}.learn49-focus-card small{color:#dc6d1a;font-size:9px;font-weight:850}.learn49-focus-card h3{font-size:16px;margin:5px 0}.learn49-focus-card p{font-size:10px;color:#6f7e8d;margin:0 0 7px}.learn49-focus-card a{font-size:10px;color:#e85d0b;font-weight:900}.learn49-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.learn49-quick-grid>a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--learn49-line);border-radius:10px;background:#fff;color:var(--learn49-ink)}.learn49-quick-grid>a>span{width:38px;height:38px;border-radius:9px;background:#eaf4ff;color:#0b75da;display:grid;place-items:center}.learn49-quick-grid .public-icon{width:20px}.learn49-quick-grid b,.learn49-quick-grid small{display:block}.learn49-quick-grid b{font-size:12px}.learn49-quick-grid small{font-size:9px;color:#7a899a;margin-top:2px}.learn49-recent{margin-top:10px}.learn49-page-title{margin-bottom:18px}.learn49-page-title h1{font-size:25px}.learn49-page-title p{font-size:12px}
.learn49-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.learn49-learning-card{display:grid;grid-template-columns:1fr auto;border:1px solid var(--learn49-line);border-radius:11px;overflow:hidden;background:#fff;color:var(--learn49-ink);min-height:214px;box-shadow:0 5px 18px rgba(8,43,82,.035)}.learn49-learning-card>img{grid-column:1/-1;width:100%;height:120px;object-fit:cover;background:#dce7f2}.learn49-learning-card>div{padding:11px}.learn49-learning-card h3{font-size:13px;margin:0 0 3px}.learn49-learning-card p{font-size:9.5px;line-height:1.4;color:#718196;margin:0}.learn49-learning-card>strong{padding:12px;color:#0c64ba;align-self:end}.learn49-card-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:10px}.learn49-card-progress span{font-size:9px;font-weight:850;color:#0b64b6}.learn49-back{display:inline-flex;margin-bottom:12px;color:#0b65b9;font-size:11px;font-weight:850}.learn49-topic-hero{display:grid;grid-template-columns:minmax(300px,.78fr) 1.22fr;gap:0;background:#fff;border:1px solid var(--learn49-line);border-radius:13px;overflow:hidden;margin-bottom:13px}.learn49-topic-hero>img{width:100%;height:100%;min-height:290px;object-fit:cover}.learn49-topic-hero>div{padding:34px}.learn49-topic-hero h1{font-size:34px;margin:8px 0}.learn49-topic-hero p{color:#697d94;line-height:1.55}.learn49-topic-progress{margin:20px 0;display:grid;gap:8px}.learn49-topic-progress span{font-size:10px;color:#72869c}.learn49-lessons{display:grid}.learn49-lesson-row{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #edf2f7}.learn49-lesson-row:last-child{border-bottom:0}.learn49-lesson-row>span{width:33px;height:33px;border-radius:9px;background:#eaf4ff;color:#0c69c3;display:grid;place-items:center;font-size:10px;font-weight:900}.learn49-lesson-row b{font-size:12px}.learn49-lesson-row p{font-size:11px;line-height:1.5;color:#687d94;margin:4px 0 0}
.learn49-exam-start{position:relative;min-height:530px;border-radius:13px;overflow:hidden;background:#0b355f;margin-bottom:13px}.learn49-exam-start>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.learn49-exam-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,55,.9) 0%,rgba(4,38,70,.58) 42%,rgba(4,38,70,.16) 70%)}.learn49-exam-title{position:absolute;z-index:2;left:34px;top:38px;color:#fff;max-width:430px}.learn49-exam-title .eyebrow{color:#b9d8fa;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1)}.learn49-exam-title h1{font-size:36px;margin:10px 0 6px}.learn49-exam-title p{color:#d9e8f8}.learn49-exam-card{position:absolute;z-index:3;right:34px;top:50%;transform:translateY(-50%);width:min(390px,calc(100% - 68px));padding:24px;background:#fff;border-radius:13px;box-shadow:0 22px 50px rgba(0,22,48,.32)}.learn49-exam-card h2{font-size:23px;margin:9px 0 3px}.learn49-exam-card>p{color:#6c7d92;font-size:12px}.learn49-exam-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:11px}.learn49-exam-card li{display:flex;align-items:center;gap:9px;color:#34516f;font-size:12px}.learn49-exam-card .public-icon{width:18px;color:#0b72d5}.learn49-exam-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf4ff;color:#0b68c4;font-size:9px;font-weight:900}.learn49-timer-note{display:grid;gap:3px;padding:11px;border:1px solid #ffd8c2;background:#fff6f0;border-radius:9px;margin-bottom:14px}.learn49-timer-note b{font-size:11px;color:#c94d0b}.learn49-timer-note span{font-size:9px;color:#846b5c}.learn49-exam-history{margin-top:13px}
.learn49-quiz-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:10px}.learn49-quiz-top>div:first-child{display:flex;gap:10px;align-items:center;color:#708197;font-size:10px}.learn49-quiz-top a{color:#0b67bd;font-weight:800}.learn49-quiz-counter{font-size:11px;font-weight:850;color:#244566}.learn49-quiz-top .quiz-time{margin:0;min-width:118px;border:1px solid #ffb8a2;background:#fff6f2;color:#e44e28;padding:10px 13px;border-radius:9px;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}.quiz-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:14px}.quiz-progress span{font-size:10px;font-weight:850;color:#0d64b7}.learn49-quiz-card{max-width:900px;margin:0 auto;padding:24px}.learn49-breadcrumb{font-size:10px;color:#71849a;margin-bottom:15px}.learn49-breadcrumb span{padding:0 5px}.learn49-quiz-card h1{font-size:23px;line-height:1.35;margin:10px 0 20px;color:#092d58}.learn49-option{min-height:58px;padding:9px 13px;border:1px solid #cfddeb;border-radius:9px;background:#fff;display:flex;align-items:center;gap:11px;cursor:pointer;margin:8px 0;color:#183d62}.learn49-option:hover{border-color:#7fb4ec;background:#f7fbff}.learn49-option:has(input:checked){border:2px solid #1684ed;background:#f0f7ff}.learn49-option input{position:absolute;opacity:0;pointer-events:none}.learn49-option .quiz-letter{width:30px;height:30px;flex:0 0 30px;border:1px solid #bbcee0;border-radius:50%;display:grid;place-items:center;color:#356589;font-size:11px;font-weight:900}.learn49-option:has(input:checked) .quiz-letter{background:#0b7fe7;border-color:#0b7fe7;color:#fff}.learn49-option b{font-size:12px;font-weight:650}.learn49-quiz-card .quiz-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.learn49-finish-form{max-width:900px;margin:10px auto;text-align:right}
.learn49-result-summary{display:grid;grid-template-columns:auto 1.2fr .8fr .8fr;gap:12px;align-items:center;padding:20px;background:#fff;border:1px solid var(--learn49-line);border-radius:12px}.learn49-result-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#11a56d;color:#fff;font-size:29px;font-weight:900}.learn49-result-summary h1{font-size:23px;margin:4px 0}.learn49-result-summary strong{font-size:28px;color:#10a269}.learn49-result-summary article{padding:13px;border-radius:9px;display:grid;gap:3px}.learn49-result-summary article.good{background:#effbf6;color:#12845c}.learn49-result-summary article.bad{background:#fff2ef;color:#d64b34}.learn49-result-summary article span{font-size:10px}.learn49-result-actions{display:flex;justify-content:flex-end;gap:9px;margin:13px 0;flex-wrap:wrap}

/* Platform-wide touch targets: mobile navigation is intentionally larger than legacy values. */
@media(max-width:860px){
  .nav-toggle,.mobile-menu{display:grid!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;place-items:center;border-radius:11px}
  .site-nav .inner{height:66px;padding:0 12px}.site-nav.open .site-links{top:62px;left:8px;right:8px;padding:9px;border-radius:13px;gap:2px}.site-nav.open .site-links a{display:flex;align-items:center;min-height:48px;padding:0 13px;border-radius:9px;font-size:14px}.site-nav.open .site-links a:active{background:#eef5fd}
  .app-nav a{min-height:48px;height:auto;padding:10px 11px}.app-nav .nav-submenu a{min-height:46px;height:auto}.app-mobile-nav{height:calc(78px + env(safe-area-inset-bottom))!important;padding:6px max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important}.app-mobile-nav a,.app-mobile-nav button{min-height:62px!important;padding:6px 3px!important;border-radius:11px!important}.app-mobile-nav span{width:27px!important;height:27px!important}.app-mobile-nav .nav-svg,.app-mobile-nav svg{width:20px!important;height:20px!important}.app-mobile-nav b{font-size:10px!important;line-height:1.05;max-width:76px!important}.app-main{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .app-shell.nav-open:after{content:"";position:fixed;inset:0;background:rgba(3,18,35,.46);z-index:55}.app-shell.nav-open .app-sidebar{z-index:60}
  .learn49-public-nav .site-actions>.learn49-public-login{display:none}.learn49-public-nav .site-actions>.learn49-orange-btn{min-height:42px;padding:0 11px;font-size:11px}
  .learn49-public-hero{grid-template-columns:1fr;padding:8px 8px 0}.learn49-public-hero-copy{border-radius:13px 13px 0 0;padding:36px 22px}.learn49-public-hero-image{border-radius:0 0 13px 13px;min-height:340px}.learn49-public-float{right:12px;bottom:12px}.learn49-public-section{padding:42px 15px}.learn49-public-soft{padding-left:15px;padding-right:15px}.learn49-public-feature-grid{grid-template-columns:1fr 1fr}.learn49-training-grid{grid-template-columns:repeat(2,1fr)}.learn49-rescue-hero{margin:8px;min-height:590px}.learn49-rescue-copy{width:100%;padding:45px 24px 300px}.learn49-rescue-shade{background:linear-gradient(180deg,rgba(3,29,56,.94),rgba(4,39,72,.75) 55%,rgba(4,39,72,.2))}

  .learn49-shell{display:block;min-height:100vh}.learn49-shell .learn-sidebar{position:fixed!important;left:-330px!important;top:0!important;width:min(86vw,320px)!important;height:100dvh!important;transition:left .2s ease;padding:14px 12px!important}.learn49-shell.nav-open .learn-sidebar{left:0!important;box-shadow:18px 0 48px rgba(0,0,0,.28)}.learn49-shell.nav-open .learn-nav-backdrop{display:block}.learn49-shell .learn-side-brand b,.learn49-shell .learn-sidebar nav span,.learn49-shell .learn-side-bottom span{display:block!important}.learn49-shell .learn-sidebar nav a,.learn49-shell .learn-side-bottom a{justify-content:flex-start!important;min-height:49px;font-size:13px}.learn-mobile-menu{display:grid}.learn49-shell .learn-topbar{height:64px;padding:0 10px;gap:8px}.learn49-shell .learn-top-search{margin:0;max-width:none;min-width:0}.learn49-shell .learn-top-actions{gap:4px}.learn49-shell .learn-user-chip b{display:none}.learn49-shell .learn-content{padding:16px 13px calc(92px + env(safe-area-inset-bottom));max-width:none}.learn-mobile-nav{display:grid;position:fixed;z-index:90;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);height:calc(78px + env(safe-area-inset-bottom));padding:5px 7px max(6px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #dce6f1;box-shadow:0 -9px 28px rgba(7,43,82,.09);backdrop-filter:blur(15px)}.learn-mobile-nav a,.learn-mobile-nav button{min-height:62px;border:0;background:transparent;border-radius:10px;color:#708297;display:grid;place-items:center;align-content:center;gap:3px;padding:5px 2px;font-family:inherit}.learn-mobile-nav a.active{color:#0b70cf;background:#edf6ff}.learn-mobile-nav .public-icon{width:21px;height:21px}.learn-mobile-nav b{font-size:10px;line-height:1;white-space:nowrap}.learn49-dashboard-main{grid-template-columns:1fr}.learn49-topic-mini-grid{grid-template-columns:repeat(3,1fr)}.learn49-focus-card{grid-column:span 3}.learn49-quick-grid{grid-template-columns:1fr 1fr}.learn49-learning-grid{grid-template-columns:repeat(2,1fr)}.learn49-topic-hero{grid-template-columns:1fr}.learn49-topic-hero>img{min-height:220px;height:220px}.learn49-exam-title{left:22px;top:24px}.learn49-exam-card{right:18px;width:min(380px,calc(100% - 36px));top:auto;bottom:18px;transform:none}.learn49-exam-start{min-height:650px}.learn49-quiz-top{grid-template-columns:1fr auto}.learn49-quiz-top>div:first-child{grid-column:1/-1}.learn49-result-summary{grid-template-columns:auto 1fr}.learn49-result-summary article{grid-column:span 1}
}
@media(max-width:600px){
  .learn49-public-hero-copy h1{font-size:42px}.learn49-public-proof{grid-template-columns:1fr}.learn49-public-feature-grid,.learn49-domain-grid,.learn49-training-grid{grid-template-columns:1fr}.learn49-rescue-copy h1{font-size:49px}.learn49-rescue-proof{grid-template-columns:1fr}.learn49-training-card{min-height:104px}.learn49-welcome{align-items:flex-start;flex-direction:column}.learn49-outline-link{display:none}.learn49-dashboard-main{grid-template-columns:1fr}.learn49-metric-grid{grid-template-columns:1fr 1fr}.learn49-topic-mini-grid{grid-template-columns:1fr 1fr}.learn49-focus-card{grid-column:span 2}.learn49-quick-grid{grid-template-columns:1fr}.learn49-learning-grid{grid-template-columns:1fr}.learn49-learning-card{grid-template-columns:1fr auto;min-height:0}.learn49-learning-card>img{height:160px}.learn49-topic-hero>div{padding:22px}.learn49-topic-hero h1{font-size:28px}.learn49-exam-start{min-height:690px}.learn49-exam-title h1{font-size:28px}.learn49-exam-card{padding:18px}.learn49-quiz-top{grid-template-columns:1fr}.learn49-quiz-counter{text-align:left}.learn49-quiz-top .quiz-time{justify-self:start}.learn49-quiz-card{padding:17px}.learn49-quiz-card h1{font-size:19px}.learn49-option{min-height:62px;padding:10px}.learn49-quiz-card .quiz-actions{flex-direction:column-reverse}.learn49-quiz-card .quiz-actions>*{width:100%;min-height:50px}.learn49-result-summary{grid-template-columns:1fr;text-align:center}.learn49-result-check{margin:auto}.learn49-result-actions{display:grid;grid-template-columns:1fr}.learn49-result-actions>*{width:100%;min-height:50px}.occupation-grid{grid-template-columns:1fr!important}.occupation-card{min-height:94px}.learn-onboarding-head .learn-wordmark b{font-size:17px}.learn-onboarding-head .learn-wordmark>span{width:34px;height:34px}.learn-stepper{gap:5px}.learn-stepper span{font-size:9px}.learn-onboarding-title h1{font-size:30px}
}
.learn49-question-source{margin:-10px 0 17px;color:#8190a2;font-size:9px}.learn-nav-open{overflow:hidden}@media(max-width:860px){.btn,.icon-btn{min-height:44px}.icon-btn{min-width:44px}}

/* HF5.38-DF64 — unified public experience. Shared structure for the main platform,
   GewerkFlow, GewerkLearn and public product entry pages. */
:root{--ux64-ink:#082c59;--ux64-blue:#0b6cff;--ux64-blue2:#2563eb;--ux64-orange:#ff671d;--ux64-line:#dbe7f5;--ux64-soft:#f5f9fe;--ux64-muted:#60748d}
.ux64-page{min-height:100vh;background:#fff;color:var(--ux64-ink)}
.ux64-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.ux64-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.98);border-bottom:1px solid #dde7f2;box-shadow:0 6px 22px rgba(8,44,89,.04);backdrop-filter:saturate(1.2) blur(10px)}
.ux64-program-menu,.ux64-login-menu{position:relative}.ux64-program-menu summary,.ux64-login-menu summary{list-style:none;cursor:pointer;font-size:12px;font-weight:800;color:#183b62;padding:9px 0}.ux64-program-menu summary::-webkit-details-marker,.ux64-login-menu summary::-webkit-details-marker{display:none}.ux64-program-menu summary span,.ux64-login-menu summary span{font-size:11px;margin-left:3px}.ux64-program-dropdown,.ux64-login-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);min-width:260px;padding:10px;background:#fff;border:1px solid #dce7f2;border-radius:14px;box-shadow:0 18px 42px rgba(9,44,82,.16);display:grid;gap:2px}.ux64-program-dropdown a,.ux64-login-dropdown a{display:grid;gap:2px;padding:10px 12px;border-radius:9px;text-decoration:none;color:#163a60}.ux64-program-dropdown a:hover,.ux64-login-dropdown a:hover{background:#eef5ff}.ux64-program-dropdown b{font-size:12px}.ux64-program-dropdown small,.ux64-login-dropdown small{font-size:11px;color:#6b829b}.ux64-login-dropdown{left:auto;right:0;transform:none;min-width:220px}.ux64-login-dropdown>b{padding:5px 12px 0;font-size:12px;color:#173b61}
.ux64-nav-inner{width:min(1180px,calc(100% - 36px));height:68px;margin:auto;display:flex;align-items:center;gap:26px}.ux64-brand{display:flex;align-items:center;gap:9px;color:var(--ux64-ink);text-decoration:none;font-size:19px;white-space:nowrap}.ux64-brand img{width:34px;height:34px;object-fit:contain}.ux64-brand strong{font-weight:950;letter-spacing:-.04em}.ux64-nav-links{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}.ux64-nav-links a{font-size:12px;font-weight:800;color:#183b62;text-decoration:none;padding:9px 0;border-bottom:2px solid transparent}.ux64-nav-links a:hover,.ux64-nav-links a.active{color:var(--ux64-blue);border-color:var(--ux64-blue)}.ux64-nav-actions{display:flex;align-items:center;gap:8px}.ux64-search{font-size:21px;color:#14375f;text-decoration:none;padding:7px}.ux64-nav-login,.ux64-nav-primary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:900}.ux64-nav-login{border:1px solid #c8d7e9;background:#fff;color:#14375f}.ux64-nav-primary{background:var(--ux64-blue);color:#fff;border:1px solid var(--ux64-blue)}.ux64-user{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ux64-ink);font-size:12px}.ux64-user span{width:31px;height:31px;border-radius:9px;background:var(--ux64-blue);color:#fff;display:grid;place-items:center;font-weight:900}.ux64-user b{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux64-kicker{display:inline-flex;color:var(--ux64-blue);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.ux64-kicker.orange{color:var(--ux64-orange)}.ux64-kicker.teal{color:#00a494}.ux64-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.ux64-btn{min-height:48px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:13px;border:1px solid transparent}.ux64-btn.blue{background:var(--ux64-blue);color:#fff}.ux64-btn.orange{background:var(--ux64-orange);color:#fff}.ux64-btn.light{background:#fff;color:var(--ux64-ink);border-color:#bcd0e7}
.ux64-platform-hero{background:linear-gradient(90deg,#fff 0%,#f6f9fd 57%,#edf4fc 100%)}.ux64-platform-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:620px}.ux64-platform-copy{padding:74px 48px 58px 0;display:flex;flex-direction:column;justify-content:center}.ux64-platform-copy h1{font-size:clamp(52px,5.1vw,74px);line-height:.91;letter-spacing:-.055em;margin:16px 0 18px}.ux64-platform-copy h1 span{color:var(--ux64-blue)}.ux64-platform-copy>p{max-width:610px;font-size:17px;line-height:1.58;color:#314e70;margin:0}.ux64-platform-copy ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px}.ux64-platform-copy li{font-size:13px;font-weight:800;color:#153b65;display:flex;gap:9px}.ux64-platform-copy li:before{content:'✓';width:19px;height:19px;border-radius:50%;background:var(--ux64-blue);color:#fff;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.ux64-price-note{margin-top:16px;color:#5b7088;font-weight:750}.ux64-hero-media{position:relative;min-height:620px;overflow:hidden;background:#dfeaf6}.ux64-hero-media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f7fafe 0%,rgba(247,250,254,.18) 18%,transparent 45%);pointer-events:none}.ux64-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 32%;filter:none;image-rendering:auto}.ux64-hero-badge{position:absolute;z-index:3;right:22px;top:42%;max-width:220px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 42px rgba(3,35,76,.18)}.ux64-hero-badge b,.ux64-hero-badge span{display:block}.ux64-hero-badge b{font-size:16px}.ux64-hero-badge span{margin-top:3px;color:#51677f;font-size:12px;line-height:1.4}
.ux64-product-rail{background:#fff;border-bottom:1px solid #e4edf7}.ux64-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ux64-product-grid>a{min-height:88px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-decoration:none;border-right:1px solid #e5edf6}.ux64-product-grid>a:last-child{border-right:0}.ux64-product-grid>a>span{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:var(--ux64-blue);display:grid;place-items:center;font-weight:950}.ux64-product-grid b,.ux64-product-grid small{display:block}.ux64-product-grid b{font-size:14px}.ux64-product-grid small{font-size:11px;color:#6d8198;margin-top:3px}
.ux64-section{padding:64px 0}.ux64-soft{background:var(--ux64-soft)}.ux64-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.ux64-section-head.centered{justify-content:center;text-align:center}.ux64-section-head.centered>div{max-width:760px}.ux64-section-head h1,.ux64-section-head h2{font-size:clamp(34px,3.8vw,50px);line-height:1;letter-spacing:-.045em;margin:9px 0}.ux64-section-head p{max-width:760px;color:var(--ux64-muted);font-size:15px;line-height:1.55;margin:0}.ux64-section-head>a{color:var(--ux64-blue);font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.ux64-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ux64-four-grid article{border:1px solid var(--ux64-line);background:#fff;border-radius:14px;padding:20px;min-height:190px;box-shadow:0 9px 28px rgba(7,46,91,.04)}.ux64-four-grid article>span{width:40px;height:40px;border-radius:11px;background:#edf5ff;color:var(--ux64-blue);display:grid;place-items:center;font-weight:950}.ux64-four-grid h3{font-size:18px;margin:13px 0 7px}.ux64-four-grid p{font-size:13px;line-height:1.55;color:#647991}.ux64-four-grid a{font-size:12px;font-weight:900;color:var(--ux64-blue);text-decoration:none}
/* GewerkLearn hub */
.ux64-learn-hub{margin-top:14px;display:grid;grid-template-columns:.92fr 1.08fr;min-height:510px;border-radius:16px;overflow:hidden;background:#082f5b}.ux64-learn-copy{padding:58px 38px 42px 42px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#05284d,#0b3c6b)}.ux64-learn-copy h1{font-size:clamp(48px,5vw,70px);line-height:.93;letter-spacing:-.055em;margin:13px 0 7px}.ux64-learn-copy h1 span{color:#fff}.ux64-learn-copy h2{font-size:21px;margin:0 0 14px}.ux64-learn-copy>p{max-width:590px;color:#d8e6f6;font-size:15px;line-height:1.6}.ux64-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;margin-top:26px;font-size:12px;font-weight:800;color:#e7f0fa}.ux64-proof-grid span{display:flex;align-items:center;gap:7px}.ux64-proof-grid .public-icon{width:18px}.ux64-learn-media{position:relative;min-height:510px}.ux64-learn-media>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.ux64-learn-float{position:absolute;right:20px;bottom:20px;width:205px;background:rgba(255,255,255,.95);border-radius:14px;padding:15px;box-shadow:0 18px 40px rgba(0,24,55,.18)}.ux64-learn-float b{display:block;margin-bottom:8px}.ux64-learn-float span{display:block;font-size:11px;color:#315475;margin-top:5px}.ux64-area-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ux64-area-card{display:flex;flex-direction:column;min-height:205px;border:1px solid var(--ux64-line);border-radius:13px;overflow:hidden;background:#fff;text-decoration:none;color:var(--ux64-ink);box-shadow:0 8px 24px rgba(7,46,91,.04)}.ux64-area-card>img{height:122px;width:100%;object-fit:cover;display:block}.ux64-area-card>b{font-size:14px;padding:12px 12px 2px}.ux64-area-card>span:not(.ux64-area-icon){font-size:11px;color:#6b7e94;padding:0 12px 14px;line-height:1.35}.ux64-area-icon{height:122px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#f7fbff);color:var(--ux64-blue)}.ux64-area-icon .public-icon{width:42px;height:42px}
/* Rettungsdienst */
.ux64-rescue{position:relative;margin-top:14px;min-height:520px;border-radius:16px;overflow:hidden;background:#082d55;color:#fff}.ux64-rescue>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ux64-rescue-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,58,.97) 0%,rgba(4,40,73,.88) 34%,rgba(3,37,69,.24) 63%,rgba(0,0,0,.05) 100%)}.ux64-rescue-copy{position:relative;z-index:2;width:57%;padding:64px 44px}.ux64-rescue-copy h1{font-size:clamp(56px,6vw,78px);line-height:.93;letter-spacing:-.055em;margin:12px 0 8px}.ux64-rescue-copy h2{font-size:23px;margin:0 0 15px}.ux64-rescue-copy>p{max-width:650px;color:#edf5ff;line-height:1.55}.ux64-rescue-proof{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin-top:27px;font-size:12px;font-weight:850}.ux64-rescue-proof span{display:flex;align-items:center;gap:7px}.ux64-rescue-proof .public-icon{width:18px}.ux64-exam-card{position:absolute;z-index:3;right:24px;bottom:24px;width:300px;padding:20px 22px;border-radius:16px;background:linear-gradient(145deg,#0b61ba,#064990);border:1px solid rgba(255,255,255,.35);box-shadow:0 22px 50px rgba(0,25,55,.3)}.ux64-exam-card h3{font-size:22px;margin:0 0 12px}.ux64-exam-card span{display:block;margin-top:9px;color:#f5f9ff;font-size:13px}.ux64-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux64-path-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:100px;padding:16px;border:1px solid var(--ux64-line);border-radius:13px;background:#fff;text-decoration:none;color:var(--ux64-ink)}.ux64-path-card>span{width:44px;height:44px;border-radius:11px;background:#edf5ff;color:var(--ux64-blue);display:grid;place-items:center}.ux64-path-card .public-icon{width:23px}.ux64-path-card b,.ux64-path-card small{display:block}.ux64-path-card small{color:#6c8096;margin-top:4px}.ux64-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ux64-topic-grid article{border:1px solid var(--ux64-line);border-radius:12px;overflow:hidden;background:#fff}.ux64-topic-grid img{width:100%;height:128px;object-fit:cover;display:block}.ux64-topic-grid b{display:block;padding:12px;font-size:13px}
/* Handwerk and driving */
.ux64-handwerk{margin-top:14px;display:grid;grid-template-columns:.93fr 1.07fr;min-height:480px;border-radius:16px;overflow:hidden;background:#082e58;color:#fff}.ux64-handwerk-copy{padding:58px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#05284d,#0c3f70)}.ux64-handwerk-copy h1{font-size:clamp(52px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:12px 0 8px}.ux64-handwerk-copy h2{font-size:24px;line-height:1.18;margin:0 0 14px}.ux64-handwerk-copy>p{color:#dce9f7;line-height:1.55}.ux64-handwerk-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.ux64-mini-area-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ux64-mini-area{border:1px solid var(--ux64-line);border-radius:12px;overflow:hidden;text-decoration:none;background:#fff;color:var(--ux64-ink)}.ux64-mini-area img{width:100%;height:110px;object-fit:cover;display:block}.ux64-mini-area b,.ux64-mini-area span{display:block;padding-inline:11px}.ux64-mini-area b{font-size:13px;padding-top:10px}.ux64-mini-area span{font-size:10px;color:var(--ux64-blue);font-weight:800;padding-top:4px;padding-bottom:11px}.ux64-driving{margin-top:14px;min-height:420px;border-radius:16px;padding:60px 52px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;color:#fff;background:linear-gradient(135deg,#06284d,#0b4f92)}.ux64-driving h1{font-size:clamp(54px,5.5vw,76px);line-height:.95;letter-spacing:-.05em;margin:10px 0}.ux64-driving h2{font-size:24px;margin:0 0 14px}.ux64-driving p{max-width:650px;color:#d9e9f9;line-height:1.6}.ux64-driving-visual{min-height:240px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.2)}.ux64-driving-visual>span{width:70px;height:70px;border-radius:18px;background:#fff;color:var(--ux64-blue);display:grid;place-items:center}.ux64-driving-visual .public-icon{width:34px}.ux64-driving-visual b{font-size:30px;margin-top:16px}.ux64-driving-visual small{color:#dbe9f7;margin-top:5px}.ux64-catalog{padding-top:28px;padding-bottom:62px}.ux64-catalog-breadcrumb{display:flex;gap:8px;align-items:center;color:#71859a;font-size:11px;margin-bottom:24px}.ux64-catalog-breadcrumb a{color:var(--ux64-blue);text-decoration:none}.ux64-driving-card{border-color:#8db9ee!important;background:linear-gradient(135deg,#f4f9ff,#fff)!important;text-decoration:none;color:var(--ux64-ink)}
@media(max-width:1050px){.ux64-nav-links{display:none}.ux64-platform-grid,.ux64-learn-hub,.ux64-handwerk,.ux64-driving{grid-template-columns:1fr}.ux64-platform-copy{padding:50px 0 32px}.ux64-hero-media{min-height:480px;border-radius:16px}.ux64-product-grid,.ux64-four-grid{grid-template-columns:repeat(2,1fr)}.ux64-area-grid{grid-template-columns:repeat(3,1fr)}.ux64-rescue-copy{width:72%}.ux64-mini-area-grid,.ux64-topic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ux64-wrap,.ux64-nav-inner{width:min(100% - 20px,1180px)}.ux64-nav-inner{height:62px;gap:12px}.ux64-brand strong{font-size:16px}.ux64-nav-login,.ux64-user b{display:none}.ux64-nav-primary{padding:0 10px;font-size:11px}.ux64-platform-grid{min-height:0}.ux64-platform-copy{padding:38px 4px 24px}.ux64-platform-copy h1{font-size:44px}.ux64-hero-media{min-height:360px}.ux64-hero-badge{right:12px;top:auto;bottom:12px;max-width:185px}.ux64-product-grid,.ux64-four-grid,.ux64-area-grid,.ux64-path-grid,.ux64-mini-area-grid,.ux64-topic-grid{grid-template-columns:1fr}.ux64-product-grid>a{border-right:0;border-bottom:1px solid #e5edf6}.ux64-section{padding:44px 0}.ux64-section-head{align-items:flex-start;flex-direction:column}.ux64-learn-hub,.ux64-handwerk{margin-top:8px}.ux64-learn-copy,.ux64-handwerk-copy{padding:38px 22px}.ux64-learn-copy h1,.ux64-handwerk-copy h1{font-size:44px}.ux64-learn-media,.ux64-handwerk-media{min-height:340px}.ux64-proof-grid,.ux64-rescue-proof{grid-template-columns:1fr}.ux64-rescue{margin-top:8px;min-height:700px}.ux64-rescue-copy{width:100%;padding:42px 22px 330px}.ux64-rescue-copy h1{font-size:48px}.ux64-rescue-shade{background:linear-gradient(180deg,rgba(3,30,58,.97) 0%,rgba(4,40,73,.9) 48%,rgba(3,37,69,.2) 78%)}.ux64-exam-card{left:14px;right:14px;width:auto;bottom:14px}.ux64-driving{padding:40px 24px;gap:24px}.ux64-driving h1{font-size:46px}.ux64-driving-visual{min-height:200px}}
.flow-checkout-modules{margin:18px 0;padding:20px}.flow-module-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-module-checks .checkline{align-items:flex-start;border:1px solid #dce7f2;border-radius:12px;padding:12px;background:#fbfdff}.flow-module-checks .checkline span{display:grid;gap:4px}.flow-module-checks small{color:#6d8298;line-height:1.4}@media(max-width:700px){.flow-module-checks{grid-template-columns:1fr}}

/* DF64 FIX1: preserve complete source compositions instead of enlarging crops. */
.ux64-platform-grid{align-items:center;gap:28px;padding-block:28px}.ux64-platform-copy{padding-top:35px;padding-bottom:35px}.ux64-hero-media{min-height:0;aspect-ratio:4/5;width:100%;align-self:center;border-radius:20px}.ux64-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.ux64-hero-media:before{display:none}.ux64-hero-badge{top:auto;bottom:22px;right:22px;max-width:255px}.ux64-learn-media{min-height:0;aspect-ratio:4/5;align-self:center;overflow:hidden}.ux64-learn-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.ux64-handwerk-media{min-height:0;align-self:center;aspect-ratio:3/2;overflow:hidden}.ux64-handwerk-media img{width:100%;height:100%;object-fit:contain;object-position:center}.df45-auth-story img{position:static;inset:auto;display:block;width:100%;max-width:285px;height:auto;object-fit:contain;opacity:1;mask-image:none;margin:28px auto 0;border-radius:12px}.footer .brandmark img{width:34px!important;height:34px!important;object-fit:contain}.ux64-education-menu .ux64-program-dropdown{width:300px;grid-template-columns:1fr}.ux64-nav summary:focus-visible,.ux64-nav a:focus-visible{outline:3px solid #1768ca;outline-offset:4px}
@media(max-width:1050px){.ux64-platform-grid{gap:12px;padding-block:24px}.ux64-hero-media{max-width:540px;margin-inline:auto;min-height:0;aspect-ratio:4/5}.ux64-hero-media img{height:100%}.ux64-learn-media{max-width:540px;width:100%;margin-inline:auto;min-height:0;aspect-ratio:4/5}.ux64-learn-media>img{height:100%}.ux64-handwerk-media{min-height:0;aspect-ratio:3/2}.ux64-handwerk-media img{height:100%}.ux64-nav .nav-toggle{display:block}.ux64-nav.open .ux64-nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:white;padding:18px 24px;border-bottom:1px solid #d8e3ee;box-shadow:0 12px 24px #12304b12;max-height:75vh;overflow:auto}.ux64-nav.open .ux64-nav-links>a,.ux64-nav.open .ux64-nav-links summary{padding:12px 0}.ux64-nav.open .ux64-program-dropdown{position:static;width:100%;min-width:0;max-height:45vh;overflow:auto;box-shadow:none;grid-template-columns:1fr 1fr}.ux64-nav.open .ux64-education-menu .ux64-program-dropdown{grid-template-columns:1fr}}
@media(max-width:650px){.ux64-hero-media{min-height:0;aspect-ratio:4/5}.ux64-hero-media img{height:100%}.ux64-hero-badge{bottom:12px;right:12px;max-width:210px;padding:12px}.ux64-learn-media{min-height:0;aspect-ratio:4/5}.ux64-learn-media>img{height:100%}.ux64-handwerk-media{min-height:0;aspect-ratio:3/2}.ux64-handwerk-media img{height:100%}.ux64-nav.open .ux64-program-dropdown{grid-template-columns:1fr}}


/* HF5.38-DF64-FIX23 — GewerkFlow module workspace refresh. */
.flow23-module-page{max-width:1560px;padding:26px 28px 56px;background:linear-gradient(180deg,#f7faff 0,#f4f7fb 260px,#f4f7fb 100%)}
.flow23-module-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:24px 26px;margin-bottom:14px;border:1px solid #dce6f2;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7fbff 68%,#edf5ff 100%);box-shadow:0 12px 34px rgba(18,45,82,.055)}
.flow23-module-heading{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.flow23-module-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0a6df4,#0b4dba);color:#fff;font-size:24px;box-shadow:0 10px 24px rgba(10,93,215,.22)}
.flow23-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#7a8ba1;font-size:10px;font-weight:780;letter-spacing:.025em}.flow23-breadcrumb a{color:#1768d8;text-decoration:none}.flow23-breadcrumb b{color:#50647c}
.flow23-module-heading h1{margin:0 0 6px;color:#0b2346;font-size:32px;line-height:1.05;letter-spacing:-.045em}.flow23-module-heading p{max-width:760px;margin:0;color:#62758d;font-size:13px;line-height:1.55}
.flow23-module-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:560px}.flow23-module-actions>.btn{min-height:40px;padding-inline:14px}
.flow23-tools{position:relative}.flow23-tools>summary{list-style:none;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:#33465f;font-size:11px;font-weight:820}.flow23-tools>summary::-webkit-details-marker{display:none}.flow23-tools>summary:after{content:"⌄";margin-left:8px;color:#72839a}.flow23-tools[open]>summary{border-color:#a8c9f2;box-shadow:0 0 0 3px rgba(10,105,232,.08)}
.flow23-tools>div{position:absolute;right:0;top:calc(100% + 7px);z-index:25;min-width:210px;padding:7px;border:1px solid #dce4ef;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(10,35,72,.15)}.flow23-tools>div>a{display:flex;align-items:center;min-height:38px;padding:0 10px;border-radius:8px;color:#29405d;font-size:11px;font-weight:750;text-decoration:none}.flow23-tools>div>a:hover{background:#f1f6fd;color:#0a67df}.flow23-tools>div>.btn{width:100%;justify-content:flex-start;margin:0;background:#fff;color:#29405d;border:0;box-shadow:none}
.flow23-module-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.flow23-module-status article{min-height:86px;padding:14px 16px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(21,43,76,.035)}.flow23-module-status span,.flow23-module-status small{display:block}.flow23-module-status span{color:#7a899d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.flow23-module-status b{display:block;margin:5px 0 2px;color:#172e50;font-size:20px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow23-module-status small{color:#8b99aa;font-size:9.5px}
.flow23-module-page .module-guide{margin-bottom:14px;border-radius:16px;border-color:#dce5f0;box-shadow:0 8px 24px rgba(20,45,80,.035);background:#fff}.flow23-module-page .module-guide h3{font-size:15px;color:#1d3454}.flow23-module-page .module-guide li{color:#5d7088}
.flow23-module-page .module-table{border-radius:18px;border-color:#dce5f0;box-shadow:0 12px 34px rgba(20,44,78,.055);background:#fff;overflow:hidden}.flow23-module-page .module-table>.empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow23-module-page .module-table .toolbar{margin:0;padding:14px 15px;border-bottom:1px solid #e8edf4;background:#fbfdff;flex-wrap:wrap}.flow23-module-page .module-table .filter-input{flex:1;min-width:270px;max-width:520px;height:40px;border-radius:10px;background:#fff}.flow23-module-page .module-table .toolbar select{height:40px;border-radius:10px;background:#fff}.flow23-module-page .module-table .table-wrap{border:0;border-radius:0;box-shadow:none}.flow23-module-page .data-table thead th{height:44px;background:#f6f9fd;color:#657791;font-size:9px}.flow23-module-page .data-table tbody td{padding:13px 12px;font-size:11px}.flow23-module-page .row-title{font-size:11.5px;color:#132a4a}.flow23-module-page .row-sub{margin-top:3px;font-size:9.5px;line-height:1.4}.flow23-module-page .pager{border-top:1px solid #edf1f5;background:#fbfdff}
@media(max-width:1050px){.flow23-module-hero{flex-direction:column}.flow23-module-actions{justify-content:flex-start;max-width:none}.flow23-module-status{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.flow23-module-page{padding:16px 12px 40px}.flow23-module-hero{padding:18px 16px;border-radius:16px}.flow23-module-heading{grid-template-columns:42px minmax(0,1fr);gap:11px}.flow23-module-mark{width:42px;height:42px;border-radius:12px;font-size:20px}.flow23-module-heading h1{font-size:26px}.flow23-module-actions{width:100%}.flow23-module-actions>.btn,.flow23-tools>summary{flex:1;justify-content:center}.flow23-tools{flex:1}.flow23-tools>summary{width:100%}.flow23-module-status{grid-template-columns:1fr}.flow23-module-status article{min-height:72px}.flow23-module-page .module-table .filter-input{min-width:100%;max-width:none}}