
/* @ordinal: 100; */

/*
 * Root of the v2 stylesheet pipeline: /aggregate-v2.css merges every main-v2.css on the classpath
 * by ordinal. No v1 sheet is imported - v1 rules are unlayered and would beat every v2 cascade
 * layer. Composite stylesheets arrive with their composites through the Faces resource pipeline.
 */

@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.tokens{:root{--kyusu-primary:var(--primary-color,#8b1530);--kyusu-primary-dark:color-mix(in srgb,var(--kyusu-primary) 80%,black);--kyusu-primary-light:color-mix(in srgb,var(--kyusu-primary) 35%,white);--kyusu-primary-contrast:var(--primary-color-text,#fff);--kyusu-primary-50:color-mix(in srgb,var(--kyusu-primary) 4%,white);--kyusu-primary-100:color-mix(in srgb,var(--kyusu-primary) 10%,white);--kyusu-primary-200:color-mix(in srgb,var(--kyusu-primary) 20%,white);--kyusu-primary-300:var(--kyusu-primary-light);--kyusu-ink:var(--text-color,#111827);--kyusu-secondary:var(--text-color-secondary,#64748b);--kyusu-ink-muted:#4b5563;--kyusu-canvas:var(--surface-b,#f8fafc);--kyusu-surface:var(--surface-a,#fff);--kyusu-line:var(--surface-d,#e5e7eb);--kyusu-positive:var(--success-color,#16a34a);--kyusu-info:var(--info-color,#0e7490);--kyusu-danger:var(--danger-color,#dc2626);--kyusu-danger-dark:color-mix(in srgb,var(--kyusu-danger) 85%,black);--kyusu-area-1:var(--kyusu-primary);--kyusu-area-1-tint:var(--kyusu-primary-50);--kyusu-area-1-ink:var(--kyusu-primary);--kyusu-area-2:#334155;--kyusu-area-2-tint:#f1f5f9;--kyusu-area-2-ink:#334155;--kyusu-area-3:#0e7490;--kyusu-area-3-tint:#ecf6f9;--kyusu-area-3-ink:#0e7490;--kyusu-area-4:#84a427;--kyusu-area-4-tint:#f3f7e6;--kyusu-area-4-ink:#4d6410;--kyusu-font-family:var(--font-family,Inter,system-ui,-apple-system,"SegoeUI",sans-serif);--kyusu-font-size:15px;--kyusu-line-height:1.5;--kyusu-radius-md:6px;--kyusu-radius-lg:7px;--kyusu-radius-xl:9px;--kyusu-radius-card:11px;--kyusu-radius-pill:999px;--kyusu-transition:120ms ease-out;--kyusu-transition-slow:200ms ease-out;--kyusu-transition-tint:background-color var(--kyusu-transition),color var(--kyusu-transition);--kyusu-shadow-card:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.05);--kyusu-shadow-pop:0 4px 6px -2px rgba(16,24,40,0.05),0 12px 16px -4px rgba(16,24,40,0.10);--kyusu-shadow-page:0 2px 4px rgba(16,24,40,0.06),0 12px 24px -6px rgba(16,24,40,0.12);--kyusu-focus-ring-color:color-mix(in srgb,var(--kyusu-primary) 30%,transparent);--kyusu-focus-ring:0 0 0 2px var(--kyusu-focus-ring-color);--kyusu-content-max-width:1452px;--kyusu-content-max-width-wide:1760px;--kyusu-content-padding-inline:35px;--kyusu-topbar-height:72px;--kyusu-sidebar-width:240px;--kyusu-sidebar-width-collapsed:76px;--kyusu-sidebar-drawer-width:300px;--kyusu-search-width:576px;--kyusu-chart-1:#71717a;--kyusu-chart-2:#84a427;--kyusu-chart-3:#4779a5;--kyusu-chart-4:var(--kyusu-primary-200);--kyusu-chart-accent:var(--kyusu-primary);--kyusu-chart-accent-light:var(--kyusu-primary-300);--kyusu-chart-accent-lighter:var(--kyusu-primary-100);--kyusu-chart-stroke:var(--kyusu-surface);--kyusu-chart-label-on-dark:var(--kyusu-primary-contrast);--kyusu-chart-label-on-light:var(--kyusu-chart-accent);--kyusu-chart-4-label:var(--kyusu-chart-label-on-light);--kyusu-chart-accent-light-label:var(--kyusu-chart-label-on-light);--kyusu-chart-accent-lighter-label:var(--kyusu-chart-label-on-light)}
@media(max-width:1023px){:root{--kyusu-content-padding-inline:16px;--kyusu-topbar-height:64px}}}
@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.base{*,*::before,*::after{box-sizing:border-box}body{margin:0;background-color:var(--kyusu-canvas);color:var(--kyusu-ink);font-family:var(--kyusu-font-family);font-size:var(--kyusu-font-size);line-height:var(--kyusu-line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;color:var(--kyusu-ink);font-weight:600;line-height:1.25}
a{color:var(--kyusu-primary);text-decoration:none;&:hover{color:var(--kyusu-primary-dark);text-decoration:underline}}:focus-visible{outline:2px solid var(--kyusu-focus-ring-color);outline-offset:1px}}
@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.components.shared{.k-quiet-button{border:0;background-color:transparent;font-family:inherit;cursor:pointer}.k-surface{padding:var(--kyusu-surface-padding,22px);border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-surface)}.k-surface--card{position:relative;box-shadow:var(--kyusu-shadow-card)}.k-section-title{margin-block-end:13px;color:var(--kyusu-ink);font-size:15px;font-weight:700}
.k-eyebrow{color:var(--kyusu-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.k-divider-top{margin-block-start:22px;padding-block-start:22px;border-block-start:1px solid var(--kyusu-line)}.k-heading{color:var(--kyusu-ink);font-size:20px;line-height:31px;font-weight:700;letter-spacing:-0.01em}.k-corner-action{position:absolute;inset-block-start:18px;inset-inline-end:18px;z-index:1}.k-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-secondary);font-family:inherit;font-size:13px;text-align:start;cursor:pointer;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
& strong{color:var(--kyusu-ink);font-weight:600}}.k-badge{flex:none;padding:4px 11px;border-radius:var(--kyusu-radius-pill);background-color:#f1f5f9;color:var(--kyusu-secondary);font-size:13px;font-weight:600}.k-badge--positive{background-color:color-mix(in srgb,var(--kyusu-positive) 10%,transparent);color:var(--kyusu-positive)}.k-badge--brand{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary)}.k-badge--muted{color:color-mix(in srgb,var(--kyusu-secondary) 70%,transparent)}.k-badge--new{padding:2px 9px;border-radius:var(--kyusu-radius-pill);background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:12px;font-weight:700;line-height:1.4}
.k-promo-badge{display:inline-block;padding:3px 9px;border-radius:4px;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:12px;font-weight:700;line-height:1}.k-inline-link{display:inline-flex;flex:none;align-items:center;gap:4px;font-size:14px;font-weight:600}.k-backlink{display:inline-flex;align-items:center;gap:11px;padding:9px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);font-weight:600;cursor:pointer;&:hover{color:var(--kyusu-primary);text-decoration:none}
}.k-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;padding-inline:4px;font-size:14px}.k-status__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:20px;block-size:20px;border-radius:50%;background-color:var(--kyusu-positive);color:var(--kyusu-primary-contrast)}.k-status__headline{color:var(--kyusu-positive);font-weight:600}.k-status__text{color:var(--kyusu-secondary)}.k-empty{padding:26px 18px;border:1px dashed var(--kyusu-line);border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:14px;text-align:center}
.k-listrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 18px;&>.k-grow{flex-basis:140px}padding:15px 18px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);transition:border-color var(--kyusu-transition),background-color var(--kyusu-transition);&:hover{border-color:color-mix(in srgb,var(--kyusu-primary) 40%,transparent);background-color:var(--kyusu-canvas)}}.k-listrow--flush{border:0;border-radius:inherit}.k-listrow__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:50%;background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-size:14px;font-weight:700}
.k-listrow__mark--muted{background-color:var(--kyusu-canvas);color:var(--kyusu-secondary)}.k-listrow__title{overflow:hidden;color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.k-listrow__meta{margin-block-start:2px;color:var(--kyusu-secondary);font-size:14px}.k-areas{container-type:inline-size}.k-areas__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px 22px;align-items:start}@container(min-width:573px) and (max-width:1185.98px){.k-areas__grid{display:block;columns:2;column-gap:22px}
.k-areas__grid>.k-area{margin-block-end:26px;break-inside:avoid}}@container(min-width:1186px){.k-areas__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@keyframes kyusu-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){:root:not([data-kyusu-entered]) .k-areas__grid>.k-area{animation:kyusu-enter 320ms ease-out backwards;&:nth-child(2){animation-delay:40ms}&:nth-child(3){animation-delay:80ms}&:nth-child(4){animation-delay:120ms}
}}.k-area{--kyusu-area:var(--kyusu-area-1);--kyusu-area-tint:var(--kyusu-area-1-tint);--kyusu-area-ink:var(--kyusu-area-1-ink);margin:0}.k-area--2{--kyusu-area:var(--kyusu-area-2);--kyusu-area-tint:var(--kyusu-area-2-tint);--kyusu-area-ink:var(--kyusu-area-2-ink)}.k-area--3{--kyusu-area:var(--kyusu-area-3);--kyusu-area-tint:var(--kyusu-area-3-tint);--kyusu-area-ink:var(--kyusu-area-3-ink)}.k-area--4{--kyusu-area:var(--kyusu-area-4);--kyusu-area-tint:var(--kyusu-area-4-tint);--kyusu-area-ink:var(--kyusu-area-4-ink)}
.k-area__title{display:flex;align-items:center;gap:11px;margin:0 0 13px;padding:0 0 11px;border-block-end:3px solid var(--kyusu-area);color:var(--kyusu-ink);font-size:17px;font-weight:700}.k-area__name{flex:1;min-inline-size:0}.k-area__count{color:var(--kyusu-secondary);font-size:13px;font-weight:500}.k-area__list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;&>li{display:flex;container-type:inline-size}}.k-toolcard{--link-color:var(--kyusu-ink);--link-hover-color:var(--kyusu-ink);display:flex;flex:1;align-items:center;gap:13px;box-sizing:border-box;min-inline-size:0;min-block-size:62px;padding:9px 13px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-surface);color:var(--kyusu-ink);font-size:15px;font-weight:600;line-height:1.25;text-align:start;text-decoration:none;transition:border-color var(--kyusu-transition),background-color var(--kyusu-transition),box-shadow var(--kyusu-transition);&:hover{border-color:var(--kyusu-area);background-color:var(--kyusu-area-tint);box-shadow:0 2px 8px rgba(16,24,40,0.06);color:var(--kyusu-ink);text-decoration:none}
}.k-toolcard--preview{--link-color:#5B6577;--link-hover-color:#5B6577;border-style:dashed;border-color:#D3D8E0;background-color:var(--kyusu-canvas);color:#5B6577;&:hover{border-color:#d3d8e0;background-color:var(--kyusu-canvas);box-shadow:none;color:#5b6577}& .k-toolcard__mark{background-color:#eef1f5;color:#5b6577}}.k-toolcard__mark{display:flex;flex:none;align-items:center;justify-content:center;inline-size:35px;block-size:35px;border-radius:var(--kyusu-radius-xl);background-color:var(--kyusu-area-tint);color:var(--kyusu-area-ink)}
.k-toolcard__name{flex:1;min-inline-size:0;overflow-wrap:break-word}.k-toolcard__badges{display:flex;flex:none;flex-wrap:wrap;gap:6px;&>.k-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;font-size:12px;line-height:1.4;white-space:nowrap}}@container(max-width:374.98px){.k-toolcard:has(>.k-toolcard__badges){display:grid;grid-template-columns:auto minmax(0,1fr) auto;row-gap:4px;&>.k-toolcard__mark{grid-area:1 / 1 / 3 / 2}&>.k-toolcard__name{grid-area:1 / 2}&>.k-toolcard__badges{grid-area:2 / 2;justify-self:start}
&>.k-toolcard__arrow{grid-area:1 / 3 / 3 / 4}}}.k-toolcard__arrow{flex:none;color:var(--kyusu-primary)}.k-searchfield{position:relative;&>.k-icon{position:absolute;inset-block-start:50%;inset-inline-start:12px;color:var(--kyusu-secondary);transform:translateY(-50%);pointer-events:none}}.k-loadmenu{inline-size:320px;max-inline-size:100%}.k-loadmenu__title{padding:14px 12px 6px;color:var(--kyusu-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.k-loadmenu__entry{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-ink);text-decoration:none;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
&>.k-badge{margin-inline-start:auto;padding:2px 8px;font-size:11px}}.k-loadmenu__entry--disabled{color:var(--kyusu-secondary);&:hover{background-color:transparent;color:var(--kyusu-secondary)}& .k-loadmenu__mark{background-color:var(--kyusu-canvas);color:var(--kyusu-secondary)}}.k-loadmenu__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border-radius:50%;background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-size:12px;font-weight:700}
.k-loadmenu__text{display:flex;flex-direction:column;min-inline-size:0}.k-loadmenu__name,.k-loadmenu__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-loadmenu__name{font-size:13px;font-weight:600}.k-loadmenu__meta{color:var(--kyusu-secondary);font-size:12px}.k-loadmenu__empty{padding:4px 12px 8px;color:var(--kyusu-secondary);font-size:13px}.k-loadmenu__footer{margin-block-start:8px;padding-block-start:8px;border-block-start:1px solid var(--kyusu-line)}.k-leaders__title{padding-block-end:9px;border-block-end:1px solid var(--kyusu-primary);color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:700}
.k-leaders__head,.k-leaders__row{display:flex;align-items:baseline;gap:13px}.k-leaders__head{padding-block:13px 4px}.k-leaders__row{padding-block:8px}.k-leaders__group{margin-block-start:13px;color:var(--kyusu-ink);font-size:14px;font-weight:600}.k-leaders__label{color:var(--kyusu-secondary);font-size:14px}.k-leaders__leader{flex:1;margin-block-end:4px;border-block-end:1px dotted var(--kyusu-line)}.k-leaders__value{inline-size:var(--kyusu-leaders-value-width,106px);color:var(--kyusu-ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:end}
.k-leaders__head .k-leaders__value{color:var(--kyusu-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.k-flow{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.k-flow__tile{flex:1 1 auto;min-inline-size:165px;padding:11px 15px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface)}.k-flow__tile--highlight{border-color:var(--kyusu-primary);background-color:var(--kyusu-primary-50)}.k-flow__label{color:var(--kyusu-secondary);font-size:13px}
.k-flow__value{margin-block-start:4px;color:var(--kyusu-ink);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.k-flow__tile--highlight .k-flow__value{color:var(--kyusu-primary)}.k-flow__op{padding-inline:2px;color:var(--kyusu-secondary);font-size:20px;font-weight:700}.k-modal-title{display:flex;align-items:center;gap:7px;color:var(--kyusu-ink);font-size:17px;font-weight:700}.k-modal-subtitle{margin:4px 0 0;color:var(--kyusu-secondary);font-size:14px}.k-icon-button{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:35px;block-size:35px;padding:0;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface);color:var(--kyusu-secondary);cursor:pointer;transition:border-color var(--kyusu-transition),var(--kyusu-transition-tint);--link-color:var(--kyusu-secondary);--link-hover-color:var(--kyusu-primary);&:hover{border-color:var(--kyusu-primary);background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);text-decoration:none}
}.k-icon-button--danger{border-color:var(--kyusu-danger);background-color:var(--kyusu-danger);color:var(--kyusu-primary-contrast);--link-color:var(--kyusu-primary-contrast);--link-hover-color:var(--kyusu-primary-contrast);&:hover{border-color:var(--kyusu-danger-dark);background-color:var(--kyusu-danger-dark);color:var(--kyusu-primary-contrast)}}.k-action{display:inline-flex;align-items:center;gap:11px;block-size:44px;padding-inline:13px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--kyusu-transition-tint);--link-color:var(--kyusu-ink);--link-hover-color:var(--kyusu-ink);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
}.k-action-sep{inline-size:1px;block-size:26px;margin-inline:9px;background-color:var(--kyusu-line)}.k-tray{display:flex;flex-wrap:wrap;gap:8px;min-inline-size:0}.k-tray__chip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-radius:6px;background-color:var(--kyusu-primary-50);font-size:12px;max-inline-size:220px;flex:none}.k-tray__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.k-tray__remove{display:inline-flex;flex:none;align-items:center;justify-content:center;border:0;background-color:transparent;color:var(--kyusu-primary);cursor:pointer;inline-size:20px;block-size:20px;padding:0;font-family:inherit;transition:var(--kyusu-transition-tint);&:hover{background-color:color-mix(in srgb,var(--kyusu-primary) 10%,transparent)}
&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}}.k-tray__more{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border-radius:6px;background-color:var(--kyusu-primary-50);border:0;color:var(--kyusu-primary);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex:none;transition:var(--kyusu-transition-tint);&:hover{background-color:color-mix(in srgb,var(--kyusu-primary) 15%,transparent)}&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}}.k-tray__slot{flex:none;box-sizing:border-box;inline-size:30px;block-size:30px;border:1.5px dashed #94a3b8;border-radius:8px}
.k-tray:has(>.k-tray__slot){gap:4px}.k-tray__list{display:flex;flex-direction:column;gap:4px;min-inline-size:240px;max-block-size:320px;overflow-y:auto}.k-tray__entry{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;font-size:13px}.k-tray.k-tray--marks{flex:none;flex-wrap:nowrap;align-items:center;gap:0}.k-tray__mark{position:relative;display:grid;place-items:center;flex:none;inline-size:34px;block-size:34px;padding:0;border:2px solid var(--kyusu-surface);border-radius:8px;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;+.k-tray__mark{margin-inline-start:-8px}
&:nth-child(2){background-color:#334155}&:nth-child(3){background-color:#0e7490}&:hover,&:focus-visible{color:var(--kyusu-primary-contrast);text-decoration:none;>span{visibility:hidden}&::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:600}}&:focus-visible{outline:2px solid var(--kyusu-primary);outline-offset:2px}}.k-tray--marks .k-tray__slot{margin-inline-start:4px}.k-tray__overflow{display:grid;place-items:center;flex:none;min-inline-size:44px;block-size:44px;margin-inline-start:4px;padding:0 8px;border:0;border-radius:8px;background-color:var(--kyusu-primary-100);color:var(--kyusu-primary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.k-tray__summary{display:flex;flex:1;flex-direction:column;gap:1px;min-inline-size:0;>strong{overflow:hidden;color:var(--kyusu-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}>span{overflow:hidden;color:#475569;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}>.k-tray__hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}}.k-tray__clear{display:inline-flex;align-items:center;flex:none;block-size:36px;padding:0 10px;border:0;border-radius:6px;background:0;color:#475569;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-primary);text-decoration:none}
}.k-tray__short{display:none}@media(max-width:700px){.k-tray--marks .k-tray__mark ~ .k-tray__slot,.k-tray__long{display:none}.k-tray__short{display:inline}.k-tray__clear{padding:0 6px}}}.k-field{display:flex;flex-direction:column;justify-content:flex-end;min-inline-size:0}.k-field .k-field__label,.k-field__label{display:flex;align-items:center;gap:4px;margin-block-end:4px;color:var(--kyusu-secondary);font-size:13px;font-weight:500}.k-field .ui-inputfield,.k-field .ui-selectonemenu{inline-size:100%}
.k-field .ui-calendar{display:flex;position:relative;inline-size:100%}.k-field .ui-calendar>.ui-inputfield{flex:1 1 0;inline-size:auto;min-inline-size:0}.k-field .ui-calendar>.ui-datepicker-trigger{flex:0 0 auto}.k-field .ui-inputnumber{display:flex;inline-size:100%;min-inline-size:0}.k-field .ui-inputgroup>.ui-selectonemenu,.k-field .ui-inputgroup>.ui-inputfield{min-inline-size:0}.k-field .ui-inputnumber>.ui-inputfield{flex:1 1 0;inline-size:auto;min-inline-size:0}.k-area__list .k-toolcard{font-size:15px}
.k-searchfield>.ui-inputtext{inline-size:100%;padding-inline-start:2.25rem}.k-loadmenu__footer>.ui-button{display:flex;inline-size:100%}
@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.components.parts{@media(prefers-reduced-motion:no-preference){:root:not([data-kyusu-entered]) .k-content>:not(.k-bottom-dock,.ui-sidebar){animation:kyusu-enter 320ms ease-out backwards}}.k-skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:12px;z-index:100;padding:10px 16px;border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface);color:var(--kyusu-primary);font-weight:600;box-shadow:var(--kyusu-shadow-pop);&:focus,&:focus-visible{inset-block-start:12px;text-decoration:none}
}.k-shell{background-color:var(--kyusu-surface)}.k-shell__body{display:flex;@media(max-width:1023px){display:block}}.k-shell__backdrop{display:none;@media(max-width:1023px){display:block;position:fixed;inset:var(--kyusu-topbar-height) 0 0 0;z-index:24;background-color:rgba(16,24,40,0.45);opacity:0;pointer-events:none;transition:opacity var(--kyusu-transition-slow);:root[data-kyusu-drawer="open"] &{opacity:1;pointer-events:auto}}}:root[data-kyusu-drawer="open"] body{@media(max-width:1023px){overflow:hidden}
}.k-shell__main{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;min-block-size:calc(100vh - var(--kyusu-topbar-height))}.k-main{flex:1 1 auto;scroll-margin-block-start:calc(var(--kyusu-topbar-height) + 12px);&:focus{outline:0}}.k-content{inline-size:100%;max-inline-size:var(--kyusu-content-max-width);margin-inline:auto;padding-inline:var(--kyusu-content-padding-inline);padding-block:26px 44px}.k-content--wide{max-inline-size:var(--kyusu-content-max-width-wide)}.k-content--full{max-inline-size:none}
.k-context-bar{margin-block-end:26px;&:empty{display:none}}.k-content:has(.k-page-header):not(:has(>.k-stepnav))>.k-context-bar{float:inline-end;position:relative;z-index:1;margin-block-end:0;margin-inline-start:22px}.k-action-bar{position:sticky;inset-block-end:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px var(--kyusu-content-padding-inline);margin-inline:calc(-1 * var(--kyusu-content-padding-inline));border-block-start:1px solid var(--kyusu-line);background-color:var(--kyusu-surface);box-shadow:0 -2px 8px rgba(16,24,40,0.08);&:empty{display:none}
@media(max-width:767px){flex-wrap:wrap}}.k-action-bar__start{flex:1;min-inline-size:0}.k-action-bar__end{display:flex;gap:8px;margin-inline-start:auto}.k-bottom-dock{position:sticky;inset-block-end:0;z-index:20;margin-block-start:32px;padding-block-end:max(16px,env(safe-area-inset-bottom));pointer-events:none;@media(max-width:700px){margin-block-start:20px;padding-block-end:max(12px,env(safe-area-inset-bottom))}&:not(:has(.k-action-bar--nav>:not(:empty))){display:none}}.k-action-bar.k-action-bar--nav{position:static;flex-wrap:nowrap;gap:14px;box-sizing:border-box;max-inline-size:1080px;min-block-size:70px;margin:0 auto;padding:10px 10px 10px 8px;border:1px solid var(--kyusu-line);border-radius:14px;background-color:var(--kyusu-surface);box-shadow:0 14px 36px rgba(16,24,40,0.16),0 2px 6px rgba(16,24,40,0.06);pointer-events:auto;@media(max-width:700px){flex-wrap:wrap;gap:10px;padding:12px;border-radius:16px}
}.k-action-bar__back{display:inline-flex;flex:none;align-items:center;gap:8px;block-size:44px;padding:0 12px;border-radius:8px;color:#334155;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-primary);text-decoration:none}&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}@media(max-width:900px){inline-size:44px;padding:0;justify-content:center}@media(max-width:700px){order:1;inline-size:48px;block-size:48px;border:1px solid var(--kyusu-line);border-radius:10px}
}.k-action-bar__back-label{@media(max-width:900px){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.k-action-bar__divider{flex:none;inline-size:1px;block-size:28px;background-color:var(--kyusu-line);@media(max-width:700px){display:none}}.k-action-bar__content{display:flex;flex:1;align-items:center;gap:14px;min-inline-size:0;font-size:12px;color:#475569;@media(max-width:700px){order:-1;flex-basis:100%;gap:10px}}.k-action-bar__content>.k-action-bar__start{display:flex;align-items:center;gap:14px;@media(max-width:700px){gap:10px}
}.k-action-bar__end:not(:has(*)){display:none}.k-action-bar__forward{display:flex;flex:none;margin-inline-start:auto;@media(max-width:700px){order:2;flex:1}}.k-action-bar__next{display:inline-flex;align-items:center;justify-content:center;gap:10px;block-size:48px;padding:0 22px;border:0;border-radius:10px;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-family:inherit;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:var(--kyusu-transition-tint);&:hover:not(:disabled){background-color:var(--kyusu-primary-dark);color:var(--kyusu-primary-contrast);text-decoration:none}
&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}&:disabled{background-color:#e2e8f0;color:#475569;cursor:not-allowed}@media(max-width:700px){inline-size:100%;padding:0 14px}}@keyframes kyusu-tray-pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes kyusu-tray-drain{0%{background:var(--kyusu-primary);border-color:var(--kyusu-primary);border-style:solid;transform:scale(1)}45%{transform:scale(.8)}100%{transform:scale(1)}
}@keyframes kyusu-tray-ready{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--kyusu-primary) 45%,transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb,var(--kyusu-primary) 0%,transparent)}}@keyframes kyusu-dock-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){:root:not([data-kyusu-entered]) .k-bottom-dock{animation:kyusu-dock-in .36s .12s cubic-bezier(.2,.8,.2,1) backwards}.k-tray__mark.is-entering{animation:kyusu-tray-pop .32s cubic-bezier(.2,.9,.3,1.25)}
.k-tray__slot.is-draining{animation:kyusu-tray-drain .42s ease-out}.k-action-bar__next.is-becoming-ready{animation:kyusu-tray-ready .7s ease-out}.k-action-bar__next .k-icon,.k-action-bar__back .k-icon{transition:transform .18s ease}.k-action-bar__next:not(:disabled):hover .k-icon{transform:translateX(3px)}.k-action-bar__back:hover .k-icon{transform:translateX(-3px)}.k-action-bar__next:not(:disabled):active{transform:scale(.97)}}.k-context-actions{position:relative;display:flex;align-items:center}
.k-context-actions__toggle{display:none}.k-context-actions__list{display:flex;flex-wrap:wrap;align-items:center}@media(max-width:767px){.k-context-actions__toggle{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-ink);cursor:pointer;transition:var(--kyusu-transition-tint);&:hover,&[aria-expanded="true"]{background-color:var(--kyusu-canvas)}
& .k-context-actions__done{display:none}}.k-context-actions:not(:has(.k-context-actions__list>.k-action)) .k-context-actions__toggle{display:none}.k-context-actions:has(.k-action--done) .k-context-actions__toggle{color:var(--kyusu-positive);&>:not(.k-context-actions__done){display:none}& .k-context-actions__done{display:inline-flex}}.k-context-actions__list{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:40;display:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;inline-size:280px;max-inline-size:calc(100vw - 32px);padding:8px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-surface);box-shadow:var(--kyusu-shadow-card);& .k-action{justify-content:flex-start;block-size:40px;padding-inline:12px}
& .k-action-sep{inline-size:auto;block-size:1px;margin:8px 0}}.k-context-actions--open .k-context-actions__list{display:flex}}.k-topbar{position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;block-size:var(--kyusu-topbar-height);padding-inline:24px;border-block-end:1px solid var(--kyusu-line);background-color:var(--kyusu-surface);@media(max-width:1023px){padding-inline:12px 16px}}.k-topbar__form{display:flex;flex:1 1 auto;align-items:center;gap:24px;min-inline-size:0;@media(max-width:1023px){gap:12px}
}.k-topbar__brand{display:flex;flex:none;align-items:center;gap:14px;color:var(--kyusu-ink);&:hover{color:var(--kyusu-ink);text-decoration:none}}.k-topbar__logo{display:block;block-size:40px;inline-size:auto}.k-topbar__product{font-size:20px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap;@media(max-width:479px){display:none}}.k-topbar__search{position:relative;flex:1 1 auto;max-inline-size:var(--kyusu-search-width);margin-inline:auto;@media(max-width:639px){display:none}}.k-topbar__search-icon{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:14px;transform:translateY(-50%);pointer-events:none;color:var(--kyusu-secondary)}
.k-topbar__search:has(.ui-autocomplete.ui-state-loading) .k-topbar__search-icon{opacity:0}.k-topbar__search-hint{position:absolute;z-index:1;inset-block-start:50%;inset-inline-end:12px;transform:translateY(-50%);pointer-events:none;padding:2px 6px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-md);background-color:var(--kyusu-surface);color:var(--kyusu-secondary);font-family:inherit;font-size:12px;&::before{content:attr(data-kyusu-shortcut)}@media(max-width:1023px){display:none}
}:root[data-kyusu-platform="mac"] .k-topbar__search-hint::before{content:attr(data-kyusu-shortcut-mac)}.k-search-panel{inline-size:var(--kyusu-search-width);max-inline-size:var(--kyusu-search-width)}.k-search__icon{inline-size:32px;color:var(--kyusu-secondary);vertical-align:top}.k-search__title{color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:600}.k-search__meta{margin-block-start:1px;color:var(--kyusu-secondary);font-size:13px}.k-search__kind{color:var(--kyusu-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-align:end;text-transform:uppercase;vertical-align:top;white-space:nowrap}
.k-search-panel .ui-state-highlight :is(.k-search__icon,.k-search__title){color:inherit}.k-topbar__actions{display:flex;flex:none;align-items:center;gap:6px}.k-topbar:not(:has(.k-topbar__search)) .k-topbar__actions{margin-inline-start:auto}@media(max-width:639px){.k-topbar__actions{margin-inline-start:auto}}.k-topbar__icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-secondary);font-family:inherit;cursor:pointer;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
}.k-topbar__menu{display:none;@media(max-width:1023px){display:inline-flex}& .k-topbar__menu-close{display:none}:root[data-kyusu-drawer="open"] &{& .k-topbar__menu-open{display:none}& .k-topbar__menu-close{display:block}}}.k-topbar__settings{& .k-icon{transition:transform 200ms ease}&:is(:hover,:focus-visible) .k-icon{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){& .k-icon{transition:none}&:is(:hover,:focus-visible) .k-icon{transform:none}}}.k-topbar__notifications{position:relative;&:hover{text-decoration:none}
}.k-topbar__badge{position:absolute;inset-block-start:2px;inset-inline-end:4px;display:inline-flex;align-items:center;justify-content:center;min-inline-size:16px;block-size:16px;padding-inline:4px;border-radius:var(--kyusu-radius-pill);background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:10px;font-weight:700;line-height:1}.k-topbar__divider{inline-size:1px;block-size:32px;margin-inline:8px;background-color:var(--kyusu-line);@media(max-width:767px){display:none}}.k-topbar__avatar{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-ink);transition:var(--kyusu-transition-tint);&[aria-expanded="true"]{background-color:var(--kyusu-canvas)}
&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}}.k-topbar__avatar-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:50%;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:var(--kyusu-font-size);font-weight:700}.k-topbar__avatar-name{font-weight:600;white-space:nowrap;@media(max-width:767px){display:none}}@media(max-width:767px){.k-topbar__avatar{padding:2px}}
:target{scroll-margin-block-start:calc(var(--kyusu-topbar-height) + 12px)}.k-nav-item{--kyusu-navitem-gap:12px;--kyusu-navitem-padding:10px 12px;display:flex;align-items:center;gap:var(--kyusu-navitem-gap);padding:var(--kyusu-navitem-padding);border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:var(--kyusu-font-size);font-weight:500;white-space:nowrap;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
}.k-nav-item--active{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-weight:600;&:hover{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary)}}.k-avatar-menu{display:flex;flex-direction:column;gap:2px;min-inline-size:184px}.k-avatar-menu-panel .k-avatar-menu__item{--kyusu-navitem-padding:9px 12px}.k-avatar-menu__item-label{overflow:hidden;text-overflow:ellipsis}.k-avatar-menu__item-external{margin-inline-start:auto}.k-avatar-menu__item--logout{& .k-avatar-menu__item-icon>*{transition:translate var(--kyusu-transition)}
&:hover .k-avatar-menu__item-icon>:is(polyline,line){translate:2px}[dir="rtl"] &:hover .k-avatar-menu__item-icon>:is(polyline,line){translate:-2px}@media(prefers-reduced-motion:reduce){&:hover .k-avatar-menu__item-icon>*{translate:none}}}.k-avatar-menu__divider{block-size:1px;margin-block:6px;background-color:var(--kyusu-line)}.k-sidebar{position:relative;z-index:20;display:flex;flex-direction:column;flex:none;inline-size:var(--kyusu-sidebar-width);background-color:var(--kyusu-surface);transition:inline-size 0s var(--kyusu-transition-slow);@media(max-width:1023px){position:fixed;inset-block:var(--kyusu-topbar-height) 0;inset-inline-start:0;z-index:25;inline-size:min(var(--kyusu-sidebar-drawer-width),85vw);border-inline-end:0;box-shadow:var(--kyusu-shadow-pop);translate:-100% 0;visibility:hidden;transition:translate var(--kyusu-transition-slow),visibility 0s var(--kyusu-transition-slow);:root[data-kyusu-drawer="open"] &{translate:0;visibility:visible;transition:translate var(--kyusu-transition-slow)}
}}.k-sidebar__inner{position:sticky;inset-block-start:var(--kyusu-topbar-height);display:flex;flex-direction:column;inline-size:var(--kyusu-sidebar-width);block-size:calc(100vh - var(--kyusu-topbar-height));overflow:hidden;border-inline-end:1px solid var(--kyusu-line);background-color:var(--kyusu-surface);box-shadow:3px 0 10px -2px rgba(16,24,40,0.10);transition:inline-size var(--kyusu-transition-slow);@media(max-width:1023px){position:static;inline-size:100%;block-size:100%;overflow:visible;border-inline-end:0;box-shadow:none;transition:none}
}.k-sidebar__nav,.k-sidebar__foot{inline-size:var(--kyusu-sidebar-width);@media(max-width:1023px){inline-size:auto}}.k-sidebar__nav{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-block-size:0;padding:24px 12px 0;overflow-y:auto}.k-sidebar__item{overflow:hidden;white-space:normal}.k-sidebar__item--placeholder{opacity:.55;cursor:default;&:hover{background-color:transparent;color:var(--kyusu-secondary)}}.k-sidebar__item-label{overflow:hidden;text-overflow:ellipsis}.k-sidebar__item-badge{margin-inline-start:auto;padding:2px 6px;border-radius:var(--kyusu-radius-md);background-color:color-mix(in srgb,var(--kyusu-info) 12%,var(--kyusu-surface));color:var(--kyusu-info);font-size:11px;font-weight:700;line-height:1.2}
.k-sidebar__item-external{margin-inline-start:auto;color:var(--kyusu-secondary)}.k-sidebar__divider{block-size:1px;margin:12px;background-color:var(--kyusu-line)}.k-sidebar__promo{margin-block-start:auto;padding-block:12px 20px;&:empty{display:none}}:root[data-kyusu-promo="dismissed"] .k-sidebar__promo{display:none}.k-sidebar__promo-card{display:block;position:relative;padding:15px 12px;border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-canvas);color:inherit;text-decoration:none}
.k-sidebar__promo-title{margin-block-start:9px;color:var(--kyusu-ink);font-size:13px;font-weight:600;line-height:1.35}.k-sidebar__promo-text{margin:4px 0 0;color:var(--kyusu-secondary);font-size:13px;line-height:1.35}.k-sidebar__promo-link{margin-block-start:10px;font-size:13px}.k-sidebar__promo-dismiss{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;padding:4px;border-radius:4px;color:var(--kyusu-secondary);&:hover,&:focus-visible{background-color:color-mix(in srgb,var(--kyusu-ink) 8%,transparent);color:var(--kyusu-ink)}
}.k-sidebar__foot{display:flex;flex-direction:column;gap:16px;margin-block-start:auto;padding:0 16px 16px}.k-sidebar__support{padding-inline:8px;color:var(--kyusu-secondary)}.k-sidebar__support-head{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.k-sidebar__support-text{margin:2px 0 0;font-size:12px}.k-sidebar__support-link{display:inline-block;margin-block-start:4px;font-size:13px;font-weight:500}.k-sidebar__toggle{display:flex;align-items:center;gap:14px;position:relative;padding:8px 10px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:var(--kyusu-font-size);font-weight:500;white-space:nowrap;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
&::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;border-block-start:1px solid var(--kyusu-line)}@media(max-width:1023px){display:none}}.k-sidebar__toggle-icon.k-icon{transition:rotate var(--kyusu-transition-slow),transform 180ms ease}@media(min-width:1024px){:root[data-kyusu-sidebar="collapsed"]{.k-sidebar,.k-sidebar__inner,.k-sidebar__nav,.k-sidebar__foot{inline-size:var(--kyusu-sidebar-width-collapsed)}.k-sidebar{transition:none}
.k-sidebar__item,.k-sidebar__toggle{justify-content:center;padding-inline:0}.k-sidebar__item-label,.k-sidebar__item-badge,.k-sidebar__item-external,.k-sidebar__toggle-label,.k-sidebar__support,.k-sidebar__promo{display:none}.k-sidebar__toggle-icon{rotate:180deg}}}.k-footer{border-block-start:1px solid var(--kyusu-line);background-color:var(--kyusu-canvas);.k-content{padding-block:20px}}.k-footer__copyright{white-space:nowrap;@media(max-width:639px){display:flex;flex-direction:column;align-items:center;gap:2px;white-space:normal;text-align:center}
}.k-footer__separator{margin-inline:8px;@media(max-width:639px){display:none}}.k-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;color:var(--kyusu-secondary);font-size:13px;@media(max-width:639px){flex-direction:column;justify-content:center}}.k-footer__links{display:flex;flex-wrap:wrap;gap:16px;@media(max-width:639px){justify-content:center}}.k-settings__body{display:grid;grid-template-columns:minmax(209px,max-content) minmax(0,1fr);gap:31px;@media(max-width:767px){grid-template-columns:minmax(0,1fr);gap:18px}
}.k-settings__rail{display:flex;flex-direction:column;gap:4px;padding-inline-end:22px;border-inline-end:1px solid var(--kyusu-line);@media(max-width:767px){flex-direction:row;gap:2px;padding:0 0 8px;border-inline-end:0;border-block-end:1px solid var(--kyusu-line);overflow-x:auto;scrollbar-width:none}}.k-settings__rail-item{--kyusu-navitem-gap:11px;--kyusu-navitem-padding:9px 13px;text-align:start;@media(max-width:767px){--kyusu-navitem-gap:8px;flex:none}}.k-settings__rail-label{display:inline-flex;flex-direction:column;&::after{content:attr(data-label);block-size:0;overflow:hidden;visibility:hidden;font-weight:600;user-select:none}
}.k-settings__panels{min-inline-size:0}.k-settings__panel{display:none}.k-settings__panel--active{display:block}.k-settings__footer{display:flex;justify-content:flex-end;gap:13px}.k-loading-dialog__body{display:flex;align-items:center;justify-content:center}.k-loading-dialog__spinner{inline-size:31px;block-size:31px;border:3px solid var(--kyusu-line);border-block-start-color:var(--kyusu-primary);border-radius:50%;animation:kyusu-spin 800ms linear infinite}.k-loading-dialog__text{margin-block-start:13px;color:var(--kyusu-secondary);text-align:center}
@keyframes kyusu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.k-loading-dialog__spinner{animation-duration:3s}.k-sidebar,.k-sidebar__inner,.k-sidebar__toggle-icon.k-icon,.k-shell__backdrop{transition:none}}body:has(.k-action-bar:not(.k-action-bar--nav):not(:empty)){--kyusu-assistant-offset:96px}body:has(.k-action-bar--nav>:not(:empty)){--kyusu-assistant-offset:104px;@media(max-width:700px){--kyusu-assistant-offset:168px}}}.k-topbar .k-topbar__search{& input{inline-size:100%;block-size:44px;padding-inline:40px 56px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-canvas);color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);&:focus{border-color:var(--kyusu-primary);background-color:var(--kyusu-surface);outline:0;box-shadow:var(--kyusu-focus-ring)}
}.ui-autocomplete{display:block}.ui-autocomplete.ui-state-loading .ui-icon-loading{position:absolute;inset-block-start:50%;inset-inline:14px auto;margin:-8px 0 0;inline-size:16px;block-size:16px;color:var(--kyusu-secondary);font-size:16px;line-height:16px;@media(prefers-reduced-motion:reduce){animation-duration:3s}}}.k-search-panel.ui-autocomplete-panel{margin-block-start:6px;padding:6px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-xl);background-color:var(--kyusu-surface);box-shadow:var(--kyusu-shadow-pop);.ui-autocomplete-items{padding:0}
.ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row{margin:0;border:0 none;border-radius:var(--kyusu-radius-lg);background:transparent;color:var(--kyusu-ink);>td{padding:9px 12px;border:0 none}>td.k-search__icon{padding-inline-end:0}}.ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight{background:var(--kyusu-primary-50);color:var(--kyusu-primary)}.ui-autocomplete-emptyMessage,.ui-autocomplete-empty-message{margin:0;padding:9px 12px;color:var(--kyusu-secondary)}}body .ui-dialog.k-hilfe-dialog{position:fixed !important;top:50% !important;left:50% !important;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);transform:translate(-50%,-50%);&>.ui-dialog-content{overflow-y:auto}
}.k-hilfe__feedback{display:flex;align-items:center;gap:9px;padding:1rem;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-md) var(--kyusu-radius-md) 0 0;background-color:var(--kyusu-surface);color:var(--kyusu-ink);font-weight:700;text-decoration:none;transition:background-color var(--kyusu-transition);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}&:last-child{border-radius:var(--kyusu-radius-md)}}.k-hilfe__extern{margin-inline-start:auto;color:var(--kyusu-secondary)}
body .k-hilfe__feedback+.ui-accordion .ui-accordion-header:first-child{border-block-start:0;border-start-start-radius:0;border-start-end-radius:0}
@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.utilities{.k-flex{display:flex}.k-inline-flex{display:inline-flex}.k-grid{display:grid}.k-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.k-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.k-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.k-col-span-2{grid-column:span 2}.k-col-span-3{grid-column:span 3}@media(max-width:1023px){.k-cols-3,.k-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-col-span-3{grid-column:span 2}}@media(max-width:639px){.k-cols-2,.k-cols-3,.k-cols-4{grid-template-columns:minmax(0,1fr)}.k-col-span-2,.k-col-span-3{grid-column:auto}}.k-col-span-full{grid-column:1 / -1}.k-col{flex-direction:column}.k-wrap{flex-wrap:wrap}.k-items-start{align-items:flex-start}.k-items-center{align-items:center}.k-items-end{align-items:flex-end}.k-items-baseline{align-items:baseline}.k-justify-start{justify-content:flex-start}.k-justify-center{justify-content:center}.k-justify-end{justify-content:flex-end}
.k-justify-between{justify-content:space-between}.k-gap-1{gap:4px}.k-gap-2{gap:9px}.k-gap-3{gap:13px}.k-gap-4{gap:18px}.k-gap-5{gap:22px}.k-gap-6{gap:26px}.k-grow{flex-grow:1}.k-shrink-0{flex-shrink:0}.k-min-w-0{min-inline-size:0}.k-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.k-hidden{display:none}}

