:root{
  --lo-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--lo-bg:#0b102f;--lo-surface:#171b55;--lo-surface-muted:#20266d;--lo-text:#f7f7ff;--lo-muted:#aeb6e9;--lo-primary:#5b5cf6;--lo-secondary:#ff9a70;--lo-border:#3d4bc2;--lo-success:#57d9c1;--lo-danger:#ff5d8f;
  --lo-header-height:72px;--lo-logo-height:32px;--lo-logo-max-width:180px;--lo-header-app-size:20px;--lo-nav-font:700 14px/1 var(--lo-font);--lo-header-control-height:42px;--lo-header-gap:8px;--lo-content-max:1540px;--lo-page-pad:32px;
  --lo-h1-size:42px;--lo-h2-size:28px;--lo-h3-size:19px;--lo-body-size:15px;--lo-lead-size:16px;--lo-small-size:12px;--lo-eyebrow-size:11px;--lo-page-header-gap:32px;--lo-title-lead-gap:12px;--lo-section-gap:28px;
  --lo-card-radius:20px;--lo-card-padding:22px;--lo-card-border:1px;--lo-card-gap:16px;--lo-card-heading-size:18px;--lo-card-description-size:14px;--lo-card-icon-size:44px;--lo-card-min-height:210px;--lo-kpi-min-height:140px;--lo-kpi-value-size:34px;--lo-kpi-value:#ffad75;--lo-metric-value:#ffad75;--lo-eyebrow:#ff9a70;--lo-icon-accent:#ff9a70;--lo-trend-positive:#57d9c1;--lo-trend-negative:#ff5d8f;--lo-trend-neutral:#aeb6e9;
  --lo-control-height:44px;--lo-radius-button:14px;--lo-radius-input:14px;--lo-focus-outline:3px solid #69d9ff;--lo-focus-offset:2px;--lo-dropdown-width:280px;--lo-shadow-card:0 18px 48px rgba(2,5,30,.34);--lo-shadow-pop:0 24px 70px rgba(2,5,30,.55);--lo-disabled-opacity:.48;--lo-warning:#ffc36b;--lo-info:#69d9ff;--lo-active-gradient:linear-gradient(135deg,#6258ff,#405fe8 58%,#ff9a70);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--lo-font);font-size:var(--lo-body-size);background:var(--lo-bg);color:var(--lo-text)}body{background-image:radial-gradient(circle at 16% 0,rgba(91,92,246,.22),transparent 34%),radial-gradient(circle at 90% 28%,rgba(105,217,255,.09),transparent 28%)}html.lo-core-preboot body>*:not(#lo-preboot){visibility:hidden!important}#lo-preboot{display:none}
#lo-app-header{position:sticky;inset:0 0 auto;z-index:1000000;width:100%;height:var(--lo-header-height)}.lo-header{height:var(--lo-header-height);background:rgba(12,18,50,.97);border-bottom:1px solid var(--lo-header-border,#303c9f);box-shadow:0 8px 26px rgba(2,5,30,.2);isolation:isolate}.lo-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(91,92,246,.07),transparent 32%,rgba(255,154,112,.04))}.lo-header-inner{width:100%;height:100%;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:24px;padding:0 32px}.lo-brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--text,#f7f7ff);text-decoration:none}.lo-brand-logo{display:block;width:auto;height:var(--lo-logo-height);max-width:var(--lo-logo-max-width);object-fit:contain;color:var(--lo-text,#f7f7ff);flex:0 0 auto}.lo-brand-separator{width:1px;height:32px;background:rgba(247,247,255,.28)}.lo-app-name{overflow:hidden;color:var(--lo-secondary);font-size:var(--lo-header-app-size);font-weight:700;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.lo-nav,.lo-header-actions{display:flex;align-items:center;gap:var(--lo-header-gap);white-space:nowrap}.lo-nav{justify-content:center}.lo-header-actions{justify-self:end}.lo-nav-item,.lo-dropdown-trigger,.lo-control-center-link,.lo-mobile-toggle{height:var(--lo-header-control-height);min-height:var(--lo-header-control-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--lo-text);font:var(--lo-nav-font);text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.lo-nav-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--lo-icon-accent);pointer-events:none}.lo-nav-item:hover,.lo-dropdown-trigger:hover,.lo-control-center-link:hover{background:var(--lo-surface-muted);border-color:var(--lo-border)}.lo-nav-item.active,.lo-nav-group.active>.lo-dropdown-trigger,.lo-nav-group.open>.lo-dropdown-trigger{background:var(--lo-active-gradient);border-color:var(--lo-nav-active-border,#7774ff);color:var(--lo-on-accent,#fff)}.lo-nav-item.active .lo-nav-icon,.lo-nav-group.active>.lo-dropdown-trigger .lo-nav-icon{color:var(--lo-on-accent,#fff)}.lo-control-center-link,.lo-profile>.lo-dropdown-trigger{border-color:var(--lo-border)}.lo-mobile-toggle{display:none;width:42px;padding:0}.lo-header :is(a,button):focus-visible{outline:var(--lo-focus-outline);outline-offset:var(--lo-focus-offset)}.lo-nav-disabled{opacity:.45;pointer-events:none}
.lo-dropdown{position:relative}.lo-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:none;width:var(--lo-dropdown-width);max-height:min(620px,calc(100vh - 92px));overflow:auto;padding:8px;background:var(--lo-dropdown-bg,#131842);border:1px solid var(--lo-border);border-radius:14px;box-shadow:var(--lo-shadow-pop)}.lo-profile .lo-dropdown-menu{right:0;left:auto}.lo-dropdown.open>.lo-dropdown-menu{display:grid;gap:3px}.lo-dropdown-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--lo-text);font:700 13px/1.25 var(--lo-font);text-align:left;text-decoration:none;cursor:pointer}.lo-dropdown-item:hover{background:var(--lo-surface-muted)}.lo-dropdown-item.active{color:var(--lo-secondary)}.lo-dropdown-section+.lo-dropdown-section{margin-top:7px;padding-top:7px;border-top:1px solid var(--lo-border)}.lo-profile-identity{display:grid;gap:3px;margin:0 3px 7px;padding:8px 8px 12px;border-bottom:1px solid var(--lo-border)}.lo-profile-identity strong{font-size:13px}.lo-profile-identity :is(small,span){color:var(--lo-muted);font-size:11px}.lo-danger{color:var(--lo-danger)!important}.lo-chevron{font-size:12px}
.lo-content-container,.lo-app-main,.lo-page{width:100%!important;max-width:var(--lo-content-max)!important;margin:0 auto!important;padding:var(--lo-page-pad)!important}.lo-page-wide{max-width:var(--lo-content-max)!important}.lo-page-header,.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 var(--lo-page-header-gap)!important}.lo-page-header-copy{min-width:0}.lo-eyebrow,.lo-page-header .eyebrow{display:block;margin:0 0 8px!important;color:var(--lo-eyebrow);font-size:var(--lo-eyebrow-size)!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lo-h1,.lo-page-header h1,.page-head h1{margin:0!important;color:var(--lo-h1-color,var(--lo-text));font-family:var(--lo-font-heading);font-size:var(--lo-h1-size)!important;font-weight:var(--lo-h1-weight,850);line-height:var(--lo-h1-line,1.06);letter-spacing:-.035em}.lo-lead,.lo-page-header p,.page-head p{margin:var(--lo-title-lead-gap) 0 0!important;color:var(--lo-muted);font-size:var(--lo-lead-size)!important;line-height:1.55}.lo-h2,.lo-content-container h2{color:var(--lo-h2-color,var(--lo-text));font-size:var(--lo-h2-size);font-weight:var(--lo-h2-weight,800);line-height:var(--lo-h2-line,1.14)}.lo-h3,.lo-content-container h3{color:var(--lo-h3-color,var(--lo-text));font-size:var(--lo-h3-size);font-weight:var(--lo-h3-weight,800);line-height:var(--lo-h3-line,1.2)}.lo-body{font-size:var(--lo-body-size)}small,.lo-small{font-size:var(--lo-small-size)}.lo-section{margin-top:var(--lo-section-gap)}.lo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--lo-card-gap)}.lo-col-12{grid-column:span 12}.lo-col-9{grid-column:span 9}.lo-col-8{grid-column:span 8}.lo-col-6{grid-column:span 6}.lo-col-4{grid-column:span 4}.lo-col-3{grid-column:span 3}
.lo-card,.lo-card-interactive,.lo-panel,.lo-kpi-card,.lo-metric-card,.lo-status-card,.lo-action-card,.lo-app-card,.lo-empty-card{background:linear-gradient(145deg,var(--lo-surface),var(--lo-surface-muted));border:var(--lo-card-border) solid var(--lo-border);border-radius:var(--lo-card-radius);box-shadow:var(--lo-shadow-card);padding:var(--lo-card-padding);color:var(--lo-text)}.lo-card-header{display:flex;justify-content:space-between;gap:var(--lo-card-gap);margin-bottom:16px}.lo-card-heading,.lo-app-card h3{font-size:var(--lo-card-heading-size);margin:0}.lo-card-description,.lo-app-card p{font-size:var(--lo-card-description-size);color:var(--lo-muted)}.lo-card-interactive,.lo-action-card,.lo-app-card{transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer}.lo-card-interactive:hover,.lo-action-card:hover,.lo-app-card:hover{transform:translateY(-2px);border-color:var(--lo-card-hover-border,#6978ee);box-shadow:0 24px 64px rgba(2,5,30,.48)}.lo-card-interactive:focus-visible,.lo-action-card:focus-visible,.lo-app-card:focus-visible{outline:var(--lo-focus-outline);outline-offset:2px}.lo-app-card,.lo-action-card{display:flex;flex-direction:column;gap:var(--lo-card-gap);min-height:var(--lo-card-min-height)}.lo-app-icon,.lo-icon{width:var(--lo-card-icon-size);height:var(--lo-card-icon-size);display:grid;place-items:center;flex:0 0 var(--lo-card-icon-size);border-radius:13px;background:linear-gradient(135deg,var(--lo-primary),var(--lo-secondary));color:var(--lo-on-accent,#fff)}.lo-app-card .lo-app-btn,.lo-app-card .lo-card-action,.lo-action-card .lo-card-action{margin-top:auto}.lo-kpi-card,.lo-metric-card{min-height:var(--lo-kpi-min-height)}.lo-kpi-label,.lo-metric-label{display:block;color:var(--lo-muted);font-size:12px;font-weight:800}.lo-kpi-value,.lo-metric-value{display:block;margin-top:14px;color:var(--lo-metric-value);font-size:var(--lo-kpi-value-size);font-weight:900;line-height:1.05}.lo-kpi-meta,.lo-kpi-comparison,.lo-kpi-trend,.lo-metric-meta{display:flex;gap:8px;margin-top:8px;color:var(--lo-trend-neutral);font-size:12px}.lo-trend-positive,.lo-kpi-trend.up,.lo-kpi-comparison.up{color:var(--lo-trend-positive)}.lo-trend-negative,.lo-kpi-trend.down,.lo-kpi-comparison.down{color:var(--lo-trend-negative)}.lo-empty-card{min-height:160px;display:grid;place-items:center;text-align:center;color:var(--lo-muted)}
.lo-launcher-grid{grid-template-columns:repeat(var(--lo-launcher-columns,2),minmax(0,1fr))}.lo-launcher-card{min-width:0;min-height:176px;padding:var(--lo-card-padding);gap:var(--lo-card-gap)}.lo-launcher-card-head{display:grid;grid-template-columns:var(--lo-card-icon-size) minmax(0,1fr) auto;align-items:start;gap:var(--lo-card-gap)}.lo-launcher-icon{border-radius:var(--lo-radius-input)}.lo-launcher-icon .lo-nav-icon{display:block;width:50%;height:50%;color:inherit}.lo-launcher-card h3{margin:0 0 8px}.lo-launcher-card p{min-height:42px;margin:0;line-height:1.5}.lo-launcher-card-actions{justify-content:flex-end;margin-top:auto}.lo-launcher-card .lo-badge{align-self:start}@media(max-width:900px){.lo-launcher-grid{grid-template-columns:1fr}.lo-launcher-card-head{grid-template-columns:var(--lo-card-icon-size) minmax(0,1fr)}.lo-launcher-card .lo-badge{grid-column:2}}
.lo-button,body.lo-platform-ready button:not(.lo-dropdown-trigger):not(.lo-dropdown-item):not(.lo-mobile-toggle),.btn,.primary,.secondary,.ghost,.danger{min-height:var(--lo-control-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--lo-border);border-radius:var(--lo-radius-button);background:var(--lo-surface-muted);color:var(--lo-text);font:var(--lo-button-font-weight,800) var(--lo-button-font-size,14px)/1 var(--lo-font);text-decoration:none;cursor:pointer}.lo-button-primary,.primary{background:var(--lo-active-gradient,linear-gradient(135deg,#6258ff,#405fe8 58%,#ff9a70));border-color:var(--lo-nav-active-border,#7774ff);color:var(--lo-on-accent,#fff)}.lo-button-danger,.danger{background:var(--lo-danger-button-bg,#401b45);border-color:var(--lo-danger);color:var(--lo-danger-button-text,#ffb0c8)}.lo-button:focus-visible,body.lo-platform-ready button:focus-visible{outline:var(--lo-focus-outline);outline-offset:2px}.lo-button:disabled,body.lo-platform-ready button:disabled{opacity:var(--lo-disabled-opacity);pointer-events:none}.lo-input,.lo-select,.lo-textarea,body.lo-platform-ready :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-height:var(--lo-control-height);padding:10px 12px;border:1px solid var(--lo-border);border-radius:var(--lo-radius-input);background:var(--lo-surface-muted);color:var(--lo-text);font:500 14px/1.35 var(--lo-font)}.lo-textarea,body.lo-platform-ready textarea{min-height:112px}.lo-input:focus-visible,.lo-select:focus-visible,.lo-textarea:focus-visible,body.lo-platform-ready :is(input,select,textarea):focus-visible{outline:var(--lo-focus-outline);outline-offset:2px}.lo-label{display:grid;gap:6px;color:var(--lo-text);font:800 12px/1.35 var(--lo-font)}.lo-helper,.lo-validation-error{font-size:12px}.lo-validation-error{color:var(--lo-danger)}
.lo-module-nav,.lo-module-toolbar,.lo-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lo-module-nav{margin:0 0 32px;padding:0;border:0}.lo-module-toolbar{margin-bottom:16px}.lo-table-wrap{width:100%;overflow:auto;border:1px solid var(--lo-border);border-radius:var(--lo-card-radius);background:var(--lo-surface)}.lo-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--lo-text)}.lo-table :is(th,td){height:48px;padding:10px 14px;border-bottom:1px solid var(--lo-border);font-size:13px;text-align:left}.lo-table th{background:var(--lo-table-header-bg,#111640);color:var(--lo-muted);font-size:11px;text-transform:uppercase}.lo-table tbody tr{background:var(--lo-surface)}.lo-table tbody tr:nth-child(even){background:var(--lo-table-row-alt,#1b2160)}.lo-table tbody tr:hover{background:var(--lo-table-row-hover,#252d79)}.lo-list{display:grid;gap:1px;padding:0;list-style:none}.lo-list-item{min-height:52px;padding:12px 14px;background:var(--lo-surface)}.lo-modal,.modal{position:fixed;inset:0;z-index:2000000;display:grid;place-items:center;padding:24px;background:var(--lo-overlay,rgba(2,5,30,.78))}.lo-modal.hidden,.modal.hidden{display:none}.lo-modal-dialog,.modal-card{width:min(900px,100%);max-height:88vh;overflow:auto;padding:24px;background:var(--lo-surface);border:1px solid var(--lo-border);border-radius:24px}.lo-context-menu,.context{position:fixed;z-index:2100000;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:8px;background:var(--lo-surface);border:1px solid var(--lo-border);border-radius:14px;box-shadow:var(--lo-shadow-pop)}
@media(max-width:1200px){.lo-header-inner{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:12px;padding:0 24px}.lo-brand-logo{width:150px}.lo-nav-item,.lo-dropdown-trigger{padding:0 9px}.lo-nav-icon{display:none}.lo-control-center-link span{display:none}}
@media(max-width:1049px){:root{--lo-page-pad:24px}.lo-header-inner{grid-template-columns:minmax(0,1fr) auto auto}.lo-nav{display:none}.lo-mobile-toggle{display:inline-flex;grid-column:2}.lo-header-actions{grid-column:3}.lo-header.lo-mobile-open .lo-nav{display:grid;position:absolute;top:var(--lo-header-height);left:0;right:0;max-height:calc(100dvh - var(--lo-header-height));overflow:auto;padding:12px 24px;background:var(--lo-header-bg,#0c1232);border-bottom:1px solid var(--lo-header-border,#303c9f);box-shadow:var(--lo-shadow-pop);gap:6px}.lo-header.lo-mobile-open .lo-nav-item{width:100%;justify-content:flex-start}.lo-profile-label,.lo-profile>.lo-dropdown-trigger .lo-chevron{display:none}.lo-profile>.lo-dropdown-trigger{width:42px;padding:0}.lo-grid>.lo-col-3,.lo-grid>.lo-col-4{grid-column:span 6}.lo-grid>.lo-col-8,.lo-grid>.lo-col-9{grid-column:span 12}}
@media(max-width:640px){:root{--lo-page-pad:16px;--lo-h1-size:36px}.lo-header-inner{padding:0 16px;gap:8px}.lo-brand{gap:8px}.lo-brand-logo{width:120px}.lo-brand-separator{height:26px}.lo-app-name{font-size:17px}.lo-control-center-link{display:none}.lo-header.lo-mobile-open .lo-nav{padding:12px 16px}.lo-page-header,.page-head{display:block}.lo-page-header-actions{margin-top:16px}.lo-grid>[class*=lo-col-]{grid-column:span 12}}

/* Shared UI Core 8: primitives, state surfaces and fractional responsive grid. */
.lo-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;text-align:left}.lo-section-header :is(h2,h3,p){margin-top:0}.lo-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--lo-card-gap)}.lo-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--lo-card-gap)}.lo-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lo-card-gap)}.lo-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lo-card-gap)}.lo-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lo-card-gap)}
.lo-selectable-card{min-height:150px;text-align:left;background:var(--lo-selectable-bg);border-color:var(--lo-selectable-border);box-shadow:var(--lo-selectable-shadow)}.lo-selectable-card[aria-pressed=true],.lo-selectable-card.is-selected,.lo-button-active{background:var(--lo-selectable-active-bg);border-color:var(--lo-selectable-active-border);box-shadow:var(--lo-selectable-active-shadow);color:var(--lo-on-accent,#fff)}.lo-selectable-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border:1px solid var(--lo-border);border-radius:var(--lo-radius-input);background:var(--lo-surface)}
.lo-workflow-section{background:var(--lo-workflow-bg)!important;border-color:var(--lo-workflow-border)!important;border-radius:var(--lo-workflow-radius)!important;box-shadow:var(--lo-workflow-shadow)!important;padding:var(--lo-workflow-padding)!important}
.lo-kpi-tone-primary{--lo-kpi-tone:var(--lo-kpi-primary)}.lo-kpi-tone-info{--lo-kpi-tone:var(--lo-kpi-info)}.lo-kpi-tone-success{--lo-kpi-tone:var(--lo-kpi-success)}.lo-kpi-tone-warning{--lo-kpi-tone:var(--lo-kpi-warning)}.lo-kpi-tone-accent{--lo-kpi-tone:var(--lo-kpi-accent)}.lo-kpi-tone-primary .lo-kpi-value,.lo-kpi-tone-info .lo-kpi-value,.lo-kpi-tone-success .lo-kpi-value,.lo-kpi-tone-warning .lo-kpi-value,.lo-kpi-tone-accent .lo-kpi-value,[class*="lo-kpi-tone-"]>strong{color:var(--lo-kpi-tone)!important;text-shadow:0 0 24px color-mix(in srgb,var(--lo-kpi-tone) 18%,transparent)}
.lo-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--lo-border);border-radius:999px;background:var(--lo-surface-muted);color:var(--lo-muted);font-size:11px;font-weight:800}.lo-badge-success{color:var(--lo-success)}.lo-badge-warning{color:var(--lo-warning)}.lo-badge-danger{color:var(--lo-danger)}.lo-badge-info{color:var(--lo-info)}
.lo-empty-state,.lo-error-state{min-height:160px;display:grid;place-content:center;gap:8px;padding:var(--lo-card-padding);text-align:center}.lo-skeleton{overflow:hidden;min-height:var(--lo-kpi-min-height);border-radius:var(--lo-card-radius);background:linear-gradient(100deg,var(--lo-surface) 25%,var(--lo-surface-muted) 40%,var(--lo-surface) 55%);background-size:220% 100%;animation:lo-skeleton 1.4s infinite}@keyframes lo-skeleton{to{background-position-x:-220%}}
.lo-progress{height:8px;overflow:hidden;border-radius:999px;background:var(--lo-progress-track,#0c1232)}.lo-progress>*,.lo-progress-bar{display:block;height:100%;border-radius:inherit;background:var(--lo-active-gradient)}.lo-job-indicator{position:relative;width:42px!important;min-width:42px;padding:0!important;border-color:var(--lo-border)!important}.lo-job-indicator.is-running .lo-nav-icon{color:var(--lo-success);animation:lo-pulse 1.5s infinite}.lo-job-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--lo-danger);color:var(--lo-on-accent,#fff);font:800 11px/19px var(--lo-font)}@keyframes lo-pulse{50%{opacity:.45}}
.lo-toast-region{position:fixed;z-index:3000000;right:20px;bottom:20px;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}.lo-toast{padding:14px 16px;border:1px solid var(--lo-info);border-radius:var(--lo-radius-button);background:var(--lo-toast-bg,#111640);box-shadow:var(--lo-shadow-pop);color:var(--lo-text)}.lo-toast-success{border-color:var(--lo-success)}.lo-toast-warning{border-color:var(--lo-warning)}.lo-toast-error{border-color:var(--lo-danger)}
.lo-dialog-backdrop{position:fixed;inset:0;z-index:3000000;display:grid;place-items:center;padding:20px;background:var(--lo-overlay,rgba(2,5,30,.78))}.lo-dialog{width:min(520px,100%);padding:var(--lo-card-padding);border:1px solid var(--lo-border);border-radius:var(--lo-card-radius);background:var(--lo-surface);box-shadow:var(--lo-shadow-pop)}.lo-dialog h2{margin-top:0}.lo-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:1049px){.lo-grid-6,.lo-grid-5,.lo-grid-4,.lo-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.lo-grid-6,.lo-grid-5,.lo-grid-4,.lo-grid-3,.lo-grid-2{grid-template-columns:1fr}.lo-section-header{display:block}.lo-dialog-actions{flex-direction:column-reverse}}

/* Shared UI Core 9: serializable theme, component variants and block geometry. */
:root{--lo-button-height-sm:36px;--lo-button-height-md:44px;--lo-button-height-lg:52px;--lo-input-height:44px;--lo-select-height:44px;--lo-panel-padding:22px;--lo-panel-radius:20px;--lo-shadow-active:0 18px 48px rgba(64,95,232,.32);--lo-accent:#ff9a70;--lo-border-active:#7774ff;--lo-surface-elevated:#252d79;--lo-text-muted:#828bbd;--lo-font-heading:var(--lo-font);--lo-font-mono:ui-monospace,monospace;--lo-label-size:12px;--lo-button-size:14px;--lo-heading-line:1.14;--lo-body-line:1.55;--lo-kpi-primary:var(--lo-metric-value);--lo-kpi-info:var(--lo-info);--lo-kpi-success:var(--lo-success);--lo-kpi-warning:var(--lo-warning);--lo-kpi-accent:var(--lo-eyebrow);--lo-selectable-bg:var(--lo-surface-muted);--lo-selectable-border:var(--lo-border);--lo-selectable-shadow:var(--lo-shadow-card);--lo-selectable-active-bg:var(--lo-active-gradient);--lo-selectable-active-border:var(--lo-border-active);--lo-selectable-active-shadow:var(--lo-shadow-active);--lo-workflow-bg:var(--lo-surface);--lo-workflow-border:var(--lo-border);--lo-workflow-shadow:var(--lo-shadow-card);--lo-workflow-radius:var(--lo-card-radius);--lo-workflow-padding:var(--lo-card-padding)}
.lo-button-primary,.primary,.lo-button-active-gradient{background:var(--lo-active-gradient);border-color:var(--lo-border-active);color:var(--lo-on-accent,#fff)}.lo-button-secondary,.secondary{background:var(--lo-surface-elevated)}.lo-button-ghost,.ghost{background:transparent}.lo-button-success,.success{background:var(--lo-success-button-bg,#174d4b);border-color:var(--lo-success);color:var(--lo-success-button-text,#cafff4)}.lo-button-sm{min-height:var(--lo-button-height-sm)}.lo-button-lg{min-height:var(--lo-button-height-lg)}
.lo-input,body.lo-platform-ready input:not([type=checkbox]):not([type=radio]){min-height:var(--lo-input-height)}.lo-select,body.lo-platform-ready select{min-height:var(--lo-select-height)}.lo-label{font-size:var(--lo-label-size)}.lo-panel{padding:var(--lo-panel-padding);border-radius:var(--lo-panel-radius)}
.lo-template-page{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:var(--lo-section-gap) var(--lo-card-gap)}.lo-template-block{min-width:0}.lo-width-full{grid-column:span 60}.lo-width-1-2{grid-column:span 30}.lo-width-1-3{grid-column:span 20}.lo-width-1-4{grid-column:span 15}.lo-width-1-5{grid-column:span 12}.lo-width-1-6{grid-column:span 10}
@media(max-width:1049px){.lo-width-1-3,.lo-width-1-4,.lo-width-1-5,.lo-width-1-6{grid-column:span 30}}@media(max-width:640px){.lo-template-page>[class*=lo-width-]{grid-column:span 60}}

/* V10: background sources are theme tokens, not local gradients. */
html,body{background:var(--lo-app-background,var(--lo-bg-app,var(--lo-bg)))}.lo-app-main{background:var(--lo-page-background,transparent)}.lo-header{background:var(--lo-header-background,var(--lo-header-bg,#0c1232))}.lo-app-icon,.lo-icon{color:var(--lo-icon-accent)}

/* V12: one centered global header and one data-driven application tab bar. */
:root{
  --header-background:var(--lo-header-background,var(--lo-header-bg,#0c1232));--header-border:var(--lo-border);--header-height:104px;
  --header-logo-height:var(--lo-logo-height,32px);--header-logo-max-width:var(--lo-logo-max-width,180px);--header-app-name-size:var(--lo-header-app-size,20px);--header-app-name-color:var(--lo-secondary);
  --nav-tab-background:var(--lo-surface);--nav-tab-active-background:var(--lo-active-gradient);--nav-tab-text:var(--lo-text);--nav-tab-active-text:#fff;--nav-tab-border:var(--lo-border);--nav-tab-radius:var(--lo-radius-button);
  --burger-background:var(--lo-surface);--burger-border:var(--lo-border);--burger-hover:var(--lo-surface-muted);--page-header-top-gap:32px;
}
#lo-app-header{height:auto}.lo-header{position:relative;height:var(--header-height);background:var(--header-background);border-bottom:1px solid var(--header-border)}
.lo-header-inner{position:relative;display:flex;justify-content:flex-end;width:min(100%,var(--lo-content-max));height:100%;margin:0 auto;padding:14px var(--lo-page-pad)}
.lo-brand{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:50%;transform:translate(-50%,-50%);text-align:center}
.lo-brand-logo{height:var(--header-logo-height);max-width:var(--header-logo-max-width)}.lo-brand-separator{display:none}.lo-app-name{max-width:100%;color:var(--header-app-name-color);font-size:var(--header-app-name-size);line-height:1.05;text-align:center}
.lo-header-actions{display:flex;align-items:center;align-self:center;gap:8px}.lo-overview-link,.lo-burger>.lo-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 13px;border:1px solid var(--burger-border);border-radius:var(--lo-radius-button);background:var(--burger-background);color:var(--lo-text);font:var(--lo-nav-font);text-decoration:none;cursor:pointer}
.lo-overview-link:hover,.lo-burger>.lo-dropdown-trigger:hover{background:var(--burger-hover)}.lo-burger>.lo-dropdown-trigger{width:42px;padding:0}.lo-burger .lo-chevron{display:none}.lo-burger .lo-dropdown-menu{right:0;left:auto;width:min(360px,calc(100vw - 32px));min-width:min(280px,calc(100vw - 32px));max-width:360px;overflow-x:hidden;overflow-y:auto}.lo-burger.open>.lo-dropdown-menu{display:flex;flex-direction:column;align-items:stretch;gap:3px}.lo-burger .lo-dropdown-section{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;width:100%;min-width:0}.lo-burger .lo-dropdown-item{display:flex;width:100%;min-width:0;height:44px;min-height:44px;max-height:44px;flex:0 0 44px;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--lo-text);text-align:left;white-space:nowrap;overflow:hidden}.lo-burger .lo-dropdown-item .lo-nav-icon{display:block}.lo-burger .lo-dropdown-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.lo-burger .lo-dropdown-item:hover{background:var(--burger-hover)}.lo-burger .lo-dropdown-section:last-child{margin-top:7px;padding-top:7px;border-top:1px solid var(--burger-border)}.lo-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}
.lo-tabbed-navigation{width:100%;overflow:visible;background:var(--header-background);border-bottom:1px solid var(--header-border)}.lo-tabbed-navigation-inner{display:flex;align-items:center;gap:8px;width:max-content;min-width:min(100%,var(--lo-content-max));max-width:var(--lo-content-max);margin:0 auto;padding:10px var(--lo-page-pad)}
.lo-tabbed-navigation .lo-nav-item,.lo-tabbed-navigation .lo-dropdown-trigger{background:var(--nav-tab-background);border-color:var(--nav-tab-border);border-radius:var(--nav-tab-radius);color:var(--nav-tab-text)}.lo-tabbed-navigation .lo-nav-item.active,.lo-tabbed-navigation .lo-nav-group.active>.lo-dropdown-trigger,.lo-tabbed-navigation .lo-nav-group.open>.lo-dropdown-trigger{background:var(--nav-tab-active-background);color:var(--nav-tab-active-text)}
.lo-tabbed-navigation .lo-dropdown-menu{top:calc(100% + 7px)}.lo-content-container,.lo-app-main,.lo-page{padding-top:var(--page-header-top-gap)!important}
@media(max-width:1049px){.lo-tabbed-navigation{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.lo-tabbed-navigation .lo-dropdown-menu{position:fixed;top:calc(var(--header-height) + 64px);right:16px;left:16px;width:auto}}
@media(max-width:640px){:root{--header-height:88px;--header-logo-height:26px;--header-logo-max-width:132px;--header-app-name-size:16px;--page-header-top-gap:24px}.lo-header-inner{padding-inline:16px}.lo-brand{max-width:46%}.lo-overview-link{width:42px;padding:0}.lo-overview-link span{display:none}.lo-tabbed-navigation-inner{padding-inline:16px}.lo-tabbed-navigation .lo-nav-item,.lo-tabbed-navigation .lo-dropdown-trigger{flex:none}}

/* V12.1: overview-only hero; ordinary page headers intentionally stay left aligned. */
.lo-overview-hero{display:grid;justify-items:center;width:100%;margin:0 0 var(--lo-page-header-gap);text-align:center}
.lo-overview-hero-copy{display:grid;justify-items:center;width:100%}.lo-overview-hero .lo-eyebrow{margin-bottom:8px!important}.lo-overview-hero .lo-h1{font-family:var(--lo-font-heading);font-size:var(--lo-h1-size)!important;font-weight:var(--lo-h1-weight,850);line-height:var(--lo-h1-line,1.06)}.lo-overview-hero .lo-lead{max-width:720px;margin-top:var(--lo-title-lead-gap)!important;color:var(--lo-muted);font-size:var(--lo-lead-size)!important;line-height:var(--lo-body-line,1.55)}.lo-overview-hero-actions{margin-top:16px}

/* V12.5: one template contract, including dynamically rendered deep pages.
   App classes and DOM IDs keep their behavior; component roles own appearance. */
html body.lo-platform-ready[data-app]{background:var(--lo-app-background,var(--lo-bg-app,var(--lo-bg)))!important;color:var(--lo-text)!important}
body.lo-platform-ready [hidden]{display:none!important}
body.lo-platform-ready [data-lo-component="primary-button"],body.lo-platform-ready [data-lo-component="secondary-button"],body.lo-platform-ready [data-lo-component="ghost-button"],body.lo-platform-ready [data-lo-component="danger-button"]{
  min-height:var(--lo-secondary-button-height,44px);border:1px solid var(--lo-secondary-button-border,var(--lo-border))!important;
  border-radius:var(--lo-secondary-button-radius,var(--lo-radius-button))!important;
  background:var(--lo-secondary-button-bg,var(--lo-surface-elevated))!important;color:var(--lo-secondary-button-text,var(--lo-text))!important;
  padding:var(--lo-secondary-button-padding,0 16px);font:var(--lo-secondary-button-font,800 14px/1.35 var(--lo-font));
}
body.lo-platform-ready [data-lo-component="primary-button"]{min-height:var(--lo-primary-button-height,44px);background:var(--lo-primary-button-bg,var(--lo-active-gradient))!important;color:var(--lo-primary-button-text,#fff)!important;border-color:var(--lo-primary-button-border,var(--lo-border-active))!important;border-radius:var(--lo-primary-button-radius,var(--lo-radius-button))!important;padding:var(--lo-primary-button-padding,0 16px);font:var(--lo-primary-button-font,800 14px/1.35 var(--lo-font))}
body.lo-platform-ready [data-lo-component="primary-button"]:hover{filter:var(--lo-primary-button-hover,brightness(1.08))}
body.lo-platform-ready [data-lo-component="secondary-button"]:hover{background:var(--lo-secondary-button-hover,var(--lo-surface-muted))!important}
body.lo-platform-ready [data-lo-component="ghost-button"]{background:transparent!important}
body.lo-platform-ready [data-lo-component="danger-button"]{background:color-mix(in srgb,var(--lo-danger) 18%,var(--lo-surface))!important;border-color:var(--lo-danger)!important;color:var(--lo-danger)!important}
body.lo-platform-ready :is([data-lo-component="primary-button"],[data-lo-component="secondary-button"]):is(.active,.is-active,.lo-button-active,[aria-current="page"],[aria-pressed="true"]){background:var(--lo-active-button-bg,var(--lo-active-gradient))!important;color:var(--lo-active-button-text,#fff)!important;border-color:var(--lo-active-button-border,var(--lo-border-active))!important}
body.lo-platform-ready :is([data-lo-component="input"],[data-lo-component="textarea"]){background:var(--lo-input-bg,var(--lo-surface-muted))!important;color:var(--lo-input-text,var(--lo-text))!important;border-color:var(--lo-input-border,var(--lo-border))!important;border-radius:var(--lo-input-radius,var(--lo-radius-input))!important}
body.lo-platform-ready [data-lo-component="select"]{min-height:var(--lo-select-height,44px);background:var(--lo-select-bg,var(--lo-surface-muted))!important;color:var(--lo-select-text,var(--lo-text))!important;border-color:var(--lo-select-border,var(--lo-border))!important;border-radius:var(--lo-select-radius,var(--lo-radius-input))!important}
body.lo-platform-ready [data-lo-component="input"]{min-height:var(--lo-input-height,44px)}
body.lo-platform-ready [data-lo-component="card"]{padding:var(--lo-card-component-padding,var(--lo-card-padding));background:var(--lo-card-bg,var(--lo-surface))!important;border-color:var(--lo-card-border-color,var(--lo-border))!important;border-radius:var(--lo-card-radius,20px)!important;box-shadow:var(--lo-card-shadow,var(--lo-shadow-card))!important}
body.lo-platform-ready [data-lo-component="panel"]{padding:var(--lo-panel-component-padding,var(--lo-panel-padding));background:var(--lo-panel-bg,var(--lo-surface-muted))!important;border-color:var(--lo-panel-border-color,var(--lo-border))!important;border-radius:var(--lo-panel-radius,20px)!important;box-shadow:var(--lo-panel-shadow,var(--lo-shadow-card))!important}
body.lo-platform-ready [data-lo-component="kpi-card"]{background:var(--lo-kpi-card-bg,var(--lo-card-bg,var(--lo-surface)))!important;border-radius:var(--lo-kpi-card-radius,var(--lo-card-radius))!important}
body.lo-platform-ready [data-lo-component="dialog"]{background:var(--lo-modal-bg,var(--lo-surface-elevated))!important;color:var(--lo-text)!important;border-color:var(--lo-border)!important;border-radius:var(--lo-panel-radius)!important}
body.lo-platform-ready [data-lo-component="badge"]{background:var(--lo-badge-bg,var(--lo-surface-muted))!important;color:var(--lo-badge-text,var(--lo-muted))!important;border-radius:var(--lo-badge-radius,999px)!important}
body.lo-platform-ready :is(input[type="checkbox"],input[type="radio"],input[type="range"],progress){accent-color:var(--lo-focus)}
body.lo-platform-ready :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--lo-focus)!important;outline-offset:3px}
body.lo-platform-ready [data-lo-component="dashboard-card"]{background:var(--lo-dashboard-card-bg,var(--lo-card-bg,var(--lo-surface)))!important;border-color:var(--lo-dashboard-card-border,var(--lo-border))!important;border-radius:var(--lo-dashboard-card-radius,var(--lo-card-radius))!important}
body.lo-platform-ready [data-lo-component="menu-item"]{background:var(--lo-menu-item-bg,transparent);color:var(--lo-menu-item-text,var(--lo-text))}
body.lo-platform-ready [data-lo-component="menu-item"]:is(.active,[aria-current="page"]){background:var(--lo-menu-item-active-background,var(--lo-active-gradient));color:var(--lo-menu-item-text,var(--lo-text))}
body.lo-platform-ready .lo-dropdown-item[data-lo-component="menu-item"]{background:var(--lo-submenu-item-bg,transparent);color:var(--lo-submenu-item-text,var(--lo-text))}
body.lo-platform-ready .lo-dropdown-item[data-lo-component="menu-item"].active{color:var(--lo-submenu-item-active-text,var(--lo-eyebrow))}
body.lo-platform-ready [data-lo-component="kpi-card"]:not([class*="lo-kpi-tone-"]) .lo-kpi-value{color:var(--lo-kpi-card-value,var(--lo-metric-value))}
body.lo-platform-ready [data-lo-component="badge"]:is(.lo-badge-success,.ok){color:var(--lo-success)!important}
body.lo-platform-ready [data-lo-component="badge"]:is(.lo-badge-warning,.warn){color:var(--lo-warning)!important}
body.lo-platform-ready [data-lo-component="badge"]:is(.lo-badge-danger,.bad){color:var(--lo-danger)!important}
/* Eleven LMS sections must not widen the document on desktop. Mobile keeps the
   existing scrollable navigation; desktop rows wrap without clipping menus. */
@media(min-width:1050px){.lo-tabbed-navigation-inner{width:100%;min-width:0;flex-wrap:wrap}}
/* Compatibility names used by older deep-page renderers resolve to the same
   live tokens. They are aliases, never independent local theme defaults. */
:root{
 --lo-app-bg:var(--lo-app-background,var(--lo-bg));--lo-surface-secondary:var(--lo-surface-muted);--lo-text-primary:var(--lo-text);
 --lo-radius-card:var(--lo-card-radius);--lo-radius-medium:var(--lo-radius-button);--lo-radius-md:var(--lo-radius-button);--lo-radius-small:8px;--lo-radius-sm:var(--lo-radius-small);
 --lo-heading-weight:var(--lo-h1-weight,850);--lo-active-background:var(--lo-active-gradient);--lo-gap:var(--lo-card-gap);
 --lo-space-section:var(--lo-section-gap);--lo-space-card:var(--lo-card-gap);--lo-page-horizontal-padding:var(--lo-page-pad);--lo-font-label:var(--lo-font);
 --lo-accent-warm:var(--lo-eyebrow);--lo-accent-secondary:var(--lo-icon-accent);
 --lo-button-primary-bg:var(--lo-primary-button-bg,var(--lo-active-gradient));--lo-button-primary-text:var(--lo-primary-button-text,var(--lo-text));--lo-button-primary-border:var(--lo-primary-button-border,var(--lo-border-active));--lo-button-primary-radius:var(--lo-primary-button-radius,var(--lo-radius-button));--lo-button-primary-shadow:var(--lo-shadow-active);
 --lo-button-secondary-bg:var(--lo-secondary-button-bg,var(--lo-surface-elevated));--lo-button-secondary-text:var(--lo-secondary-button-text,var(--lo-text));--lo-button-secondary-border:var(--lo-secondary-button-border,var(--lo-border));--lo-button-secondary-radius:var(--lo-secondary-button-radius,var(--lo-radius-button));--lo-button-secondary-shadow:var(--lo-shadow-card);
 --lo-btn-primary-bg:var(--lo-button-primary-bg);--lo-btn-primary-text:var(--lo-button-primary-text);--lo-btn-primary-border:var(--lo-button-primary-border);--lo-btn-primary-hover-bg:var(--lo-button-primary-bg);--lo-btn-primary-hover-text:var(--lo-button-primary-text);
 --lo-btn-secondary-bg:var(--lo-button-secondary-bg);--lo-btn-secondary-text:var(--lo-button-secondary-text);--lo-btn-secondary-border:var(--lo-button-secondary-border);--lo-btn-secondary-hover-bg:var(--lo-secondary-button-hover,var(--lo-surface-muted));--lo-btn-secondary-hover-text:var(--lo-button-secondary-text);
 --lo-btn-ghost-bg:transparent;--lo-btn-ghost-text:var(--lo-text);--lo-btn-ghost-border:var(--lo-border);--lo-btn-ghost-hover-bg:var(--lo-surface-muted);--lo-btn-ghost-hover-text:var(--lo-text);
 --lo-table-row-alt:color-mix(in srgb,var(--lo-text) 3%,transparent);--lo-table-row-hover:color-mix(in srgb,var(--lo-brand-primary) 9%,transparent);
}
/* Shared UI Core 12.6.0 – Template-Abdeckung: Auswahl, Hervorhebung, deaktivierte Texte */
html.lo-platform-ready ::selection,body.lo-platform-ready ::selection{background:var(--lo-selection,#6f5cff);color:var(--lo-on-accent,#fff)}
:where(body.lo-platform-ready) :where(mark),.lo-highlight{background:color-mix(in srgb,var(--lo-highlight,#ffc36b) 28%,transparent);color:inherit;border-radius:4px;padding:0 .15em}
.lo-text-disabled{color:var(--lo-text-disabled,#6f769e)}

/* Shared UI Core 12.7.0 – Tiefe & Bewegung. Nur aktiv, wenn das Template tokens.effects.depth
   setzt (html[data-lo-depth="on"]); bestehende Templates sehen unverändert aus. Gilt über die
   Komponentenrollen für alle Apps: Kacheln heben sich beim Hover, Buttons bekommen Schatten,
   Icons erhalten je Position eine Farbe aus der Template-Palette (effects.tones). */
:root{--lo-hover-lift:2px;--lo-button-hover-lift:0px}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],[data-lo-component="panel"],[data-lo-component="workflow-section"],[data-lo-component$="-button"],[data-lo-component="menu-item"],a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card,.lo-icon,.lo-launcher-icon,.lo-app-icon,.lo-card-icon,.lo-nav-icon){transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease,filter .22s ease,color .22s ease}
html[data-lo-depth="on"] body.lo-platform-ready :is(a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card){cursor:pointer}
html[data-lo-depth="on"] body.lo-platform-ready :is(a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card):hover{transform:translateY(calc(var(--lo-hover-lift) * -1))!important;box-shadow:var(--lo-shadow-hover)!important;border-color:color-mix(in srgb,var(--lo-tone,var(--lo-card-hover-border,var(--lo-border-active)))55%,transparent)!important}
html[data-lo-depth="on"] body.lo-platform-ready :is(a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card):hover :is(.lo-launcher-icon,.lo-app-icon,.lo-card-icon,.lo-icon){transform:scale(1.06)}
html[data-lo-depth="on"] body.lo-platform-ready [data-lo-component$="-button"]{box-shadow:var(--lo-shadow-card)}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="-button"],.lo-button):not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(calc(var(--lo-button-hover-lift) * -1));box-shadow:var(--lo-shadow-hover)}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="-button"],.lo-button):not(:disabled):active{transform:none}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component="primary-button"],[data-lo-component$="-button"]:is(.active,.is-active,.lo-button-active,[aria-current="page"],[aria-pressed="true"])){box-shadow:var(--lo-shadow-active)!important}
html[data-lo-depth="on"] body.lo-platform-ready .lo-tabbed-navigation :is(.lo-nav-item,.lo-dropdown-trigger):hover{transform:translateY(calc(var(--lo-button-hover-lift) * -1))}
html[data-lo-depth="on"] body.lo-platform-ready .lo-tabbed-navigation :is(.lo-nav-item.active,.lo-nav-group.active>.lo-dropdown-trigger,.lo-nav-group.open>.lo-dropdown-trigger){color:var(--lo-on-accent,#fff)!important;box-shadow:var(--lo-shadow-active)}
html[data-lo-depth="on"] body.lo-platform-ready .lo-tabbed-navigation :is(.lo-nav-item.active,.lo-nav-group.active>.lo-dropdown-trigger,.lo-nav-group.open>.lo-dropdown-trigger) .lo-nav-icon{color:inherit!important}
html[data-lo-depth="on"] body.lo-platform-ready [data-lo-component="menu-item"]:is(.active,[aria-current="page"]):not(.lo-dropdown-item){color:var(--lo-on-accent,#fff)}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+1){--lo-tone:var(--lo-tone-1,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+2){--lo-tone:var(--lo-tone-2,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+3){--lo-tone:var(--lo-tone-3,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+4){--lo-tone:var(--lo-tone-4,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+5){--lo-tone:var(--lo-tone-5,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*):nth-child(6n+6){--lo-tone:var(--lo-tone-6,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"],.lo-tabbed-navigation-inner>*) :is(.lo-icon,.lo-launcher-icon,.lo-app-icon,.lo-card-icon,.lo-nav-icon){color:var(--lo-tone,var(--lo-icon-accent))}
html[data-lo-depth="on"] body.lo-platform-ready :is([data-lo-component$="card"]) :is(.lo-icon,.lo-launcher-icon,.lo-app-icon,.lo-card-icon){background:color-mix(in srgb,var(--lo-tone,var(--lo-icon-accent)) 16%,transparent);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px -4px color-mix(in srgb,var(--lo-tone,var(--lo-icon-accent)) 55%,transparent)}
@media(prefers-reduced-motion:reduce){html[data-lo-depth="on"] body.lo-platform-ready *{transition:none!important}html[data-lo-depth="on"] body.lo-platform-ready :is(a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card,[data-lo-component$="-button"],.lo-button,.lo-nav-item,.lo-dropdown-trigger):hover,html[data-lo-depth="on"] body.lo-platform-ready :is(a[data-lo-component$="card"],button[data-lo-component$="card"],[role="link"][data-lo-component$="card"],[role="button"][data-lo-component$="card"],[tabindex="0"][data-lo-component$="card"],[data-lo-component="selectable-card"],.lo-card-interactive,.lo-action-card,.lo-app-card,.lo-launcher-card,.app-card,.accounting-nav-card,.api-provider-card,.prompt-choice-card,.workspace-studio-card,.studio-mode-card,.studio-format-card,.studio-course-card,.studio-category-tile,.course-category-tile,.library-category-card,.product-preview-card,.format-card,.library-card,.course-card):hover :is(.lo-icon,.lo-launcher-icon,.lo-app-icon,.lo-card-icon){transform:none!important}}

/* Shared UI Core 12.7.2 – Lesbarkeit in aktiven Elementen: Unterzeilen, Zähler und Hinweise in
   aktiven Buttons, Menüpunkten und ausgewählten Kacheln übernehmen die Schriftfarbe des Elements
   statt eigener gedämpfter Farben (vorher z. B. hellgrün auf Mint-Verlauf). */
body.lo-platform-ready :is([data-lo-component$="-button"],[data-lo-component="menu-item"]):is(.active,.is-active,.lo-button-active,[aria-current="page"],[aria-pressed="true"]) :is(span,small,b,strong,em,p,div,i,label):not(.lo-badge):not([data-lo-component="badge"]){color:inherit!important}
body.lo-platform-ready [data-lo-component="selectable-card"]:is(.active,.is-active,.is-selected,.selected,[aria-pressed="true"]){color:var(--lo-text)!important}
body.lo-platform-ready [data-lo-component="selectable-card"]:is(.active,.is-active,.is-selected,.selected,[aria-pressed="true"]) :is(small,p,.studio-mode-subtitle){color:var(--lo-text-secondary,var(--lo-muted))!important}
