/* MobilityDesk Design Engine 5.0
   Verbindliche zentrale Farb- und Darstellungsquelle.
   Modul-CSS definiert Layout/Komponenten, neutrale Farben kommen aus --md-* Tokens.
*/
:root{
  color-scheme:light;
  --md-canvas:#f3f6ed;
  --md-surface:#ffffff;
  --md-surface-raised:#ffffff;
  --md-surface-soft:#f9faf6;
  --md-surface-muted:#eef2ea;
  --md-input:#ffffff;
  --md-hover:#f3f6ed;
  --md-text:#293125;
  --md-text-soft:#3e403a;
  --md-text-muted:#646c60;
  --md-text-subtle:#6a7267;
  --md-border:#e1ead3;
  --md-border-strong:#c7d2be;
  --md-accent:#487322;
  --md-accent-strong:#36591b;
  --md-accent-soft:#f3f6ed;
  --md-accent-border:#bddb8c;
  --md-on-accent:#ffffff;
  --md-success:#166534;
  --md-success-soft:#ecfdf5;
  --md-success-border:#bbf7d0;
  --md-warning:#9a5800;
  --md-warning-soft:#fff7ed;
  --md-warning-border:#fed7aa;
  --md-danger:#b42318;
  --md-danger-soft:#fff1f2;
  --md-danger-border:#fecaca;
  --md-info:#1d4ed8;
  --md-info-soft:#eff6ff;
  --md-info-border:#bfd5ee;
  --md-purple:#6941c6;
  --md-purple-soft:#f2eaff;
  --md-purple-border:#d8c8ff;
  --md-overlay:rgba(24,32,22,.42);
  --md-shadow-xs:rgba(41,49,37,.04);
  --md-shadow-soft:rgba(41,49,37,.07);
  --md-shadow-color:rgba(41,49,37,.10);
  --md-shadow-strong:rgba(41,49,37,.18);
  --md-shadow-sm:0 2px 8px rgba(41,49,37,.07);
  --md-shadow-md:0 12px 32px rgba(41,49,37,.09);
  --md-focus:rgba(72,115,34,.24);
}
html[data-md-theme="dark"],html[data-onepp-theme="dark"]{
  color-scheme:dark;
  --md-canvas:#111611;
  --md-surface:#1a2119;
  --md-surface-raised:#202920;
  --md-surface-soft:#222c21;
  --md-surface-muted:#293429;
  --md-input:#171e17;
  --md-hover:#2b3729;
  --md-text:#eef3eb;
  --md-text-soft:#d7dfd2;
  --md-text-muted:#b0baaa;
  --md-text-subtle:#8f9b89;
  --md-border:#344233;
  --md-border-strong:#475846;
  --md-accent:#9ac66f;
  --md-accent-strong:#b1d88b;
  --md-accent-soft:#263820;
  --md-accent-border:#587744;
  --md-on-accent:#10150f;
  --md-success:#72d693;
  --md-success-soft:#173124;
  --md-success-border:#326348;
  --md-warning:#f3bd65;
  --md-warning-soft:#3a2d17;
  --md-warning-border:#71552a;
  --md-danger:#ff8d86;
  --md-danger-soft:#3a2020;
  --md-danger-border:#77413f;
  --md-info:#8db9ff;
  --md-info-soft:#192c49;
  --md-info-border:#385d8e;
  --md-purple:#c0a8ff;
  --md-purple-soft:#2d2244;
  --md-purple-border:#58457a;
  --md-overlay:rgba(0,0,0,.64);
  --md-shadow-xs:rgba(0,0,0,.16);
  --md-shadow-soft:rgba(0,0,0,.22);
  --md-shadow-color:rgba(0,0,0,.30);
  --md-shadow-strong:rgba(0,0,0,.42);
  --md-shadow-sm:0 2px 10px rgba(0,0,0,.22);
  --md-shadow-md:0 16px 38px rgba(0,0,0,.28);
  --md-focus:rgba(154,198,111,.30);
}

/* Legacy variable names remain aliases only; they no longer own colors. */
:root{
  --md-brand:var(--md-accent);--md-brand-hover:var(--md-accent-strong);--md-brand-soft:var(--md-accent-soft);--md-brand-pastel:var(--md-accent-soft);
  --md-ink:var(--md-text);--md-line:var(--md-border);--md-muted:var(--md-text-muted);
  --md-orange:var(--md-warning);--md-orange-soft:var(--md-warning-soft);--md-orange-accent:var(--md-warning);--md-orange-number:var(--md-warning);--md-orange-line:var(--md-warning-border);
  --md-accent-hover:var(--md-accent-strong);--md-accent-ink:var(--md-on-accent);
  --onepp-bg:var(--md-canvas);--onepp-panel:var(--md-surface);--onepp-text:var(--md-text);--onepp-muted:var(--md-text-muted);--onepp-line:var(--md-border);--onepp-primary:var(--md-accent);--onepp-primary-active:var(--md-accent-strong);--onepp-primary-soft:var(--md-accent-soft);
  --onepp-ds-bg:var(--md-canvas);--onepp-ds-surface:var(--md-surface);--onepp-ds-surface-soft:var(--md-surface-soft);--onepp-ds-text:var(--md-text);--onepp-ds-text-soft:var(--md-text-soft);--onepp-ds-muted:var(--md-text-muted);--onepp-ds-line:var(--md-border);--onepp-ds-line-soft:var(--md-border);--onepp-ds-border:var(--md-border);--onepp-ds-primary:var(--md-accent);--onepp-ds-primary-soft:var(--md-accent-soft);--onepp-ds-success:var(--md-success);--onepp-ds-success-soft:var(--md-success-soft);--onepp-ds-warning:var(--md-warning);--onepp-ds-warning-soft:var(--md-warning-soft);--onepp-ds-danger:var(--md-danger);--onepp-ds-danger-soft:var(--md-danger-soft);--onepp-ds-info:var(--md-info);--onepp-ds-info-soft:var(--md-info-soft);
}

