/* Generated by scripts/build-experience-styles.mjs. Original order and declarations are preserved. */

/* Source: /theme-components.css */
/* Shared screen shell. Existing modules own their layout and data interactions. */
body.erkal-theme { background: var(--erkal-bg); color: var(--erkal-text); }
.erkal-theme .app-shell { grid-template-columns: 256px minmax(0, 1fr); }
.erkal-theme .sidebar {
    background: var(--erkal-nav-bg); color: var(--erkal-nav-text);
    border-right: 1px solid rgb(255 255 255 / 10%); scrollbar-width: thin;
}
.erkal-theme .sidebar-brand { padding: 24px 20px 20px; border-bottom: 1px solid rgb(255 255 255 / 12%); }
.erkal-theme .side-nav { gap: 4px; padding: 16px 12px; }
.erkal-theme .side-nav a { border-radius: var(--erkal-radius-sm); font-weight: 500; color: var(--erkal-nav-text); }
.erkal-theme .side-nav a:hover { background: rgb(255 255 255 / 9%); box-shadow: none; color: var(--erkal-nav-text); }
.erkal-theme .side-nav a.active, .erkal-theme .side-nav a[aria-current="page"] {
    background: var(--erkal-surface); color: var(--erkal-text); box-shadow: inset 3px 0 var(--erkal-brand); font-weight: 600;
}
.erkal-theme .nav-group, .erkal-theme .sidebar-user span { color: var(--erkal-nav-muted); }
.erkal-theme .sidebar-user { border-top: 1px solid rgb(255 255 255 / 12%); }
.erkal-theme .sidebar-user button { color: var(--erkal-nav-text); border-color: rgb(255 255 255 / 35%); }
.erkal-theme .mobile-topbar {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    position: sticky; top: 0; min-height: 64px; padding: 10px 24px;
    background: var(--erkal-surface); color: var(--erkal-text);
    border-bottom: 1px solid var(--erkal-border); z-index: var(--erkal-z-header);
}
.erkal-theme .mobile-topbar .menu-toggle { display: none; }
.erkal-theme .mobile-topbar .mobile-brand { color: var(--erkal-text); }
.erkal-theme .mobile-topbar .brand-logo-surface { max-width: 104px; }
.erkal-theme .mobile-topbar .brand-product-name { color: var(--erkal-muted); }
body.erkal-theme.finance-shell .mobile-topbar { background: var(--erkal-surface); color: var(--erkal-text); }
body.erkal-theme.finance-shell .mobile-topbar .menu-toggle { background: var(--erkal-surface); color: var(--erkal-text); }
body.erkal-theme.finance-shell .mobile-topbar .mobile-brand { color: var(--erkal-text); }
body.erkal-theme.finance-shell .mobile-topbar .brand-product-name { color: var(--erkal-muted); }
.erkal-theme .workspace main { padding: 24px; }
.erkal-theme .page-head { margin-bottom: 24px; gap: 16px; }
.erkal-theme .page-head h1 { color: var(--erkal-text); }
.erkal-theme.finance-shell .finance-workspace h1 { font-family: var(--erkal-font-heading); font-weight: 600; letter-spacing: -.02em; }
.erkal-theme :is(.fr-public-header,.statement-toolbar-inner,.mobile-preview-toolbar) { flex-wrap: wrap; gap: 12px; }
.erkal-theme .fr-public-header { background: var(--erkal-surface); color: var(--erkal-text); }
.erkal-theme .fr-public-header > img { background: #fff; border-radius: 8px; padding: 4px; object-fit: contain; }
.erkal-theme :is(.fr-public-header,.statement-toolbar-inner,.mobile-preview-toolbar) > .theme-control { margin-left: auto; }
.erkal-theme > header.brand { flex-wrap: wrap; }
.erkal-theme > header.brand .theme-control { margin-left: auto; }
.erkal-theme :is(.panel,.filter-bar,.work-card,.line-card,.allocation-card,.metric-card) {
    border-radius: var(--erkal-radius-md); box-shadow: var(--erkal-shadow-sm);
}
.erkal-theme .metric-card { border-top-width: 1px; }
.erkal-theme .metric-card.alert-card { border-top-width: 3px; }
.erkal-theme .filter-bar { padding: 16px; gap: 12px; }
.erkal-theme :is(.button,.primary) {
    border-radius: var(--erkal-radius-sm); font-weight: 600;
    transition: background-color var(--erkal-motion-fast) var(--erkal-ease), box-shadow var(--erkal-motion-fast) var(--erkal-ease);
}
.erkal-theme :is(.button,.primary):active { box-shadow: inset 0 2px 4px rgb(0 0 0 / 12%); }
.erkal-theme :is(.button,.primary):disabled { opacity: .55; cursor: not-allowed; }
.erkal-theme :is(a,button,input,select,textarea,summary):focus-visible {
    outline: 3px solid var(--erkal-focus); outline-offset: 3px; scroll-margin-block: 80px 100px;
}
.erkal-theme .data-table th { background: var(--erkal-surface-muted); color: var(--erkal-muted); text-transform: none; letter-spacing: 0; }
.erkal-theme .data-table td { border-color: var(--erkal-border); }
.erkal-theme .data-table tbody tr:hover { background: var(--erkal-surface-muted); }
.erkal-theme .auth-shell { gap: clamp(24px, 5vw, 72px); }
.erkal-theme .auth-card { padding: 32px; border-radius: var(--erkal-radius-lg); box-shadow: var(--erkal-shadow-md); }
.erkal-theme .topbar { background: var(--erkal-surface); color: var(--erkal-text); border-bottom: 1px solid var(--erkal-border); gap: 16px; }
.erkal-theme .topbar .brand-product-name { color: var(--erkal-muted); }
.theme-control { display: flex; gap: 8px; align-items: center; flex-shrink: 0; color: var(--erkal-muted); font-family: var(--erkal-font-body, Inter, sans-serif); font-size: 13px; }
.theme-control select {
    min-height: 44px; min-width: 100px; padding: 8px 12px;
    background: var(--erkal-surface); color: var(--erkal-text);
    border: 1px solid var(--erkal-control-border); border-radius: var(--erkal-radius-sm); font: inherit; cursor: pointer;
}
.theme-skip-link { position: fixed; top: -100px; left: 12px; z-index: 150; padding: 12px 20px; background: var(--erkal-primary); color: var(--erkal-primary-text); border-radius: 10px; }
.theme-skip-link:focus { top: 12px; }
.erkal-theme :is(.public-header,.csr-public-header) { gap: 16px; flex-wrap: wrap; background: var(--erkal-surface); color: var(--erkal-text); border-bottom-color: var(--erkal-border); }
.erkal-theme :is(.public-header,.csr-public-header) .theme-control { margin-left: auto; }
.erkal-theme :is(.public-header,.csr-public-header) > img { background: #fff; border-radius: 8px; padding: 4px; object-fit: contain; }
.erkal-theme :is(.public-footer,.csr-public-footer) { color: var(--erkal-muted); border-color: var(--erkal-border); }
@supports (backdrop-filter: blur(12px)) {
    .erkal-theme .mobile-topbar { background: color-mix(in srgb, var(--erkal-surface) 92%, transparent); backdrop-filter: blur(12px); }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    .erkal-theme .mobile-topbar { background: var(--erkal-surface); backdrop-filter: none; }
    .erkal-theme :is(.panel,.filter-bar,.work-card,.line-card) { border-color: var(--erkal-control-border); }
}
@media (max-width: 920px) {
    .erkal-theme .app-shell { grid-template-columns: minmax(0,1fr); }
    .erkal-theme .mobile-topbar { padding: max(8px, env(safe-area-inset-top)) 12px 8px; gap: 8px; }
    .erkal-theme .mobile-topbar .menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid var(--erkal-control-border); background: var(--erkal-surface); color: var(--erkal-text); }
    .erkal-theme .sidebar { height: 100vh; height: 100dvh; z-index: var(--erkal-z-drawer); }
    .erkal-theme .workspace main { padding: 16px; }
    .erkal-theme .operator-mobile-nav { background: var(--erkal-surface); color: var(--erkal-text); border-color: var(--erkal-border); }
    .erkal-theme .operator-mobile-nav a { color: var(--erkal-muted); }
    .erkal-theme .operator-mobile-nav a.active { background: var(--erkal-info-bg); color: var(--erkal-info); }
    .erkal-theme .page-head { margin-bottom: 16px; }
    body.erkal-theme.erkal-typography .mobile-topbar.has-chat-mobile-dock { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 44px; gap: 8px; padding-inline: 12px; height: auto; }
    body.erkal-theme .mobile-topbar .er-chat-launcher[data-chat-mobile-docked] .er-chat-launcher__button { background: var(--erkal-surface); color: var(--erkal-text); border-color: var(--erkal-control-border); }
}
@media (max-width: 600px) {
    .theme-control > span { display: none; }
    .theme-control select { min-width: 88px; max-width: 104px; padding-inline: 8px; font-size: 16px; }
    .erkal-theme .mobile-topbar .brand-product-name { display: none; }
    .erkal-theme .mobile-topbar .brand-logo-surface { width: 88px; }
    .erkal-theme .mobile-topbar .mobile-brand { min-width: 0; }
    body.erkal-theme .mobile-topbar .mobile-brand { flex: 0 1 88px; width: 88px; max-width: 88px; gap: 0; }
    body.erkal-theme .mobile-topbar .mobile-brand .brand-product-name { display: none !important; }
    body.erkal-theme .mobile-topbar .brand-logo-surface { width: 88px; max-width: 100%; }
    body.erkal-theme .mobile-topbar .theme-control { flex: 0 0 88px; width: 88px; min-width: 88px; }
    body.erkal-theme .mobile-topbar .theme-control select { width: 100%; min-width: 0; max-width: 100%; }
    .erkal-theme .workspace main { padding: 12px; }
    .erkal-theme .auth-card { padding: 20px; }
    .erkal-theme :is(.public-header,.csr-public-header) { padding: 16px; gap: 12px; }
    .erkal-theme :is(.public-header,.csr-public-header) > img { max-width: 144px; height: auto; }
    .erkal-theme :is(.public-header,.csr-public-header) > span { width: 100%; order: 3; }
    body.erkal-theme.erkal-typography .mobile-topbar.has-chat-mobile-dock {
        display: grid; grid-template-columns: auto minmax(0, 1fr) 88px 44px;
        gap: 8px; padding-inline: 12px; height: auto;
    }
    body.erkal-theme .mobile-topbar.has-chat-mobile-dock .mobile-brand { width: 100%; max-width: 88px; justify-self: center; }
    body.erkal-theme .mobile-topbar.has-chat-mobile-dock .brand-logo-surface { width: 100%; }
    body.erkal-theme .mobile-topbar .er-chat-launcher[data-chat-mobile-docked] .er-chat-launcher__button {
        background: var(--erkal-surface); color: var(--erkal-text); border-color: var(--erkal-control-border);
    }
}
@media (max-width: 359px) {
    body.erkal-theme.erkal-typography .mobile-topbar.has-chat-mobile-dock { grid-template-columns: auto minmax(88px, 1fr) 44px; }
    body.erkal-theme .mobile-topbar.has-chat-mobile-dock .mobile-brand { display: none; }
    body.erkal-theme .mobile-topbar.has-chat-mobile-dock .theme-control { justify-self: end; }
}
@media screen and (max-width: 700px), screen and (pointer: coarse) {
    /* Keep native iOS controls readable despite earlier compact module rules. */
    body.erkal-theme main :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]) { font-size: 16px !important; min-height: 44px; }
    body.erkal-theme main :is(.button,.primary,.finance-button,button,summary) { min-height: 44px; }
    body.erkal-theme.operator-role main :is(input,select,textarea,button,.button):not([type=checkbox]):not([type=radio]):not([type=hidden]) { min-height: 48px; }
    .erkal-theme .statement-actions { flex-wrap: wrap; }
}
@media (max-height: 500px) and (max-width: 920px) {
    .erkal-theme .mobile-topbar { position: relative; }
}
@media (max-width: 390px) {
    /* Finance's existing chat control reserves the right edge of this toolbar. */
    body.erkal-theme.finance-shell .mobile-topbar .mobile-brand { display: none; }
    body.erkal-theme.finance-shell .mobile-topbar { justify-content: space-between; gap: 8px; }
    body.erkal-theme.erkal-typography.finance-shell .mobile-topbar.has-chat-mobile-dock { grid-template-columns: auto minmax(88px, 1fr) 44px; }
    body.erkal-theme.finance-shell .mobile-topbar.has-chat-mobile-dock .theme-control { justify-self: end; }
}
@media (prefers-reduced-motion: reduce) {
    .erkal-theme :is(.button,.primary,.sidebar,.mobile-topbar) { transition: none; animation: none; }
    .erkal-theme { scroll-behavior: auto; }
}
@media (forced-colors: active) {
    .theme-control select, .erkal-theme :is(.button,.primary) { border: 1px solid ButtonText; }
    .erkal-theme .side-nav a.active { outline: 2px solid Highlight; }
}
@media print {
    .theme-control, .theme-skip-link, .erkal-theme .mobile-topbar { display: none !important; }
    body.erkal-theme { background: #fff; color: #111; }
    .erkal-theme .app-shell { display: block; }
}


/* Source: /experience-20261017/experience-shell.v3.css */
/* ERKAL experience: global bar, contextual navigation and application directory. */
@media screen {
body.erkal-experience {
    --experience-gutter: clamp(20px, 4.5vw, 80px);
    --experience-width: 1560px;
    background: var(--erkal-surface); color: var(--erkal-text);
    -webkit-font-smoothing: antialiased;
}
html[data-theme="dark"] body.erkal-experience img[src*="/brand/erkal-wordmark-light.svg"] { content: url('/experience-20261017/brand/erkal-wordmark-dark.svg?v=20261018-classic'); }
body.erkal-experience img[src*="/brand/erkal-wordmark-light.svg"] { background: transparent; padding: 0; border: 0; filter: none !important; }
body.erkal-experience .public-brand .brand-logo-surface { width: 142px; background: transparent; border: 0; padding: 0; box-shadow: none; }
body.erkal-experience .app-shell { display: block; grid-template-columns: none; min-height: 100dvh; }
body.erkal-experience .workspace { width: 100%; min-width: 0; margin: 0; }
body.erkal-experience.erkal-typography .workspace main[data-erkal-page] {
    width: 100%; max-width: var(--experience-width); margin: 0 auto; padding: 42px var(--experience-gutter) 72px;
}
body.erkal-experience .mobile-topbar.experience-globalbar {
    display: flex; grid-template-columns: none; align-items: center; justify-content: flex-start;
    position: sticky; inset: 0 0 auto; height: 64px; min-height: 64px;
    padding: 8px var(--experience-gutter); gap: 28px; z-index: 45;
    background: color-mix(in srgb, var(--erkal-surface) 88%, transparent);
    backdrop-filter: saturate(160%) blur(20px); -webkit-backdrop-filter: saturate(160%) blur(20px);
    color: var(--erkal-text); border: 0; border-bottom: 1px solid var(--erkal-border);
    box-shadow: none;
}
body.erkal-experience .mobile-topbar.experience-globalbar .mobile-brand {
    display: flex; flex: 0 0 auto; width: auto; min-width: 0; max-width: none; gap: 10px;
    padding: 0; margin: 0; color: var(--erkal-text);
}
body.erkal-experience .mobile-topbar.experience-globalbar .brand-logo-surface { display: flex; width: 142px; max-width: 142px; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.erkal-experience .mobile-topbar.experience-globalbar .brand-logo-image { width: 100%; max-width: 100%; height: 32px; max-height: 32px; object-fit: contain; }
body.erkal-experience .mobile-topbar.experience-globalbar .brand-product-name { display: none; }
body.erkal-experience .experience-global-links { display: flex; align-items: center; gap: 24px; margin-left: 14px; }
body.erkal-experience .experience-global-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--erkal-muted); font-size: 12px; font-weight: 500; text-transform: capitalize; text-decoration: none; letter-spacing: .02em; }
body.erkal-experience .experience-global-links a[aria-current] { color: var(--erkal-text); }
body.erkal-experience .mobile-topbar.experience-globalbar .menu-toggle {
    display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px;
    width: auto; min-width: 44px; min-height: 44px; margin-left: auto; padding: 8px 12px;
    color: var(--erkal-text); background: transparent; border: 0; border-radius: 22px;
    font: 500 13px/1.3 var(--erkal-font-body); box-shadow: none;
}
body.erkal-experience .mobile-topbar.experience-globalbar .menu-toggle:hover { background: var(--erkal-surface-muted); }
body.erkal-experience .experience-localbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 28px; padding: 12px var(--experience-gutter); border-bottom: 1px solid var(--erkal-border); background: var(--erkal-surface); }
body.erkal-experience .experience-location { display: flex; gap: 12px; align-items: center; min-width: 0; font-size: 13px; }
body.erkal-experience .experience-location a { color: var(--erkal-muted); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
body.erkal-experience .experience-location > span { color: var(--erkal-muted); }
body.erkal-experience .experience-location strong { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
body.erkal-experience .experience-local-links { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: thin; gap: 22px; align-items: center; }
body.erkal-experience .experience-local-links a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 4px 0; border-bottom: 2px solid transparent; color: var(--erkal-muted); font-size: 12px; font-weight: 500; white-space: nowrap; text-decoration: none; }
body.erkal-experience .experience-local-links a[aria-current] { color: var(--erkal-text); border-bottom-color: var(--erkal-text); }
body.erkal-experience .sidebar.experience-apps {
    position: static; inset: 0 0 auto; z-index: 150; width: 100%; max-width: none; height: auto; max-height: none;
    display: block; padding: 44px max(var(--experience-gutter), calc((100vw - 1440px)/2)); overflow-y: auto;
    background: var(--erkal-surface); color: var(--erkal-text); border: 0; border-bottom: 1px solid var(--erkal-border);
    box-shadow: 0 40px 80px rgb(0 0 0 / 16%); transform: none; visibility: visible;
    transition: transform .22s ease;
}
body.erkal-experience.experience-ready .sidebar.experience-apps { position: fixed; max-height: 94dvh; transform: translateY(-110%); visibility: hidden; }
body.erkal-experience.menu-open { overflow: hidden; }
body.erkal-experience.menu-open .sidebar.experience-apps { transform: none; visibility: visible; }
body.erkal-experience.menu-open .workspace { filter: blur(4px); }
body.erkal-experience .sidebar.experience-apps .ops-nav-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 0; margin-bottom: 32px; background: transparent; border: 0; }
body.erkal-experience .sidebar.experience-apps .ops-nav-header strong { display: block; color: var(--erkal-text); font: 600 clamp(36px, 4vw, 56px)/1.05 var(--erkal-font-heading); letter-spacing: -.035em; }
body.erkal-experience .experience-kicker { display: block; margin-bottom: 12px; color: var(--erkal-muted); font-size: 10px; font-weight: 600; letter-spacing: .12em; }
body.erkal-experience .sidebar.experience-apps .ops-nav-close { display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--erkal-surface-muted); color: var(--erkal-text); font-size: 28px; }
body.erkal-experience .sidebar-brand { display: none; }
body.erkal-experience .experience-app-search { display: grid; gap: 8px; max-width: 460px; margin-bottom: 28px; color: var(--erkal-muted); font-size: 12px; }
body.erkal-experience .experience-app-search input { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--erkal-border); border-radius: 12px; background: var(--erkal-surface-muted); color: var(--erkal-text); font-size: 16px; }
body.erkal-experience .experience-search-status { color: var(--erkal-muted); }
body.erkal-experience .experience-search-hidden { display: none !important; }
body.erkal-experience .sidebar.experience-apps .finance-module-switch { display: flex; gap: 24px; margin: 0 0 24px; padding: 0 0 16px; border: 0; border-bottom: 1px solid var(--erkal-border); background: transparent; }
body.erkal-experience .sidebar.experience-apps .side-nav { padding: 0; }
body.erkal-experience .sidebar.experience-apps [data-navigation-links] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 24px 36px; }
body.erkal-experience .sidebar.experience-apps .personal-navigation-group { border: 0; margin: 0; padding: 0; background: none; }
body.erkal-experience .sidebar.experience-apps .nav-group { padding: 12px 0; color: var(--erkal-muted); font: 500 12px/1.4 var(--erkal-font-body); text-transform: none; letter-spacing: 0; }
body.erkal-experience .sidebar.experience-apps .side-nav a { display: flex; align-items: center; gap: 10px; padding: 10px 8px; min-height: 44px; margin: 0 0 2px; color: var(--erkal-text); background: transparent; border: 0; box-shadow: none; border-radius: 8px; font-size: 15px; font-weight: 500; }
body.erkal-experience .sidebar.experience-apps .side-nav a > span:first-child { color: var(--erkal-muted); }
body.erkal-experience .sidebar.experience-apps .side-nav a:hover, body.erkal-experience .sidebar.experience-apps .side-nav a.active { background: var(--erkal-surface-muted); color: var(--erkal-text); box-shadow: none; }
body.erkal-experience .sidebar.experience-apps .sidebar-user { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 36px; padding: 24px 0 0; border-top: 1px solid var(--erkal-border); color: var(--erkal-text); background: transparent; }
body.erkal-experience .sidebar.experience-apps .sidebar-user span { color: var(--erkal-muted); }
body.erkal-experience .sidebar.experience-apps .sidebar-user button { color: var(--erkal-text); border-color: var(--erkal-border); background: var(--erkal-surface); min-height: 44px; }
body.erkal-experience .sidebar .theme-control { display: flex; width: auto; margin-right: auto; }
body.erkal-experience .sidebar .theme-control select { min-height: 44px; font-size: 16px; }
body.erkal-experience .sidebar .personal-navigation-open { margin: 0 0 20px; min-height: 44px; color: var(--erkal-muted); background: transparent; border-color: var(--erkal-border); }
body.erkal-experience .manager-mobile-preview-button { position: fixed; inset: auto 20px 20px auto; min-height: 32px; padding: 7px 12px; font-size: 11px; border-radius: 18px; opacity: .75; z-index: 35; }
/* Shared public/auth surfaces use the same spacious frame without an authenticated menu. */
body.erkal-experience > :is(.topbar,.public-header,.csr-public-header,.fr-public-header) { min-height: 72px; height: auto; padding: 14px var(--experience-gutter); gap: 20px; border: 0; border-bottom: 1px solid var(--erkal-border); background: var(--erkal-surface); color: var(--erkal-text); box-shadow: none; }
body.erkal-experience > :is(.topbar,.public-header,.csr-public-header,.fr-public-header) img { width: 142px; height: 32px; max-width: 142px; max-height: 40px; object-fit: contain; }
body.erkal-experience > :is(.public-header,.csr-public-header) > span { color: var(--erkal-muted); font-size: 13px; }
body.erkal-experience .auth-shell { max-width: 1220px; margin: 64px auto; gap: clamp(32px, 6vw, 100px); align-items: center; }
body.erkal-experience .auth-card { border: 1px solid var(--erkal-border); border-radius: 24px; padding: 40px; box-shadow: none; }
body.erkal-experience .auth-intro h1, body.erkal-experience .auth-copy h1 { font-size: clamp(40px, 4.5vw, 64px) !important; line-height: 1.04; letter-spacing: -.04em; }
body.erkal-experience :is(.public-main,.csr-public-main) { width: 100%; max-width: 1180px; margin: 0 auto; padding: 56px var(--experience-gutter) 80px; }
body.erkal-experience :is(.public-main,.csr-public-main) h1 { font-size: clamp(36px, 4vw, 56px) !important; line-height: 1.08; letter-spacing: -.035em; }
body.erkal-experience :is(.public-footer,.csr-public-footer) { padding: 24px var(--experience-gutter); border-top: 1px solid var(--erkal-border); background: var(--erkal-surface-muted); color: var(--erkal-muted); }
body.erkal-experience :is(.fr-public-main,.statement-preview-main) { padding-block: 48px; }
body.erkal-experience :is(.fr-public-main,.notice-card) h1 { font: 600 clamp(32px,4vw,52px)/1.08 var(--erkal-font-heading); letter-spacing: -.035em; }
body.erkal-experience .notice-card { padding: clamp(28px,5vw,64px); border-radius: 24px; box-shadow: none; }
body.erkal-experience :is(dialog.er-chat,.ai-panel,.document-viewer-dialog) { border-radius: 20px; }
body.erkal-experience .er-chat-header { padding: 16px 20px; border-bottom: 1px solid var(--erkal-border); }
body.erkal-experience .er-chat-header h2 { font: 600 26px/1.2 var(--erkal-font-heading); }
body.erkal-experience .mobile-topbar.experience-globalbar .er-chat-launcher__button { color: var(--erkal-text); background: transparent; border: 0; box-shadow: none; }
@media (min-width: 921px) {
    body.erkal-experience .mobile-topbar.experience-globalbar { padding-right: max(160px, var(--experience-gutter)); }
}
@media (max-width: 1100px) {
    body.erkal-experience .sidebar.experience-apps [data-navigation-links] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.erkal-experience .experience-localbar { gap: 0; }
}
@media (max-width: 920px) {
    body.erkal-experience { --experience-gutter: 24px; }
    body.erkal-experience .mobile-topbar.experience-globalbar { display: flex; gap: 12px; height: 60px; min-height: 60px; padding: 8px 20px; }
    body.erkal-experience.erkal-theme.erkal-typography .mobile-topbar.experience-globalbar.has-chat-mobile-dock { display: flex; grid-template-columns: none; grid-template-rows: none; gap: 8px; height: 60px; min-height: 60px; padding: 8px 16px; }
    body.erkal-experience.erkal-theme .mobile-topbar.experience-globalbar .mobile-brand { display: flex; flex: 0 0 112px; width: 112px; max-width: 112px; height: 44px; align-items: center; justify-content: flex-start; }
    body.erkal-experience .mobile-topbar.experience-globalbar .mobile-brand { display: flex; width: auto; flex: 0 0 112px; }
    body.erkal-experience .mobile-topbar.experience-globalbar .brand-logo-surface { width: 112px; max-width: 112px; }
    body.erkal-experience .experience-global-links { display: none; }
    body.erkal-experience .experience-localbar { padding-block: 8px; }
    body.erkal-experience .experience-local-links { width: 100%; gap: 20px; }
    body.erkal-experience .workspace main[data-erkal-page] { padding-bottom: 96px; }
    body.erkal-experience .sidebar.experience-apps { padding: 28px 24px; }
    body.erkal-experience.experience-ready .sidebar.experience-apps { max-height: 100dvh; }
    body.erkal-experience .sidebar.experience-apps [data-navigation-links] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    body.erkal-experience .mobile-topbar.experience-globalbar .er-chat-mobile-slot:not([hidden]) { display: flex; flex: 0 0 44px; width: 44px; }
}
@media (max-width: 600px) {
    body.erkal-experience { --experience-gutter: 20px; }
    body.erkal-experience.erkal-typography .workspace main[data-erkal-page] { padding-top: 32px; }
    body.erkal-experience .mobile-topbar.experience-globalbar { padding-inline: 16px; gap: 6px; }
    body.erkal-experience .mobile-topbar.experience-globalbar .menu-toggle { padding: 8px; gap: 6px; font-size: 12px; }
    body.erkal-experience .experience-location strong { font-size: 16px; }
    body.erkal-experience .experience-local-links a { font-size: 12px; }
    body.erkal-experience .sidebar.experience-apps [data-navigation-links] { grid-template-columns: minmax(0,1fr); }
    body.erkal-experience .sidebar.experience-apps .ops-nav-header { margin-bottom: 24px; }
    body.erkal-experience .sidebar.experience-apps .side-nav a { min-height: 48px; }
    body.erkal-experience .auth-shell { margin: 28px auto; }
    body.erkal-experience .auth-card { padding: 24px; border-radius: 20px; }
    body.erkal-experience > :is(.topbar,.public-header,.csr-public-header,.fr-public-header) { flex-wrap: wrap; gap: 12px; padding: 16px 20px; }
    body.erkal-experience :is(.public-main,.csr-public-main) { padding-top: 32px; }
}
@media (prefers-reduced-motion: reduce) { body.erkal-experience .sidebar.experience-apps { transition: none; } }
@media (max-width: 359px) {
    body.erkal-experience .mobile-topbar.experience-globalbar .menu-toggle { width: 44px; padding: 10px; }
    body.erkal-experience .mobile-topbar.experience-globalbar .menu-toggle span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
}
@media print {
    body.erkal-experience :is(.experience-globalbar,.experience-localbar,.experience-apps) { display: none !important; }
    body.erkal-experience .app-shell { display: block; }
    body.erkal-experience .workspace main[data-erkal-page] { padding: 0; max-width: none; }
}