/*
 * ivfp-base-debug/debug.js writes its overlays into every Development-stage page; they must start
 * hidden. Rule repeated here instead of importing the v1 sheet.
 */
.debug-overlay,
.debug-overlay-renteneintritt {
    display: none;
}


/* Only the spacing between sections; the rows themselves are `k-leaders`. */
.k-werte {
    display: flex;
    flex-direction: column;
    gap: 28px;
}


/* Druckauswahl: one card of sections, and the action row under it. */
.k-druck__card {
    padding: 28px;
}

.k-druck__section-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--kyusu-ink);
}

.k-druck__section {
    margin-block-start: 24px;
    padding-block-start: 24px;
    border-block-start: 1px solid var(--kyusu-line);
}

.k-druck__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-block-start: 20px;
}

/* Borderless rows inside the card, so `k-listrow`'s own box would be wrong here. */
.k-druck__item,
.k-druck__row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.k-druck__row {
    margin-block-start: 16px;
}

/* The theme spaces the checkbox from its itemLabel; here the row's own gap already does it. */
.k-druck__item .ui-chkbox {
    margin-inline-end: 0;
}

/* Read-only, so a bordered field rather than an input - nothing here is editable. */
.k-druck__filename {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block-start: 16px;
    padding: 0 14px;
    block-size: 44px;
    border: 1px solid var(--kyusu-line);
    border-radius: var(--kyusu-radius-lg);
    color: var(--kyusu-ink);
    font-size: 14px;
}