html,body{background:var(--md-canvas);color:var(--md-text)}
body{transition:background-color .16s ease,color .16s ease}
input,select,textarea,button{color:inherit}
input,select,textarea{background-color:var(--md-input);border-color:var(--md-border)}
::placeholder{color:var(--md-text-subtle);opacity:1}
hr{border-color:var(--md-border)}

/* Theme switcher */
.onepp-theme-switcher,.md-theme-switcher{position:relative}.onepp-theme-panel,.md-theme-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;min-width:168px;padding:7px;background:var(--md-surface-raised);border:1px solid var(--md-border);border-radius:14px;box-shadow:var(--md-shadow-md)}
.onepp-theme-panel[hidden],.md-theme-panel[hidden]{display:none}.onepp-theme-option,.md-theme-option{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--md-text);text-align:left;cursor:pointer}.onepp-theme-option:hover,.md-theme-option:hover{background:var(--md-hover)}.onepp-theme-option[aria-checked="true"],.md-theme-option[aria-checked="true"]{background:var(--md-accent-soft);color:var(--md-accent);font-weight:700}

@media print{
  html,html[data-md-theme="dark"],html[data-onepp-theme="dark"]{
    color-scheme:light;
    --md-canvas:#ffffff;--md-surface:#ffffff;--md-surface-raised:#ffffff;--md-surface-soft:#f7f7f6;--md-surface-muted:#f0f1ef;--md-input:#ffffff;--md-hover:#f7f7f6;--md-text:#1f211d;--md-text-soft:#3e403a;--md-text-muted:#646c60;--md-text-subtle:#6a7267;--md-border:#dfe1dd;--md-border-strong:#cfd3cc;--md-accent:#487322;--md-accent-strong:#36591b;--md-accent-soft:#f3f6ed;--md-accent-border:#bddb8c;--md-on-accent:#ffffff;--md-success:#166534;--md-success-soft:#ecfdf5;--md-success-border:#bbf7d0;--md-warning:#9a5800;--md-warning-soft:#fff7ed;--md-warning-border:#fed7aa;--md-danger:#b42318;--md-danger-soft:#fff1f2;--md-danger-border:#fecaca;--md-info:#1d4ed8;--md-info-soft:#eff6ff;--md-info-border:#bfd5ee;--md-overlay:transparent;--md-shadow-xs:transparent;--md-shadow-soft:transparent;--md-shadow-color:transparent;--md-shadow-strong:transparent;--md-shadow-sm:none;--md-shadow-md:none;--md-focus:transparent;
  }
}

/* Central component/layout library retained by Engine 5.0. */

/* Engine geometry settings retained from the former design system.
   No global module layout overrides live here anymore. */
:root{
  --onepp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --onepp-radius:14px;--onepp-card-radius:18px;--onepp-card-shadow:var(--md-shadow-sm);
  --onepp-content-padding:18px;--onepp-card-padding:14px;--onepp-nav-font-size:13.2px;
}
body.mobilitydesk-design{font-family:var(--onepp-font-family);background:var(--md-canvas);color:var(--md-text)}