/* Live public-form geometry follow-up. */
@media screen {
body.erkal-experience :is(.public-main,.csr-public-main,.fr-public-main) :is(button,.button) { min-height:44px; }
}

/* Mobile surfaces inspired by the approved Preview reference; no workflow changes. */
@media screen {
body.erkal-experience dialog.document-viewer { inset:20px; width:calc(100% - 40px); height:calc(100dvh - 40px); max-width:1440px; margin:auto; border:1px solid var(--erkal-border); border-radius:32px; overflow:hidden; box-shadow:0 24px 80px rgb(0 0 0 / 24%); background:var(--erkal-surface-muted); }
body.erkal-experience dialog.document-viewer::backdrop { background:var(--erkal-overlay); backdrop-filter:blur(8px); }
body.erkal-experience .document-viewer__header { padding:20px 24px; background:var(--erkal-surface); color:var(--erkal-text); gap:16px; }
body.erkal-experience .document-viewer [data-document-title] { font:600 clamp(24px,3vw,32px)/1.12 var(--erkal-font-heading); letter-spacing:-.025em; }
body.erkal-experience .document-viewer__eyebrow { color:var(--erkal-muted); opacity:1; margin-bottom:6px; }
body.erkal-experience .document-viewer button { min-height:48px; min-width:48px; border-radius:999px; padding:10px 16px; }
body.erkal-experience .document-viewer [data-document-close] { color:var(--erkal-text); background:var(--erkal-surface-muted); border-color:transparent; }
body.erkal-experience .document-viewer__toolbar { padding:12px 24px; gap:12px; border-bottom:0; }
body.erkal-experience .document-viewer__viewport { padding:24px; }
body.erkal-experience .document-viewer__footer { padding:16px 24px; border-top:0; }
body.erkal-experience .document-viewer [data-document-download] { background:var(--erkal-primary); color:var(--erkal-primary-text); border-color:transparent; }
@media(max-width:920px) {
body.erkal-experience.experience-ready .sidebar.experience-apps { inset:max(10px,env(safe-area-inset-top)) 10px auto; width:calc(100% - 20px); max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom))); border:1px solid var(--erkal-border); border-radius:28px; padding:28px 20px; padding-top:28px !important; box-shadow:0 24px 70px rgb(0 0 0 / 20%); }
body.erkal-experience .sidebar.experience-apps .side-nav a { border-radius:14px; }
body.erkal-experience .sidebar.experience-apps .experience-app-search input { border-radius:999px; }
body.erkal-experience .operator-mobile-nav { left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); padding:6px; border:1px solid var(--erkal-border); border-radius:30px; box-shadow:0 12px 36px rgb(0 0 0 / 16%); background:var(--erkal-surface); gap:2px; }
body.erkal-experience .operator-mobile-nav a { min-height:56px; border-radius:24px; padding:4px 2px; }
body.erkal-experience .operator-mobile-nav a.active { background:var(--erkal-primary); color:var(--erkal-primary-text); box-shadow:none; }
body.erkal-experience.operator-role .workspace main { padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
}
@media(max-width:600px) {
body.erkal-experience dialog.document-viewer { inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)); width:calc(100% - 16px); height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom))); border-radius:28px; }
body.erkal-experience .document-viewer__header { padding:20px 16px 12px; gap:10px; }
body.erkal-experience .document-viewer__toolbar { padding:10px 12px 16px; }
body.erkal-experience .document-viewer__viewport { padding:16px; }
body.erkal-experience .document-viewer__footer { padding:16px; }
body.erkal-experience .document-viewer__zoom { flex-wrap:wrap; justify-content:center; }
body.erkal-experience .document-viewer__footer span { flex-basis:100%; }
}
}