.k-druck__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-block-start: 28px;
}

.k-druck__note {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--kyusu-radius-lg);
    background-color: var(--kyusu-canvas);
    font-size: 13px;
    color: var(--kyusu-secondary);
}

.k-druck__hint {
    display: block;
    margin-block-start: 16px;
    font-size: 13px;
    color: var(--kyusu-secondary);
}


/*
 * The full-page message card: error, expired, notFound, atlas-error and the print role gate. One
 * class for all of them, as v1 shares `.error` between ivfp-base-error and the Druckauswahl gate.
 */
.k-notice {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 48px;
}

.k-notice__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    inline-size: min(100%, 620px);
    padding: 40px 32px;
    text-align: center;
}

.k-notice__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 64px;
    block-size: 64px;
    border-radius: 50%;
    background-color: var(--kyusu-primary-50);
    color: var(--kyusu-primary);
}

.k-notice__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--kyusu-ink);
}

.k-notice__text {
    margin: 0;
    color: var(--kyusu-secondary);
}

.k-notice__card .ui-button {
    margin-block-start: 10px;
}

/* Development only, and collapsed: a long trace would otherwise push the card off screen. */
.k-notice__trace {
    inline-size: min(100%, 900px);
    margin-block-start: 24px;
    font-size: 12px;
    color: var(--kyusu-secondary);
}