/* Migrated layout primitives from 1pp-design-system-core.css; source file retired after 022.11.134. */
/* 1PP Design System 2.0 – zentrale Tokens und Komponenten */
:root{--onepp-ds-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;--onepp-ds-bg:var(--md-canvas);--onepp-ds-surface:var(--md-surface);--onepp-ds-surface-soft:var(--md-surface-soft);--onepp-ds-text:var(--md-text);--onepp-ds-text-soft:var(--md-text-soft);--onepp-ds-muted:var(--md-text-muted);--onepp-ds-line:var(--md-border);--onepp-ds-line-soft:var(--md-border);--onepp-ds-border:var(--md-border);--onepp-ds-primary:var(--md-accent);--onepp-ds-primary-soft:var(--md-accent-soft);--onepp-ds-success:var(--md-success);--onepp-ds-success-soft:var(--md-success-soft);--onepp-ds-warning:var(--md-warning);--onepp-ds-warning-soft:var(--md-warning-soft);--onepp-ds-danger:var(--md-danger);--onepp-ds-danger-soft:var(--md-danger-soft);--onepp-ds-info:var(--md-info);--onepp-ds-info-soft:var(--md-info-soft);--onepp-ds-radius-xs:8px;--onepp-ds-radius-sm:10px;--onepp-ds-radius-md:14px;--onepp-ds-radius-lg:18px;--onepp-ds-radius-xl:24px;--onepp-ds-shadow-sm:var(--md-shadow-sm);--onepp-ds-shadow-md:var(--md-shadow-md);--onepp-ds-space-1:4px;--onepp-ds-space-2:8px;--onepp-ds-space-3:12px;--onepp-ds-space-4:16px;--onepp-ds-space-5:20px;--onepp-ds-space-6:24px;--onepp-ds-space-8:32px;--onepp-ds-toolbar-h:48px;--onepp-ds-row-h:44px;--onepp-ds-transition:.16s ease}body{font-family:var(--onepp-ds-font)}.onepp-ds-workspace,.onepp-ds-card,.onepp-ds-toolbar,.onepp-ds-table-wrap,.onepp-ds-dialog{box-sizing:border-box}.onepp-ds-workspace *,.onepp-ds-card *,.onepp-ds-toolbar *,.onepp-ds-table *{box-sizing:border-box}.onepp-ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:12px;font:650 13px/1 var(--onepp-ds-font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--onepp-ds-transition),border-color var(--onepp-ds-transition),color var(--onepp-ds-transition),transform var(--onepp-ds-transition),box-shadow var(--onepp-ds-transition)}.onepp-ds-btn:hover{transform:translateY(-1px)}.onepp-ds-btn:focus-visible{outline:3px solid var(--md-focus);outline-offset:2px}.onepp-ds-btn--primary{background:var(--onepp-ds-primary);color:var(--md-on-accent);border-color:var(--onepp-ds-primary);box-shadow:var(--onepp-ds-shadow-sm)}.onepp-ds-btn--secondary{background:var(--md-surface);color:var(--onepp-ds-text);border-color:var(--onepp-ds-line)}.onepp-ds-btn--ghost{background:transparent;color:var(--onepp-ds-text-soft);border-color:transparent}.onepp-ds-btn--ghost:hover{background:var(--onepp-ds-surface-soft)}.onepp-ds-btn--danger{background:var(--onepp-ds-danger-soft);color:var(--onepp-ds-danger);border-color:var(--md-danger-border)}.onepp-ds-btn--toolbar{background:var(--onepp-ds-surface-soft);color:var(--onepp-ds-text-soft);border-color:var(--onepp-ds-line-soft)}.onepp-ds-btn--sm{min-height:30px;padding:0 10px;border-radius:10px;font-size:12px}.onepp-ds-btn--lg{min-height:42px;padding:0 16px;border-radius:14px;font-size:14px}.onepp-ds-btn--icon-only{width:36px;padding:0}.onepp-ds-btn__icon{line-height:1;display:inline-grid;place-items:center}.onepp-ds-toolbar{min-height:var(--onepp-ds-toolbar-h);display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:10px 12px;background:color-mix(in srgb, var(--md-surface) 76%, transparent);border:1px solid var(--onepp-ds-line);border-radius:18px;box-shadow:var(--onepp-ds-shadow-sm);backdrop-filter:blur(14px)}.onepp-ds-toolbar__left,.onepp-ds-toolbar__right{display:flex;align-items:center;gap:10px;min-width:0}.onepp-ds-toolbar__title{min-width:0}.onepp-ds-toolbar__title h1{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.02em;color:var(--onepp-ds-text)}.onepp-ds-toolbar__title p{margin:3px 0 0;font-size:12.5px;line-height:1.25;color:var(--onepp-ds-muted)}.onepp-ds-search{height:36px;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--md-surface);border:1px solid var(--onepp-ds-line);border-radius:12px;padding:0 11px;color:var(--onepp-ds-muted)}.onepp-ds-search input{width:100%;border:0;outline:0;background:transparent;font:500 13px/1 var(--onepp-ds-font);color:var(--onepp-ds-text)}.onepp-ds-card{background:var(--onepp-ds-surface);border:1px solid var(--onepp-ds-line);border-radius:20px;box-shadow:var(--onepp-ds-shadow-sm);overflow:hidden}.onepp-ds-card__head{padding:16px 18px 0}.onepp-ds-card__head h2{margin:0;font-size:15px;letter-spacing:-.01em;color:var(--onepp-ds-text)}.onepp-ds-card__head p{margin:5px 0 0;color:var(--onepp-ds-muted);font-size:12.5px;line-height:1.35}.onepp-ds-card__body{padding:18px}.onepp-ds-card--status{border-left:4px solid var(--onepp-ds-primary)}.onepp-ds-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font:700 12px/1 var(--onepp-ds-font);border:1px solid transparent;background:var(--onepp-ds-surface-soft);color:var(--onepp-ds-muted)}.onepp-ds-badge--success{background:var(--onepp-ds-success-soft);color:var(--onepp-ds-success)}.onepp-ds-badge--warning{background:var(--onepp-ds-warning-soft);color:var(--onepp-ds-warning)}.onepp-ds-badge--danger{background:var(--onepp-ds-danger-soft);color:var(--onepp-ds-danger)}.onepp-ds-badge--info{background:var(--onepp-ds-info-soft);color:var(--onepp-ds-info)}.onepp-ds-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--onepp-ds-line);padding:0 6px;margin:0 0 16px}.onepp-ds-tab{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;color:var(--onepp-ds-muted);font:650 13px/1 var(--onepp-ds-font);text-decoration:none;border-bottom:2px solid transparent}.onepp-ds-tab.is-active{color:var(--onepp-ds-primary);border-bottom-color:var(--onepp-ds-primary)}.onepp-ds-table-wrap{overflow:auto;border:1px solid var(--onepp-ds-line);border-radius:16px;background:var(--md-surface)}.onepp-ds-table{width:100%;border-collapse:separate;border-spacing:0;font:500 13px/1.35 var(--onepp-ds-font)}.onepp-ds-table th{height:38px;text-align:left;background:var(--onepp-ds-surface-soft);color:var(--onepp-ds-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--onepp-ds-line);padding:0 12px;white-space:nowrap}.onepp-ds-table td{height:var(--onepp-ds-row-h);border-bottom:1px solid var(--onepp-ds-line-soft);padding:0 12px;color:var(--onepp-ds-text-soft);white-space:nowrap}.onepp-ds-table tr:hover td{background:var(--md-surface-soft)}.onepp-ds-table tbody tr:last-child td{border-bottom:0}.onepp-ds-empty{text-align:center;color:var(--onepp-ds-muted)!important;padding:24px!important}.onepp-ds-field{display:grid;gap:6px}.onepp-ds-field label{font:750 12px/1 var(--onepp-ds-font);color:var(--onepp-ds-text-soft)}.onepp-ds-input,.onepp-ds-select,.onepp-ds-textarea{width:100%;border:1px solid var(--onepp-ds-line);border-radius:12px;background:var(--md-surface);color:var(--onepp-ds-text);font:500 13px/1.35 var(--onepp-ds-font);padding:10px 11px}.onepp-ds-textarea{min-height:96px;resize:vertical}.onepp-ds-input:focus,.onepp-ds-select:focus,.onepp-ds-textarea:focus{outline:3px solid var(--md-focus);border-color:var(--onepp-ds-primary)}@media(max-width:860px){.onepp-ds-toolbar{align-items:stretch;flex-direction:column}.onepp-ds-toolbar__right{flex-wrap:wrap}.onepp-ds-search{min-width:0;width:100%}.onepp-ds-tabs{overflow:auto}.onepp-ds-table th,.onepp-ds-table td{white-space:nowrap}}


