:root{color-scheme:light;--kokio-space-1:4px;--kokio-space-2:8px;--kokio-space-3:12px;--kokio-space-4:16px;--kokio-space-5:20px;--kokio-space-6:24px;--kokio-space-7:32px;--kokio-space-8:40px;--kokio-space-9:48px;--kokio-page:#eef2f6;--kokio-surface:#ffffff;--kokio-surface-muted:#f7f8fb;--kokio-surface-elevated:#ffffff;--kokio-card:#ffffff;--kokio-border:#d9e0e8;--kokio-border-strong:#aebaca;--kokio-text:#111827;--kokio-text-secondary:#4b5563;--kokio-text-muted:#6b7280;--kokio-header:#ffffff;--kokio-sidebar:#ffffff;--kokio-accent:#047857;--kokio-accent-hover:#065f46;--kokio-accent-foreground:#ffffff;--kokio-accent-muted:#d1fae5;--kokio-focus:#0e7490;--kokio-shadow-surface:0 1px 2px rgb(15 23 42/0.06);--kokio-shadow-overlay:0 18px 45px rgb(15 23 42/0.18);--kokio-shadow:var(--kokio-shadow-surface);--kokio-shadow-elevated:var(--kokio-shadow-overlay);--kokio-success:#047857;--kokio-success-muted:#dcfce7;--kokio-warning:#a16207;--kokio-warning-muted:#fef3c7;--kokio-danger:#b42318;--kokio-danger-muted:#fee4e2;--kokio-info:#0369a1;--kokio-info-muted:#e0f2fe;--kokio-radius-control:8px;--kokio-radius-surface:12px;--kokio-radius-major:16px;--kokio-radius:var(--kokio-radius-surface);--kokio-control-height:40px;--kokio-touch-target:44px;--kokio-motion-fast:120ms;--kokio-motion-popover:160ms;--kokio-motion-overlay:220ms;--kokio-motion-ease:cubic-bezier(0.2,0,0,1);--kokio-section-gap:24px;--kokio-panel-padding:20px;--kokio-metric-gap:12px;--kokio-icon-size:18px;--kokio-icon-stroke:1.8}:root[data-theme=dark]{color-scheme:dark;--kokio-page:#070b12;--kokio-surface:#111827;--kokio-surface-muted:#0b1220;--kokio-surface-elevated:#172033;--kokio-card:#111827;--kokio-border:#273244;--kokio-border-strong:#445167;--kokio-text:#edf2f7;--kokio-text-secondary:#cbd5e1;--kokio-text-muted:#aebacc;--kokio-header:#111827;--kokio-sidebar:#111827;--kokio-accent-muted:color-mix(in srgb,var(--kokio-accent) 24%,#111827);--kokio-shadow-surface:0 1px 2px rgb(0 0 0/35%);--kokio-shadow-overlay:0 20px 50px rgb(0 0 0/35%);--kokio-shadow:0 1px 2px rgb(0 0 0/0.35);--kokio-shadow-elevated:var(--kokio-shadow-overlay);--kokio-success:#6ee7b7;--kokio-success-muted:#063f33;--kokio-warning:#fbbf24;--kokio-warning-muted:#4a3507;--kokio-danger:#fda29b;--kokio-danger-muted:#4b1f24;--kokio-info:#7dd3fc;--kokio-info-muted:#103a55}@media (prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--kokio-page:#070b12;--kokio-surface:#111827;--kokio-surface-muted:#0b1220;--kokio-surface-elevated:#172033;--kokio-card:#111827;--kokio-border:#273244;--kokio-border-strong:#445167;--kokio-text:#edf2f7;--kokio-text-secondary:#cbd5e1;--kokio-text-muted:#aebacc;--kokio-header:#111827;--kokio-sidebar:#111827;--kokio-accent-muted:color-mix(in srgb,var(--kokio-accent) 24%,#111827);--kokio-shadow-surface:0 1px 2px rgb(0 0 0/35%);--kokio-shadow-overlay:0 20px 50px rgb(0 0 0/35%);--kokio-success:#6ee7b7;--kokio-success-muted:#063f33;--kokio-warning:#fbbf24;--kokio-warning-muted:#4a3507;--kokio-danger:#fda29b;--kokio-danger-muted:#4b1f24;--kokio-info:#7dd3fc;--kokio-info-muted:#103a55}}:root[data-accent=neutral]{--kokio-accent:#475569;--kokio-accent-hover:#334155;--kokio-accent-muted:#e2e8f0}:root[data-accent=cyan]{--kokio-accent:#0e7490;--kokio-accent-hover:#155e75;--kokio-accent-muted:#cffafe}:root[data-accent=blue]{--kokio-accent:#2563eb;--kokio-accent-hover:#1d4ed8;--kokio-accent-muted:#dbeafe}:root[data-accent=emerald]{--kokio-accent:#047857;--kokio-accent-hover:#065f46;--kokio-accent-muted:#d1fae5}:root[data-accent=violet]{--kokio-accent:#7c3aed;--kokio-accent-hover:#6d28d9;--kokio-accent-muted:#ede9fe}:root[data-accent=amber]{--kokio-accent:#b45309;--kokio-accent-hover:#92400e;--kokio-accent-muted:#fef3c7}*,:after,:before{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--kokio-page);color:var(--kokio-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--kokio-focus);outline-offset:2px}[data-reduce-motion=true] *,[data-reduce-motion=true] :after,[data-reduce-motion=true] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.kokio-shell{min-height:100vh;background:var(--kokio-page);color:var(--kokio-text)}.kokio-skip-link{position:fixed;top:10px;left:12px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--kokio-accent);color:#fff;font-weight:700;transform:translateY(-200%)}.kokio-skip-link:focus{transform:translateY(0)}.kokio-header{position:fixed;inset:0 0 auto;z-index:50;height:64px;border-bottom:1px solid var(--kokio-border);background:var(--kokio-header);padding:0 24px;box-shadow:var(--kokio-shadow)}.kokio-brand,.kokio-header{display:flex;align-items:center;gap:12px}.kokio-brand{min-width:0}.kokio-logo{display:block;width:104px;height:auto}.kokio-product-name{overflow:hidden;border-left:1px solid var(--kokio-border);padding-left:12px;font-size:.875rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.kokio-header-actions{display:flex;align-items:center}.kokio-personal-notification-link{position:relative;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--kokio-border);border-radius:10px;background:var(--kokio-surface);color:var(--kokio-text)}.kokio-personal-notification-link:focus-visible{outline:2px solid var(--kokio-focus);outline-offset:2px}.kokio-personal-notification-count{position:absolute;top:1px;right:1px;min-width:16px;border-radius:999px;background:var(--kokio-accent);color:white;font-size:10px;line-height:16px;text-align:center}.kokio-system-switcher-wrap{position:relative}.kokio-system-switcher{display:inline-flex;min-height:var(--kokio-control-height);align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);background:var(--kokio-surface);color:var(--kokio-text);cursor:pointer;font-size:.875rem;font-weight:700;text-decoration:none}.kokio-system-switcher:hover{background:var(--kokio-surface-muted)}.kokio-system-switcher svg{width:1.2rem;height:1.2rem;stroke-width:1.8}.kokio-system-switcher-panel{position:absolute;z-index:70;width:min(18rem,calc(100vw - 1.5rem));border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface);box-shadow:var(--kokio-shadow-elevated)}.kokio-system-switcher-launcher,.kokio-system-switcher-panel p,.kokio-system-switcher-title{display:block;margin:0;padding:8px 12px}.kokio-system-switcher-panel p{color:var(--kokio-text-muted);font-size:.875rem}.kokio-system-switcher-launcher{border-radius:8px;color:var(--kokio-text);font-size:.875rem;font-weight:700;text-decoration:none}.kokio-system-switcher-launcher:hover{background:var(--kokio-surface-muted)}.kokio-sidebar{position:fixed;inset:64px auto 0 0;z-index:40;display:flex;width:256px;flex-direction:column;overflow-y:auto;border-right:1px solid var(--kokio-border);background:var(--kokio-sidebar);padding:16px}.kokio-navigation{display:grid;grid-gap:4px;gap:4px}.kokio-nav-link{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;border-radius:10px;padding:10px 12px;color:var(--kokio-text-muted);font-size:.875rem;font-weight:600}.kokio-nav-icon{width:18px;height:18px;flex:0 0 auto}.kokio-nav-link:hover,.kokio-nav-link[aria-current=page]{background:var(--kokio-accent-muted);color:var(--kokio-accent)}.kokio-nav-link[aria-current=page]:before{position:absolute;inset:8px auto 8px 0;width:3px;border-radius:999px;background:var(--kokio-accent);content:""}.kokio-sidebar-footer{display:grid;grid-gap:8px;gap:8px;margin-top:auto;padding:16px 12px 4px;border-top:1px solid var(--kokio-border);color:var(--kokio-text-muted);font-size:12px}.kokio-legal-links{display:flex;flex-wrap:wrap;gap:8px 12px}.kokio-legal-links a{color:inherit}.kokio-main{min-height:100vh;margin-left:256px;padding:88px 32px 32px}.kokio-main:focus{outline:none}.kokio-content{width:100%;max-width:1600px;margin:0 auto}.kokio-content[data-width=operational]{max-width:1920px}.kokio-mobile-trigger{display:none;min-width:44px;min-height:var(--kokio-control-height);border:1px solid var(--kokio-border);border-radius:10px;background:var(--kokio-surface);color:var(--kokio-text)}.kokio-drawer-backdrop{position:fixed;inset:64px 0 0;z-index:60;background:rgb(2 6 23/.58)}.kokio-drawer{display:flex;width:min(320px,88vw);height:100%;flex-direction:column;overflow-y:auto;border-right:1px solid var(--kokio-border);background:var(--kokio-surface);padding:16px;box-shadow:var(--kokio-shadow-elevated)}.kokio-drawer-close{margin:0 0 16px auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kokio-account{position:relative}.kokio-account-trigger{display:flex;min-height:44px;cursor:pointer;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:var(--kokio-text);padding:4px 8px}.kokio-account-trigger:hover{background:var(--kokio-surface-muted)}.kokio-account-chevron{width:16px;height:16px;color:var(--kokio-text-muted)}.kokio-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;background:var(--kokio-accent-muted);color:var(--kokio-accent);font-size:.75rem;font-weight:800}.kokio-user-copy{display:grid;max-width:180px;font-size:.75rem;color:var(--kokio-text-muted)}.kokio-user-copy strong{overflow:hidden;color:var(--kokio-text);font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.kokio-account-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 24px));border:1px solid var(--kokio-border);border-radius:12px;background:var(--kokio-surface-elevated);padding:8px;box-shadow:var(--kokio-shadow-elevated)}.kokio-account-identity{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;color:var(--kokio-text-muted);font-size:.75rem}.kokio-account-identity strong{color:var(--kokio-text);font-size:.875rem}.kokio-account-item{display:block;width:100%;border:0;border-radius:8px;background:transparent;padding:9px 10px;color:var(--kokio-text);text-align:left}.kokio-account-item:hover{background:var(--kokio-surface-muted)}.kokio-account-separator{height:1px;margin:6px 0;background:var(--kokio-border)}.kokio-notification-slot{min-width:44px;min-height:44px}.kokio-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.kokio-page-header h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.035em}.kokio-page-header p{max-width:70ch;margin:8px 0 0;color:var(--kokio-text-muted)}.kokio-card{border:1px solid var(--kokio-border);border-radius:var(--kokio-radius);padding:20px;box-shadow:var(--kokio-shadow)}.kokio-card,.kokio-panel{background:var(--kokio-surface)}.kokio-panel{border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);padding:var(--kokio-space-4);box-shadow:var(--kokio-shadow-surface)}.kokio-metric-card strong{display:block;margin-top:12px;font-size:2rem;letter-spacing:-.04em}.kokio-label{color:var(--kokio-text);font-size:.875rem;font-weight:650}.kokio-field,.kokio-label{display:grid;grid-gap:6px;gap:6px}.kokio-help{color:var(--kokio-text-muted);font-size:.75rem}.kokio-error{color:var(--kokio-danger);font-size:.75rem}.kokio-input,.kokio-select{width:100%;min-height:42px;border:1px solid var(--kokio-border);border-radius:8px;background:var(--kokio-surface);color:var(--kokio-text);padding:9px 11px}.kokio-check{display:inline-flex;min-height:44px;align-items:center;gap:8px}.kokio-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border:1px solid var(--kokio-border);border-radius:999px;background:var(--kokio-surface-muted);padding:2px}.kokio-toggle:before{display:block;width:18px;height:18px;border-radius:999px;background:var(--kokio-text-muted);content:"";transition:transform .15s ease}.kokio-toggle:checked{background:var(--kokio-accent)}.kokio-toggle:checked:before{background:white;transform:translateX(17px)}.kokio-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--kokio-accent);color:white;padding:9px 14px;font-weight:700;transition:background-color var(--kokio-motion-fast) var(--kokio-motion-ease),border-color var(--kokio-motion-fast) var(--kokio-motion-ease),color var(--kokio-motion-fast) var(--kokio-motion-ease)}.kokio-button:hover{background:var(--kokio-accent-hover)}.kokio-button-secondary{border-color:var(--kokio-border);background:var(--kokio-surface);color:var(--kokio-text)}.kokio-button-secondary:hover{background:var(--kokio-surface-muted)}.kokio-button-icon,.kokio-button-quiet{background:transparent;color:var(--kokio-text-secondary)}.kokio-button-icon:hover,.kokio-button-quiet:hover{background:var(--kokio-surface-muted);color:var(--kokio-text)}.kokio-button-destructive{background:var(--kokio-danger);color:white}.kokio-button-icon{width:var(--kokio-touch-target);min-width:var(--kokio-touch-target);min-height:var(--kokio-touch-target);padding:0}.kokio-button:disabled{cursor:not-allowed;opacity:.55}.kokio-badge{display:inline-flex;border-radius:999px;background:var(--kokio-surface-muted);padding:4px 8px;color:var(--kokio-text-muted);font-size:.75rem;font-weight:750}.kokio-badge[data-tone=success]{background:var(--kokio-success-muted);color:var(--kokio-success)}.kokio-badge[data-tone=warning]{background:var(--kokio-warning-muted);color:var(--kokio-warning)}.kokio-badge[data-tone=danger]{background:var(--kokio-danger-muted);color:var(--kokio-danger)}.kokio-badge[data-tone=info]{background:var(--kokio-info-muted);color:var(--kokio-info)}.kokio-table-wrap{overflow-x:auto;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius);background:var(--kokio-surface)}.kokio-table{width:100%;border-collapse:collapse}.kokio-table td,.kokio-table th{border-bottom:1px solid var(--kokio-border);padding:12px 14px;text-align:left}.kokio-table th{color:var(--kokio-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.kokio-filter-bar{display:grid;grid-gap:var(--kokio-space-3);gap:var(--kokio-space-3);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface);padding:var(--kokio-space-4)}.kokio-active-filters,.kokio-filter-advanced,.kokio-filter-primary,.kokio-state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kokio-space-2)}.kokio-filter-advanced>label,.kokio-filter-primary>label{display:grid;min-width:min(100%,13rem);flex:1 1 13rem;grid-gap:var(--kokio-space-1);gap:var(--kokio-space-1);color:var(--kokio-text-muted);font-size:.875rem;font-weight:600}.kokio-filter-chip{display:inline-flex;min-height:2rem;align-items:center;border:1px solid var(--kokio-border);border-radius:999px;background:var(--kokio-surface-muted);padding:.25rem .65rem;color:var(--kokio-text);font-size:.8125rem;text-decoration:none}.kokio-popover{width:min(22rem,calc(100vw - 24px));max-height:min(32rem,calc(100vh - 24px));overflow:auto;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface-elevated);padding:var(--kokio-space-3);box-shadow:var(--kokio-shadow-overlay)}.kokio-dashboard-surface{animation:kokio-surface-in var(--kokio-motion-fast) var(--kokio-motion-ease) both}.kokio-account-panel,.kokio-popover{transform-origin:top right;animation:kokio-popover-in var(--kokio-motion-popover) var(--kokio-motion-ease) both}.kokio-mobile-drawer{animation:kokio-drawer-in var(--kokio-motion-overlay) var(--kokio-motion-ease) both}@keyframes kokio-surface-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes kokio-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kokio-drawer-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.kokio-tooltip{position:relative;display:inline-flex}.kokio-dialog{width:min(560px,calc(100vw - 32px));border:1px solid var(--kokio-border);border-radius:14px;background:var(--kokio-surface-elevated);color:var(--kokio-text);padding:24px;box-shadow:var(--kokio-shadow-elevated)}.kokio-dialog::-webkit-backdrop{background:rgb(2 6 23/.58)}.kokio-dialog::backdrop{background:rgb(2 6 23/.58)}.kokio-alert{border-left:4px solid var(--kokio-info);border-radius:8px;background:var(--kokio-info-muted);padding:12px 14px}.kokio-state{display:grid;min-height:180px;place-items:center;border:1px dashed var(--kokio-border);border-radius:var(--kokio-radius);background:var(--kokio-surface);padding:24px;color:var(--kokio-text-muted);text-align:center}.kokio-spinner{width:28px;height:28px;border:3px solid var(--kokio-border);border-top-color:var(--kokio-accent);border-radius:999px;animation:kokio-spin .7s linear infinite}@keyframes kokio-spin{to{transform:rotate(1turn)}}.kokio-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kokio-page-loading{display:grid;grid-gap:1rem;gap:1rem}.kokio-skeleton-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.kokio-skeleton{display:block;min-height:.85rem;position:relative;overflow:hidden;border-radius:999px;background:var(--kokio-accent-muted)}.kokio-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--kokio-surface) 65%,transparent),transparent);animation:kokio-skeleton-shimmer 1.5s ease-in-out infinite}.kokio-card-skeleton{display:grid;min-height:7rem;grid-gap:.75rem;gap:.75rem}.kokio-skeleton-title{width:45%;min-height:1.1rem}.kokio-skeleton-short{width:30%}.kokio-table-skeleton{display:grid;grid-gap:0;gap:0}.kokio-skeleton-row{display:grid;grid-template-columns:1.2fr 2fr .7fr;grid-gap:1rem;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--kokio-border)}.kokio-skeleton-row:last-child{border-bottom:0}.kokio-inline-loading{display:inline-flex;align-items:center;gap:.5rem}@keyframes kokio-skeleton-shimmer{to{transform:translateX(100%)}}[data-reduce-motion=true] .kokio-skeleton:after{display:none;animation:none}@media (prefers-reduced-motion:reduce){.kokio-skeleton:after{display:none;animation:none}}@media (max-width:1023px){.kokio-account-trigger,.kokio-system-switcher{min-height:var(--kokio-touch-target)}.kokio-header{padding:0 12px}.kokio-mobile-trigger{display:inline-grid;place-items:center}.kokio-sidebar{display:none}.kokio-main{margin-left:0;padding:88px 24px 24px}}@media (max-width:767px){.kokio-main{padding-inline:20px}}@media (max-width:639px){.kokio-main{padding-inline:12px}.kokio-system-switcher-panel{position:fixed;top:4.35rem;right:.75rem;left:.75rem;width:auto}.kokio-system-switcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.kokio-skeleton-card-grid{grid-template-columns:1fr}.kokio-skeleton-row{grid-template-columns:1fr 1.5fr}.kokio-product-name,.kokio-skeleton-row .kokio-skeleton:last-child,.kokio-user-copy{display:none}.kokio-logo{width:84px}.kokio-page-header{flex-direction:column}}.kokio-header{padding-inline:24px;gap:8px}.kokio-header-actions{margin-left:auto;gap:8px}.kokio-header>.kokio-global-search{position:absolute;left:50%;width:32rem;max-width:32rem;margin:0;padding:0;transform:translateX(-50%);z-index:70}.kokio-search-trigger{height:40px;min-height:40px;padding:0 12px;gap:8px;border-radius:8px;font-size:14px}.kokio-search-trigger:hover{background:var(--kokio-surface-muted);border-color:var(--kokio-border)}.kokio-search-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--kokio-focus)}.kokio-search-shortcut{margin-left:auto;padding:1px 6px;border:1px solid var(--kokio-border);border-radius:6px;background:var(--kokio-surface-muted);color:var(--kokio-text-muted);font-family:inherit;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}.kokio-search-panel{top:calc(100% + 8px);right:0;left:0}.kokio-account-trigger,.kokio-system-switcher{height:40px;min-height:40px;border-radius:8px}.kokio-system-switcher{padding:0 12px;gap:8px}.kokio-system-switcher-panel{top:calc(100% + 8px);right:0;width:min(18rem,calc(100vw - 16px));padding:8px;border-radius:12px;z-index:110}.kokio-system-switcher-title{display:block;padding:8px 12px}.kokio-system-switcher-item{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;color:var(--kokio-text);text-decoration:none}a.kokio-system-switcher-item:focus-visible,a.kokio-system-switcher-item:hover{background:var(--kokio-surface-muted);outline:none}.kokio-system-switcher-state{color:var(--kokio-text-muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media (max-width:1199px) and (min-width:640px){.kokio-header>.kokio-global-search{width:24rem}}@media (max-width:639px){.kokio-header{padding-inline:12px}.kokio-header>.kokio-global-search{position:relative;left:auto;width:40px;margin-left:auto;transform:none}.kokio-search-shortcut{display:none}.kokio-system-switcher-panel{position:fixed;top:72px;right:12px;left:12px;width:auto;margin-top:0}}[hidden]{display:none!important}.client-link-shell{min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:var(--kokio-surface-muted)}.client-link-card{width:min(100%,46rem);display:grid;grid-gap:1.25rem;gap:1.25rem;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-major);background:var(--kokio-surface);box-shadow:var(--kokio-shadow-overlay)}.client-link-brand{font-weight:800;letter-spacing:.04em}.client-link-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:1rem;gap:1rem}.client-link-facts div,.client-link-form{display:grid;grid-gap:.5rem;gap:.5rem}.client-link-facts dt{color:var(--kokio-text-muted);font-size:.8125rem}.client-link-facts dd{margin:0;font-weight:650}.client-link-form label{display:grid;grid-gap:.4rem;gap:.4rem;font-weight:650}.client-link-form input,.client-link-form select,.client-link-form textarea{width:100%;min-height:2.75rem;padding:.75rem;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);font:inherit;background:var(--kokio-surface);color:inherit}.client-link-form button{justify-self:start;min-height:2.75rem;padding:.65rem 1rem;border:0;border-radius:var(--kokio-radius-control);background:var(--kokio-accent);color:var(--kokio-accent-foreground);font:inherit;font-weight:700;cursor:pointer}.client-link-success{background:var(--kokio-success-muted)}.client-link-error,.client-link-success{padding:.75rem;border-radius:var(--kokio-radius-control)}.client-link-error{background:var(--kokio-danger-muted)}h1,h2,h3,h4,p{margin-top:0}h2{font-size:1.15rem}h3{font-size:1rem}.muted,small{color:var(--kokio-text-muted)}textarea{resize:vertical}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--kokio-metric-gap);gap:var(--kokio-metric-gap);margin-bottom:var(--kokio-section-gap)}.metric-grid.compact{margin:0}.waiting-grid{margin-bottom:20px}.gate-override{display:grid;grid-template-columns:minmax(200px,1fr) auto;grid-gap:10px;gap:10px;margin-bottom:16px}.flow-step a[data-applicable=false]{opacity:.48;filter:grayscale(1)}.dashboard-grid,.request-layout,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.settings-section{margin-bottom:var(--kokio-section-gap)}.settings-section>p{color:var(--kokio-text-muted)}.settings-advanced{border-top:1px solid var(--kokio-border);padding-top:16px}.settings-advanced>summary{cursor:pointer;font-weight:700;margin-bottom:14px}.settings-advanced>summary:focus-visible{outline:2px solid var(--kokio-accent);outline-offset:4px}.settings-advanced>p{color:var(--kokio-text-muted)}@media (min-width:1100px){.settings-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.users-access-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.users-access-links a,.users-access-nav a{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--kokio-border);border-radius:8px;padding:8px 12px}.users-access-nav a[aria-current=page]{background:var(--kokio-surface-muted);font-weight:700}.users-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.users-access-grid>*,.users-access-select-form>*{min-width:0}.users-access-links{display:flex;flex-wrap:wrap;gap:8px}.users-access-select-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;grid-gap:12px;gap:12px}.users-access-select-form label{display:grid;grid-gap:6px;gap:6px}.users-access-break{overflow-wrap:anywhere}@media (max-width:760px){.users-access-select-form{grid-template-columns:1fr}}.dashboard-intro-layout{display:flex;flex-direction:column}@media (max-width:760px){.dashboard-summary{order:-1}}.section-heading,.stage-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.section-heading p,.stage-title h3{margin-bottom:4px}.section-heading p{color:var(--kokio-text-muted)}.status-bars{display:grid;grid-gap:14px;gap:14px}.status-row{display:grid;grid-template-columns:1fr auto;grid-gap:6px 12px;gap:6px 12px}.status-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:var(--kokio-surface-muted)}.status-track span{display:block;height:100%;border-radius:inherit;background:var(--kokio-accent)}.activity-list{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.activity-list li{display:grid;grid-template-columns:12px 1fr;grid-gap:10px;gap:10px;border-bottom:1px solid var(--kokio-border);padding:11px 0}.activity-list li:last-child{border-bottom:0}.activity-list div,.kokio-table td small,.table-primary{display:grid;grid-gap:3px;gap:3px}.activity-marker{width:9px;height:9px;margin-top:5px;border:2px solid var(--kokio-accent);border-radius:999px;background:var(--kokio-surface)}.activity-list span{color:var(--kokio-text-muted);font-size:.78rem}.reporting-filter-form{margin:20px 0}.operational-metric-grid{grid-template-columns:repeat(auto-fit,minmax(164px,1fr))}@media (max-width:639px){.dashboard-summary .operational-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-metric-link .kokio-metric-card{min-width:0;padding:.85rem}}.collection-help{margin-bottom:1rem;color:var(--kokio-text-muted);font-size:.875rem}.collection-help>summary{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--kokio-accent);font-weight:650}.collection-help>summary:focus-visible{outline:3px solid var(--kokio-focus);outline-offset:3px}.collection-help>p{max-width:75ch;margin:.5rem 0 0}.operational-metric-link{color:inherit;text-decoration:none}.operational-metric-link .kokio-metric-card{height:100%;transition:border-color .14s ease,transform .14s ease}.operational-metric-link:focus-visible .kokio-metric-card,.operational-metric-link:hover .kokio-metric-card,.operational-metric-link[aria-current=page] .kokio-metric-card{border-color:var(--kokio-accent)}.operational-metric-link:hover .kokio-metric-card{transform:translateY(-1px)}.operational-metric-link:focus-visible{border-radius:var(--kokio-radius-surface);outline:3px solid var(--kokio-focus);outline-offset:2px}.operational-metric-link .kokio-metric-card[data-tone=warning] strong{color:var(--kokio-warning)}.operational-metric-link .kokio-metric-card[data-tone=danger] strong{color:var(--kokio-danger)}.dashboard-active-work,.operational-dashboard-grid{margin-bottom:var(--kokio-section-gap)}.dashboard-work-list{display:grid;grid-gap:0;gap:0;list-style:none;margin:0;padding:0}.dashboard-work-list li{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) minmax(0,2fr);grid-gap:10px 16px;gap:10px 16px;align-items:center;border-bottom:1px solid var(--kokio-border);padding:12px 0}.dashboard-work-list li:last-child{border-bottom:0}.dashboard-work-list li>div{display:grid;grid-gap:3px;gap:3px}.dashboard-work-list li>div span,.dashboard-work-list li>span{color:var(--kokio-text-muted);font-size:.82rem}.dashboard-work-list li>*{min-width:0;overflow-wrap:anywhere}.dashboard-reporting-link{margin:0 0 var(--kokio-section-gap)}@media (max-width:768px){.dashboard-work-list li{grid-template-columns:1fr}}.operational-list{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.operational-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;border-bottom:1px solid var(--kokio-border);padding:11px 0}.operational-list li:last-child{border-bottom:0}.operational-list li>a,.operational-list li>div{min-width:0}.operational-list li div{display:grid;grid-gap:3px;gap:3px}.operational-list li span,.operational-list li strong{overflow-wrap:anywhere}.operational-list li>div span{text-align:left}.operational-list li span{color:var(--kokio-text-muted);font-size:.82rem;text-align:right}@media (max-width:1350px){.operational-dashboard-grid .operational-list li{grid-template-columns:1fr}.operational-dashboard-grid .operational-list li>span{text-align:left}}.exception-trends,.operational-queue,.operational-throughput,.website-reporting-exceptions{margin-bottom:var(--kokio-section-gap)}.throughput-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.throughput-fact{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);padding:12px;background:var(--kokio-surface-muted)}.throughput-fact span{color:var(--kokio-text-muted);font-size:.8rem}.throughput-fact strong{font-size:1.35rem}.throughput-trend{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));grid-gap:8px;gap:8px;align-items:end;min-height:178px;margin-top:20px}.throughput-trend>div{display:grid;grid-template-rows:128px auto auto;grid-gap:4px;gap:4px;align-items:end;justify-items:center;min-width:0}.throughput-trend>div>span{width:min(36px,80%);min-height:8px;border-radius:5px 5px 2px 2px;background:var(--kokio-accent)}.throughput-trend small{overflow:hidden;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}.reporting-boundary-note{margin:18px 0 0}.exception-trend-heading{gap:16px}.trend-periods{display:flex;flex-wrap:wrap;gap:6px}.trend-periods a{border:1px solid var(--kokio-border);border-radius:999px;padding:7px 10px;color:var(--kokio-text-muted);text-decoration:none}.trend-periods a[aria-current=page]{border-color:var(--kokio-accent);background:var(--kokio-accent);color:#fff}.trend-availability{margin:16px 0 0;color:var(--kokio-text-muted)}.exception-trend-chart{margin:14px 0 18px;overflow-x:auto}.exception-trend-chart svg{display:block;width:100%;min-width:620px;color:var(--kokio-text-muted)}.exception-trend-chart text{fill:currentColor;font-size:12px}.trend-axis{stroke:var(--kokio-border);stroke-width:1}.trend-series polyline{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.trend-series circle{fill:var(--kokio-surface);stroke:currentColor;stroke-width:3}.trend-legend .blocked,.trend-series.blocked{color:#b42318}.trend-legend .waiting,.trend-series.waiting{color:#b54708}.trend-legend .overdue,.trend-series.overdue{color:#6941c6}.trend-legend .attention,.trend-series.attention{color:#026aa2}.trend-legend{display:flex;flex-wrap:wrap;gap:8px 16px}.trend-legend span{display:inline-flex;gap:6px;align-items:center;font-size:.82rem;font-weight:700}.trend-legend i{width:20px;border-top:3px solid}.trend-change-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.trend-capture-health{display:grid;grid-gap:4px;gap:4px;margin-top:16px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);padding:12px;background:var(--kokio-surface-muted);font-size:.85rem}.operational-queue .kokio-table td>small{margin-top:4px}.project-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tabs a{background:var(--kokio-surface-elevated);border:1px solid var(--kokio-border);border-radius:999px;color:var(--kokio-text-muted);padding:8px 12px;text-decoration:none}.project-tabs a[aria-current=page]{background:var(--kokio-accent);border-color:var(--kokio-accent);color:#fff}.timeline-filters{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;margin-bottom:20px}.timeline-filters label{color:var(--kokio-text-muted);display:grid;font-size:.8rem;font-weight:700;grid-gap:6px;gap:6px}.timeline-list{list-style:none;margin:0;padding:0}.timeline-list li{display:grid;grid-gap:12px;gap:12px;grid-template-columns:14px minmax(0,1fr);padding:0 0 22px;position:relative}.timeline-list li:not(:last-child):before{background:var(--kokio-border);content:"";left:6px;position:absolute;top:14px;bottom:0;width:2px}.timeline-marker{background:var(--kokio-accent);border:3px solid var(--kokio-surface);border-radius:999px;height:14px;position:relative;width:14px;z-index:1}.timeline-list article{display:grid;grid-gap:7px;gap:7px}.timeline-list article p{margin:0}.timeline-heading,.timeline-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.timeline-heading small,.timeline-meta{color:var(--kokio-text-muted);font-size:.78rem}.timeline-pagination{border-top:1px solid var(--kokio-border);padding-top:16px;text-align:center}.filter-bar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;grid-gap:12px;gap:12px;margin-bottom:16px;padding:16px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius);background:var(--kokio-surface)}.filter-bar label{display:grid;grid-gap:5px;gap:5px;color:var(--kokio-text-muted);font-size:.75rem;font-weight:700}.integration-boundary-note{border-left:4px solid var(--kokio-accent)}.integration-boundary-note p{margin-bottom:0}.integration-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.integration-metric-link{color:inherit;text-decoration:none}.integration-metric-link:focus-visible,.integration-metric-link:hover{border-color:var(--kokio-accent)}.integration-filter-form{align-items:end;background:var(--kokio-surface);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius);display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0;padding:16px}.integration-acknowledgement-form label,.integration-filter-form label{color:var(--kokio-text-muted);display:grid;font-size:.78rem;font-weight:700;grid-gap:5px;gap:5px}.integration-acknowledgement-form textarea,.integration-filter-form input,.integration-filter-form select{background:var(--kokio-surface);border:1px solid var(--kokio-border);border-radius:8px;color:var(--kokio-text);font:inherit;min-width:0;padding:9px 10px}.integration-filter-actions,.integration-recovery-actions{align-items:start;display:flex;flex-wrap:wrap;gap:10px}.integration-error-code{color:var(--kokio-danger);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;margin-top:5px;overflow-wrap:anywhere}.integration-pagination{align-items:center;border-top:1px solid var(--kokio-border);display:grid;grid-template-columns:1fr auto 1fr;margin-top:16px;padding-top:16px}.integration-pagination>:last-child{justify-self:end}.integration-detail-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.integration-detail-list dd{overflow-wrap:anywhere}.integration-recovery-actions>form{border:1px solid var(--kokio-border);border-radius:var(--kokio-radius);display:grid;flex:1 1 320px;grid-gap:10px;gap:10px;padding:14px}.integration-recovery-actions small,.kokio-table td small,.kokio-table td>a+a{color:var(--kokio-text-muted);display:block;margin-top:4px}.integration-history{display:grid;grid-gap:14px;gap:14px;list-style:none;margin:0;padding:0}.integration-history li{border-left:3px solid var(--kokio-border);display:grid;grid-gap:4px;gap:4px;padding-left:12px}.integration-overview-counts{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.integration-overview-counts a{border:1px solid var(--kokio-border);border-radius:10px;color:inherit;display:grid;padding:12px;text-decoration:none}.integration-overview-counts strong{font-size:1.35rem}@media (max-width:1024px){.integration-filter-form,.integration-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.integration-filter-form,.integration-metric-grid,.integration-overview-counts{grid-template-columns:1fr}.integration-filter-actions{align-items:stretch;flex-direction:column}.integration-filter-actions .kokio-button{text-align:center;width:100%}}.template-mode-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--kokio-border)}.template-mode-tabs a{border-bottom:3px solid transparent;padding:.75rem 1rem;color:var(--kokio-text-muted);font-weight:750}.template-mode-tabs a[aria-current=page]{border-bottom-color:var(--kokio-accent);color:var(--kokio-text)}.condition-builder,.request-intent-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));grid-gap:.75rem;gap:.75rem;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);padding:.8rem}.condition-builder legend,.request-intent-fields legend{padding-inline:.35rem;font-weight:750}.request-intent-fields p{grid-column:1/-1;margin:0;color:var(--kokio-text-muted)}.checkbox-row{display:flex;align-items:center;gap:.45rem}.audit-list,.visual-workflow-inspector,.visual-workflow-shell{display:grid;grid-gap:.75rem;gap:.75rem}.visual-workflow-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.visual-workflow-toolbar h2,.visual-workflow-toolbar p{margin-block:0 .3rem}.visual-workflow-canvas{position:relative;overflow:auto;min-width:0;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background-color:var(--kokio-bg);background-image:radial-gradient(var(--kokio-border) 1px,transparent 1px);background-size:20px 20px}.visual-workflow-connectors{position:absolute;width:100%;height:100%;min-width:900px;pointer-events:none}.visual-workflow-connectors line{stroke:var(--kokio-border-strong);stroke-width:2}.visual-workflow-connectors g[data-edge-type=DEPENDENCY] line{stroke-dasharray:7 5}.visual-workflow-connectors g[data-edge-type=CONDITIONAL] line{stroke:var(--kokio-accent);stroke-dasharray:3 4}.visual-workflow-connectors text{fill:var(--kokio-text-muted);font-size:11px}.visual-stage-node{position:absolute;display:grid;width:240px;grid-gap:.4rem;gap:.4rem;border:1px solid var(--kokio-border-strong);border-top:4px solid var(--kokio-accent);border-radius:var(--kokio-radius-surface);padding:.8rem;background:var(--kokio-surface);box-shadow:var(--kokio-shadow-sm);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.visual-stage-node[data-selected=true]{outline:3px solid color-mix(in srgb,var(--kokio-accent) 25%,transparent)}.visual-stage-node[data-invalid=true]{border-top-color:var(--kokio-danger)}.visual-stage-node:focus-visible{outline:3px solid var(--kokio-accent);outline-offset:3px}.visual-nudge-controls{display:flex;gap:.25rem}.visual-nudge-controls button{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid var(--kokio-border);border-radius:.35rem;background:var(--kokio-bg);color:var(--kokio-text)}.visual-workflow-inspector{border-left:3px solid var(--kokio-accent);padding-left:.9rem}.visual-validation-summary{border-left:3px solid var(--kokio-danger);padding-left:.9rem}.audit-list,.visual-workflow-inspector ol{margin:0;padding-left:1.25rem}.audit-list li,.visual-workflow-inspector li{display:grid;grid-gap:.2rem;gap:.2rem}.comparison-picker{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-block:1rem}.visual-mobile-note{display:none}@media (max-width:640px){.visual-workflow-canvas{display:none}.visual-mobile-note{display:block}.visual-workflow-toolbar{flex-direction:column}.data-table{display:block;width:100%;max-width:100%;overflow-x:auto}}.table-primary{color:var(--kokio-accent);font-weight:750}.kokio-table td{vertical-align:top}.settings-review-table .kokio-table{min-width:840px}.settings-review-table--users .kokio-table{min-width:1060px;table-layout:fixed}.settings-review-table--users .kokio-table th:first-child{width:20%}.settings-review-table--users .kokio-table th:nth-child(2){width:32%}.settings-review-table--users .kokio-table th:nth-child(3){width:23%}.settings-review-table--users .kokio-table th:nth-child(4){width:25%}.settings-review-table--audit .kokio-table{min-width:820px}.settings-table-hint{display:none;color:var(--kokio-text-muted);font-size:.85rem;margin:8px 0}@media (max-width:1100px){.settings-table-hint{display:block}}@media (max-width:1350px){.settings-table-hint--users{display:block}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;color:var(--kokio-text-muted)}.badge-row,.header-action-group,.pagination div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.header-action-group .kokio-button{gap:6px}.collection-toggle,.collection-toolbar,.page-size-form{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem}.collection-toolbar{justify-content:space-between;margin-bottom:1rem}.page-size-form label{display:flex;align-items:center;gap:.5rem}.collection-toggle [aria-current=page]{border-color:var(--kokio-accent);background:var(--kokio-accent-muted);color:var(--kokio-text)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));grid-gap:1rem;gap:1rem}.collection-card{display:grid;grid-gap:.75rem;gap:.75rem}.collection-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.portfolio-sections{display:grid;grid-gap:2.5rem;gap:2.5rem}.portfolio-section{min-width:0;border-top:1px solid var(--kokio-border);padding-top:1.25rem}.portfolio-section-heading h2{display:flex;align-items:center;gap:.55rem}.template-tabs{position:-webkit-sticky;position:sticky;z-index:3;top:64px;display:flex;gap:.25rem;overflow-x:auto;margin-bottom:1rem;border-bottom:1px solid var(--kokio-border);background:var(--kokio-bg)}.template-tabs a{flex:0 0 auto;border-bottom:2px solid transparent;padding:.7rem .8rem;color:var(--kokio-text-muted);font-size:.85rem;font-weight:700}.template-tabs a:focus-visible,.template-tabs a:hover{border-bottom-color:var(--kokio-accent);color:var(--kokio-text)}.template-authoring-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;grid-gap:1rem;gap:1rem}.template-version-panel{position:static}.template-version-panel>summary{cursor:pointer;font-weight:600;padding:.75rem 0}.template-version-panel>.kokio-card{margin-top:.5rem}.release-history-group{display:grid;grid-gap:.25rem;gap:.25rem}.release-history-group h3{margin:.65rem 0 .2rem;font-size:.95rem}.semantic-drop-target{min-width:0}.semantic-drop-target[data-over]{outline:2px dashed var(--kokio-accent);outline-offset:2px;border-radius:8px}.semantic-drag-handle{display:inline-flex;align-items:center;gap:.25rem;cursor:-webkit-grab;cursor:grab;color:var(--kokio-text-muted);font-size:.8rem;padding:.3rem .5rem;touch-action:none}.semantic-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.semantic-end-zone{border:1px dashed var(--kokio-border);border-radius:8px;padding:.7rem;color:var(--kokio-text-muted);font-size:.8rem}.template-editor,.template-item-editors,.template-structure,.workflow-editor-card,.workflow-editor-section{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.template-editor>.kokio-card{min-width:0}.compact-form{margin-top:1rem}.editor-row-actions,.inline-action-form,.move-buttons,.relationship-list li,.validation-success,.workflow-condition{display:flex;align-items:center;gap:.5rem}.editor-row-actions{flex-wrap:wrap;justify-content:space-between;margin-top:.75rem}.editor-disclosure{border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface);padding:.75rem}.editor-disclosure>summary{cursor:pointer;color:var(--kokio-text);font-weight:750}.item-editor>summary{display:flex;justify-content:space-between;gap:1rem}.item-editor>summary span{color:var(--kokio-text-muted);font-size:.78rem;font-weight:600}.add-item-editor{border-style:dashed}.evidence-list,.project-editor,.project-notes-list{min-width:0}.lifecycle-date-list{margin-top:1rem}.evidence-editor{margin-top:.75rem}.evidence-list{display:grid;grid-gap:.5rem;gap:.5rem;margin:.75rem 0;padding:0;list-style:none}.evidence-list li{display:grid;grid-gap:.25rem;gap:.25rem;overflow-wrap:anywhere;border-left:3px solid var(--kokio-accent);padding-left:.75rem}.danger-action{color:var(--kokio-danger)}.checkbox-field{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;color:var(--kokio-text);font-weight:650}.relationship-list,.validation-list,.workflow-item-list,.workflow-routes ul{display:grid;grid-gap:.55rem;gap:.55rem;margin:0;padding:0;list-style:none}.validation-list li{display:grid;grid-template-columns:minmax(9rem,.35fr) minmax(12rem,1fr) auto;grid-gap:.75rem;gap:.75rem;border-left:3px solid var(--kokio-danger);padding:.65rem .75rem;background:var(--kokio-danger-muted)}.validation-list code{color:var(--kokio-text-muted);font-size:.75rem}.validation-success{color:var(--kokio-success);font-weight:700}.relationship-list li{justify-content:space-between;border-bottom:1px solid var(--kokio-border);padding-block:.5rem}.relationship-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));align-items:end;grid-gap:.75rem;gap:.75rem}.workflow-flow{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.workflow-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));grid-gap:.75rem;gap:.75rem}.workflow-stage-node{display:grid;align-content:start;grid-gap:.75rem;gap:.75rem;min-width:0;border:1px solid var(--kokio-border);border-top:3px solid var(--kokio-border-strong);border-radius:var(--kokio-radius-surface);padding:.85rem;background:var(--kokio-surface)}.workflow-stage-node[data-current=true]{border-top-color:var(--kokio-accent);box-shadow:inset 3px 0 0 var(--kokio-accent)}.workflow-stage-node[data-state=COMPLETE]{border-top-color:var(--kokio-success)}.workflow-stage-node[data-state=BLOCKED]{border-top-color:var(--kokio-danger)}.workflow-stage-node[data-state=INACTIVE]{opacity:.62;border-style:dashed}.template-item-readonly,.workflow-stage-node>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.workflow-stage-node h3,.workflow-stage-node p{margin:0}.workflow-item-list small,.workflow-stage-node small{display:block;color:var(--kokio-text-muted)}.workflow-item-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.35rem .5rem;gap:.35rem .5rem;border-left:2px solid var(--kokio-border);padding:.5rem .6rem;background:var(--kokio-surface-muted)}.workflow-item-list li[data-state=IN_PROGRESS],.workflow-item-list li[data-state=READY]{border-left-color:var(--kokio-accent)}.workflow-item-list li[data-state=COMPLETE]{border-left-color:var(--kokio-success)}.workflow-item-list li[data-state=BLOCKED]{border-left-color:var(--kokio-danger)}.workflow-item-list li[data-state=INACTIVE]{opacity:.62}.workflow-condition,.workflow-dependency{grid-column:1/-1;color:var(--kokio-text-muted);font-size:.75rem}.workflow-routes{border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);padding:.85rem}.workflow-routes h3{margin-top:0}.workflow-routes li{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;border-bottom:1px solid var(--kokio-border);padding-block:.5rem}.workflow-routes li[data-active=false]{opacity:.6;text-decoration:none}@media (max-width:900px){.template-authoring-layout{grid-template-columns:1fr}.template-version-panel{position:static}}@media (max-width:640px){.validation-list li{grid-template-columns:1fr}.pagination,.portfolio-section-heading{align-items:flex-start;flex-direction:column}.workflow-stage-grid{grid-template-columns:1fr}}.export-dialog-fields{display:grid;grid-gap:12px;gap:12px;margin-block:16px}.export-dialog-fields small[role=alert]{color:var(--kokio-danger)}.import-workflow{display:grid;grid-gap:1rem;gap:1rem;margin-block:1rem}.import-workflow label{display:grid;grid-gap:.5rem;gap:.5rem}.import-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.5rem;gap:.5rem}.import-issues,.import-summary div{border:1px solid var(--kokio-border);border-radius:10px;padding:.65rem}.import-summary dt{color:var(--kokio-muted);font-size:.8rem}.import-summary dd{font-size:1.15rem;font-weight:700}.import-issues{max-height:14rem;overflow:auto}.import-error{color:var(--kokio-danger)}.form-card{max-width:980px}.project-form{display:grid;grid-gap:28px;gap:28px}.project-form fieldset{min-width:0;margin:0;border:0;padding:0}.project-form legend{width:100%;margin-bottom:14px;border-bottom:1px solid var(--kokio-border);padding-bottom:8px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-span-2{grid-column:span 2}.textarea{min-height:96px}.form-actions{display:flex;align-items:center;gap:14px;color:var(--kokio-text-muted);font-size:.875rem}.project-list-scroll-cue{display:none}@media (max-width:760px){.project-list-scroll-cue{display:block;margin:0 0 8px;color:var(--kokio-text-muted);font-size:.875rem}}.form-error{border-left:4px solid var(--kokio-danger);border-radius:8px;background:var(--kokio-danger-muted);padding:11px 13px;color:var(--kokio-danger)}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{display:grid;width:min(440px,100%);grid-gap:22px;gap:22px;border:1px solid var(--kokio-border);border-radius:16px;background:var(--kokio-surface);padding:clamp(24px,5vw,38px);box-shadow:var(--kokio-shadow-elevated)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .kokio-logo{width:100px}.auth-brand span{border-left:1px solid var(--kokio-border);padding-left:12px;font-size:.8rem;font-weight:800}.auth-card h1{margin-bottom:6px}.auth-card p{margin-bottom:0;color:var(--kokio-text-muted)}.form-stack{display:grid;grid-gap:16px;gap:16px}.auth-access{width:100%}.auth-local-option{border-top:1px solid var(--kokio-border);padding-top:16px}.auth-local-option summary{min-height:44px;cursor:pointer;color:var(--kokio-text-muted);font-weight:700}.auth-local-option .form-stack{margin-top:16px}.auth-note{font-size:.78rem;text-align:center}.project-summary{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(420px,2fr);grid-gap:20px;gap:20px;margin-bottom:20px}.project-delivery-summary{margin-bottom:20px;padding:clamp(18px,2.5vw,30px);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface-elevated)}.project-delivery-heading,.project-delivery-next{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.project-delivery-heading h2{margin:5px 0}.project-delivery-heading p,.project-delivery-next p{margin:0}.project-delivery-facts small,.project-delivery-heading p,.project-delivery-next small{color:var(--kokio-text-muted)}.project-delivery-summary .eyebrow{color:var(--kokio-text-muted);font-size:.76rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.project-delivery-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0}.project-delivery-facts>div{display:grid;align-content:start;grid-gap:3px;gap:3px;padding:15px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control)}.project-delivery-facts strong{font-size:1.45rem;line-height:1.2}.project-delivery-facts small{margin-top:5px}.project-delivery-next{padding-top:18px;border-top:1px solid var(--kokio-border)}.project-delivery-next p{margin-top:5px}.project-delivery-next small{display:block;margin-top:7px;max-width:60ch}.project-delivery-links{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end;min-width:190px}.project-stage-nav{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:2px 2px 8px}.project-stage-nav a{display:grid;flex:0 0 190px;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);color:var(--kokio-text);text-decoration:none}.project-stage-nav a:focus-visible,.project-stage-nav a:hover{border-color:var(--kokio-accent)}.project-stage-nav small{color:var(--kokio-text-muted)}.project-item-actions,.project-item-detail{margin-top:10px}.project-item-actions>summary,.project-item-detail>summary{cursor:pointer;min-height:40px;padding:10px 0;color:var(--kokio-accent);font-weight:700}.project-item-actions>div,.project-item-detail-content{display:grid;grid-gap:12px;gap:12px;padding:12px 0}.item-blocker-summary{margin:8px 0 0;color:var(--kokio-warning);font-weight:650}.project-simple-flow>p{margin-top:0}.project-simple-flow ol{display:grid;grid-gap:8px;gap:8px;margin:0;padding-left:24px}.project-simple-flow li{padding:10px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control)}.project-simple-flow li>*{margin-right:12px}.project-history-detail{margin-top:8px}.project-history-detail summary{cursor:pointer;color:var(--kokio-accent);font-weight:700}.project-history-detail p{white-space:pre-wrap;overflow-wrap:anywhere}.project-completion-reasons{margin-top:8px}.project-completion-reasons summary{cursor:pointer;color:var(--kokio-accent);font-weight:700}.project-lifecycle-shortcut{display:none}.project-owner-controls{margin-top:16px;border-top:1px solid var(--kokio-border)}.project-owner-controls summary{cursor:pointer;min-height:44px;padding:11px 0;font-weight:700}.project-owner-controls summary:focus-visible{outline:2px solid var(--kokio-accent);outline-offset:2px}.project-owner-controls-content{display:grid;grid-gap:16px;gap:16px;padding-top:8px}.project-identity h2{margin:18px 0 3px}.project-identity>p{color:var(--kokio-text-muted)}.detail-list{display:grid;grid-gap:0;gap:0;margin:18px 0 0}.detail-list div{display:grid;grid-template-columns:150px 1fr;grid-gap:10px;gap:10px;border-top:1px solid var(--kokio-border);padding:9px 0}.detail-list dt{color:var(--kokio-text-muted)}.detail-list dd{margin:0;font-weight:650}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.answer-grid strong{display:block;margin:10px 0 4px;font-size:2rem}.answer-grid p{margin:0;color:var(--kokio-text-muted)}.flow-card{margin-bottom:22px;overflow:hidden}.flow-view{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:4px 2px 12px}.flow-step{display:flex;align-items:center;gap:8px}.flow-step>a,.flow-step>div{display:grid;min-width:160px;grid-gap:4px;gap:4px;border:1px solid var(--kokio-border);border-radius:10px;background:var(--kokio-surface-muted);padding:12px}.flow-step>a{color:inherit;text-decoration:none}.flow-step>a[data-current=true],.flow-step>div[data-current=true]{border-color:var(--kokio-accent);box-shadow:inset 0 0 0 1px var(--kokio-accent)}.flow-step small,.flow-step span{color:var(--kokio-text-muted);font-size:.7rem}.flow-arrow{color:var(--kokio-accent)!important;font-size:1.2rem!important}.flow-note{margin:6px 0 0;color:var(--kokio-text-muted);font-size:.8rem}.stage-heading{margin-top:26px}.stage-list{display:grid;grid-gap:16px;gap:16px;margin-bottom:20px}.stage-title{margin:0}.stage-title span{color:var(--kokio-text-muted);font-size:.75rem}.stage-title h3{margin-top:4px}.item-list{display:grid;margin-top:14px;border-top:1px solid var(--kokio-border)}.project-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,18rem);grid-gap:1rem;gap:1rem;padding:1rem;border:1px solid var(--kokio-border);border-radius:10px;background:var(--kokio-surface);min-width:0}.project-item:last-child{border-bottom:1px solid var(--kokio-border)}.item-main h4{margin:0 0 .4rem;font-size:1.05rem;line-height:1.4}.item-main,.item-status{min-width:0}.item-scan-meta{color:var(--kokio-text-muted);font-size:.875rem}.item-governance{margin:.4rem 0 .8rem;color:var(--kokio-text-muted);font-size:.8rem}.item-governance summary{cursor:pointer}.stage-title p{margin:.4rem 0}.stage-title p,.stage-title small{color:var(--kokio-text-muted)}.item-list{gap:.65rem;border-top:0}.template-item-readonly{display:block;padding:.8rem 1rem;border:1px solid var(--kokio-border);border-radius:8px;background:var(--kokio-surface)}.template-item-readonly span,.template-item-readonly strong{display:block}.template-item-readonly strong{margin-bottom:.35rem}.template-item-readonly span{color:var(--kokio-text-muted);font-size:.85rem}.danger-zone{margin-top:1rem;padding:1rem;border:1px solid var(--kokio-danger);border-radius:8px}.danger-zone summary{cursor:pointer;font-weight:600}.kokio-button-danger{background:var(--kokio-danger);color:var(--kokio-surface);border-color:var(--kokio-danger)}.item-main p{margin-bottom:8px;color:var(--kokio-text-muted)}.item-status{display:grid;align-content:start;justify-items:end;grid-gap:8px;gap:8px}.item-action{display:grid;width:100%;grid-gap:7px;gap:7px}.task-sync-state{display:grid;grid-gap:4px;gap:4px;margin-top:10px;color:var(--kokio-text-muted);font-size:.85rem}.task-creation-review{margin-top:.5rem}.task-creation-review>summary{display:flex;min-height:44px;align-items:center;border-radius:6px;padding:.35rem .5rem;transition:background-color .12s ease,color .12s ease}.task-creation-review>summary:hover{background:var(--kokio-accent-muted);color:var(--kokio-accent)}.task-creation-review>summary:active{background:var(--kokio-surface-muted)}.task-creation-review>summary:focus-visible{outline:2px solid var(--kokio-focus);outline-offset:2px}.task-creation-review[open]>summary{background:var(--kokio-accent-muted);color:var(--kokio-accent)}.task-creation-review-context{display:grid;grid-gap:.5rem;gap:.5rem;padding:.75rem 0}.task-creation-review-context dl{display:grid;grid-gap:.35rem;gap:.35rem}.task-creation-review-context dl>div{display:grid;grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);grid-gap:.5rem;gap:.5rem}.task-creation-review-context dt{font-weight:700}.task-creation-review-context dd{min-width:0;overflow-wrap:anywhere}.task-creation-review-cancel{margin-top:.5rem;font-size:.8rem}.template-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;grid-gap:20px;gap:20px;max-width:100%;min-width:0}.version-list{display:grid;grid-gap:6px;gap:6px}.version-list a{display:grid;grid-template-columns:1fr auto;grid-gap:5px;gap:5px;border:1px solid transparent;border-radius:8px;padding:10px}.version-list a:hover,.version-list a[aria-current=page]{border-color:var(--kokio-accent);background:var(--kokio-accent-muted)}.version-list small{grid-column:1/-1}.template-main{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;min-width:0}.template-main>.kokio-card{min-width:0;overflow:hidden}.integration-list,.request-items,.template-stage ol{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.integration-list li,.request-items li,.template-stage li{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--kokio-border);padding:11px 0}.integration-list li,.request-items li div,.template-stage li div{display:grid;grid-gap:4px;gap:4px}.integration-list span,.request-items li span,.template-stage li span{color:var(--kokio-text-muted);font-size:.8rem}.request-body{overflow-x:auto;border:1px solid var(--kokio-border);border-radius:8px;background:var(--kokio-surface-muted);padding:16px;white-space:pre-wrap;font:inherit;line-height:1.6}.standalone-state{max-width:760px;margin:15vh auto;padding:20px}.website-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:20px 0}.credential-form{display:grid;grid-gap:12px;gap:12px;margin-bottom:12px}.credential-once{display:grid;grid-gap:8px;gap:8px;overflow-wrap:anywhere;border:1px solid var(--kokio-warning);border-radius:8px;padding:12px;background:var(--kokio-warning-muted)}@media (max-width:1100px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary{grid-template-columns:1fr}.project-lifecycle-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);background:var(--kokio-surface-elevated);padding:12px;color:var(--kokio-text);font-weight:700;text-decoration:none}.project-lifecycle-shortcut:focus-visible{outline:2px solid var(--kokio-accent);outline-offset:2px}}@media (max-width:760px){.project-delivery-heading,.project-delivery-next{display:grid}.project-delivery-facts{grid-template-columns:1fr}.project-delivery-links{justify-content:flex-start;min-width:0}.answer-grid,.dashboard-grid,.form-grid,.metric-grid,.request-layout,.settings-grid,.template-layout,.website-detail-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}.filter-bar,.project-item{grid-template-columns:1fr}.item-status{justify-items:stretch}.form-actions,.pagination{align-items:stretch;flex-direction:column}.pagination div{justify-content:space-between}.detail-list div{grid-template-columns:1fr;gap:2px}.throughput-metrics,.trend-change-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-list li{grid-template-columns:1fr}.operational-list li span{text-align:left}}.website-fleet-list{display:grid;grid-gap:16px;gap:16px}.website-fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.website-fleet-card{position:relative;display:grid;align-content:start;grid-gap:14px;gap:14px;min-width:0}.website-card-link:after{position:absolute;z-index:4;inset:0;content:""}.website-card-link:focus-visible:after{border-radius:var(--kokio-radius-surface);outline:3px solid var(--kokio-accent);outline-offset:2px}.website-fleet-card h2,.website-fleet-card p{margin:0}.website-fleet-card p{color:var(--kokio-text-muted)}.website-preview{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--kokio-border);border-radius:10px;background:var(--kokio-surface-muted)}.website-preview-compact{aspect-ratio:auto;height:78px}#preview .website-preview-compact{height:140px}.website-fleet-top-issue,.website-preview-explanation{color:var(--kokio-text-muted)}.website-fleet-list-issue{display:block;margin-top:4px}.website-mobile-status{display:none}.website-preview iframe,.website-preview img,.website-preview-placeholder{position:absolute;inset:0;width:100%;height:100%}.website-preview iframe{z-index:2;border:0;pointer-events:none;background:transparent;opacity:0}.website-preview[data-frame-state=ready] iframe{opacity:1}.website-preview img{object-fit:cover}.website-preview-placeholder{display:grid;place-content:center;grid-gap:6px;gap:6px;color:var(--kokio-text-muted);text-align:center}.website-preview-placeholder span{font-size:2rem;font-weight:800}.website-preview-label{right:8px;border-radius:999px;background:color-mix(in srgb,var(--kokio-surface) 88%,transparent);padding:4px 8px;font-size:.7rem}.website-preview-label,.website-preview-open{position:absolute;z-index:3;bottom:8px;font-weight:700}.website-preview-open{left:8px;border-radius:var(--kokio-radius-control);background:color-mix(in srgb,var(--kokio-surface) 94%,transparent);padding:6px 9px;color:var(--kokio-text);font-size:.75rem;text-decoration:none}.website-preview-open:focus-visible{outline:3px solid var(--kokio-focus);outline-offset:2px}.website-preview-fallback{position:absolute;z-index:3;top:8px;right:8px;max-width:calc(100% - 16px);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);background:color-mix(in srgb,var(--kokio-surface) 94%,transparent);padding:6px 9px;color:var(--kokio-text);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.website-preview-fallback:focus-visible{outline:3px solid var(--kokio-focus);outline-offset:2px}.compact-detail-list{margin-top:0}.website-fleet-summary{align-items:center;cursor:pointer;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(16rem,1fr) auto auto auto}.website-fleet-details,.website-fleet-summary span:first-child{display:grid;grid-gap:8px;gap:8px}.website-fleet-details{border-top:1px solid var(--kokio-border);margin-top:16px;padding-top:16px}.website-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.website-tabs a{background:var(--kokio-surface-elevated);border:1px solid var(--kokio-border);border-radius:999px;padding:8px 12px;text-decoration:none}@media (max-width:760px){.website-mobile-status{display:grid;grid-gap:4px;gap:4px;margin-bottom:16px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-surface);background:var(--kokio-surface);padding:12px}.timeline-filters,.website-fleet-grid,.website-fleet-summary{grid-template-columns:1fr}.project-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.project-tabs a{white-space:nowrap}}@media (min-width:761px) and (max-width:1100px){.website-fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kokio-global-search{position:relative;z-index:70;flex:1 1 24rem;max-width:32rem;margin:0 auto;padding:0 1rem}.kokio-search-trigger{display:flex;width:100%;min-height:44px;align-items:center;gap:.55rem;padding:0 .8rem;border:1px solid var(--border,var(--kokio-border));border-radius:.6rem;background:var(--surface,var(--kokio-surface));color:var(--muted-foreground,var(--kokio-text-muted));font:inherit;text-align:left;cursor:pointer}.kokio-search-trigger:hover{border-color:var(--accent,var(--kokio-accent));color:var(--foreground,var(--kokio-text))}.kokio-search-panel{position:absolute;top:calc(100% + .55rem);left:1rem;right:1rem;overflow:hidden;border:1px solid var(--border,var(--kokio-border));border-radius:.75rem;background:var(--surface,var(--kokio-surface));box-shadow:var(--shadow,0 16px 40px rgb(15 23 42/18%))}.kokio-search-field{position:relative;display:block;padding:.75rem;border-bottom:1px solid var(--border,var(--kokio-border))}.kokio-search-field input{width:100%;height:2.5rem;padding:0 5.5rem 0 .75rem;border:1px solid var(--border,var(--kokio-border));border-radius:.5rem;background:var(--background,var(--kokio-background));color:var(--foreground,var(--kokio-text));font:inherit}.kokio-search-loading{position:absolute;top:1.48rem;right:1.35rem;color:var(--muted-foreground,var(--kokio-text-muted));font-size:.75rem}.kokio-search-results{max-height:min(26rem,calc(100vh - 9rem));overflow-y:auto;padding:.5rem}.kokio-search-results>p{margin:0;padding:1rem;color:var(--muted-foreground,var(--kokio-text-muted));font-size:.875rem}.kokio-search-results section+section{margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--border,var(--kokio-border))}.kokio-search-results h2{margin:0;padding:.35rem .5rem;color:var(--muted-foreground,var(--kokio-text-muted));font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kokio-search-results button{display:grid;width:100%;grid-gap:.1rem;gap:.1rem;padding:.55rem .6rem;border:0;border-radius:.45rem;background:transparent;color:var(--foreground,var(--kokio-text));font:inherit;text-align:left;cursor:pointer}.kokio-search-results button.is-active,.kokio-search-results button:hover{background:var(--accent-muted,var(--kokio-accent-muted))}.kokio-search-results button strong{font-size:.875rem}.kokio-search-results button span{overflow:hidden;color:var(--muted-foreground,var(--kokio-text-muted));font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:919px){.kokio-global-search{flex:0 0 auto;margin-left:auto;padding:0}.kokio-header>.kokio-global-search{position:relative;left:auto;width:40px;max-width:40px;transform:none}.kokio-search-trigger{width:2.5rem;justify-content:center;padding:0}.kokio-search-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.kokio-search-shortcut{display:none}.kokio-search-panel{position:fixed;top:4.35rem;right:.75rem;left:.75rem}}.projects-explorer{width:100%;max-width:78rem;margin-inline:auto;min-width:0}.projects-explorer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,17rem);grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);align-items:end;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-major);padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(120deg,var(--kokio-surface) 52%,var(--kokio-accent-muted))}.projects-explorer-eyebrow,.projects-workflow-actor,.projects-workflow-meta,.projects-workflow-outcome>span,.projects-workflow-prerequisite>span{color:var(--kokio-text-muted);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.projects-explorer-eyebrow{margin-bottom:.75rem}.projects-explorer-hero h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.045em}.projects-explorer-lede{max-width:42rem;margin:1rem 0 0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.5}.projects-explorer-access{margin:1.25rem 0 0;color:var(--kokio-text-muted);font-size:.875rem}.projects-explorer-hero-aside{display:grid;grid-gap:.6rem;gap:.6rem;border-top:2px solid var(--kokio-accent);padding-top:1rem;font-size:.875rem;line-height:1.45}.projects-explorer-hero-aside strong{font-size:1rem}.projects-explorer-hero-number{color:var(--kokio-accent);font-weight:800;letter-spacing:.08em}.projects-explorer-tools{margin-top:2rem}.projects-explorer-search-wrap{max-width:36rem}.projects-explorer-search-wrap label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.projects-explorer-search-field{display:flex;align-items:center;gap:.75rem;min-height:3rem;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);padding:0 .9rem;background:var(--kokio-surface)}.projects-explorer-search-field:focus-within{outline:3px solid var(--kokio-focus);outline-offset:2px}.projects-explorer-search-field>span{color:var(--kokio-accent);font-size:1.8rem;line-height:1}.projects-explorer-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--kokio-text);font:inherit}.projects-explorer-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.projects-explorer-empty button,.projects-explorer-filters button{min-height:44px;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);padding:.6rem .85rem;background:var(--kokio-surface);color:var(--kokio-text);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.projects-explorer-filters button[aria-pressed=true]{border-color:var(--kokio-accent);background:var(--kokio-accent-muted);color:var(--kokio-accent-hover)}.projects-explorer-filters button span{margin-left:.35rem;opacity:.7}.projects-explorer-empty button:focus-visible,.projects-explorer-filters button:focus-visible,.projects-workflow-card summary:focus-visible,.projects-workflow-link:focus-visible,.projects-workflow-related:focus-visible{outline:3px solid var(--kokio-focus);outline-offset:2px}.projects-explorer-result-line{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.projects-explorer-result-line h2{margin:0;font-size:1.35rem}.projects-explorer-result-line>span{color:var(--kokio-text-muted);font-size:.875rem;white-space:nowrap}.projects-explorer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:start}.projects-workflow-card{min-width:0;border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-major);background:var(--kokio-surface);overflow:hidden}.projects-workflow-card[open]{border-color:var(--kokio-accent);box-shadow:var(--kokio-shadow-overlay)}.projects-workflow-card>summary{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 1.75rem;grid-gap:.9rem;gap:.9rem;align-items:start;min-height:10rem;padding:1.35rem;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.projects-workflow-card>summary::-webkit-details-marker{display:none}.projects-workflow-index{color:var(--kokio-accent);font-size:.875rem;font-weight:800}.projects-workflow-summary-copy{display:grid;grid-gap:.55rem;gap:.55rem;min-width:0}.projects-workflow-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.projects-workflow-meta em{margin-left:.25rem;border-radius:99px;padding:.1rem .45rem;background:var(--kokio-surface-muted);color:var(--kokio-text);font-size:.68rem;font-style:normal;letter-spacing:0;text-transform:none}.projects-workflow-summary-copy strong{font-size:1.18rem;line-height:1.3}.projects-workflow-goal{color:var(--kokio-text-muted);font-size:.875rem;line-height:1.5}.projects-workflow-chevron{color:var(--kokio-accent);font-size:1.6rem;line-height:.8;transition:transform .16s ease}.projects-workflow-card[open] .projects-workflow-chevron{transform:rotate(180deg)}.projects-workflow-content{min-width:0;overflow-wrap:anywhere;border-top:1px solid var(--kokio-border);padding:1.35rem}.projects-workflow-prerequisite{padding-bottom:1rem}.projects-workflow-prerequisite p{margin:.35rem 0 0}.projects-workflow-content ol{margin:0;padding:0;list-style:none;counter-reset:workflow-step}.projects-workflow-content li{position:relative;margin-left:.85rem;border-left:1px solid var(--kokio-border);padding:0 0 1.25rem 1.4rem;counter-increment:workflow-step}.projects-workflow-content li:last-child{padding-bottom:.75rem}.projects-workflow-content li:before{content:counter(workflow-step);position:absolute;left:-.85rem;top:0;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--kokio-accent-muted);color:var(--kokio-accent-hover);font-size:.75rem;font-weight:800}.projects-workflow-actor{display:block;margin-bottom:.25rem}.projects-workflow-content h3{margin:0 0 .35rem;font-size:1rem}.projects-workflow-content li p{margin:0;color:var(--kokio-text-muted);font-size:.875rem;line-height:1.5}.projects-workflow-link{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;margin-top:.5rem;color:var(--kokio-accent);font-size:.875rem;font-weight:750;text-decoration:none}.projects-workflow-outcome{border-radius:var(--kokio-radius-control);padding:.85rem 1rem;background:var(--kokio-accent-muted)}.projects-workflow-outcome>span{color:var(--kokio-accent-hover)}.projects-workflow-outcome p{margin:.35rem 0 0;font-size:.875rem}.projects-workflow-warning{margin:1rem 0 0;font-size:.875rem}.projects-workflow-related{display:inline-flex;min-height:44px;align-items:center;margin-top:.5rem;color:var(--kokio-accent);font-size:.875rem;font-weight:700;text-decoration:none}.projects-explorer-empty{border:1px dashed var(--kokio-border);border-radius:var(--kokio-radius-major);padding:2rem;text-align:center}.projects-explorer-empty p{color:var(--kokio-text-muted)}@media (max-width:900px){.projects-explorer-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.projects-explorer-hero{grid-template-columns:minmax(0,1fr)}.projects-explorer-hero-aside{display:none}.projects-explorer-result-line{margin-top:2rem}.projects-workflow-card>summary{min-height:0}}@media (min-width:641px){.kokio-search-trigger{height:40px;min-height:40px}}.kio-shell-host{--kio-visual-size:120px;position:fixed;right:max(var(--kokio-space-4),env(safe-area-inset-right));bottom:max(var(--kokio-space-4),env(safe-area-inset-bottom));z-index:35;width:var(--kio-visual-size);height:var(--kio-visual-size);overflow:visible;border:0;padding:0;background:transparent;box-shadow:none;color:var(--kokio-text);pointer-events:none}.kio-shell-host[data-kio-size=small]{--kio-visual-size:90px}.kio-shell-host[data-kio-size=large]{--kio-visual-size:150px}.kio-shell-host .kio-companion,.kio-shell-host .kio-companion__visual{width:100%;height:100%;min-height:0}.kio-shell-host .kio-companion__visual{aspect-ratio:1;transform-origin:50% 85%}.kio-shell-host[data-kio-motion=system] .kio-companion[data-state=normal] .kio-companion__visual{animation:kio-idle-bob 5.8s ease-in-out infinite}@keyframes kio-idle-bob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}.kio-shell-host__dismiss{position:absolute;right:calc(var(--kokio-space-3) * -1);top:calc(var(--kokio-space-3) * -1);z-index:2;display:grid;place-items:center;width:var(--kokio-touch-target);height:var(--kokio-touch-target);border:1px solid var(--kokio-border);border-radius:50%;background:var(--kokio-surface-elevated);color:var(--kokio-text);box-shadow:var(--kokio-shadow-small,var(--kokio-shadow-surface));font:inherit;font-size:1.2rem;line-height:1;cursor:pointer;pointer-events:auto}.kio-shell-host__dismiss:focus-visible{outline:3px solid var(--kokio-focus);outline-offset:2px}.kio-shell-host .kio-companion__meaning{position:absolute;right:calc(100% + var(--kokio-space-2));bottom:var(--kokio-space-4);width:max-content;max-width:min(13rem,calc(100vw - var(--kio-visual-size) - 3rem));margin:0;padding:var(--kokio-space-2) var(--kokio-space-3);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);background:var(--kokio-surface-elevated);color:var(--kokio-text);box-shadow:var(--kokio-shadow-surface);font:inherit;font-size:.8125rem;line-height:1.35;pointer-events:none}.kio-shell-host .kio-companion[data-state=normal] .kio-companion__meaning{width:1px;height:1px;padding:0;border:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.kio-shell-host .kio-companion[data-state=attention] .kio-companion__meaning{border-left:3px solid var(--kokio-warning)}@media (max-width:1024px){.kio-shell-host[data-kio-size=small]{--kio-visual-size:80px}.kio-shell-host[data-kio-size=medium]{--kio-visual-size:105px}.kio-shell-host[data-kio-size=large]{--kio-visual-size:130px}}@media (max-width:600px){.kio-shell-host[data-kio-size=small]{--kio-visual-size:72px}.kio-shell-host[data-kio-size=medium]{--kio-visual-size:90px}.kio-shell-host[data-kio-size=large]{--kio-visual-size:112px}}@media (prefers-reduced-motion:reduce){.kio-shell-host .kio-companion__visual{animation:none!important}}.kio-shell-status{position:fixed;right:max(var(--kokio-space-3),env(safe-area-inset-right));bottom:max(var(--kokio-space-3),env(safe-area-inset-bottom));z-index:35;max-width:min(240px,66vw);padding:var(--kokio-space-2) var(--kokio-space-3);border:1px solid var(--kokio-border);border-radius:var(--kokio-radius-control);background:var(--kokio-surface-elevated);color:var(--kokio-text-secondary);box-shadow:var(--kokio-shadow-surface);font:inherit;font-size:.8125rem;pointer-events:none}