/* Source: /experience-20261017/experience-pages.v2.css */
/* Shared screen defaults carry the same hierarchy into existing modules. */
@media screen {
    body.erkal-experience.erkal-typography {
        --erkal-text-page: clamp(34px, 4.1vw, 56px);
        --erkal-text-section: clamp(25px, 2.6vw, 32px);
        --erkal-space-section: 24px;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head, .finance-heading) {
        align-items: flex-end; gap: 24px; padding: 24px 0 18px; margin: 0 0 30px;
        background: transparent; border: 0; border-radius: 0; box-shadow: none;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head h1, .finance-heading h1) {
        font-family: var(--erkal-font-heading); font-size: clamp(34px, 4.1vw, 56px);
        font-weight: 600; line-height: 1.06; letter-spacing: -.035em; margin: 8px 0 12px;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head p, .finance-subtitle) { font-size: 15px; line-height: 1.65; color: var(--erkal-muted); max-width: 70ch; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head .eyebrow, .finance-heading .finance-eyebrow) { font-size: 11px; letter-spacing: .075em; color: var(--erkal-muted); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.panel, .finance-panel) { box-shadow: none; border-color: var(--erkal-border); border-radius: 20px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] > :is(.panel, .finance-panel):not(.table-wrap):not(.form-card):not(.danger-zone) { padding: 28px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .form-card:not(.experience-order-form) { padding: 30px; border-radius: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.section-head, .finance-section-heading) { gap: 18px; margin-bottom: 20px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.section-head h2, .finance-section-heading h2) { font-family: var(--erkal-font-heading); font-size: 25px; line-height: 1.2; letter-spacing: -.015em; font-weight: 600; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] > .filter-bar,
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-filter-bar { padding: 20px 0; background: transparent; border: 0; border-bottom: 1px solid var(--erkal-border); border-radius: 0; box-shadow: none; gap: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.data-table, .finance-table) > thead > tr > th { background: var(--erkal-bg); color: var(--erkal-muted); font-weight: 600; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head, .finance-heading, .filter-bar, .form-actions) :is(.button, .finance-button) { min-height: 44px; border-radius: 999px; padding-inline: 18px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.form-card, .filter-bar) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-radius: 10px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-data-status { border-radius: 0; border-width: 0 0 1px; background: transparent; padding: 12px 0; margin-bottom: 28px; }
    @media (max-width: 860px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head, .finance-heading) { align-items: flex-start; flex-wrap: wrap; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .form-card:not(.experience-order-form) { padding: 24px; }
    }
    @media (max-width: 540px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head, .finance-heading) { padding: 14px 0; margin-bottom: 24px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head h1, .finance-heading h1) { font-size: 36px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.page-head p, .finance-subtitle) { font-size: 14px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] > :is(.panel, .finance-panel):not(.table-wrap):not(.form-card):not(.danger-zone),
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .form-card:not(.experience-order-form) { padding: 22px 16px; }
    }
}