/* 1PP Phase 3.9 – Design System Stabilization / Final */
:root{
  --onepp-ds-focus:0 0 0 3px var(--md-focus);
  --onepp-ds-hover-y:-1px;
  --onepp-ds-icon-stroke:1.85;
  --onepp-ds-motion-fast:140ms cubic-bezier(.2,.8,.2,1);
  --onepp-ds-motion-normal:180ms cubic-bezier(.2,.8,.2,1);
}
.onepp-ds-icon{display:inline-block;vertical-align:middle;stroke:currentColor;stroke-width:var(--onepp-ds-icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.onepp-ds-btn .onepp-ds-icon,.onepp-shell-icon-btn .onepp-ds-icon{width:18px;height:18px}
.onepp-ds-btn,.onepp-ds-tab,.onepp-ds-app-tile,.onepp-ds-card,.onepp-ds-section,.onepp-ds-state,.onepp-ds-notice{transition:background var(--onepp-ds-motion-normal),border-color var(--onepp-ds-motion-normal),box-shadow var(--onepp-ds-motion-normal),transform var(--onepp-ds-motion-normal),color var(--onepp-ds-motion-normal)}
.onepp-ds-btn:focus-visible,.onepp-ds-tab:focus-visible,.onepp-ds-app-tile:focus-visible,.onepp-ds-input:focus-visible,.onepp-ds-select:focus-visible,.onepp-ds-textarea:focus-visible{outline:0;box-shadow:var(--onepp-ds-focus)}
.onepp-ds-stack{display:grid;gap:var(--onepp-ds-space-4)}.onepp-ds-stack--sm{gap:var(--onepp-ds-space-3)}.onepp-ds-stack--lg{gap:var(--onepp-ds-space-6)}
.onepp-ds-cluster{display:flex;align-items:center;gap:var(--onepp-ds-space-3);flex-wrap:wrap}.onepp-ds-cluster--end{justify-content:flex-end}.onepp-ds-cluster--between{justify-content:space-between}
.onepp-ds-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}
.onepp-ds-notice{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--onepp-ds-line-soft);border-radius:16px;background:var(--md-surface);color:var(--onepp-ds-text-soft)}
.onepp-ds-notice__icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:0 0 32px;background:var(--md-accent-soft);color:var(--onepp-ds-primary);border:1px solid var(--onepp-ds-line-soft)}
.onepp-ds-notice__body{min-width:0;flex:1}.onepp-ds-notice__body strong{display:block;color:var(--onepp-ds-text);font-size:13.5px;line-height:1.2}.onepp-ds-notice__body p{margin:4px 0 0;color:var(--onepp-ds-muted);font-size:12.5px;line-height:1.4}.onepp-ds-notice__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.onepp-ds-notice--success{background:var(--onepp-ds-success-soft);border-color:var(--md-success-border)}.onepp-ds-notice--success .onepp-ds-notice__icon{color:var(--onepp-ds-success);background:var(--md-surface);border-color:var(--md-success-border)}
.onepp-ds-notice--warning{background:var(--onepp-ds-warning-soft);border-color:var(--md-warning-border)}.onepp-ds-notice--warning .onepp-ds-notice__icon{color:var(--onepp-ds-warning);background:var(--md-surface);border-color:var(--md-warning-border)}
.onepp-ds-notice--error,.onepp-ds-notice--danger{background:var(--onepp-ds-danger-soft);border-color:var(--md-danger-border)}.onepp-ds-notice--error .onepp-ds-notice__icon,.onepp-ds-notice--danger .onepp-ds-notice__icon{color:var(--onepp-ds-danger);background:var(--md-surface);border-color:var(--md-danger-border)}
.onepp-ds-skeleton{display:grid;gap:10px}.onepp-ds-skeleton span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--md-surface-muted),var(--md-surface-soft),var(--md-surface-muted));background-size:220% 100%;animation:onepp-ds-skeleton 1.2s ease-in-out infinite}.onepp-ds-skeleton span:nth-child(1){width:84%}.onepp-ds-skeleton span:nth-child(2){width:64%}.onepp-ds-skeleton span:nth-child(3){width:72%}
@keyframes onepp-ds-skeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:760px){.onepp-ds-notice{flex-direction:column}.onepp-ds-notice__actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.onepp-ds-btn,.onepp-ds-tab,.onepp-ds-app-tile,.onepp-ds-card,.onepp-ds-section,.onepp-ds-state,.onepp-ds-notice,.onepp-ds-skeleton span{transition:none!important;animation:none!important;transform:none!important}}