.k-notice__trace summary {
    cursor: pointer;
    font-weight: 600;
}


/*
 * Kundenleiste: the trigger in the context bar and its menu. The trigger is quiet until hovered -
 * it names the Beratung's subject, it is not a primary action.
 */
.k-kundenmenu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: var(--kyusu-radius-lg);
    color: var(--kyusu-secondary);
    font-size: 12px;
    text-align: start;
    cursor: pointer;
    transition: var(--kyusu-transition-tint);
}

.k-kundenmenu__trigger:hover {
    background-color: var(--kyusu-surface);
    color: var(--kyusu-ink);
}

.k-kundenmenu__summary strong {
    color: var(--kyusu-ink);
    font-weight: 600;
}

/*
 * Only in the trigger, where the meta follows the name inline; the bullet is drawn here so the
 * message stays a plain value and may be empty. In the panel the meta is a line of its own.
 */
.k-kundenmenu__summary .k-kundenmenu__meta:not(:empty)::before {
    content: "\2002\00B7\2002";
}

.k-kundenmenu__trigger[aria-expanded="true"] .k-kundenmenu__chevron {
    transform: rotate(180deg);
}

.k-kundenmenu__chevron {
    transition: transform 150ms ease;
}

.k-kundenmenu {
    inline-size: 320px;
}