/* ERKAL module experience · 20261017. Presentation only; existing controls and data remain authoritative. */
@media screen {
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro {
        align-items: flex-end; gap: 24px; margin: 0 0 36px; padding: 24px 0 12px;
        border: 0; background: transparent; box-shadow: none;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro > div:first-child { min-width: 0; max-width: 760px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .erkal-page-title {
        margin: 8px 0 12px; font-size: clamp(34px, 4.1vw, 56px); line-height: 1.06;
        letter-spacing: -.035em; font-weight: 650; overflow-wrap: anywhere;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .eyebrow { color: var(--erkal-muted); font-size: 12px; letter-spacing: .08em; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro :is(p, .experience-lead) { color: var(--erkal-muted); font-size: 15px; line-height: 1.65; margin: 8px 0 0; max-width: 68ch; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .button-row { justify-content: flex-end; gap: 8px; max-width: 580px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.experience-orders-index, .experience-order-detail, .experience-production-index, .experience-order-form) { min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.experience-orders-index, .experience-order-detail, .experience-production-index, .experience-order-form) .button { border-radius: 999px; min-height: 44px; padding-inline: 18px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-section-intro { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 0 0 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-section-intro :is(h2, .erkal-card-title) { margin: 5px 0 0; font-size: 28px; line-height: 1.15; letter-spacing: -.025em; font-weight: 650; color: var(--erkal-text); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-section-intro p { color: var(--erkal-muted); margin: 8px 0 0; line-height: 1.6; font-size: 13px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-count { color: var(--erkal-muted); background: var(--erkal-surface-muted); border-radius: 999px; padding: 7px 12px; white-space: nowrap; font-size: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-list-workspace { padding: 30px; border-radius: 24px; background: var(--erkal-surface); border: 1px solid var(--erkal-border); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar {
        display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 18px 0 24px; margin: 0;
        background: transparent; border: 0; border-bottom: 1px solid var(--erkal-border); border-radius: 0; box-shadow: none;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar label { min-width: 160px; color: var(--erkal-muted); font-size: 12px; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar .grow { flex: 1 1 320px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar :is(input, select) { min-height: 46px; width: 100%; border-radius: 12px; background: var(--erkal-bg); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-surface { border: 0; border-radius: 0; background: transparent; margin: 0; padding: 0; box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .data-table { width: 100%; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .data-table th { padding-block: 18px; background: transparent; color: var(--erkal-muted); font-size: 11px; letter-spacing: .025em; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-main-row td { padding-block: 20px 10px; vertical-align: top; border-bottom: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-products-row > td { padding-block: 0 18px; border-bottom: 1px solid var(--erkal-border); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-products-disclosure { border: 0; border-radius: 10px; background: var(--erkal-bg); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-products-disclosure > summary { min-height: 44px; padding: 12px 16px; color: var(--erkal-muted); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .pagination { margin: 20px 0 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-form { width: 100%; max-width: none; padding: 0; border: 0; box-shadow: none; background: transparent; overflow: visible; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-form > .order-document-control { margin-bottom: 20px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section {
        display: grid; grid-template-columns: minmax(180px, .75fr) minmax(0, 2fr); gap: 48px;
        padding: 36px; margin: 0 0 24px; border-radius: 24px; background: var(--erkal-surface); border: 1px solid var(--erkal-border);
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro { min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-step { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: var(--erkal-muted); background: var(--erkal-surface-muted); font-size: 12px; font-weight: 650; margin-bottom: 16px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro h2 { font-size: 30px; line-height: 1.12; letter-spacing: -.025em; margin: 0 0 12px; font-weight: 650; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro p { color: var(--erkal-muted); line-height: 1.65; font-size: 13px; max-width: 29ch; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section .form-grid { margin: 0; gap: 22px 24px; align-content: start; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-fields { min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-fields > .check { margin-top: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-form :is(label, .form-grid > *) { min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-radius: 10px; min-height: 46px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products { padding: 36px; border-radius: 24px; border: 1px solid var(--erkal-border); background: var(--erkal-surface); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products > .subhead { margin-top: 0; padding-bottom: 24px; align-items: end; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products > .subhead .erkal-card-title { font-size: 30px; letter-spacing: -.025em; margin-top: 6px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products > .subhead .experience-step { margin-right: 8px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-submit { padding: 26px 4px; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-submit p { margin: 0; font-size: 13px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-submit .primary { min-height: 48px; padding-inline: 30px; flex: 0 0 auto; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview { padding: 30px; border-radius: 24px; background: var(--erkal-surface); border: 1px solid var(--erkal-border); margin: 24px 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 30px; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary > div { padding: 0; min-width: 0; background: transparent; border: 0; box-shadow: none; overflow-wrap: anywhere; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary > div > span { font-size: 11px; line-height: 1.5; color: var(--erkal-muted); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary strong { font-size: 15px; line-height: 1.5; margin-top: 6px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .order-lines-wrap { border-radius: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .order-lines-wrap > .experience-section-intro { padding: 28px 26px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .detail-grid { gap: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .detail-grid > .panel { padding: 28px; border-radius: 24px; box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index > .experience-table-toolbar { padding: 22px 26px; background: var(--erkal-surface); border: 1px solid var(--erkal-border); border-radius: 22px; margin-bottom: 32px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-summary { margin: 34px 0 12px; padding-bottom: 18px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-summary > span { color: var(--erkal-muted); font-size: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-group { display: grid; grid-template-columns: 185px minmax(0, 1fr); gap: 28px; margin: 0; padding: 28px 0; border-top: 1px solid var(--erkal-border); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro { display: block; align-self: start; padding-top: 8px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro h2 { font-size: 24px; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro > span { background: transparent; padding: 0; font-size: 12px; white-space: normal; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-rows { border-radius: 20px; overflow: visible; border: 1px solid var(--erkal-border); background: var(--erkal-surface); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work { display: block; padding: 24px; border-left-width: 0; position: relative; border-radius: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work:first-child { border-radius: 20px 20px 0 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work:last-child { border-radius: 0 0 20px 20px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-body { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(220px, 1fr) minmax(120px, .6fr); gap: 20px; align-items: center; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-code { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 11px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-product { font-size: 20px; line-height: 1.2; letter-spacing: -.015em; margin: 10px 0 8px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-specs { gap: 10px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-specs dt { font-size: 11px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-specs dd { font-size: 17px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-machine { font-size: 12px; gap: 7px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-top: 18px; margin-top: 20px; border-top: 1px solid var(--erkal-border); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-next-label { color: var(--erkal-muted); font-size: 11px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next > strong { color: var(--erkal-text); font-size: 13px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next .px-work-help { margin: 0; flex: 1 1 150px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-help summary { min-height: 44px; align-content: center; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-help p { max-width: 55ch; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next .px-work-action { margin-left: auto; min-height: 44px; padding-inline: 22px; border-radius: 999px; font-size: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .work-group { margin: 32px 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .work-card { border-radius: 20px; padding: 24px; box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview { min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.8fr); gap: 30px; padding: 34px; border-radius: 24px; background: var(--erkal-surface); border: 1px solid var(--erkal-border); box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus > .finance-section-heading { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0; padding: 0; border: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-section-heading h2 { font-size: 34px; line-height: 1.08; letter-spacing: -.03em; max-width: 11ch; margin: 8px 0 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-section-heading .finance-button { min-height: 44px; border-radius: 999px; padding-inline: 18px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus > .finance-settlement-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric { border: 0; border-radius: 0; box-shadow: none; padding: 16px 0 0; border-top: 1px solid var(--erkal-border); background: transparent; min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric:first-child { grid-column: 1 / -1; padding: 0 0 12px; border: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric:first-child strong { font-size: clamp(34px, 4vw, 54px); line-height: 1.15; letter-spacing: -.04em; font-weight: 600; color: var(--erkal-primary); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric strong { font-size: 24px; letter-spacing: -.025em; overflow-wrap: anywhere; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric :is(span, small) { line-height: 1.5; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus > :is(p, .finance-callout) { grid-column: 1 / -1; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances { background: transparent; border: 0; border-radius: 0; padding: 28px 0 36px; box-shadow: none; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-section-heading { margin-bottom: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metrics { gap: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric { padding: 0 24px; border: 0; border-left: 1px solid var(--erkal-border); border-radius: 0; background: transparent; box-shadow: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric:first-child { border-left: 0; padding-left: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric strong { font-size: clamp(23px, 2.2vw, 32px); letter-spacing: -.025em; overflow-wrap: anywhere; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview > .finance-panel:not(.experience-finance-focus):not(.experience-finance-balances),
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-daily > .finance-panel { padding: 30px; border-radius: 24px; box-shadow: none; margin-bottom: 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview .finance-section-heading h2 { font-weight: 650; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview .finance-shortcuts { gap: 16px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview .finance-shortcuts > a { border-radius: 16px; padding: 22px; background: var(--erkal-bg); border: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview .finance-workday-card { padding: 22px; border-radius: 16px; box-shadow: none; }
    @media (max-width: 1180px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-group { grid-template-columns: 150px minmax(0, 1fr); gap: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-body { grid-template-columns: minmax(0, 1fr) minmax(120px, .5fr); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-specs { grid-column: 1; grid-row: 2; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-machine { grid-column: 2; grid-row: 1 / 3; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro { align-items: flex-start; flex-direction: column; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .button-row { justify-content: flex-start; max-width: none; }
    }
    @media (max-width: 860px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section { grid-template-columns: 1fr; gap: 24px; padding: 26px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro p { max-width: 60ch; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro .experience-step { float: left; margin: 0 12px 0 0; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-intro h2 { font-size: 27px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-group { grid-template-columns: 1fr; gap: 18px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro h2 { margin: 0; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus { grid-template-columns: 1fr; padding: 28px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus > .finance-section-heading { flex-direction: row; align-items: end; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-section-heading h2 { max-width: none; font-size: 30px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric:nth-child(odd) { border-left: 0; padding-left: 0; }
    }
    @media (max-width: 540px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro { padding-top: 16px; margin-bottom: 26px; gap: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .erkal-page-title { font-size: 36px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro :is(p, .experience-lead) { font-size: 14px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .button-row { width: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-page-intro .button-row > :is(a, button) { flex: 1 1 auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-list-workspace { padding: 20px 16px; border-radius: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-section-intro { align-items: start; gap: 14px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-section-intro :is(h2, .erkal-card-title) { font-size: 26px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar label { min-width: 0; flex: 1 1 100%; width: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar .grow { flex-basis: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-table-toolbar > .button { flex: 1 1 auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-main-row td { padding-block: 7px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-orders-index .order-products-disclosure > summary { padding: 10px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section,
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products,
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview { padding: 22px 16px; border-radius: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section .form-grid { grid-template-columns: 1fr; gap: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section .form-grid > .span-2 { grid-column: auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-products > .subhead { gap: 18px; align-items: start; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-submit { flex-direction: column; align-items: stretch; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .order-summary { gap: 22px 18px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-record-overview .experience-section-intro { flex-wrap: wrap; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .order-lines-wrap > .experience-section-intro,
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-detail .detail-grid > .panel { padding: 22px 16px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index > .experience-table-toolbar { padding: 20px 16px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-board-summary { align-items: start; flex-direction: column; gap: 12px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-group-intro h2 { font-size: 23px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work { padding: 20px 16px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .experience-work-body { grid-template-columns: 1fr; gap: 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index :is(.px-work-machine, .px-work-specs) { grid-column: auto; grid-row: auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-machine { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next > strong { flex-basis: calc(100% - 115px); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next .px-work-help { flex-basis: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-production-index .px-work-next .px-work-action { width: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus { padding: 24px 18px; gap: 26px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus > .finance-section-heading { flex-direction: column; align-items: start; gap: 18px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric strong { font-size: 22px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-focus .finance-metric:first-child strong { font-size: 38px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric { padding-inline: 16px 0; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-balances .finance-metric strong { font-size: 23px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-overview > .finance-panel:not(.experience-finance-focus):not(.experience-finance-balances),
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-daily > .finance-panel { padding: 24px 18px; }
    }
}
@media print {
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-form-section,
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-work-body { display: block; }
}


@media screen {
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-order-form label.check { min-height: 44px; align-items: center; }
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-data-status.is-warning { background: var(--erkal-warning-bg); color: var(--erkal-warning); border-radius: 12px; padding: 12px 16px; border: 1px solid var(--erkal-warning); }
}

/* Shared alignment across finance tabs and the native date/month controls. */
@media screen {
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-heading, .finance-section-heading, .finance-simple-week-heading, .finance-check-list-toolbar, .finance-simple-week-list-heading) {
        display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px;
    }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-heading > div:first-child { flex: 1 1 420px; min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta { display: grid; grid-template-columns: auto auto; align-items: center; justify-items: end; gap: 10px 18px; margin: 0; width: auto; flex: 0 1 auto; text-align: right; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-heading-actions { grid-column: 2; grid-row: 1 / 3; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta .finance-today { grid-column: 1; grid-row: 1; align-self: end; font-size: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta .experience-module-return { grid-column: 1; grid-row: 2; min-height: 24px; font-size: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta .finance-ai-link { min-height: 44px; padding: 10px 18px; border-radius: 999px; font-size: 13px; white-space: nowrap; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 6px; width: 100%; max-width: 100%; padding: 5px; margin: 0 0 24px; overflow-x: auto; scrollbar-width: thin; border: 1px solid var(--erkal-border); border-radius: 16px; background: var(--erkal-bg); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav a { display: flex; align-items: center; justify-content: center; flex: 1 0 84px; min-width: 84px; min-height: 44px; padding: 8px 14px; margin: 0; border-radius: 11px; border: 0; background: transparent; color: var(--erkal-muted); font-size: 13px; line-height: 1.3; text-align: center; white-space: nowrap; text-decoration: none; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav a[aria-current] { color: var(--erkal-text); background: var(--erkal-surface); box-shadow: var(--erkal-shadow-sm); font-weight: 600; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-source { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px 16px; min-height: 0; padding: 12px 0; margin-bottom: 24px; border-width: 0 0 1px; border-radius: 0; background: transparent; font-size: 12px; line-height: 1.5; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-source > a { margin-left: auto; min-height: 32px; display: inline-flex; align-items: center; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-source.is-warning { padding: 12px 16px; border: 1px solid var(--erkal-warning); border-radius: 12px; background: var(--erkal-warning-bg); color: var(--erkal-warning); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-actions, .finance-account-filter-actions, .finance-check-filter-tools, .finance-classification-actions, .finance-empty-actions, .finance-schedule-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; margin-top: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-button, .finance-actions > button) { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 18px; border-radius: 999px; font-size: 13px; line-height: 1.35; text-align: center; white-space: normal; gap: 8px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-filters, .finance-simple-week-filters, .finance-list-tools, .finance-source-picker) { min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; padding: 20px 0; margin: 0 0 22px; background: transparent; border: 0; border-bottom: 1px solid var(--erkal-border); border-radius: 0; gap: 16px; align-items: end; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(form label, .finance-form label) { min-width: 0; max-width: 100%; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-filters, .finance-simple-week-filters, .finance-source-picker) label { display: grid; gap: 8px; align-content: start; margin: 0; color: var(--erkal-muted); font-size: 12px; line-height: 1.4; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; min-height: 46px; border-radius: 10px; line-height: 1.4; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(input[type="date"], input[type="month"], input[type="datetime-local"], input[type="time"]) { box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(input[type="date"], input[type="month"], input[type="datetime-local"], input[type="time"])::-webkit-datetime-edit { min-width: 0; padding: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-simple-week-filters { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(180px, 1fr) minmax(200px, 1.5fr) auto; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filters > .finance-grow { grid-column: span 2; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filter-actions { align-self: end; min-height: 46px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filters { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(120px, .7fr) minmax(240px, 1.4fr); }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filter-tools { align-items: flex-end; justify-content: flex-end; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-advanced > summary { min-height: 44px; display: flex; align-items: center; padding: 10px 14px; border-radius: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-filters-simple { display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(300px, 1fr); gap: 16px 24px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-search { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; min-width: 0; grid-column: auto; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-search > label { flex: 1 1 180px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-sortbar { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(90px, .65fr) auto; align-items: end; gap: 12px; grid-column: auto; margin: 0; min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-more { grid-column: 1 / -1; min-width: 0; margin: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-more > summary { min-height: 44px; align-content: center; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-clear { display: inline-flex; align-items: center; min-height: 44px; justify-self: start; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-period-shortcuts, .finance-account-views, .finance-check-lifecycle-views, .finance-custody-views) { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; min-width: 0; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-period-shortcuts, .finance-account-views, .finance-check-lifecycle-views, .finance-custody-views) > a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; padding: 10px 16px; border-radius: 12px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.button-row, .form-actions) { align-items: center; flex-wrap: wrap; gap: 10px; }
    body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.button-row, .form-actions) > form { margin: 0; min-width: 0; }
    @media (max-width: 1050px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filters { grid-template-columns: minmax(0, 1fr) minmax(120px, .4fr); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filter-tools { grid-column: 1 / -1; justify-content: flex-start; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-simple-week-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-filters-simple { grid-template-columns: 1fr; }
    }
    @media (max-width: 700px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta { justify-items: start; text-align: left; grid-template-columns: auto auto; justify-content: start; gap: 8px 20px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav { gap: 4px; padding: 4px; margin-bottom: 18px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav a { font-size: 12px; flex-basis: 80px; min-width: 80px; padding-inline: 10px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-source { gap: 6px 10px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .experience-finance-source > a { margin-left: 0; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filter-actions { grid-column: 1 / -1; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { font-size: 16px; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-section-heading, .finance-simple-week-heading) > :is(.finance-actions, .finance-account-views) { width: 100%; justify-content: flex-start; }
    }
    @media (max-width: 420px) {
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace :is(.finance-simple-week-filters, .finance-check-filters, .finance-schedule-filter-grid) { grid-template-columns: minmax(0, 1fr); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-simple-week-search { grid-column: auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filter-tools { grid-column: auto; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-sortbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-schedule-sortbar > .finance-button { grid-column: 1 / -1; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-account-filter-actions > .finance-button,
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-simple-week-filters > .finance-button { flex: 1 1 0; width: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filter-tools > .finance-actions { width: 100%; }
        body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-check-filter-tools > .finance-actions > .finance-button { flex: 1 1 0; }
    }
}

@media screen {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(button, input[type="submit"], input[type="reset"], input[type="button"], .button, .btn) { min-height: 44px; min-width: 44px; box-sizing: border-box; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(.button-row, .form-actions, .actions-row, .filter-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
 @media (max-width: 700px) {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: max(16px, 1em); min-width: 0; max-width: 100%; box-sizing: border-box; }
 }
}


@media screen {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-heading-meta > :is(.experience-finance-heading-actions, .finance-today, .experience-module-return) { display: flex !important; align-items: center; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav a { min-width: 0; width: 100%; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters :is(input, select):not([type="hidden"]) { min-height: 46px; height: 46px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters .finance-account-filter-actions > .finance-button { min-height: 46px; height: auto; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-accounts-panel :is(.finance-account-views > a, .finance-bulk-toolbar .finance-bulk-confirm > summary, .finance-bulk-toolbar > .finance-button) { min-height: 44px; }
 @media (max-width: 420px) {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav { gap: 2px; padding: 3px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .finance-workspace .finance-mobile-quick-nav a { padding: 8px 2px; font-size: 11px; letter-spacing: -.025em; }
 }
}


@media screen {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 20px 0; margin-bottom: 22px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters > :is(label, .finance-account-filter-actions) { grid-column: auto; min-width: 0; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters > label { gap: 8px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters > .finance-grow { grid-column: span 2; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters > .finance-account-filter-actions { gap: 10px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-accounts-panel > .finance-section-heading { align-items: flex-end; gap: 16px 24px; margin-bottom: 20px; }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-accounts-panel .finance-account-filter-help > summary { min-height: 44px; }
 @media (max-width: 1050px) {
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] #finance-account-filters > .finance-account-filter-actions { grid-column: 1 / -1; }
 }
}


/* Reconciliation owns ID-level legacy density rules; align its dedicated surface explicitly. */
@media screen {
body.erkal-experience main[data-erkal-page][data-route]:not([data-route="dashboard"]):not([data-route^="ai."]) h1.erkal-page-title:not(.experience-dashboard h1) { font-size:clamp(36px,4vw,56px); line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
body.erkal-experience :is(.role-grid,.permission-groups) { grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); }
body.erkal-experience :is(.role-card,.permission-groups fieldset) { min-width:0; }
body.erkal-experience .role-card .section-head { flex-wrap:wrap; }
body.erkal-experience .role-card :is(.section-head>div,.permission-chips) { min-width:0; max-width:100%; }
body.erkal-experience .role-card :is(code,.permission-chips span) { max-width:100%; overflow-wrap:anywhere; }
body.erkal-experience #finance-reconciliation-dashboard .fr-heading { align-items:flex-end; gap:24px; margin-bottom:32px; }
body.erkal-experience #finance-reconciliation-dashboard .fr-heading h1 { font:600 clamp(36px,4vw,56px)/1.08 var(--erkal-font-heading); letter-spacing:-.035em; margin:0; }
body.erkal-experience #finance-reconciliation-dashboard .finance-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
body.erkal-experience #finance-reconciliation-dashboard .fr-filters :is(input,select):not([type=hidden]) { min-width:0; max-width:100%; min-height:44px; height:44px; font-size:16px; }
@media(max-width:650px) {
body.erkal-experience #finance-reconciliation-dashboard .fr-heading { align-items:stretch; gap:20px; }
body.erkal-experience #finance-reconciliation-dashboard .fr-heading>div { min-width:0; max-width:100%; }
body.erkal-experience #finance-reconciliation-dashboard .fr-heading h1 { overflow-wrap:anywhere; }
body.erkal-experience #finance-reconciliation-dashboard .fr-filters .fr-actions { grid-column:1/-1; flex-wrap:wrap; }
}
@media(max-width:359px) {
body.erkal-experience #finance-reconciliation-dashboard .fr-filter-panel .fr-filters { grid-template-columns:minmax(0,1fr); }
body.erkal-experience #finance-reconciliation-dashboard .fr-filters label:nth-of-type(2) { grid-column:auto; }
}
}


/* Source: /experience-20261017/experience-dashboard.v2.css */
/* ERKAL workspace: structural dashboard layer, loaded after the shared theme. */
body.erkal-experience .experience-dashboard{--home-gap:28px;min-width:0;color:var(--erkal-text)}
body.erkal-experience .experience-dashboard *,body.erkal-experience .experience-dashboard *::before,body.erkal-experience .experience-dashboard *::after{box-sizing:border-box}
body.erkal-experience .experience-dashboard :is(h1,h2,h3,p){overflow-wrap:break-word}
body.erkal-experience .experience-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:34px 0 38px;margin:0;background:none;border:0;box-shadow:none}
body.erkal-experience .experience-home-intro{min-width:0;max-width:820px}
body.erkal-experience .experience-dashboard .eyebrow{display:block;color:var(--erkal-muted);font-size:12px;line-height:1.5;letter-spacing:.09em;font-weight:600;text-transform:uppercase}
body.erkal-experience .experience-home-intro .erkal-page-title{max-width:none;margin:12px 0 16px;color:var(--erkal-primary);font-size:clamp(40px,4.8vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
body.erkal-experience .experience-home-intro .erkal-page-title span{color:var(--erkal-text)}
body.erkal-experience .experience-home-intro>p{margin:0;color:var(--erkal-muted);font-size:16px;line-height:1.6}
body.erkal-experience .experience-home-context{display:flex;flex-direction:column;align-items:flex-end;gap:22px;max-width:360px;padding-bottom:5px}
body.erkal-experience .experience-home-context time{color:var(--erkal-muted);font-size:13px;line-height:1.5;text-align:right}
body.erkal-experience .experience-home-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
body.erkal-experience .experience-home-actions .button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:999px;padding:12px 20px;min-height:46px;font-size:13px;white-space:normal}
body.erkal-experience .experience-notification-jump{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:36px;color:var(--erkal-primary);font-size:12px;text-decoration:none}
body.erkal-experience .experience-notification-jump>span:first-child{padding:4px 8px;border-radius:99px;background:var(--erkal-surface-muted);color:var(--erkal-muted);font-variant-numeric:tabular-nums}
body.erkal-experience .experience-dashboard .metric-grid{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--erkal-border);border-bottom:1px solid var(--erkal-border);padding:24px 0;margin:0 0 26px;background:transparent}
body.erkal-experience .experience-dashboard .metric-card{flex:1 1 150px;display:flex;flex-direction:column;gap:5px;min-width:0;padding:0 24px;background:transparent;border:0;border-right:1px solid var(--erkal-border);border-radius:0;box-shadow:none}
body.erkal-experience .experience-dashboard .metric-card:first-child{padding-left:0}
body.erkal-experience .experience-dashboard .metric-card:last-child{border-right:0}
body.erkal-experience .experience-dashboard .metric-card::before,body.erkal-experience .experience-dashboard .metric-card::after{display:none}
body.erkal-experience .experience-dashboard .metric-card>span{color:var(--erkal-muted);font-size:12px;font-weight:500;line-height:1.5}
body.erkal-experience .experience-dashboard .metric-card>strong{font-size:clamp(25px,2.5vw,36px);line-height:1.1;letter-spacing:-.035em;color:var(--erkal-primary);font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.erkal-experience .experience-dashboard .metric-card>small{color:var(--erkal-muted);font-size:10px;line-height:1.5}
body.erkal-experience .experience-dashboard .metric-card.alert-card>strong{color:var(--erkal-brand)}
body.erkal-experience .experience-attention{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 28px;padding:0 0 0 13px;border-left:3px solid var(--erkal-warning);font-size:12px;line-height:1.5}
body.erkal-experience .experience-attention-label{color:var(--erkal-warning);font-weight:600}
body.erkal-experience .experience-attention a{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:var(--erkal-text);text-decoration:none}
body.erkal-experience .experience-attention a:hover{text-decoration:underline;text-underline-offset:4px}
body.erkal-experience .experience-dashboard .dashboard-quick-actions{margin:0 0 38px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
body.erkal-experience .experience-dashboard .dashboard-quick-actions>.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin:0 0 14px;gap:12px}
body.erkal-experience .experience-dashboard .dashboard-quick-actions .section-head .eyebrow{display:none}
body.erkal-experience .experience-dashboard .dashboard-quick-actions .section-head h2{font-size:23px;letter-spacing:-.02em;margin:0}
body.erkal-experience .experience-dashboard .dashboard-quick-actions .section-head .badge{background:transparent;color:var(--erkal-muted);border:0;padding:0;font-size:12px}
body.erkal-experience .experience-dashboard .quick-edit-toggle{min-height:36px;padding:6px 10px;font-size:12px}
body.erkal-experience .experience-dashboard #personal-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-card{background:var(--erkal-surface);border:1px solid transparent;border-radius:16px;box-shadow:none;transition:border-color 140ms ease,background 140ms ease}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-card:hover{border-color:var(--erkal-border)}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-target{min-height:78px;padding:17px;grid-template-columns:32px minmax(0,1fr) 12px;gap:10px}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-target>strong{font-size:13px;line-height:1.45;font-weight:600}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-icon{width:32px;height:32px;border-radius:0;background:transparent;color:var(--erkal-primary)}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-arrow{font-size:22px;color:var(--erkal-muted)}
body.erkal-experience .experience-dashboard .dashboard-quick-actions.is-editing #personal-quick-actions.is-sortable .quick-action-target{padding-left:64px;grid-template-columns:minmax(0,1fr) 12px}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-empty{padding:20px;background:var(--erkal-surface);border:1px dashed var(--erkal-border);border-radius:16px;font-size:13px}
body.erkal-experience .experience-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
body.erkal-experience .experience-section-heading h2{margin:5px 0 0;font-size:clamp(29px,3vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--erkal-text)}
body.erkal-experience .experience-section-heading>a{display:inline-flex;align-items:center;gap:10px;color:var(--erkal-primary);font-size:12px;min-height:40px;text-decoration:none;white-space:nowrap}
body.erkal-experience .experience-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--home-gap);align-items:start}
body.erkal-experience .experience-workspace-main,body.erkal-experience .experience-workspace-side,body.erkal-experience .experience-history,body.erkal-experience .experience-notifications{display:grid;min-width:0;gap:20px;align-content:start}
body.erkal-experience .experience-workspace:not(:has(.experience-workspace-side>section)){grid-template-columns:minmax(0,1fr)}
body.erkal-experience .experience-workspace-side:empty{display:none}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.experience-history-panel,.module-notifications){min-width:0;margin:0;padding:26px;background:var(--erkal-surface);border:0;border-radius:20px;box-shadow:none;overflow:visible}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.experience-history-panel)>.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:0;border:0}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.experience-history-panel) .section-head h2{font-size:25px;line-height:1.15;letter-spacing:-.02em;margin:5px 0 0;color:var(--erkal-text)}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.experience-history-panel) .section-head .eyebrow{font-size:10px}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card){display:flex;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:17px 0;margin:0;background:transparent;border:0;border-bottom:1px solid var(--erkal-border);border-radius:0;box-shadow:none;color:var(--erkal-text)}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card):last-child{border-bottom:0;padding-bottom:0}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card)>div{min-width:0}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card)>div:first-child{flex:1}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card)>div:last-child:not(:first-child){flex:0 1 45%}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card) :is(strong,span,small){overflow-wrap:anywhere}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card) strong{font-size:13px;line-height:1.5;font-weight:600;color:var(--erkal-text)}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card) small,body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card)>div>span:not(.badge){font-size:11px;line-height:1.6;color:var(--erkal-muted)}
body.erkal-experience .experience-dashboard .badge{font-size:10px;line-height:1.5;white-space:normal}
body.erkal-experience .experience-dashboard .work-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
body.erkal-experience .experience-dashboard .activity-link{transition:background 140ms ease;text-decoration:none}
body.erkal-experience .experience-dashboard .activity-link:hover{background:var(--erkal-surface-muted)}
body.erkal-experience .experience-dashboard .experience-alert-panel{border-top:3px solid var(--erkal-warning)}
body.erkal-experience .experience-dashboard .experience-alert-panel .button{min-height:40px;padding:8px 12px;font-size:11px;white-space:normal}
body.erkal-experience .experience-dashboard :is(.experience-alert-panel,.experience-history-panel) .activity{align-items:flex-start}
body.erkal-experience .experience-dashboard :is(.experience-alert-panel,.experience-history-panel) .align-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
body.erkal-experience .experience-work-empty{padding:40px 32px;border:1px solid var(--erkal-border);border-radius:20px;background:transparent}
body.erkal-experience .experience-work-empty h3{font-size:30px;line-height:1.2;margin:12px 0;color:var(--erkal-text)}
body.erkal-experience .experience-work-empty p{font-size:14px;line-height:1.7;color:var(--erkal-muted);max-width:440px;margin:0}
body.erkal-experience .experience-followup{margin-top:48px;padding-top:36px;border-top:1px solid var(--erkal-border)}
body.erkal-experience .experience-followup-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:var(--home-gap)}
body.erkal-experience .experience-followup-grid:not(:has(.experience-history>section)){grid-template-columns:minmax(0,1fr)}
body.erkal-experience .experience-history:empty{display:none}
body.erkal-experience .experience-dashboard .module-notifications__heading{align-items:flex-start;gap:14px;margin-bottom:18px}
body.erkal-experience .experience-dashboard .module-notifications__title{align-items:flex-start;gap:8px}
body.erkal-experience .experience-dashboard .module-notifications__heading h2{font-size:25px;letter-spacing:-.02em;line-height:1.2}
body.erkal-experience .experience-dashboard .module-notifications__heading>.button{font-size:11px;min-height:36px;padding:8px 10px;white-space:normal}
body.erkal-experience .experience-dashboard .module-notifications__list{max-height:520px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--erkal-control-border) transparent;padding:4px 5px 4px 0;scrollbar-gutter:stable}
body.erkal-experience .experience-dashboard .module-notifications__summary{flex-wrap:wrap}
body.erkal-experience .experience-dashboard .module-notifications__pagination{margin-top:16px;border-top:1px solid var(--erkal-border);padding-top:16px}
body.erkal-experience .experience-dashboard .experience-history-panel{background:transparent;padding:0 0 20px;border-radius:0;border-bottom:1px solid var(--erkal-border)}
body.erkal-experience .experience-dashboard .experience-history-panel .activity{padding:12px 0}
body.erkal-experience .experience-dashboard .operator-home-center{margin:0 0 28px;padding:28px;background:var(--erkal-surface);border:0;border-radius:22px;box-shadow:none;min-width:0}
body.erkal-experience .experience-dashboard .operator-home-center>.section-head{margin:0 0 20px}
body.erkal-experience .experience-dashboard .operator-home-center>.section-head h2{font-size:30px;letter-spacing:-.02em;margin:5px 0 0}
body.erkal-experience .experience-dashboard .operator-now-card{display:flex;position:relative;align-items:center;justify-content:space-between;gap:24px;padding:30px;margin:0;background:var(--erkal-nav-bg);color:var(--erkal-nav-text);border:0;border-radius:16px;box-shadow:none;overflow:hidden;text-decoration:none}
body.erkal-experience .experience-dashboard .operator-now-card>div{min-width:0}
body.erkal-experience .experience-dashboard .operator-now-card>div>span{color:var(--erkal-nav-muted);font-size:12px}
body.erkal-experience .experience-dashboard .operator-now-card h2{color:var(--erkal-nav-text);font-size:36px;line-height:1.1;letter-spacing:-.02em;margin:8px 0 16px}
body.erkal-experience .experience-dashboard .operator-now-card p{color:var(--erkal-nav-text);font-size:14px;line-height:1.6}
body.erkal-experience .experience-dashboard .operator-now-card small{color:var(--erkal-nav-muted);font-size:12px;line-height:1.6}
body.erkal-experience .experience-dashboard .operator-now-card>strong{display:flex;align-items:center;flex-shrink:0;min-height:46px;padding:10px 18px;border-radius:99px;background:#fff;color:#14233b;font-size:14px;white-space:nowrap}
body.erkal-experience .experience-dashboard .operator-now-card>i{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgb(255 255 255 / 15%)}
body.erkal-experience .experience-dashboard .operator-now-card>i>b{display:block;height:100%;background:#f06a7c}
body.erkal-experience .experience-dashboard .operator-queue-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:24px 0 0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a{padding:0 14px;display:flex;flex-direction:column;gap:5px;min-width:0;border:0;border-right:1px solid var(--erkal-border);border-radius:0;background:transparent;box-shadow:none;text-decoration:none}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:first-child{padding-left:0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:last-child{border-right:0}
body.erkal-experience .experience-dashboard .operator-queue-grid span{font-size:12px;color:var(--erkal-text)}
body.erkal-experience .experience-dashboard .operator-queue-grid strong{color:var(--erkal-primary);font-size:30px;line-height:1.1;letter-spacing:-.03em}
body.erkal-experience .experience-dashboard .operator-queue-grid small{color:var(--erkal-muted);font-size:10px;line-height:1.5;overflow-wrap:break-word}
body.erkal-experience .experience-dashboard .operator-capabilities{border-top:1px solid var(--erkal-border);margin-top:24px;padding-top:10px;background:transparent}
body.erkal-experience .experience-dashboard .operator-capabilities summary{font-size:12px;min-height:40px;padding:12px 0;cursor:pointer;color:var(--erkal-muted)}
body.erkal-experience .experience-dashboard .operator-capabilities>div{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0}
body.erkal-experience .experience-dashboard .operator-capabilities a{font-size:13px;min-height:36px;display:flex;align-items:center;color:var(--erkal-primary)}
body.erkal-experience .experience-dashboard [id]{scroll-margin-top:150px}
body.erkal-experience .experience-dashboard :is(a,button,summary):focus-visible{outline:3px solid var(--erkal-focus);outline-offset:4px}
@media(min-width:1500px){body.erkal-experience .experience-home-hero{padding-top:44px;padding-bottom:48px}}
@media(max-width:1100px){
body.erkal-experience .experience-dashboard{--home-gap:20px}
body.erkal-experience .experience-home-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:24px}
body.erkal-experience .experience-home-context{max-width:none}
body.erkal-experience .experience-workspace,body.erkal-experience .experience-followup-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.module-notifications){padding:22px}
body.erkal-experience .experience-dashboard .metric-card{padding:0 16px;flex-basis:120px}
body.erkal-experience .experience-dashboard .operator-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(3n){border-right:0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(4){padding-left:0}
}
@media(max-width:800px){
body.erkal-experience .experience-home-hero{grid-template-columns:minmax(0,1fr);padding:24px 0 28px;gap:22px}
body.erkal-experience .experience-home-intro .erkal-page-title{font-size:52px}
body.erkal-experience .experience-home-context{align-items:flex-start;gap:14px}
body.erkal-experience .experience-home-context time{text-align:left}
body.erkal-experience .experience-home-actions{justify-content:flex-start}
body.erkal-experience .experience-dashboard .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 0;padding:22px 0}
body.erkal-experience .experience-dashboard .metric-card{padding:0 14px}
body.erkal-experience .experience-dashboard .metric-card:nth-child(3n){border-right:0}
body.erkal-experience .experience-dashboard .metric-card:nth-child(3n + 1){padding-left:0}
body.erkal-experience .experience-dashboard #personal-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.erkal-experience .experience-workspace,body.erkal-experience .experience-followup-grid{grid-template-columns:minmax(0,1fr)}
body.erkal-experience .experience-workspace-side{grid-template-columns:repeat(2,minmax(0,1fr))}
body.erkal-experience .experience-workspace-side>section:first-child{grid-column:1/-1}
body.erkal-experience .experience-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.erkal-experience .experience-dashboard .operator-now-card{padding:24px}
body.erkal-experience .experience-dashboard .operator-now-card h2{font-size:32px}
}
@media(max-width:520px){
body.erkal-experience .experience-home-intro .erkal-page-title{font-size:42px;line-height:1.05}
body.erkal-experience .experience-home-intro>p{font-size:14px;line-height:1.6}
body.erkal-experience .experience-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
body.erkal-experience .experience-dashboard .metric-card{padding:0 12px;border-right:1px solid var(--erkal-border)}
body.erkal-experience .experience-dashboard .metric-card:nth-child(3n){border-right:1px solid var(--erkal-border)}
body.erkal-experience .experience-dashboard .metric-card:nth-child(2n){border-right:0}
body.erkal-experience .experience-dashboard .metric-card:nth-child(3n + 1){padding-left:12px}
body.erkal-experience .experience-dashboard .metric-card:nth-child(2n + 1){padding-left:0}
body.erkal-experience .experience-dashboard .metric-card:last-child{border-right:0}
body.erkal-experience .experience-dashboard .metric-card strong{font-size:28px}
body.erkal-experience .experience-attention{align-items:flex-start;gap:0 14px;font-size:11px}
body.erkal-experience .experience-attention-label{flex-basis:100%;margin-bottom:5px}
body.erkal-experience .experience-dashboard .dashboard-quick-actions>.section-head{gap:8px}
body.erkal-experience .experience-dashboard .dashboard-quick-actions>.section-head>div{grid-column:auto}
body.erkal-experience .experience-dashboard .dashboard-quick-actions>.section-head h2{font-size:21px}
body.erkal-experience .experience-dashboard #personal-quick-actions{grid-template-columns:minmax(0,1fr);gap:8px}
body.erkal-experience .experience-dashboard #personal-quick-actions .quick-action-target{min-height:66px;padding:14px 16px}
body.erkal-experience .experience-section-heading{align-items:center;gap:12px}
body.erkal-experience .experience-section-heading h2{font-size:30px}
body.erkal-experience .experience-section-heading>a{font-size:11px;gap:4px;white-space:normal;text-align:right}
body.erkal-experience .experience-workspace-side,body.erkal-experience .experience-history{grid-template-columns:minmax(0,1fr)}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.module-notifications){padding:20px 16px;border-radius:18px}
body.erkal-experience .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.experience-history-panel)>.section-head{gap:10px;flex-wrap:wrap}
body.erkal-experience .experience-dashboard :is(.work-row,.activity):not(.notification-card){gap:12px;flex-wrap:wrap;padding:16px 0}
body.erkal-experience .experience-dashboard .work-row>div:first-child{flex-basis:100%}
body.erkal-experience .experience-dashboard .work-row>div:last-child:not(:first-child){flex:1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left}
body.erkal-experience .experience-dashboard .work-row>div:last-child>small{flex-basis:100%}
body.erkal-experience .experience-dashboard .experience-alert-panel .activity>div:last-child{flex-basis:100%;align-items:flex-start;text-align:left}
body.erkal-experience .experience-followup{margin-top:32px;padding-top:28px}
body.erkal-experience .experience-dashboard .module-notifications__list{max-height:480px}
body.erkal-experience .experience-dashboard .module-notifications__pagination{gap:8px;flex-wrap:wrap;font-size:11px}
body.erkal-experience .experience-dashboard .operator-home-center{padding:20px 16px}
body.erkal-experience .experience-dashboard .operator-home-center>.section-head{flex-wrap:wrap;gap:12px}
body.erkal-experience .experience-dashboard .operator-home-center>.section-head h2{font-size:27px}
body.erkal-experience .experience-dashboard .operator-now-card{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px}
body.erkal-experience .experience-dashboard .operator-now-card h2{font-size:30px}
body.erkal-experience .experience-dashboard .operator-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a{padding:0 12px;border-right:1px solid var(--erkal-border)}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(3n){border-right:1px solid var(--erkal-border)}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(4){padding-left:12px}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(2n){border-right:0}
body.erkal-experience .experience-dashboard .operator-queue-grid>a:nth-child(2n + 1){padding-left:0}
body.erkal-experience .experience-work-empty{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){body.erkal-experience .experience-dashboard *{transition:none!important;scroll-behavior:auto!important}}
@media print{body.erkal-experience .experience-dashboard .module-notifications__list{max-height:none;overflow:visible}body.erkal-experience .experience-workspace,body.erkal-experience .experience-followup-grid{display:block}}
body.erkal-experience .experience-workspace.experience-workspace--orders-first{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}
body.erkal-experience .experience-dashboard .experience-record-link{color:var(--erkal-primary);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:28px}
body.erkal-experience .experience-dashboard .experience-record-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){body.erkal-experience .experience-workspace.experience-workspace--orders-first{grid-template-columns:minmax(0,1fr)}body.erkal-experience .experience-workspace--orders-first .experience-workspace-side{order:0}body.erkal-experience .experience-workspace--orders-first .experience-workspace-main{order:1}}

body.erkal-experience .experience-dashboard :is(h1,h2,h3){font-family:var(--erkal-font-heading,"Barlow Semi Condensed",sans-serif)}
@media(max-width:800px),(pointer:coarse){body.erkal-experience .experience-dashboard :is(.button,button,summary,.experience-record-link,.experience-notification-jump,.experience-attention a,.experience-section-heading>a){min-height:44px}body.erkal-experience .experience-dashboard :is(input,select,textarea){font-size:16px}}
/* Keep dashboard chapters distinct in the final shared-page cascade. */
@media screen{
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-priorities,.experience-followup){padding:32px;background:var(--erkal-bg);border:0;border-radius:24px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-followup{margin-top:32px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-work-panel,.experience-side-panel,.module-notifications){background:var(--erkal-surface)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-panel{border-top:3px solid var(--erkal-warning)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard #personal-quick-actions .quick-action-card{background:var(--erkal-bg)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .operator-home-center{background:var(--erkal-bg)}
@media(max-width:800px){body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-priorities,.experience-followup){padding:24px}}
@media(max-width:520px){body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-priorities,.experience-followup){padding:24px 12px;border-radius:20px}body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-section-heading h2{font-size:28px}}
}
/* Hero action hierarchy. State, loading and disabled controls keep their existing rules. */
@media screen {
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-home-actions .button{min-height:46px;line-height:20px;padding:12px 20px;box-sizing:border-box}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-home-actions .button:not(.secondary):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-erkal-async-busy="true"]):not(.is-loading){background:var(--erkal-primary);color:var(--erkal-primary-text);border:1px solid var(--erkal-primary)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-home-actions .button.secondary:not(:disabled):not([disabled]):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-erkal-async-busy="true"]):not(.is-loading){--erkal-primary-text:var(--erkal-primary);background:var(--erkal-surface);color:var(--erkal-primary);border:1px solid var(--erkal-primary)}
}

/* Dashboard v2: explicit record structure replaces inherited mobile flex/grid fragments. */
@media screen {
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-order-row,.experience-task-row,.experience-production-row,.experience-alert-row,.experience-history-row){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;justify-content:stretch;justify-items:stretch;flex-direction:row;gap:10px 20px;width:100%;max-width:100%;min-width:0;text-align:left}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-order-row{grid-template-columns:minmax(0,1fr);gap:9px;padding-block:18px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-task-row,.experience-production-row){grid-template-columns:minmax(0,1fr) minmax(150px,.72fr)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-row-copy,.experience-row-meta){min-width:0;max-width:100%;width:100%;flex:initial;justify-self:stretch;align-self:start;text-align:left}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-copy{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:start;gap:4px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-copy>:is(strong,span,small){max-width:100%;min-width:0;text-align:left;overflow-wrap:anywhere}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-copy>.customer-name{display:block;font-weight:600;line-height:1.5}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:start;justify-content:flex-start;justify-items:start;gap:8px 12px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta>.term-badge{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;justify-items:start;gap:3px 6px;min-width:0;max-width:100%;width:auto;text-align:left;white-space:normal}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta>.term-badge time{white-space:nowrap;flex:0 0 auto}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta>.term-badge small{min-width:0;text-align:left;white-space:normal}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta>.badge{flex:0 1 auto;align-self:center;max-width:100%;width:auto;text-align:left;white-space:normal;overflow-wrap:anywhere}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-row-meta>small{flex-basis:100%;text-align:left}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-row{grid-template-columns:minmax(0,1fr);gap:10px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-row>.badge{justify-self:start;max-width:100%;white-space:normal;text-align:left}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-row .experience-row-meta>strong{color:var(--erkal-text);font-size:14px;font-weight:600}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-row .experience-row-meta form{margin:0;max-width:100%}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-row .button.secondary:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-erkal-async-busy="true"]){--erkal-primary-text:var(--erkal-primary);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--erkal-border);border-radius:999px;background:var(--erkal-surface);color:var(--erkal-primary);font-size:12px;line-height:1.4;box-shadow:none}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-panel{border:1px solid var(--erkal-border);background:var(--erkal-surface);box-shadow:none}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-panel>.section-head .eyebrow{display:flex;align-items:center;gap:7px;color:var(--erkal-muted)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-alert-panel>.section-head .eyebrow::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--erkal-warning)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-attention{padding:0;border:0;gap:6px 18px;background:transparent;box-shadow:none}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-attention-label{display:inline-flex;align-items:center;gap:8px;color:var(--erkal-muted)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-attention-label::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--erkal-warning)}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-history-row>.experience-row-meta{width:auto;justify-self:end;justify-content:flex-end;text-align:right}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard .experience-history-row>.experience-row-meta>small{flex-basis:auto;text-align:inherit}
@media(max-width:800px){
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-task-row,.experience-production-row,.experience-history-row){grid-template-columns:minmax(0,1fr);gap:10px}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-task-row,.experience-production-row,.experience-history-row)>.experience-row-meta{width:100%;justify-self:stretch;justify-content:flex-start;text-align:left}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-task-row,.experience-production-row)>.experience-row-copy{flex-basis:auto}
body.erkal-experience.erkal-typography main[data-erkal-page][data-workspace][data-route] .experience-dashboard :is(.experience-task-row,.experience-production-row)>.experience-row-meta{flex:initial;align-items:center;flex-direction:row;flex-wrap:wrap}
}
}