/* Migrated layout primitives from 1pp-design-system-workspaces.css; source file retired after 022.11.134. */
/* 1PP Design System 2.0 – Workspace Engine */
.onepp-ds-workspace{display:flex;flex-direction:column;min-height:calc(100vh - 116px);background:linear-gradient(180deg,color-mix(in srgb, var(--md-surface) 82%, transparent),color-mix(in srgb, var(--md-surface) 64%, transparent));border:1px solid var(--onepp-ds-line);border-radius:24px;box-shadow:var(--onepp-ds-shadow-sm);overflow:hidden}.onepp-ds-workspace__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px;background:color-mix(in srgb, var(--md-surface) 78%, transparent);border-bottom:1px solid var(--onepp-ds-line-soft)}.onepp-ds-workspace__header h1{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.035em;color:var(--onepp-ds-text)}.onepp-ds-workspace__header p{margin:5px 0 0;font-size:13px;line-height:1.35;color:var(--onepp-ds-muted)}.onepp-ds-workspace__meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.onepp-ds-workspace__body{padding:18px;min-height:0;overflow:auto}.onepp-ds-grid{display:grid;gap:16px}.onepp-ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.onepp-ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.onepp-ds-object-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.onepp-ds-detail-panel{display:grid;gap:12px}.onepp-ds-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 12px;font-size:13px}.onepp-ds-kv dt{color:var(--onepp-ds-muted);font-weight:650}.onepp-ds-kv dd{margin:0;color:var(--onepp-ds-text);font-weight:650}.onepp-ds-empty-state{display:grid;place-items:center;text-align:center;min-height:220px;padding:26px;color:var(--onepp-ds-muted)}.onepp-ds-empty-state strong{display:block;margin-bottom:5px;color:var(--onepp-ds-text);font-size:15px}.onepp-ds-activity{display:grid;gap:10px}.onepp-ds-activity__item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}.onepp-ds-activity__dot{width:10px;height:10px;border-radius:99px;background:var(--onepp-ds-primary);margin:5px auto}.onepp-ds-activity__text{font-size:13px;color:var(--onepp-ds-text-soft);line-height:1.35}.onepp-ds-activity__text small{display:block;color:var(--onepp-ds-muted);margin-top:2px}@media(max-width:1100px){.onepp-ds-object-layout{grid-template-columns:1fr}.onepp-ds-grid--3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.onepp-ds-workspace{border-radius:18px;min-height:auto}.onepp-ds-workspace__header{flex-direction:column}.onepp-ds-workspace__body{padding:12px}.onepp-ds-grid--2,.onepp-ds-grid--3{grid-template-columns:1fr}.onepp-ds-kv{grid-template-columns:1fr}}

/* 1PP Design System 3.0 – Workspace Pattern Library */
.onepp-ds-wshead{padding:18px 20px 16px;border-bottom:1px solid var(--onepp-ds-line-soft);background:color-mix(in srgb, var(--md-surface) 76%, transparent)}
.onepp-ds-wshead__top{display:flex;align-items:center;gap:10px;min-height:28px;margin-bottom:6px}.onepp-ds-breadcrumb{display:flex;align-items:center;gap:7px;color:var(--onepp-ds-muted);font-size:12px}.onepp-ds-breadcrumb a{color:var(--onepp-ds-muted);text-decoration:none}.onepp-ds-breadcrumb strong{color:var(--onepp-ds-text-soft);font-weight:650}.onepp-ds-wshead__main{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.onepp-ds-wshead__title h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.055em;color:var(--onepp-ds-text)}.onepp-ds-wshead__title p{margin:8px 0 0;color:var(--onepp-ds-muted);font-size:14px;line-height:1.4}.onepp-ds-eyebrow{margin-bottom:6px;color:var(--onepp-ds-muted);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.onepp-ds-wshead__meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.onepp-ds-commandbar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--onepp-ds-line-soft);background:color-mix(in srgb, var(--md-surface) 55%, transparent)}.onepp-ds-commandbar__search{flex:1;min-width:240px;height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--onepp-ds-line);border-radius:12px;background:color-mix(in srgb, var(--md-surface) 84%, transparent);color:var(--onepp-ds-muted)}.onepp-ds-commandbar__search input{border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;color:var(--onepp-ds-text)}.onepp-ds-commandbar__actions,.onepp-ds-commandbar__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.onepp-ds-pattern{background:linear-gradient(180deg,color-mix(in srgb, var(--md-surface) 82%, transparent),color-mix(in srgb, var(--md-surface) 66%, transparent));border:1px solid var(--onepp-ds-line);border-radius:24px;box-shadow:var(--onepp-ds-shadow-sm);overflow:hidden}.onepp-ds-pattern__body{padding:18px 20px 22px;min-height:0}.onepp-ds-pattern--dashboard .onepp-ds-pattern__body{display:grid;gap:16px}.onepp-ds-pattern--list .onepp-ds-pattern__body{padding-top:12px}.onepp-ds-pattern--settings .onepp-ds-pattern__body{display:grid;gap:22px}.onepp-ds-pattern--detail .onepp-ds-pattern__body{padding:0}.onepp-ds-pattern--explorer{min-height:calc(100vh - 116px)}
.onepp-ds-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 16px}.onepp-ds-kpi{min-height:82px;border:1px solid var(--onepp-ds-line-soft);border-radius:18px;background:color-mix(in srgb, var(--md-surface) 72%, transparent);padding:14px 16px}.onepp-ds-kpi__label{font-size:12px;color:var(--onepp-ds-muted);font-weight:650}.onepp-ds-kpi__value{margin-top:7px;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--onepp-ds-text)}.onepp-ds-kpi__hint{margin-top:8px;font-size:12px;color:var(--onepp-ds-muted);font-weight:650}
.onepp-ds-section{border:1px solid var(--onepp-ds-line-soft);border-radius:20px;background:color-mix(in srgb, var(--md-surface) 72%, transparent);overflow:hidden}.onepp-ds-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--onepp-ds-line-soft)}.onepp-ds-section__head h2{margin:0;font-size:15px;letter-spacing:-.025em;color:var(--onepp-ds-text)}.onepp-ds-section__head p{margin:4px 0 0;font-size:12.5px;color:var(--onepp-ds-muted)}.onepp-ds-section__actions{display:flex;gap:8px;flex-wrap:wrap}.onepp-ds-section__body{padding:16px}
.onepp-ds-detail-layout{display:grid;gap:16px}.onepp-ds-detail-layout__content{display:grid;gap:16px}.onepp-ds-detail-layout__content.has-aside{grid-template-columns:minmax(0,1fr) 360px}.onepp-ds-detail-layout__content main,.onepp-ds-detail-layout__content aside{min-width:0;display:grid;gap:16px;align-content:start}
.onepp-ds-app-tile{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:74px;padding:12px 14px;border:1px solid var(--onepp-ds-line-soft);border-radius:18px;background:color-mix(in srgb, var(--md-surface) 72%, transparent);text-decoration:none;color:var(--onepp-ds-text);transition:background .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}.onepp-ds-app-tile:hover{background:var(--md-surface);border-color:var(--md-accent-border);box-shadow:0 12px 34px var(--md-shadow-soft);transform:translateY(-1px)}.onepp-ds-app-tile__icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--onepp-ds-line);border-radius:14px;background:linear-gradient(180deg,var(--md-surface-soft),var(--md-accent-soft));font-size:23px}.onepp-ds-app-tile__text strong{display:block;font-size:14px;line-height:1.15}.onepp-ds-app-tile__text small{display:block;margin-top:3px;color:var(--onepp-ds-muted);font-size:12px;line-height:1.25}.onepp-ds-app-tile__arrow{color:var(--onepp-ds-muted);font-weight:800}
.onepp-ds-interaction-note{border-left:3px solid var(--onepp-ds-primary);padding:10px 12px;border-radius:12px;background:color-mix(in srgb, var(--md-accent) 8%, transparent);color:var(--onepp-ds-text-soft);font-size:13px;line-height:1.45}
@media(max-width:980px){.onepp-ds-wshead__main,.onepp-ds-commandbar{flex-direction:column;align-items:stretch}.onepp-ds-detail-layout__content.has-aside{grid-template-columns:1fr}.onepp-ds-commandbar__search{min-width:0}.onepp-ds-wshead__meta{justify-content:flex-start}}@media(max-width:720px){.onepp-ds-wshead{padding:14px}.onepp-ds-wshead__title h1{font-size:23px}.onepp-ds-commandbar{padding:10px 14px}.onepp-ds-pattern{border-radius:18px}.onepp-ds-pattern__body{padding:14px}.onepp-ds-app-tile{grid-template-columns:42px minmax(0,1fr) auto}.onepp-ds-app-tile .onepp-ds-badge{display:none}}