.k-kundenmenu__current {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: var(--kyusu-radius-lg);
    background-color: var(--kyusu-primary-50);
}

.k-kundenmenu__avatar {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 36px;
    block-size: 36px;
    border-radius: 50%;
    background-color: var(--kyusu-primary);
    color: var(--kyusu-primary-contrast);
    font-size: 13px;
    font-weight: 700;
}

.k-kundenmenu__name {
    font-size: 14px;
    font-weight: 600;
    color: var(--kyusu-ink);
}

.k-kundenmenu__meta {
    font-size: 12px;
    color: var(--kyusu-secondary);
}

.k-kundenmenu__divider {
    margin-block: 8px;
    border-block-start: 1px solid var(--kyusu-line);
}

.k-kundenmenu__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: var(--kyusu-radius-lg);
    color: var(--kyusu-secondary);
    font-size: 13px;
    font-weight: 500;
    transition: var(--kyusu-transition-tint);
    --link-color: var(--kyusu-secondary);
    --link-hover-color: var(--kyusu-ink);
}

.k-kundenmenu__item:hover {
    background-color: var(--kyusu-canvas);
    color: var(--kyusu-ink);
    text-decoration: none;
}

.k-kundenmenu__item--primary {
    color: var(--kyusu-primary);
    font-weight: 600;
    --link-color: var(--kyusu-primary);
    --link-hover-color: var(--kyusu-primary);
}

.k-kundenmenu__item--primary:hover {
    background-color: var(--kyusu-primary-50);
}

/* The design has no footer; the shell always renders the element, so it is hidden here. */
.k-footer {
    display: none;
}


/*
 * base:detailDialog. k:infoDialog styles text, lists, headings and calculation tables; these rules
 * add what the detail facelets write in their own way: a row holding only an <hr> marks the sum
 * below it, and <u> marks a sub heading.
 */
.k-details .k-infodialog__body {
    & tr:has(+ tr hr) > td {
        border-block-end: 0;
    }

    & tr:has(hr) > td {
        padding: 0;
        border: 0;
    }

    & hr {
        display: none;
    }

    & tr:has(hr) + tr > td {
        padding-block-start: 9px;
        border-block-start: 2px solid var(--kyusu-ink);
        font-weight: 700;
    }

    & u {
        font-weight: 600;
        text-decoration: none;
    }
}

.k-details__value {
    color: var(--kyusu-secondary);
}
/* @ordinal: 150; */

/*
 * Single-Beratung chrome (`kv-` classes). Deliberately *unlayered*: a layered rule would be
 * outranked by the PrimeFaces theme. Ordinal sits between common-web-v2 (100) and a module's own
 * sheet (200), so modules can override.
 */

/*
 * The Kunden list (dialog and page): a theme list card with its search field (ui-datatable-list,
 * ui-datatable-search), each entry a `k-listrow k-listrow--flush`. Here only what is the
 * Kundenliste's own: the badge beside the name, the Beratungen and date columns, and when the
 * list is too narrow for them.
 */