/* 1PP Phase 3 – Workspace Header 2.0 / Desktop Shell Finalisierung */
:root{
  --onepp-ds-page-max:1880px;
  --onepp-ds-page-pad-x:18px;
  --onepp-ds-header-radius:22px;
  --onepp-ds-header-bg:color-mix(in srgb, var(--md-surface) 78%, transparent);
  --onepp-ds-header-line:color-mix(in srgb, var(--md-border) 82%, transparent);
}
.onepp-ds-wshead2{
  position:relative;
  display:grid;
  gap:12px;
  width:100%;
  box-sizing:border-box;
  padding:16px 18px 15px;
  border:1px solid var(--onepp-ds-header-line);
  border-radius:var(--onepp-ds-header-radius);
  background:linear-gradient(180deg,color-mix(in srgb, var(--md-surface) 88%, transparent),var(--onepp-ds-header-bg));
  box-shadow:0 10px 34px var(--md-shadow-xs);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.onepp-ds-wshead2__topline,
.onepp-ds-wshead2__main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.onepp-ds-wshead2__nav,
.onepp-ds-wshead2__status,
.onepp-ds-wshead2__actions{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
.onepp-ds-wshead2__title{min-width:0;display:block}
.onepp-ds-wshead2__title h1{
  margin:0;
  color:var(--onepp-ds-text);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:790;
}
.onepp-ds-wshead2__title p{
  margin:5px 0 0;
  max-width:820px;
  color:var(--onepp-ds-muted);
  font-size:13px;
  line-height:1.4;
}
.onepp-ds-wshead2.is-compact{padding:14px 16px;border-radius:18px;gap:8px}
.onepp-ds-wshead2.is-compact .onepp-ds-wshead2__title h1{font-size:20px}
.onepp-ds-wshead2.is-compact .onepp-ds-wshead2__title p{font-size:12.5px;margin-top:4px}
.onepp-ds-breadcrumb--v2{font-size:11.5px;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onepp-ds-breadcrumb--v2 .onepp-ds-breadcrumb__sep{color:color-mix(in srgb, var(--md-text-muted) 62%, transparent)}
.onepp-ds-breadcrumb--v2 a:hover{color:var(--onepp-ds-primary)}
.onepp-ds-wshead2__kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:10px;
  margin-top:2px;
}
.onepp-ds-wshead2__kpis article{
  min-height:64px;
  border:1px solid var(--onepp-ds-line-soft);
  border-radius:15px;
  background:color-mix(in srgb, var(--md-surface) 68%, transparent);
  padding:10px 12px;
}
.onepp-ds-wshead2__kpis span,
.onepp-ds-wshead2__kpis small{display:block;color:var(--onepp-ds-muted);font-size:11px;font-weight:650;line-height:1.25}
.onepp-ds-wshead2__kpis strong{display:block;margin-top:5px;color:var(--onepp-ds-text);font-size:19px;line-height:1;letter-spacing:-.045em;font-weight:800}
.onepp-ds-wshead2__kpis small{margin-top:5px;font-weight:560}
.onepp-ds-wstoolbar2{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid var(--onepp-ds-line-soft);
  border-radius:18px;
  background:color-mix(in srgb, var(--md-surface) 72%, transparent);
  box-shadow:0 8px 24px var(--md-shadow-xs);
}
.onepp-ds-wstoolbar2__search{
  flex:1 1 260px;
  min-width:220px;
  height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid var(--onepp-ds-line);
  border-radius:12px;
  background:var(--md-surface);
  color:var(--onepp-ds-muted);
}
.onepp-ds-wstoolbar2__search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--onepp-ds-text);font:inherit;font-size:13px}
.onepp-ds-wstoolbar2__group,
.onepp-ds-wstoolbar2__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.onepp-ds-wstoolbar2__actions{margin-left:auto}
.onepp-ds-grid-shell{display:grid;gap:16px;max-width:var(--onepp-ds-page-max);margin:0 auto;width:100%;box-sizing:border-box}
.onepp-ds-grid-shell--2{grid-template-columns:minmax(0,1fr) 360px}
.onepp-ds-grid-shell--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.onepp-ds-cardhead2{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid var(--onepp-ds-line-soft);
}
.onepp-ds-cardhead2 h2{margin:0;color:var(--onepp-ds-text);font-size:14.5px;line-height:1.2;letter-spacing:-.025em;font-weight:760}
.onepp-ds-cardhead2 p{margin:4px 0 0;color:var(--onepp-ds-muted);font-size:12px;line-height:1.35}
.onepp-ds-cardhead2__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.onepp-ds-state{
  display:grid;
  place-items:center;
  text-align:center;
  min-height:220px;
  padding:28px;
  border:1px solid var(--onepp-ds-line-soft);
  border-radius:20px;
  background:color-mix(in srgb, var(--md-surface) 72%, transparent);
  color:var(--onepp-ds-muted);
}
.onepp-ds-state__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;background:var(--md-accent-soft);border:1px solid var(--onepp-ds-line);color:var(--onepp-ds-text-soft);font-weight:850}
.onepp-ds-state h2{margin:0;color:var(--onepp-ds-text);font-size:16px;letter-spacing:-.03em}
.onepp-ds-state p{margin:7px 0 0;max-width:520px;font-size:13px;line-height:1.45}
.onepp-ds-state__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.onepp-ds-state--error .onepp-ds-state__icon{background:var(--md-danger-soft);color:var(--md-danger);border-color:var(--md-danger-border)}
.onepp-ds-state--success .onepp-ds-state__icon{background:var(--md-success-soft);color:var(--md-success);border-color:var(--md-success-border)}
.onepp-ds-state--info .onepp-ds-state__icon{background:var(--md-accent-soft);color:var(--onepp-ds-primary);border-color:var(--md-border)}
.onepp-ds-state--loading .onepp-ds-state__icon{animation:onepp-ds-pulse 1.2s ease-in-out infinite}
@keyframes onepp-ds-pulse{0%,100%{opacity:.58;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.onepp-ds-grid-shell--2,.onepp-ds-grid-shell--3{grid-template-columns:1fr}.onepp-ds-wshead2__main{align-items:flex-start}}
@media(max-width:760px){.onepp-ds-wshead2{border-radius:18px;padding:13px}.onepp-ds-wshead2__topline,.onepp-ds-wshead2__main,.onepp-ds-wstoolbar2{align-items:stretch;flex-direction:column}.onepp-ds-wshead2__title h1{font-size:21px}.onepp-ds-wshead2__actions,.onepp-ds-wstoolbar2__actions{margin-left:0}.onepp-ds-wstoolbar2__search{min-width:0;flex-basis:auto;width:100%;box-sizing:border-box}.onepp-ds-cardhead2{flex-direction:column}.onepp-ds-cardhead2__actions{width:100%}}


/* 1PP Phase 3.9 – Workspace Stabilization / Final */
.onepp-ds-pattern,.onepp-ds-workspace,.onepp-ds-wshead2,.onepp-ds-wstoolbar2,.onepp-ds-grid-shell,.onepp-ds-card,.onepp-ds-section{box-sizing:border-box}
.onepp-ds-pattern > .onepp-ds-wshead2 + .onepp-ds-wstoolbar2,
.onepp-ds-workspace > .onepp-ds-wshead2 + .onepp-ds-wstoolbar2{margin-top:12px}
.onepp-ds-pattern__body > :first-child,.onepp-ds-workspace__body > :first-child{margin-top:0}.onepp-ds-pattern__body > :last-child,.onepp-ds-workspace__body > :last-child{margin-bottom:0}
.onepp-ds-card > .onepp-ds-cardhead2:first-child + .onepp-ds-card__body,.onepp-ds-section > .onepp-ds-cardhead2:first-child + .onepp-ds-section__body{padding-top:16px}
.onepp-ds-grid-shell > .onepp-ds-state,.onepp-ds-pattern__body > .onepp-ds-state{min-height:260px}
.onepp-ds-table-wrap{min-width:0;max-width:100%}.onepp-ds-table th,.onepp-ds-table td{vertical-align:middle}.onepp-ds-table td .onepp-ds-badge{vertical-align:middle}
.onepp-ds-wshead2__actions .onepp-ds-btn,.onepp-ds-wstoolbar2__actions .onepp-ds-btn,.onepp-ds-cardhead2__actions .onepp-ds-btn{flex:0 0 auto}
.onepp-ds-wshead2__status:empty,.onepp-ds-wshead2__actions:empty,.onepp-ds-cardhead2__actions:empty{display:none}
@media(max-width:760px){.onepp-ds-grid-shell{gap:12px}.onepp-ds-pattern__body,.onepp-ds-workspace__body{padding-left:12px;padding-right:12px}.onepp-ds-table-wrap{border-radius:14px}}


/* Modernisierungspaket 001 – Universelle Objektkarte: einheitliche Objektdaten im Kopfbereich */
.onepp-ds-wshead2__object-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 0;padding:0;color:var(--md-text-muted)}
.onepp-ds-wshead2__object-meta div{display:flex;align-items:baseline;gap:6px;min-width:0}
.onepp-ds-wshead2__object-meta dt{margin:0;font-size:11px;font-weight:760;letter-spacing:.02em;text-transform:uppercase;color:var(--md-text-subtle);white-space:nowrap}
.onepp-ds-wshead2__object-meta dd{margin:0;min-width:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;color:var(--md-text-soft)}
@media(max-width:720px){.onepp-ds-wshead2__object-meta{display:grid;grid-template-columns:1fr;gap:7px}.onepp-ds-wshead2__object-meta div{align-items:flex-start;flex-direction:column;gap:2px}.onepp-ds-wshead2__object-meta dd{max-width:100%}}