.kv-table {
    container: kv-liste / inline-size;
}

/* The name and, on the opened Kunde, its badge; the badge stays whole, the name gives way. */
.kv-kunde__titel {
    display: flex;
    align-items: center;
    gap: 8px;
    min-inline-size: 0;

    & .k-listrow__title {
        min-inline-size: 0;
    }
}

.kv-kunde__badge {
    flex: none;
    padding: 1px 8px;
    font-size: 11px;
}

/* One line, like the name above it: the columns to the right keep their place. */
.kv-kunde__meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kv-kunde__beratungen {
    flex: none;
    inline-size: 6.5rem;
    color: var(--kyusu-secondary);
    font-size: 13px;
    text-align: center;
}

.kv-kunde__datum {
    display: flex;
    flex: none;
    flex-direction: column;
    inline-size: 7rem;
    color: var(--kyusu-secondary);
    font-size: 12px;
    text-align: end;
}

.kv-kunde__datum-label {
    font-size: 11px;
}

.kv-kunde__aktionen {
    display: flex;
    flex: none;
    align-items: center;
    gap: 10px;
}

@container kv-liste (max-width: 719.98px) {
    .kv-kunde__datum {
        display: none;
    }
}

@container kv-liste (max-width: 559.98px) {
    .kv-kunde__beratungen {
        display: none;
    }
}