/* Migrated layout primitives from 1pp-unified-page-design.css; source file retired after 022.11.134. */
/* 1PP 013.3 – Einheitliches Seitendesign
   Eine zentrale, ruhige Designsprache fuer Modul-, Detail- und Formularseiten. */
:root{
  --onepp-pagehero-blue:var(--md-accent-soft);
  --onepp-pagehero-blue-strong:var(--md-accent-border);
  --onepp-pagehero-line:color-mix(in srgb, var(--md-accent-border) 72%, transparent);
  --onepp-pagehero-shadow:var(--md-shadow-md);
}

.onepp-unified-page-design .onepp-pagehero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  width:100%;
  min-height:0;
  margin-bottom:16px;
  padding:20px 22px;
  border:1px solid var(--onepp-pagehero-line) !important;
  border-radius:22px !important;
  background:linear-gradient(112deg,color-mix(in srgb, var(--md-surface) 98%, transparent) 0%,color-mix(in srgb, var(--md-accent-soft) 96%, transparent) 48%,color-mix(in srgb, var(--md-accent-soft) 90%, transparent) 100%) !important;
  box-shadow:var(--onepp-pagehero-shadow) !important;
}

.onepp-unified-page-design .onepp-pagehero::before,
.onepp-unified-page-design .onepp-pagehero::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
}

.onepp-unified-page-design .onepp-pagehero::before{
  width:58%;
  height:235%;
  right:-15%;
  top:-124%;
  background:linear-gradient(145deg,color-mix(in srgb, var(--md-accent-soft) 82%, transparent),color-mix(in srgb, var(--md-accent-soft) 40%, transparent));
  transform:rotate(-7deg);
}

.onepp-unified-page-design .onepp-pagehero::after{
  width:38%;
  height:155%;
  right:12%;
  bottom:-121%;
  border:1px solid color-mix(in srgb, var(--md-border) 72%, transparent);
  background:color-mix(in srgb, var(--md-surface) 27%, transparent);
  transform:rotate(9deg);
}

.onepp-unified-page-design .onepp-pagehero > *{position:relative;z-index:1}
.onepp-unified-page-design .onepp-pagehero h1{
  margin-top:0;
  color:var(--md-text);
  font-size:clamp(24px,2vw,31px);
  line-height:1.08;
  font-weight:780;
  letter-spacing:-.045em;
}
.onepp-unified-page-design .onepp-pagehero p{
  max-width:820px;
  color:var(--md-text-muted);
  line-height:1.45;
}

/* Detail- und Formularseiten bleiben bewusst flach und arbeitsorientiert. */
.onepp-unified-page-design .onepp-pagehero--compact{
  margin-bottom:13px;
  padding:14px 17px !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px var(--md-shadow-xs) !important;
}
.onepp-unified-page-design .onepp-pagehero--compact::before{width:47%;height:210%;right:-12%;top:-111%;opacity:.72}
.onepp-unified-page-design .onepp-pagehero--compact::after{display:none}
.onepp-unified-page-design .onepp-pagehero--compact h1{font-size:clamp(20px,1.6vw,24px)}

/* Bestehende zentrale Workspace-Koepfe behalten ihre Anordnung und Funktionen. */
.onepp-unified-page-design .onepp-pagehero.onepp-ds-wshead2,
.onepp-unified-page-design .onepp-pagehero.onepp-ds-wshead,
.onepp-unified-page-design .onepp-pagehero.onepp-ds-workspace__header{
  display:grid;
}
.onepp-unified-page-design .onepp-pagehero .onepp-ds-wshead2__title p,
.onepp-unified-page-design .onepp-pagehero .onepp-ds-wshead__title p{color:var(--md-text-muted)}
.onepp-unified-page-design .onepp-pagehero .onepp-ds-btn,
.onepp-unified-page-design .onepp-pagehero a,
.onepp-unified-page-design .onepp-pagehero button{position:relative;z-index:2}

@media(max-width:900px){
  .onepp-unified-page-design .onepp-pagehero{padding:17px 18px}
  .onepp-unified-page-design .onepp-pagehero::before{width:74%;right:-29%;opacity:.72}
}

@media(max-width:640px){
  .onepp-unified-page-design .onepp-pagehero,
  .onepp-unified-page-design .onepp-pagehero--compact{
    margin-bottom:12px;
    padding:14px !important;
    border-radius:17px !important;
  }
  .onepp-unified-page-design .onepp-pagehero h1{font-size:21px}
  .onepp-unified-page-design .onepp-pagehero p{font-size:12.5px}
  .onepp-unified-page-design .onepp-pagehero::before{width:92%;right:-47%;opacity:.58}
}

@media(prefers-reduced-motion:reduce){
  .onepp-unified-page-design .onepp-pagehero *{scroll-behavior:auto !important}
}