/* A Kunde whose stored data no longer maps onto the current model: delete stays, opening is closed. */
.kv-row--invalid {
    background-color: var(--kyusu-canvas);
}

/* The button row under the fields; the fields' own rhythm is `k-gap-*` on their grid. */
.kv-actions {
    margin-block-start: 22px;
}

/* Bestehende Vorsorge: the composite fixes the toggle column at an inline 30px, narrower than the theme's 2.25rem toggle. */
.weitereVorsorgeTable > .ui-datatable-tablewrapper > table > thead > tr > th:first-child {
    width: 2.75rem !important;
}

.weitereVorsorgeTable > .ui-datatable-tablewrapper > table > tbody > tr > td:has(> .ui-row-toggler) {
    padding-inline: 0;
    text-align: center;
}

/* The import row sits under the table; the theme's 1rem cell padding insets the expanded row's fields above it. */
.weitereVorsorgeTable + .row {
    padding: 1rem 1rem 0;
}
/* @ordinal: 300; */

/*
 * Dashboard page rules, `s-` prefixed. Unlayered like the other modules' main-v2.css: a layered rule
 * would be outranked by the PrimeFaces theme.
 */

.s-header-facts {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--kyusu-font-size);
}

/*
 * Image tiles: the Stuttgarter panels view.
 * One column per tile, up to four, while each keeps 240px; two columns below that, one on phones.
 * The tracks stop at the Stuttgarter 500px and the group is centred. A row stretches every tile to
 * the tallest, and the label takes up the difference.
 */

.s-tiles-wrap {
    container: s-tiles / inline-size;
}

.s-tiles {
    display: grid;
    grid-template-columns: repeat(var(--s-tiles-spalten, 1), minmax(0, 500px));
    justify-content: center;
    gap: 22px;
}

@container s-tiles (min-width: 502px) {
    .s-tiles:has(> :nth-child(2)) {
        --s-tiles-spalten: 2;
    }
}

@container s-tiles (min-width: 1026px) {
    .s-tiles:has(> :nth-child(3)) {
        --s-tiles-spalten: 3;
    }

    .s-tiles:has(> :nth-child(4)) {
        --s-tiles-spalten: 4;
    }
}

.s-tile {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--kyusu-line);
    border-radius: var(--kyusu-radius-card);
    background-color: var(--kyusu-surface);
    box-shadow: var(--kyusu-shadow-card);
    text-decoration: none;

    &:hover .s-tile__label {
        background-color: var(--kyusu-primary-dark);
    }
}

.s-tile__image {
    display: block;
    inline-size: 100%;
    block-size: auto;
    object-fit: contain;
}

.s-tile__label {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 11px 13px;
    background-color: var(--kyusu-primary);
    color: var(--kyusu-primary-contrast);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transition: background-color var(--kyusu-transition);
}

/*
 * Angaben: Interessent and Partner side by side, the fields in two columns inside a card. Equal
 * halves with the tool grid's gap, so each card lines up with two tool cards above it.
 */

.s-angaben-title {
    margin-block: 31px 18px;
}

.s-angaben-wrap {
    container: s-angaben / inline-size;
}

.s-angaben {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container s-angaben (min-width: 640px) {
    .s-angaben {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.s-angaben__card {
    container: s-angaben-card / inline-size;
}

.s-angaben__fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px 18px;
}

@container s-angaben-card (min-width: 400px) {
    .s-angaben__fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Gespeicherte Beratungen: the actions stay on one line. */
.s-beratungen .s-beratungen__actions {
    white-space: nowrap;
}

/* Datenerfassung: section headings and the field grid inside its accordion tabs. */
.s-section {
    margin-block: 31px 13px;
}

.s-field-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px 18px;
}

/* Aufbewahrungsfristen: a slider with its years and months spinners on one line. */
.s-retention .month-slider {
    display: flex;
    align-items: center;
    gap: 15px;
}

.s-retention .month-slider .ui-slider {
    flex: 1 1 auto;
    margin: 0;
}

.s-retention .month-slider-units {
    display: flex;
    flex: none;
    gap: 9px;
}

.s-retention .month-slider-units .ui-inputnumber {
    inline-size: 115px;
}

.s-retention .month-slider-units .ui-inputnumber input {
    inline-size: 100%;
    text-align: end;
}