.kaiten-page { --kt-bg:#303030; --kt-panel:#424242; --kt-panel-2:#474747; --kt-line:#535353; --kt-text:#f5f5f5; --kt-muted:#a5a5a5; --kt-accent:#ab47bc; --kt-blue:#5aa9ff; min-width:0; font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-header { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.kaiten-header-main { min-width:0; flex:1; }
.kaiten-header-actions { display:flex; align-items:center; gap:10px; }
.kaiten-nav-button,.kaiten-icon-button { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--kt-line); border-radius:12px; background:var(--kt-panel); color:var(--kt-text); font:700 24px/1 inherit; cursor:pointer; }
.kaiten-nav-button:hover,.kaiten-icon-button:hover { border-color:#4e5565; background:#22252e; }
.kaiten-title { color:var(--kt-text); font-size:24px; font-weight:700; }
.kaiten-subtitle { color:var(--kt-muted); font-size:13px; margin-top:4px; }
.kaiten-shell { display:flex; flex-direction:column; border:1px solid #484848; border-radius:8px; background:var(--kt-bg); overflow:hidden; min-height:calc(100vh - 145px); }
.kaiten-module-head { position:relative; z-index:42; display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 12px; border-bottom:1px solid #4b4b4b; background:#2d2d2d; }
.kaiten-readonly [aria-disabled="true"],.kaiten-readonly :disabled { cursor:not-allowed!important; opacity:.48; }
.kaiten-sync.readonly { color:#dbc778; }
html[data-theme="light"] .kaiten-sync.readonly { color:#9a6416; }
.kaiten-module-head .kaiten-title { flex:0 0 auto; margin-right:auto; }
.kaiten-module-head .kaiten-search { position:absolute; left:50%; transform:translateX(-50%); }
.kaiten-module-tools { min-width:0; display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none; }
.kaiten-module-tools::-webkit-scrollbar { display:none; }
.kaiten-toolbar { display:flex; align-items:center; gap:10px; min-height:52px; padding:6px 12px; border-bottom:1px solid #4b4b4b; background:#2d2d2d; position:sticky; top:0; z-index:42; }
.kaiten-view-toolbar { justify-content:flex-start; }
.kaiten-toolbar-search-tools { min-width:0; display:flex; align-items:center; gap:8px; margin-left:auto; }
.kaiten-toolbar-search-tools .kaiten-search { width:190px; }
.kaiten-board-tools { margin-left:0; }
.kaiten-add-wrap { position:relative; flex:0 0 auto; }
.kaiten-view-tabs { display:flex; align-items:center; gap:2px; padding:0; border:0; border-radius:0; background:transparent; overflow-x:auto; }
.kaiten-view-tab { min-width:36px; height:32px; display:flex; align-items:center; justify-content:center; gap:4px; padding:4px 8px; border:0; border-radius:8px; background:transparent; color:#c6c6c6; font:500 13px/22.75px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.37141px; white-space:nowrap; cursor:pointer; }
.kaiten-view-tab:hover { color:var(--kt-text); }
.kaiten-view-tab.active { color:#fff; background:rgba(255,255,255,.16); }
.kaiten-view-tab:not(.active):not([data-view="reports"]):not([data-view="archive"])>span { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.kaiten-view-tab[data-view="reports"],.kaiten-view-tab[data-view="archive"] { background:#535353; }
.kaiten-view-tab svg { width:20px; height:20px; flex:0 0 20px; }
.kaiten-control svg { width:16px; height:16px; }
.kaiten-toolbar-spacer { flex:1; }
.kaiten-control.icon-only { position:relative; width:40px; padding:0; }
.kaiten-control.icon-only>span:not(.kaiten-badge) { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.kaiten-badge { position:absolute; right:-5px; top:-6px; min-width:17px; height:17px; display:grid!important; place-items:center; padding:0 4px; border-radius:9px; background:#e85f63; color:#fff; font-size:8px; }
.nav-item[data-nav-key="kaiten"] { position:relative; }
.kaiten-nav-badge { position:absolute; top:4px; right:8px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 5px; border-radius:9px; background:#e85f63; color:#fff; font:700 10px/18px Roboto,Helvetica,Arial,sans-serif; box-shadow:0 0 0 2px rgba(24,24,24,.8); }
.kaiten-control { min-height:40px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid #525252; border-radius:8px; background:#454545; color:#f0f0f0; font:500 13px/1 inherit; cursor:pointer; white-space:nowrap; }
.kaiten-control:hover,.kaiten-control.active { border-color:#686868; background:#505050; color:#fff; }
.kaiten-control.primary { border-color:transparent; background:var(--kt-accent); color:#fff; }
.kaiten-search { width:190px; min-height:40px; border:1px solid #505050; border-radius:6px; background:#444; color:var(--kt-text); padding:0 12px; outline:none; }
.kaiten-search:focus { border-color:#858585; box-shadow:none; }
.kaiten-search-trigger { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:text; text-align:left; }.kaiten-search-trigger span { min-width:0; overflow:hidden; color:#bdbdbd; text-overflow:ellipsis; white-space:nowrap; }.kaiten-search-trigger svg { width:20px; height:20px; flex:0 0 auto; fill:currentColor; }
.kaiten-filterbar { position:relative; z-index:11; display:flex; align-items:center; gap:12px; min-height:44px; padding:6px 8px; border-bottom:1px solid #4b4b4b; background:#303030; overflow:visible; }
.kaiten-filterbar[hidden] { display:none; }
.kaiten-sync { color:var(--kt-muted); font-size:11px; margin-left:auto; white-space:nowrap; border:0; background:transparent; padding:4px 6px; border-radius:5px; cursor:pointer; }
.kaiten-sync:hover,.kaiten-sync:focus-visible { background:var(--kt-hover); color:var(--kt-text); outline:none; }
.kaiten-modal.planum-history-modal { display:flex; flex-direction:column; width:min(680px,calc(100vw - 48px)); max-height:calc(100vh - 48px); border-color:var(--kt-line); background:var(--kt-panel); color:var(--kt-text); }
.planum-history-modal .kaiten-modal-head { flex-shrink:0; border-color:var(--kt-line); background:var(--kt-panel); }
.planum-history-modal .kaiten-modal-close { border-color:var(--kt-line); background:var(--kt-panel-2); color:var(--kt-text); }
.planum-history-modal .kaiten-panel-body { overflow:auto; min-height:0; }
.planum-action-history-item { padding:14px 0; border-top:1px solid var(--kt-line); overflow-wrap:anywhere; }
.planum-action-history-item summary { cursor:pointer; line-height:1.5; }
.planum-action-history-item summary span { display:block; color:var(--kt-muted); }
.planum-action-history-item p,.planum-action-history-item small { color:var(--kt-muted); line-height:1.5; }
.planum-action-history-item pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.5; user-select:text; }
.kaiten-conflict-versions { display:grid; gap:8px; max-height:48vh; overflow:auto; margin:10px 0; }
.kaiten-conflict-version { border:1px solid var(--kt-border); border-radius:7px; padding:8px; display:grid; gap:5px; }
.kaiten-conflict-version code { white-space:pre-wrap; overflow-wrap:anywhere; }
.kaiten-conflict-version div { display:flex; gap:6px; justify-content:flex-end; }
.kaiten-sync.saving { color:#e7b24c; }.kaiten-sync.saved { color:#46c897; }.kaiten-sync.error { color:#ff6b68; }
.kaiten-filter-groups { min-width:0; flex:1; display:flex; align-items:center; gap:7px; overflow-x:auto; scrollbar-width:none; }.kaiten-filter-group { display:flex; align-items:center; border:1px solid #505050; border-radius:5px; background:#202020; overflow:hidden; }
.kaiten-filter-group>span { height:32px; display:flex; align-items:center; gap:7px; padding:0 8px; border-right:1px solid #4a4a4a; color:#e7e7e7; font-size:11px; white-space:nowrap; }.kaiten-filter-group>span>svg { width:16px; height:16px; flex:0 0 auto; }.kaiten-filter-group>span strong { font-weight:500; }.kaiten-filter-group>span button,.kaiten-filter-group+button { width:30px; height:32px; border:0; background:transparent; color:#8e8e8e; cursor:pointer; }.kaiten-filter-group>span button:hover,.kaiten-filter-group+button:hover { color:#fff; background:#353535; }
.kaiten-filter-actions { flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; align-self:center; }.kaiten-filter-actions>span,.kaiten-filter-actions>button { min-height:31px; display:flex; align-items:center; gap:5px; padding:0 10px; border:0; border-radius:4px; background:#4a4a4a; color:#f0f0f0; font:500 13px/22.75px Roboto,Helvetica,Arial,sans-serif; white-space:nowrap; }.kaiten-filter-actions svg { width:17px;height:17px; }.kaiten-filter-actions>button { cursor:pointer; }.kaiten-filter-actions>button:hover { background:#565656; }.kaiten-filter-actions b { font-weight:500; }
.kaiten-filter-actions>[data-filter-coverage]:empty { display:none; }
.kaiten-filter-actions:has(>[data-filter-coverage]:not(:empty)) { flex-wrap:wrap; flex-shrink:1; }
.kaiten-filter-actions>[data-filter-coverage] { max-width:320px; white-space:normal; flex-wrap:wrap; }
.kaiten-filter-actions [data-action="retry-filter-coverage"] { border:0; border-radius:4px; padding:3px 6px; background:#606166; color:#fff; font:inherit; cursor:pointer; }
.kaiten-filter-actions>[data-action="save-filters"] { min-width:105px; }.kaiten-filter-actions>[data-action="clear-filters"] { width:97px; }.kaiten-filter-actions>[data-action="toggle-filter-toolbar"] { width:111px; }
.kaiten-filterbar.expanded { align-items:flex-start; min-height:86px; }.kaiten-filterbar.expanded .kaiten-filter-groups { flex-wrap:wrap; overflow:visible; }
.kaiten-filter-scrim { position:fixed; z-index:39; inset:0; border:0; background:rgba(0,0,0,.58); cursor:default; }
.kaiten-filter-builder { position:absolute; z-index:40; top:52px; right:16px; left:auto; box-sizing:border-box; width:360px; max-height:min(600px,calc(100dvh - 122px)); display:flex; flex-direction:column; padding:0; overflow:hidden; border:0; border-radius:4px; background:#111; box-shadow:0 8px 24px rgba(0,0,0,.52); color:#eee; }.kaiten-filter-builder.is-catalog { height:min(600px,calc(100dvh - 122px)); }
.kaiten-filter-builder header { min-height:48px; display:flex; align-items:center; gap:5px; padding:0 16px; color:#f4f4f4; }.kaiten-filter-builder header strong { flex:1; min-width:0; overflow:hidden; font-size:16px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }.kaiten-filter-builder header button { width:26px; height:34px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:#eee; font-size:22px; cursor:pointer; }.kaiten-filter-builder header button:hover { color:#c653d1; }.kaiten-filter-back { font-size:20px!important; }
.kaiten-filter-search { min-height:40px; display:flex; align-items:center; gap:9px; margin:8px 16px; padding:0 12px; border:1px solid #4b4b4b; border-radius:4px; background:#111; color:#eee; }
.kaiten-filter-search svg { width:20px; height:20px; fill:currentColor; }.kaiten-filter-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#fff; font:400 16px/1 Roboto,Helvetica,Arial,sans-serif; }
.kaiten-filter-catalog-scroll { min-height:0; flex:1; overflow:auto; scrollbar-color:#666 transparent; }.kaiten-filter-list,.kaiten-filter-options { min-height:0; margin:0; padding:0 8px 12px; overflow:auto; scrollbar-color:#666 transparent; }.kaiten-filter-catalog-scroll>.kaiten-filter-list { padding-top:5px; overflow:visible; }.kaiten-filter-list>button { width:100%; min-height:36px; display:flex; align-items:center; gap:8px; padding:5px 8px; border:0; border-radius:3px; background:transparent; color:#ededed; text-align:left; font:400 14px/1.2 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-filter-list>button:hover { background:#292929; }.kaiten-filter-list>button i { width:48px; flex:0 0 48px; color:#f1f1f1; font:500 17px/1 Roboto,Helvetica,Arial,sans-serif; text-align:center; }.kaiten-filter-list>button i svg { width:20px; height:20px; vertical-align:middle; }.kaiten-filter-list>button span { min-width:0; flex:1; }.kaiten-filter-list>button:disabled { color:#5f5f5f; cursor:not-allowed; }.kaiten-filter-list>button:disabled i { color:#555; }
.kaiten-filter-set-tabs { height:39px; flex:0 0 39px; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #353535; }.kaiten-filter-set-tabs button { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; border:0; background:transparent; color:#aaa; font:500 14px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-filter-set-tabs button>svg { width:20px;height:20px; }.kaiten-filter-set-tabs button.active { color:#c24dcd; }.kaiten-filter-set-tabs button.active:after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:#b943c5; }.kaiten-filter-set-tabs button:disabled { opacity:1; }
.kaiten-saved-filter-list { padding:8px 0 3px; }.kaiten-saved-filter-row { position:relative; min-height:36px; display:flex; align-items:center; padding:0 8px 0 16px; }.kaiten-saved-filter-row>button { border:0; background:transparent; color:#f1f1f1; cursor:pointer; }.kaiten-saved-filter-row>button:first-child { min-width:0; flex:1; padding:7px 0; overflow:hidden; text-align:left; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }.kaiten-saved-filter-more { width:34px;height:34px;display:grid;place-items:center;padding:8px;border-radius:50%!important; }.kaiten-saved-filter-more:hover,.kaiten-saved-filter-more[aria-expanded="true"] { background:#333!important; }.kaiten-saved-filter-more svg { width:18px;height:18px;fill:currentColor; }
.kaiten-saved-filter-menu { position:absolute; z-index:3; top:2px; right:0; width:136px; overflow:hidden; border-radius:4px; background:#303030; box-shadow:0 5px 15px #0008; }.kaiten-saved-filter-menu button { width:100%;height:32px;display:flex;align-items:center;gap:14px;padding:0 16px;border:0;background:transparent;color:#f5f5f5;text-align:left;font:400 14px/1 Roboto,Helvetica,Arial,sans-serif;cursor:pointer; }.kaiten-saved-filter-menu button:hover { background:#424242; }.kaiten-saved-filter-menu i { width:18px;font-style:normal;text-align:center; }.kaiten-saved-filter-menu i svg { width:18px;height:18px;vertical-align:middle; }
.kaiten-filter-list-heading { min-height:42px; display:flex; align-items:center; gap:13px; padding:0 19px; color:#aaa; font:500 14px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-filter-list-heading svg { width:20px;height:20px; }
.kaiten-filter-letter-glyph { width:20px!important;height:20px;display:grid;place-items:center;border-radius:2px;background:#f5f5f5;color:#111;font:500 17px/20px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-filter-options { padding:0 16px 8px; }.kaiten-filter-radio-row { min-height:42px; display:flex; align-items:center; gap:9px; color:#ededed; cursor:pointer; }.kaiten-filter-radio-row input { position:absolute; opacity:0; pointer-events:none; }.kaiten-filter-radio-row i { width:20px; height:20px; flex:0 0 20px; box-sizing:border-box; border:2px solid #aaa; border-radius:50%; }.kaiten-filter-radio-row input:checked+i { border-color:#b747c5; box-shadow:inset 0 0 0 4px #111; background:#b747c5; }.kaiten-filter-radio-row span { font-size:14px; }
.kaiten-filter-value-input,.kaiten-filter-select { box-sizing:border-box; width:100%; height:40px; margin:0 0 0; border:1px solid #525252; border-radius:4px; background:#252525; color:#f4f4f4; padding:0 12px; outline:0; font:400 14px/1 inherit; }.kaiten-filter-value-input:focus,.kaiten-filter-select:focus { border-color:#b747c5; box-shadow:0 0 0 1px #b747c5; }.kaiten-filter-value-wrap { position:relative; margin-bottom:3px; }.kaiten-filter-select { display:flex; align-items:center; justify-content:space-between; cursor:pointer; }.kaiten-filter-select svg { width:17px;height:17px;fill:currentColor; }
.kaiten-filter-value-menu { margin-top:4px; border:1px solid #3d3d3d; border-radius:3px; background:#1d1d1d; box-shadow:0 10px 24px #0009; }.kaiten-filter-value-menu>label { height:38px; display:flex; align-items:center; gap:7px; padding:0 9px; border-bottom:1px solid #383838; color:#aaa; }.kaiten-filter-value-menu>label svg { width:16px;height:16px;fill:currentColor; }.kaiten-filter-value-menu>label input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#fff; }.kaiten-filter-value-menu>div { max-height:288px; overflow:auto; }.kaiten-filter-value-menu button { width:100%; min-height:44px; display:flex; align-items:center; gap:8px; padding:6px 10px; border:0; background:transparent; color:#eee; text-align:left; cursor:pointer; }.kaiten-filter-value-menu button:hover,.kaiten-filter-value-menu button.selected { background:#34203a; }.kaiten-filter-value-menu button>span { min-width:0; flex:1; }.kaiten-filter-value-menu small { display:block; margin-top:3px; color:#a5a5a5; font-size:10px; }.kaiten-filter-value-menu b { color:#c653d1; }.kaiten-filter-value-menu i { width:18px;height:18px;flex:0 0 18px;border-radius:10px;background:var(--filter-color); }
.kaiten-filter-path { display:flex; flex-direction:column; gap:3px; padding:8px 0 5px; color:#aaa; }.kaiten-filter-path strong,.kaiten-filter-path span { padding:5px 10px; font-size:12px; }.kaiten-filter-path span { padding-left:24px; }.kaiten-filter-path button { min-height:36px; display:flex; align-items:center; justify-content:space-between; padding:0 10px 0 38px; border:0; border-radius:3px; background:#292929; color:#eee; text-align:left; cursor:pointer; }.kaiten-filter-path button b { color:#c653d1; }
.kaiten-filter-apply { width:100%; min-height:40px; flex:0 0 40px; border:0; border-top:1px solid #2f2f2f; background:#111; color:#b947c4; font:500 12px/1 inherit; text-transform:uppercase; cursor:pointer; }.kaiten-filter-apply:hover:not(:disabled) { background:#1e1e1e;color:#dc6ae7; }.kaiten-filter-apply:disabled { color:#5b355f; cursor:not-allowed; }
.kaiten-view-subtoolbar { min-height:60px; flex:0 0 60px; display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:8px 16px; border-bottom:1px solid rgba(255,255,255,.12); background:#212121; }
.kaiten-view-subtoolbar button { min-height:37px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 16px; border:1px solid rgba(255,255,255,.23); border-radius:4px; background:transparent; color:#fff; font:500 14px/24.5px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.4px; text-transform:uppercase; white-space:nowrap; cursor:pointer; }.kaiten-view-subtoolbar button>svg { width:20px; height:20px; flex:0 0 20px; fill:currentColor; }.kaiten-view-subtoolbar button:hover:not(:disabled) { background:rgba(255,255,255,.08); }.kaiten-view-subtoolbar button:disabled { color:rgba(255,255,255,.38); cursor:not-allowed; }
.kaiten-timeline-subtoolbar { justify-content:flex-start; }.kaiten-timeline-subtoolbar .kaiten-toolbar-spacer { flex:1; }.kaiten-project-select { border-color:transparent!important; padding-left:4px!important; text-transform:none!important; }.kaiten-project-select i { width:0; height:0; border-top:5px solid currentColor; border-right:5px solid transparent; border-left:5px solid transparent; }
.kaiten-disabled-note { margin-right:auto; color:#737a86; font-size:10px; }
.kaiten-space-tabs { position:relative; z-index:31; min-height:42px; display:flex; align-items:flex-end; gap:8px; padding:5px 8px 0; overflow:visible; border-bottom:1px solid #4b4b4b; background:#303030; }
.kaiten-space-tabs-items { min-width:0; flex:1 1 auto; display:flex; align-items:flex-end; gap:2px; overflow-x:auto; scrollbar-width:none; }
.kaiten-space-tabs>.kaiten-filter-actions { padding-bottom:5px; }
.kaiten-space-tabs>.kaiten-sync { align-self:center; margin-left:auto; }
.kaiten-space-row-settings { width:32px; height:32px; align-self:center; display:grid; place-items:center; padding:7px; border:0; border-radius:50%; background:transparent; color:#aaa; cursor:pointer; }.kaiten-space-row-settings:hover { background:#474747; color:#fff; }.kaiten-space-row-settings svg { width:18px; height:18px; fill:currentColor; }
.kaiten-space-tab,.kaiten-space-add { position:relative; min-height:36px; flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:0 14px; border:0; border-radius:4px 4px 0 0; background:transparent; color:#aaa; font:500 13px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.kaiten-space-tab:hover,.kaiten-space-add:hover { background:#3b3b3b; color:#fff; }
.kaiten-space-tab.active { background:#424242; color:#fff; }
.kaiten-space-tab.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#ab47bc; }
.kaiten-space-tab svg { width:17px; height:17px; fill:currentColor; }
.kaiten-space-tab i { color:#777; font-style:normal; font-size:10px; letter-spacing:-3px; cursor:grab; }
.kaiten-navigation-item { position:relative; flex:0 0 auto; }.kaiten-navigation-item.drop-before::before,.kaiten-navigation-item.drop-after::after { content:""; position:absolute; z-index:4; top:5px; bottom:5px; width:3px; border-radius:2px; background:#ab47bc; }.kaiten-navigation-item.drop-before::before { left:-2px; }.kaiten-navigation-item.drop-after::after { right:-2px; }.kaiten-navigation-item.dragging { opacity:.48; }
.kaiten-space-tab-wrap { display:flex; align-items:flex-end; }
.kaiten-space-tab-wrap>.kaiten-space-tab { padding-right:6px; }
.kaiten-space-menu-trigger { width:32px; height:36px; display:grid; place-items:center; padding:7px; border:0; border-radius:4px 4px 0 0; background:transparent; color:#9e9e9e; cursor:pointer; }
.kaiten-space-menu-trigger:hover,.kaiten-space-menu-trigger[aria-expanded="true"] { background:#4a4a4a; color:#fff; }
.kaiten-space-menu-trigger svg { width:18px; height:18px; fill:currentColor; }
.kaiten-space-menu { position:fixed; z-index:2300; width:330px; overflow:hidden; border:1px solid #333; border-radius:3px; background:#111; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.58); }
.kaiten-space-menu>button,.kaiten-space-subscribe { width:100%; min-height:48px; display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 16px; border:0; background:transparent; color:#fff; text-align:left; font:400 15px/1.3 Roboto,Helvetica,Arial,sans-serif; letter-spacing:0; cursor:pointer; }
.kaiten-space-menu>button:hover,.kaiten-space-subscribe:hover { background:#2d2d2d; }
.kaiten-space-menu>button:disabled { cursor:not-allowed; opacity:.36; }
.kaiten-space-menu>button.danger { color:#ef5350; }
.kaiten-space-menu svg { width:21px; height:21px; fill:none; stroke:currentColor; }
.kaiten-space-menu h4 { margin:12px 16px 4px; color:#9e9e9e; font-size:13px; font-weight:500; }
.kaiten-space-menu-glyph { width:22px; text-align:center; font-size:20px; }
.kaiten-space-menu i { font-style:normal; }
.kaiten-space-subscribe { position:relative; grid-template-columns:28px minmax(0,1fr) 22px 34px; }
.kaiten-space-subscribe input { position:absolute; opacity:0; }
.kaiten-space-subscribe-help { width:22px; height:22px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:#aaa; cursor:help; }.kaiten-space-subscribe-help svg { width:20px;height:20px; }
.kaiten-space-subscribe>i { position:relative; width:34px; height:16px; border-radius:9px; background:#666; }
.kaiten-space-subscribe>i::after { content:""; position:absolute; top:-2px; left:-2px; width:20px; height:20px; border-radius:50%; background:#eee; transition:.15s ease; }
.kaiten-space-subscribe input:checked+i { background:#713578; }.kaiten-space-subscribe input:checked+i::after { left:16px; background:#ab47bc; }
.kaiten-space-add { width:38px; justify-content:center; padding:0; font-size:22px; }
.kaiten-space-folder-wrap { display:flex; align-items:flex-end; }
.kaiten-space-folder { min-height:36px; display:inline-flex; align-items:center; gap:7px; padding:0 12px; border:0; border-radius:4px 4px 0 0; background:transparent; color:#aaa; font:500 13px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; white-space:nowrap; }.kaiten-space-folder:hover,.kaiten-space-folder.active,.kaiten-space-folder-wrap.open>.kaiten-space-folder { background:#424242; color:#fff; }.kaiten-space-folder>strong { max-width:180px; overflow:hidden; font-weight:500; text-overflow:ellipsis; }.kaiten-space-folder>i { color:#888; font-size:11px; font-style:normal; }.kaiten-space-folder.drop-into { background:#56335b; box-shadow:inset 0 0 0 2px #c653d1; color:#fff; }
.kaiten-space-folder-menu-trigger,.kaiten-folder-space-menu-trigger { width:32px; height:36px; flex:0 0 32px; display:grid; place-items:center; padding:7px; border:0; border-radius:4px 4px 0 0; background:transparent; color:#9e9e9e; cursor:pointer; }.kaiten-space-folder-menu-trigger:hover,.kaiten-space-folder-menu-trigger[aria-expanded="true"],.kaiten-folder-space-menu-trigger:hover,.kaiten-folder-space-menu-trigger[aria-expanded="true"] { background:#4a4a4a; color:#fff; }.kaiten-space-folder-menu-trigger svg,.kaiten-folder-space-menu-trigger svg { width:18px;height:18px;fill:currentColor; }
.kaiten-space-folder-actions { position:fixed; z-index:2300; width:230px; overflow:hidden; border:1px solid #333; border-radius:3px; background:#111; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.58); }.kaiten-space-folder-actions>button { width:100%; min-height:48px; display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:10px; padding:8px 16px; border:0; background:transparent; color:#fff; text-align:left; font:400 15px/1.3 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-space-folder-actions>button:hover { background:#2d2d2d; }.kaiten-space-folder-actions>button.danger { color:#ef5350; }.kaiten-space-folder-actions svg { width:21px;height:21px;fill:none;stroke:currentColor; }
.kaiten-space-folder-menu { position:absolute; z-index:90; top:100%; left:0; width:280px; max-height:360px; padding:6px; overflow:auto; border:1px solid #3e3e3e; border-radius:0 0 4px 4px; background:#111; box-shadow:0 10px 28px rgba(0,0,0,.55); opacity:0; pointer-events:none; transform:translateY(-2px); visibility:hidden; }.kaiten-space-folder-wrap:hover>.kaiten-space-folder-menu,.kaiten-space-folder-wrap.open>.kaiten-space-folder-menu { opacity:1; pointer-events:auto; transform:none; visibility:visible; }.kaiten-space-folder-menu header { min-height:34px; display:flex; align-items:center; gap:8px; padding:0 10px; color:#999; }.kaiten-space-folder-menu header strong { overflow:hidden; font-size:12px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }.kaiten-space-folder-menu p { margin:8px 10px 10px; color:#777; font-size:12px; }
.kaiten-folder-space-wrap { position:relative; width:100%; display:flex; align-items:stretch; border-radius:3px; }.kaiten-folder-space-wrap:hover,.kaiten-folder-space-wrap.active { background:#303030; }.kaiten-folder-space { position:relative; width:auto; min-width:0; min-height:40px; flex:1 1 auto; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:8px; padding:5px 6px 5px 10px; border:0; border-radius:3px; background:transparent; color:#e8e8e8; text-align:left; cursor:pointer; }.kaiten-folder-space:hover,.kaiten-folder-space.active { background:transparent; }.kaiten-folder-space-menu-trigger { height:40px; border-radius:3px; }.kaiten-folder-space>span { color:#aaa; font-size:16px; }.kaiten-folder-space>strong { overflow:hidden; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }.kaiten-folder-space.drop-before::before,.kaiten-folder-space.drop-after::after { content:""; position:absolute; right:0; left:8px; height:2px; background:#c653d1; }.kaiten-folder-space.drop-before::before { top:0; }.kaiten-folder-space.drop-after::after { bottom:0; }
.kaiten-workspace { position:relative; flex:1 1 auto; min-height:620px; display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; background:#303030; }
.kaiten-space-background-layer { position:fixed;z-index:0;inset:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;background:#303030; }.kaiten-space-background-layer img { width:100vw;height:100vh;display:block;object-fit:cover;opacity:1;transition:opacity 500ms cubic-bezier(.4,0,.2,1); }.kaiten-space-background-layer.preview-error { display:none; }
.kaiten-content { position:relative; z-index:1; min-width:0; min-height:620px; display:flex; flex-direction:column; background:#303030; }
.kaiten-workspace.has-space-background>.kaiten-content { background:transparent; }.kaiten-workspace.has-space-background .kaiten-board-stage { background:rgba(48,48,48,.7); }.kaiten-workspace.has-space-background .kaiten-board,.kaiten-workspace.has-space-background .kaiten-column,.kaiten-workspace.has-space-background .kaiten-column-header,.kaiten-workspace.has-space-background .kaiten-column-create,.kaiten-workspace.has-space-background .kaiten-board-titlebar { background:transparent; }
.kaiten-board-stage { flex:1 1 auto; min-height:620px; display:flex; flex-direction:column; background:#303030; }.kaiten-board-titlebar { height:42px; display:flex; align-items:center; gap:8px; padding:0 10px; border-bottom:1px solid #4b4b4b; color:#f4f4f4; }.kaiten-board-titlebar strong { flex:0 1 auto; font-size:14px; font-weight:500; }.kaiten-board-titlebar .kaiten-sync { margin-left:auto; }.kaiten-board-titlebar button { width:32px; height:32px; padding:7px; border:0; border-radius:50%; background:transparent; color:#aaa; cursor:pointer; }.kaiten-board-titlebar button:hover { background:#474747; color:#fff; }.kaiten-board-titlebar svg { width:18px; height:18px; fill:currentColor; }
.kaiten-board { flex:1 1 auto; display:block; padding:0; overflow-x:auto; overflow-y:visible; min-height:578px; scrollbar-color:#6a6a6a #303030; }
.kaiten-board-columns { min-width:max-content; min-height:100%; display:flex; align-items:stretch; }
.kaiten-column { position:relative; width:clamp(256px,16vw,320px); min-width:clamp(256px,16vw,320px); border:0; border-right:1px solid #505050; border-radius:0; background:#303030; }
.kaiten-column[data-column-draggable="true"] { cursor:grab; user-select:none; transition:opacity .16s ease,transform .16s ease; }
.kaiten-column[data-column-draggable="true"] .kaiten-column-header,.kaiten-column[data-column-draggable="true"] .kaiten-column-title { cursor:grab; }
.kaiten-readonly .kaiten-column[data-column-draggable="true"],.kaiten-readonly .kaiten-column[data-column-draggable="true"] .kaiten-column-header,.kaiten-readonly .kaiten-column[data-column-draggable="true"] .kaiten-column-title { cursor:default; }
.kaiten-column.dragging { opacity:.42; cursor:grabbing; }
.kaiten-board-columns.column-dragging,.kaiten-board-columns.column-dragging .kaiten-column,.kaiten-board-columns.column-dragging .kaiten-column * { cursor:grabbing!important; }
.kaiten-column.column-drop-before::before,.kaiten-column.column-drop-after::after,.kaiten-column-create.column-drop-before::before { content:""; position:absolute; z-index:12; top:0; bottom:0; width:4px; border-radius:3px; background:#c653d1; box-shadow:0 0 0 1px rgba(198,83,209,.28),0 0 14px rgba(198,83,209,.78); pointer-events:none; animation:kaiten-column-drop-pulse .75s ease-in-out infinite alternate; }
.kaiten-column.column-drop-before::before,.kaiten-column-create.column-drop-before::before { left:-2px; }
.kaiten-column.column-drop-after::after { right:-2px; }
@keyframes kaiten-column-drop-pulse { from { opacity:.72; } to { opacity:1; } }
.kaiten-column:has(.kaiten-card-list) { overflow:visible; }
.kaiten-column.drag-over { background:#373737; box-shadow:inset 0 0 0 2px var(--kt-accent); }
.kaiten-column-header { min-height:42px; display:flex; align-items:center; gap:7px; padding:4px 8px; border:0; }
.kaiten-column-title { color:var(--kt-text); font-size:14px; font-weight:500; min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-column-count { min-width:28px; height:24px; display:grid; place-items:center; border-radius:5px; background:#616161; color:#f0f0f0; font-size:12px; font-weight:500; }
.kaiten-column-menu { border:0; background:transparent; color:#7d8390; cursor:pointer; font-size:18px; }
.kaiten-column-collapse { width:24px; height:24px; border:0; border-radius:4px; background:transparent; color:#bdbdbd; cursor:pointer; }.kaiten-column-collapse:hover { background:#484848; }
.kaiten-column-create { position:relative; width:clamp(256px,16vw,320px); min-width:clamp(256px,16vw,320px); min-height:100%; box-sizing:border-box; border:1px solid transparent; background:#303030; color:#858b98; }
.kaiten-column-create-trigger { width:100%; min-height:42px; display:flex; align-items:center; gap:8px; padding:4px 12px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.kaiten-column-create-trigger>span { flex:0 0 auto; font-size:21px; font-weight:300; line-height:1; }
.kaiten-column-create-trigger>strong { overflow:hidden; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-column-create-trigger:hover,.kaiten-column-create-trigger:focus-visible { outline:0; background:#383838; color:#b9bdc5; }
.kaiten-column-create.is-editing { border-color:#62666f; background:#303030; color:var(--kt-text); }
.kaiten-column-create-form { min-height:40px; display:flex; align-items:center; padding:0 11px; background:inherit; }
.kaiten-column-create-form input { width:100%; min-width:0; height:32px; padding:0; border:0; outline:0; background:transparent; color:var(--kt-text); caret-color:var(--kt-accent); font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-column-create.is-saving { opacity:.72; }
.kaiten-column-popover { position:fixed; z-index:2450; top:var(--kaiten-column-menu-top,12px); left:var(--kaiten-column-menu-left,12px); right:auto; width:350px; max-width:calc(100vw - 24px); max-height:calc(100dvh - var(--kaiten-column-menu-top,12px) - 8px); padding:0; overflow:auto; border:1px solid #333; border-radius:4px; background:#111; box-shadow:0 8px 24px rgba(0,0,0,.55); scrollbar-color:#777 transparent; scrollbar-width:thin; }
.kaiten-column-popover>header { min-height:52px; display:flex; align-items:center; padding:0 16px; border-bottom:1px solid #353535; color:#fff; font-size:18px; }
.kaiten-column-popover>header strong { min-width:0; overflow:hidden; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-column-popover>button { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; border:0; border-bottom:1px solid #292929; border-radius:0; background:transparent; color:#f0f0f0; text-align:left; font:400 15px/1.25 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-column-popover>button:hover { background:#2a2a2a; }.kaiten-column-popover>button.danger { color:#ff6b68; }.kaiten-column-popover>button span { color:#ddd; }
.kaiten-color-row { display:flex; gap:7px; padding:8px; border-block:1px solid var(--kt-line); }.kaiten-color-row button { width:20px; height:20px; border:2px solid #fff3; border-radius:50%; background:var(--swatch); cursor:pointer; }
.kaiten-board-collapsed { min-height:430px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:var(--kt-muted); }.kaiten-board-collapsed strong { color:var(--kt-text); font-size:23px; }
.kaiten-card-list { display:flex; flex-direction:column; gap:8px; min-height:74px; max-height:none; overflow-y:visible; padding:0 8px 10px; }
.kaiten-card { position:relative; padding:8px; border:1px solid #5a5a5a; border-radius:6px; background:#424242; box-shadow:none; cursor:pointer; }
/* Native card link covers free space; existing controls stay above it. */
.kaiten-card .kaiten-board-card-link { text-decoration:none; }
.kaiten-card .kaiten-board-card-link::after { content:""; position:absolute; inset:0; z-index:1; border-radius:6px; }
.kaiten-card .kaiten-board-card-link:focus-visible::after { outline:2px solid var(--kt-accent); outline-offset:2px; }
.kaiten-card:has(.kaiten-board-card-link) button { position:relative; z-index:2; }
.kaiten-card:hover { border-color:#727272; background:#474747; transform:none; }
.kaiten-card-duplicate-preview,.kaiten-card-duplicate-preview:hover { display:flex; flex-direction:column; gap:0; min-height:116px; box-sizing:border-box; padding:8px; border-color:#5a5a5a; background:#424242; cursor:default; }
.kaiten-card-duplicate-preview>label { display:block; min-width:0; overflow:hidden; color:#bdbdbd; font:400 12px/18px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-card-duplicate-preview>textarea { width:100%; min-height:46px; box-sizing:border-box; display:block; margin:0; padding:2px 0 4px; resize:none; overflow:hidden; border:0; border-radius:0; outline:0; background:transparent; color:#f5f5f5; font:400 15px/20px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-duplicate-preview>textarea[data-card-duplicate-pristine] { color:#9e9e9e; }
.kaiten-card-duplicate-preview>textarea:focus { border:0; outline:0; box-shadow:none; }
.kaiten-card-duplicate-error { margin:0 0 4px; color:#ef9a9a; font:400 12px/16px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-duplicate-error[hidden] { display:none; }
.kaiten-card-duplicate-actions { min-height:34px; display:flex; align-items:flex-end; justify-content:flex-end; gap:4px; margin-top:auto; }
.kaiten-card-duplicate-actions>button { min-width:72px; height:30px; padding:0 10px; border:1px solid transparent; border-radius:3px; background:transparent; color:#eee; font:500 12px/28px Roboto,Helvetica,Arial,sans-serif; text-transform:uppercase; cursor:pointer; }
.kaiten-card-duplicate-actions>button:hover { background:rgba(255,255,255,.08); }
.kaiten-card-duplicate-actions>button[type="submit"] { border-color:#777; background:#616161; }
.kaiten-card-duplicate-actions>button[type="submit"]:hover { background:#707070; }
.kaiten-card-duplicate-actions>button:disabled { opacity:.55; cursor:wait; }
.kaiten-card.dragging { opacity:.45; }
.kaiten-card.drop-before::before,.kaiten-card.drop-after::after { content:""; position:absolute; z-index:2; left:8px; right:8px; height:3px; border-radius:2px; background:var(--kt-accent); box-shadow:0 0 0 2px rgba(75,194,180,.16),0 0 12px rgba(75,194,180,.65); pointer-events:none; }
.kaiten-card.drop-before::before { top:-6px; }
.kaiten-card.drop-after::after { bottom:-6px; }
.kaiten-card.kaiten-located-card { border-color:#64dccb; box-shadow:0 0 0 4px #4bc2b433,0 0 34px #4bc2b455; animation:kaitenLocate 1.8s ease; }
@keyframes kaitenLocate { 0%,100% { transform:translateY(0); } 35% { transform:translateY(-4px); } }
.kaiten-card-cover { box-sizing:border-box; height:112px; margin:-8px -8px 8px; border-radius:5px 5px 0 0; background:linear-gradient(135deg,var(--cover-a,#3d6cff),var(--cover-b,#8a4fd5)); display:flex; align-items:flex-end; padding:10px; color:#fff; font-weight:800; font-size:18px; overflow:hidden; }
.kaiten-card-cover.image { display:block; padding:0; background:#202020; }.kaiten-card-cover.image img { width:100%; height:100%; display:block; object-fit:cover; }
.kaiten-card-heading { display:flex; align-items:flex-start; gap:4px; }.kaiten-card-heading .kaiten-card-title { min-width:0; flex:1; overflow-wrap:anywhere; word-break:break-word; }.kaiten-card-heading-spacer { min-width:0; flex:1; }.kaiten-card-more { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; margin:-4px -4px 0 0; padding:8px; border:0; border-radius:50%; background:transparent; color:#aaa; opacity:0; cursor:pointer; }.kaiten-card:hover .kaiten-card-more,.kaiten-card-more:focus-visible { opacity:1; }.kaiten-card-more:hover { background:#555; color:#fff; }.kaiten-card-more svg { width:18px; height:18px; fill:currentColor; }
.kaiten-board-card-menu { position:absolute; z-index:75; top:32px; right:4px; width:282px; padding:6px 0; border:1px solid #333; border-radius:4px; background:#111; box-shadow:0 10px 26px rgba(0,0,0,.55); }
.kaiten-board-card-menu>button { width:100%; min-height:40px; display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; gap:9px; padding:5px 14px; border:0; background:transparent; color:#f3f3f3; text-align:left; font:400 14px/1.2 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-board-card-menu>button:hover { background:#2b2b2b; }.kaiten-board-card-menu>button.danger { color:#ef5350; }.kaiten-board-card-menu svg { width:19px; height:19px; fill:currentColor; }.kaiten-board-card-menu b { font-weight:400; color:#aaa; }.kaiten-board-card-menu hr { margin:5px 0; border:0; border-top:1px solid #343434; }
.kaiten-card-title { color:#f5f5f5; font-size:15px; font-weight:400; line-height:1.35; }
.kaiten-card-meta { display:flex; align-items:center; gap:8px; min-height:24px; margin-top:4px; }
.kaiten-card-meta button { min-width:0; height:24px; display:inline-flex; align-items:center; gap:4px; padding:0; border:0; background:transparent; color:#aaa; font:400 12px/1 inherit; cursor:pointer; }.kaiten-card-meta button:hover { color:#fff; }.kaiten-card-meta svg { width:18px; height:18px; fill:currentColor; }
.kaiten-card-labels { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.kaiten-label { display:inline-flex; align-items:center; max-width:100%; height:23px; padding:0 12px; border:0; border-radius:12px; background:var(--label-color,#e2ded9); color:rgba(34,34,34,.74); font:400 13px/1 inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }.kaiten-label:hover { filter:brightness(1.06); }
.kaiten-card-footer { min-height:24px; display:flex; align-items:center; gap:8px; margin-top:8px; }
.kaiten-avatars,.kaiten-card-footer-tail { display:flex; align-items:center; gap:7px; }.kaiten-card-footer-tail { margin-left:auto; }
.kaiten-board-avatar,.kaiten-avatar-more { width:24px; height:24px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#d5d5d5; cursor:pointer; }.kaiten-board-avatar:hover,.kaiten-avatar-more:hover { box-shadow:0 0 0 2px #fff6; }.kaiten-avatar-more { width:auto; min-width:24px; font:400 12px/1 inherit; }
.kaiten-avatar { width:24px; height:24px; margin:0; display:grid; place-items:center; box-sizing:border-box; border:1px solid #ab47bc; border-radius:50%; background:#ddd; color:#fff; font-size:11px; font-weight:500; }
.kaiten-card-due,.kaiten-card-priority { height:24px; display:inline-flex; align-items:center; border:0; background:transparent; cursor:pointer; white-space:nowrap; }.kaiten-card-priority { gap:5px; padding:0 8px; border-radius:6px; color:#f0b84d; font:500 12px/1 inherit; text-transform:uppercase; }.kaiten-card-priority.urgent { background:#eb6b70; color:#fff; }.kaiten-card-due { gap:4px; padding:0 4px; border-radius:8px; color:#9e9e9e; font:500 12px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-due.overdue { background:#e57373; color:#fff; }.kaiten-card-due svg { width:16px; height:16px; fill:none; stroke:currentColor; }.kaiten-card-priority:hover,.kaiten-card-due:hover { filter:brightness(1.08); }
.kaiten-add-card { width:100%; height:36px; border:1px dashed #3a3f4b; border-radius:9px; background:transparent; color:#858b98; cursor:pointer; }
.kaiten-add-card:hover { color:var(--kt-accent); border-color:var(--kt-accent); }

.kaiten-initial-loading { min-height:calc(100vh - 110px); display:grid; place-content:center; justify-items:center; gap:12px; background:#303030; color:#bdbdbd; font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-initial-loading>span { width:30px; height:30px; box-sizing:border-box; border:3px solid rgba(255,255,255,.18); border-top-color:#ab47bc; border-radius:50%; animation:kaiten-file-spin .8s linear infinite; }

.kaiten-list-stage { min-width:0; min-height:0; flex:1 1 auto; display:flex; flex-direction:column; overflow:hidden; }
.kaiten-list-boardbar { min-height:40px; flex:0 0 40px; display:flex; align-items:center; gap:4px; padding:0 8px; border-bottom:1px solid rgba(255,255,255,.12); background:#303030; color:#fff; }
.kaiten-list-boardbar strong { min-width:0; overflow:hidden; font:500 14px/24px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-list-boardbar>span { flex:1; }
.kaiten-list-boardbar button { width:28px; height:28px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:rgba(255,255,255,.7); cursor:pointer; }
.kaiten-list-boardbar button:hover { background:rgba(255,255,255,.08); color:#fff; }
.kaiten-list-boardbar svg { width:18px; height:18px; fill:currentColor; }
.kaiten-list-view { min-width:0; min-height:0; flex:1 1 auto; display:flex; align-items:stretch; gap:8px; padding:8px; overflow-x:auto; overflow-y:hidden; overscroll-behavior:contain; scrollbar-color:#757575 transparent; }
.kaiten-list-section { position:relative; width:280px; min-width:280px; min-height:0; display:flex; flex-direction:column; padding:0 0 8px; overflow:hidden; border:1px solid rgba(48,48,48,.7); border-radius:8px; background:#303030; color:#fff; }
.kaiten-list-section.collapsed { width:42px; min-width:42px; }
.kaiten-list-section-head { position:relative; z-index:2; min-height:30px; flex:0 0 30px; display:flex; align-items:center; gap:4px; padding:3px 8px; color:#fff; font:500 14px/24px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-list-section-head strong { min-width:0; flex:1; overflow:hidden; font:inherit; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-list-section-head>span { color:rgba(255,255,255,.7); font-size:12px; }
.kaiten-list-section-head button { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; padding:3px; border:0; border-radius:50%; background:transparent; color:rgba(255,255,255,.7); opacity:0; cursor:pointer; }
.kaiten-list-section:hover .kaiten-list-section-head button,.kaiten-list-section-head button:focus-visible { opacity:1; }
.kaiten-list-section-head button:hover { background:rgba(255,255,255,.08); color:#fff; }
.kaiten-list-section-head button svg { width:18px; height:18px; fill:currentColor; }
.kaiten-list-section.collapsed .kaiten-list-section-head { height:100%; flex-direction:column; padding:4px; }
.kaiten-list-section.collapsed .kaiten-list-section-head strong { flex:1; writing-mode:vertical-rl; transform:rotate(180deg); }
.kaiten-list-section.collapsed .kaiten-list-section-head>span,.kaiten-list-section.collapsed .kaiten-list-column-menu { display:none; }
.kaiten-list-cards { min-height:0; flex:1 1 auto; display:flex; flex-direction:column; gap:8px; margin-top:8px; padding:0 8px; overflow:auto; overscroll-behavior:contain; scrollbar-color:#757575 transparent; }
.kaiten-list-cards .kaiten-card { flex:0 0 auto; padding:8px 4px 16px; font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-list-cards .kaiten-card-title { font:400 14px/18.606px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-list-cards .kaiten-card-cover { margin:-8px -4px 8px; }
.kaiten-list-cards .kaiten-card-more { margin:-4px 0 0 0; }
.kaiten-list-add { min-height:48px; flex:0 0 48px; margin:8px 8px 0; padding:0 8px; border:0; border-radius:6px; background:#121212; color:#fff; box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12); font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.15px; text-align:left; opacity:.5; cursor:pointer; }
.kaiten-list-add:hover,.kaiten-list-add:focus-visible { opacity:.75; outline:0; }

.kaiten-table-wrap { min-width:0; min-height:0; flex:1 1 auto; overflow:auto; max-height:none; overscroll-behavior:contain; scrollbar-color:#757575 transparent; background:#212121; }
.kaiten-table { width:2024px; min-width:2024px; border-collapse:separate; border-spacing:0; background:#212121; color:#fff; table-layout:fixed; }
.kaiten-table th { position:sticky; top:0; z-index:4; height:32px; padding:5px 8px; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background:#212121; color:#fff; font:500 14px/21.98px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.1px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-table td { height:34px; max-height:34px; padding:5px 8px; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.87); font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-table th:first-child,.kaiten-table td:first-child { position:sticky; left:0; z-index:3; background:#212121; }.kaiten-table th:first-child { z-index:6; }
.kaiten-table tr:hover td { background:#303030; }.kaiten-table tr:hover td:first-child { background:#303030; }.kaiten-table .title-cell { display:flex; align-items:center; gap:4px; padding-left:72px; color:rgba(255,255,255,.87); font-weight:400; cursor:pointer; }.kaiten-table .title-cell>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-card-type { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:50%; background:#9e9e9e; color:#fff; font:500 14px/14px Roboto,Helvetica,Arial,sans-serif; font-style:normal; }
.kaiten-table-group td { height:40px; padding:0; }.kaiten-table-group button { width:400px; height:39px; display:flex; align-items:center; gap:8px; padding:0 8px; border:0; background:transparent; color:#ba68c8; font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-table-group button span { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; margin-right:20px; border-radius:50%; background:#424242; color:var(--kt-text); font-size:22px; }.kaiten-table-group button b { font-weight:500; }.kaiten-table-group button i { margin-left:8px; color:var(--kt-text); font-size:22px; font-style:normal; }
.kaiten-table-completed td { height:30px; }.kaiten-table-completed td:first-child { padding-left:72px; }.kaiten-table-completed span { color:inherit; font-style:italic; text-decoration:underline; text-underline-offset:2px; }
.kaiten-person { min-width:0; display:flex; align-items:center; gap:4px; }.kaiten-person b { min-width:0; overflow:hidden; font-weight:400; text-overflow:ellipsis; }.kaiten-table-members,.kaiten-table-labels { display:flex; align-items:center; gap:4px; overflow:hidden; white-space:nowrap; }.kaiten-table .kaiten-avatar { width:24px; height:24px; flex:0 0 24px; font-size:12px; }.kaiten-table-label { height:24px; display:inline-flex; align-items:center; padding:0 8px; border-radius:16px; background:var(--label-color); color:#424242; font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; white-space:nowrap; }
.kaiten-total-row td { position:sticky; z-index:2; bottom:0; height:34px; background:#111; color:#fff; font-weight:400; }.kaiten-archive-table { min-width:2550px; }

.kaiten-calendar { --calendar-columns:7; min-width:0; min-height:0; flex:1 1 auto; display:flex; flex-direction:column; overflow:hidden; background:#212121; color:#fff; }
.kaiten-calendar.mode-day { --calendar-columns:1; }
.kaiten-calendar-head { position:relative; z-index:3; min-height:76px; flex:0 0 76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:0 8px; color:#fff; }
.kaiten-calendar-head h2 { margin:0; font:500 24.5px/39.2px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.18375px; text-align:center; }
.kaiten-calendar-head>h2,.kaiten-calendar-head>.kaiten-calendar-actions,.kaiten-calendar-head>.kaiten-calendar-modes { transform:translateY(-2px); }
.kaiten-calendar-actions { display:flex; align-items:center; gap:9px; }
.kaiten-calendar-actions button,.kaiten-calendar-modes button { height:30px; display:inline-flex; align-items:center; justify-content:center; padding:3px 9px; border:1px solid rgba(255,255,255,.12); border-radius:3.25px; background:transparent; color:#fff; font:500 13px/24px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.37141px; cursor:pointer; }
.kaiten-calendar-actions>button,.kaiten-calendar-field,.kaiten-calendar-modes button { text-transform:uppercase; }
.kaiten-calendar-actions button:hover,.kaiten-calendar-modes button:hover { background:rgba(255,255,255,.08); }
.kaiten-calendar-actions button:disabled { color:rgba(255,255,255,.38); cursor:default; }
.kaiten-calendar-step { display:flex; }
.kaiten-calendar-step button { min-width:39px; border-radius:0; font-size:24px; font-weight:400; line-height:24px; }
.kaiten-calendar-step button:first-child { border-radius:3.25px 0 0 3.25px; }
.kaiten-calendar-step button+button { margin-left:-1px; border-radius:0 3.25px 3.25px 0; }
.kaiten-calendar-actions>button { width:81px; }
.kaiten-calendar-field-wrap { position:relative; }
.kaiten-calendar-field { width:56px; min-width:56px; }
.kaiten-calendar-field-menu { position:absolute; z-index:60; top:30px; left:0; width:max-content; min-width:94px; display:block; padding:8px 0; border-radius:3px; background:#424242; box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12); }
.kaiten-calendar-field-menu button { width:100%; height:36px; justify-content:flex-start; padding:6px 16px; border:0; border-radius:0; font:400 16px/24px Roboto,Helvetica,Arial,sans-serif; text-transform:none; }
.kaiten-calendar-field-menu button.active { background:rgba(186,104,200,.2); }
.kaiten-calendar-modes { justify-self:end; display:flex; }
.kaiten-calendar-modes button { min-width:56px; border-radius:0; }
.kaiten-calendar-modes button:nth-child(1) { width:67px; }
.kaiten-calendar-modes button:nth-child(2) { width:73px; }
.kaiten-calendar-modes button:nth-child(3) { width:56px; }
.kaiten-calendar-modes button:first-child { border-radius:3.25px 0 0 3.25px; }
.kaiten-calendar-modes button+button { margin-left:-1px; }
.kaiten-calendar-modes button:last-child { border-radius:0 3.25px 3.25px 0; }
.kaiten-calendar-modes button.active { background:rgba(186,104,200,.1); color:#fff; }
.kaiten-calendar-weekdays,.kaiten-calendar-week { min-width:840px; display:grid; grid-template-columns:repeat(var(--calendar-columns),minmax(120px,1fr)); }
.kaiten-calendar-weekdays { min-height:27px; flex:0 0 27px; overflow:hidden; }
.kaiten-calendar-weekday { display:flex; align-items:center; justify-content:center; padding:3px 8px; border:1px solid rgba(255,255,255,.12); border-right:0; background:#212121; color:#fff; font:700 14px/20.02px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-calendar-weekday:last-child { border-right:1px solid rgba(255,255,255,.12); }
.kaiten-calendar-scroll { min-width:0; min-height:0; flex:1 1 auto; overflow:auto; overscroll-behavior:contain; scrollbar-color:#757575 transparent; }
.kaiten-calendar-grid { min-width:840px; }
.kaiten-calendar-week { min-height:58px; align-items:stretch; }
.kaiten-calendar.mode-week .kaiten-calendar-week,.kaiten-calendar.mode-day .kaiten-calendar-week { min-height:100%; }
.kaiten-calendar-day { min-width:0; min-height:58px; padding:0 0 4px; overflow:hidden; border-left:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background:#212121; }
.kaiten-calendar-day:last-child { border-right:1px solid rgba(255,255,255,.12); }
.kaiten-calendar-day.outside { opacity:.45; }
.kaiten-calendar-day.today { background:rgba(255,220,40,.15); }
.kaiten-calendar-date { height:27px; display:flex; align-items:center; justify-content:flex-end; padding:0 5px; color:rgba(255,255,255,.7); font:400 12px/20.02px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-calendar-events { min-width:0; }
.kaiten-calendar-event { width:calc(100% - 4px); height:22px; display:flex; align-items:center; gap:4px; margin:1px 2px 0; padding:1px 4px; overflow:hidden; border:1px solid #9c27b0; border-radius:3px; background:#9c27b0; color:#fff; text-align:left; font:500 12px/19.92px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-calendar-event>span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-calendar-event>i { flex:0 0 auto; display:flex; align-items:center; gap:2px; font-size:10px; font-style:normal; white-space:nowrap; }
.kaiten-calendar-event>i b { font-size:8px; font-weight:400; }
.kaiten-calendar-event>i em { width:14px; height:14px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:var(--calendar-member-color,#bdbdbd); color:#fff; font-size:8px; font-style:normal; }
.kaiten-calendar-event>i small { font:500 10px/1 Roboto,Helvetica,Arial,sans-serif; }

.kaiten-timeline { min-width:0; min-height:0; flex:1 1 auto; padding:0; overflow:auto; background:#212121; overscroll-behavior:contain; scrollbar-color:#757575 transparent; }
.kaiten-timeline-grid { width:100%; min-width:1080px; }
.kaiten-timeline-head,.kaiten-timeline-row,.kaiten-timeline-group { display:grid; grid-template-columns:55% 45%; }
.kaiten-timeline-head { position:sticky; z-index:5; top:0; height:40px; background:#212121; }
.kaiten-timeline-columns,.kaiten-timeline-fields { min-width:890px; display:grid; grid-template-columns:296px 120px 120px 120px 94px 140px; }
.kaiten-timeline-columns span { min-width:0; display:flex; align-items:center; padding:0 10px; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:#fff; font:500 14px/21.98px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-timeline-head>div:first-child,.kaiten-timeline-group>div:first-child,.kaiten-timeline-row>div:first-child { min-width:0; overflow:hidden; }
.kaiten-timeline-dates { position:relative; min-width:0; overflow:hidden; }
.kaiten-timeline-years,.kaiten-timeline-months { display:grid; grid-template-columns:repeat(var(--timeline-columns,16),minmax(0,1fr)); }
.kaiten-timeline-years { height:20px; grid-template-columns:repeat(16,minmax(0,1fr)); }.kaiten-timeline-years span { display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:#fff; font:500 12px/20px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-timeline-months { height:20px; }.kaiten-timeline-months span { display:flex; align-items:center; justify-content:center; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.87); font:400 11px/20px Roboto,Helvetica,Arial,sans-serif; white-space:nowrap; }
.kaiten-timeline-group { height:30px; }.kaiten-timeline-group>div { min-width:0; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-timeline-group>div:first-child { gap:8px; padding:0 31px; }.kaiten-timeline-group button { width:24px; height:24px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font-size:20px; cursor:pointer; }.kaiten-timeline-group strong { color:#ba68c8; font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-timeline-group .kaiten-timeline-months { width:100%; }
.kaiten-timeline-row { min-height:30px; }
.kaiten-timeline-fields span { min-width:0; height:30px; display:flex; align-items:center; padding:0 10px; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.87); font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-timeline-fields .kaiten-timeline-name { gap:4px; padding-left:60px; cursor:pointer; }.kaiten-timeline-name i { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:50%; background:#9e9e9e; color:#fff; font:500 14px/14px Roboto,Helvetica,Arial,sans-serif; font-style:normal; }.kaiten-timeline-name b { min-width:0; overflow:hidden; font-weight:400; text-overflow:ellipsis; }.kaiten-timeline-fields .kaiten-avatar { width:24px; height:24px; }
.kaiten-timeline-track { position:relative; min-width:0; min-height:30px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.12); }
.kaiten-timeline-track>.kaiten-timeline-months { position:absolute; inset:0; height:30px; pointer-events:none; }.kaiten-timeline-track>.kaiten-timeline-months span { height:30px; color:transparent; }
.kaiten-timeline-bar { position:absolute; z-index:2; top:1px; min-width:4px; height:27px; display:block; padding:0; overflow:visible; border:0; border-radius:0; background:rgba(156,39,176,.15); color:transparent; cursor:grab; touch-action:none; user-select:none; }.kaiten-timeline-bar:active,.kaiten-timeline-bar.dragging { z-index:4; cursor:grabbing; }.kaiten-timeline-bar:focus-visible { outline:2px solid #ce93d8; outline-offset:-2px; }
.kaiten-timeline-bar i { position:absolute; z-index:3; top:0; pointer-events:none; }.kaiten-timeline-bar i.start { left:0; width:4px; height:27px; background:#8c239e; }.kaiten-timeline-bar i.due { left:var(--due-position); width:3px; height:30px; background:#d32f2f; transform:translateX(-1px); }
.kaiten-timeline-today { position:absolute; z-index:3; top:0; bottom:0; width:1px; background:#ba68c8; pointer-events:none; }.kaiten-timeline-today.with-label { z-index:7; top:20px; bottom:auto; height:20px; }.kaiten-timeline-today.with-label b { position:absolute; top:0; left:0; height:25px; display:flex; align-items:center; padding:0 7px; background:#ba68c8; color:#fff; font:400 12px/19.92px Roboto,Helvetica,Arial,sans-serif; white-space:nowrap; }.kaiten-timeline-today.with-label::after { content:""; position:absolute; top:25px; left:0; width:1px; height:4000px; background:#ba68c8; }
.kaiten-timeline-footer { position:sticky; left:55%; width:360px; margin-top:0; padding:5px 12px; border:0; border-radius:0; background:rgba(66,66,66,.88); color:#bdbdbd; font:400 12px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; }

.kaiten-reports { display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; padding:14px; }
.kaiten-report-card { min-height:150px; padding:16px; border:1px solid var(--kt-line); border-radius:14px; background:var(--kt-panel); }
.kaiten-report-label { color:#a7acb7; font-size:11px; font-weight:800; }.kaiten-report-value { color:#f3f4f6; font-size:34px; font-weight:900; margin-top:8px; }
.kaiten-report-sub { color:#6fd6c7; font-size:10px; font-weight:700; margin-top:4px; }
.kaiten-report-bars { height:54px; display:flex; align-items:flex-end; gap:5px; margin-top:14px; }
.kaiten-report-bars i { flex:1; min-height:5px; border-radius:4px 4px 0 0; background:linear-gradient(#55cdbc,#23524d); }
.kaiten-report-wide { grid-column:span 2; }.kaiten-report-list { margin:14px 0 0; padding:0; list-style:none; }
.kaiten-report-list li { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid #292d35; color:#bfc3cc; font-size:11px; }
.kaiten-report-catalog { min-width:0; min-height:0; flex:1 1 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-content:start; padding:24px 8px; overflow:auto; background:#212121; overscroll-behavior:contain; }
.kaiten-report-link { position:relative; width:100%; height:284px; display:block; padding:0; overflow:hidden; border:0; border-radius:0; background-color:#fff; background-image:var(--report-image); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:left; cursor:pointer; }.kaiten-report-link:hover::after,.kaiten-report-link:focus-visible::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 3px #ba68c8; pointer-events:none; }.kaiten-report-link:focus-visible { outline:0; }.kaiten-report-link>span { position:absolute; right:0; bottom:0; left:0; height:64px; display:flex; align-items:center; padding:0 16px; overflow:hidden; background:rgba(0,0,0,.74); color:#fff; font:500 20px/32px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.15px; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-report-glyph { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:#213330; color:#66d8c9; font-size:21px; }
.kaiten-report-detail header { display:flex; align-items:center; gap:12px; }.kaiten-report-detail header div { flex:1; }.kaiten-report-detail h3 { margin:0 0 4px; font-size:20px; }.kaiten-report-detail p { margin:0; color:var(--kt-muted); font-size:11px; }
.kaiten-report-chart { height:250px; display:flex; align-items:flex-end; gap:18px; margin-top:22px; padding:20px 20px 0; border:1px solid var(--kt-line); border-radius:12px; background:repeating-linear-gradient(0deg,#14171c 0,#14171c 48px,#2a2e37 49px); }.kaiten-report-chart>div { height:100%; flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; }.kaiten-report-chart i { width:min(52px,80%); min-height:8px; border-radius:7px 7px 0 0; background:linear-gradient(#57d1c1,#225850); }.kaiten-report-chart strong { color:#e8fffb; }.kaiten-report-chart span { min-height:25px; color:#89909c; font-size:9px; }
.kaiten-report-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }.kaiten-report-summary>span { display:flex; flex-direction:column; gap:6px; padding:13px; border:1px solid var(--kt-line); border-radius:10px; background:#14161b; }.kaiten-report-summary small { color:var(--kt-muted); }.kaiten-report-summary strong { font-size:20px; }

.kaiten-empty { display:grid; place-items:center; min-height:430px; padding:30px; color:#8d929d; text-align:center; }
.kaiten-empty strong { display:block; margin-bottom:8px; color:#e6e8ec; font-size:18px; }

.kaiten-view-settings { position:absolute; z-index:70; top:102px; right:0; bottom:0; width:400px; display:flex; flex-direction:column; border-left:1px solid rgba(255,255,255,.12); background:#303030; color:#fff; box-shadow:-8px 0 24px rgba(0,0,0,.28); }.kaiten-view-settings>header { min-height:52px; display:flex; align-items:center; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-view-settings>header strong { flex:1; font:500 18px/28px Roboto,Helvetica,Arial,sans-serif; }.kaiten-view-settings>header button { width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:inherit; font-size:26px; cursor:pointer; }.kaiten-view-settings>nav { min-height:48px; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-view-settings>nav button { position:relative; border:0; background:transparent; color:rgba(255,255,255,.7); font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-view-settings>nav button.active { color:#fff; }.kaiten-view-settings>nav button.active::after { content:""; position:absolute; right:8px; bottom:0; left:8px; height:3px; background:#ab47bc; }.kaiten-view-settings-fields,.kaiten-view-settings-options { min-height:0; flex:1 1 auto; padding:12px 16px; overflow:auto; }.kaiten-view-settings-fields label { min-height:40px; display:flex; align-items:center; gap:10px; color:inherit; }.kaiten-view-settings-fields input { width:18px; height:18px; accent-color:#ab47bc; }.kaiten-view-settings-options label,.kaiten-view-settings>footer>label { display:grid; gap:6px; margin-bottom:14px; color:rgba(255,255,255,.7); font-size:12px; }.kaiten-view-settings select,.kaiten-view-settings input { height:40px; padding:0 10px; border:1px solid rgba(255,255,255,.23); border-radius:4px; background:#424242; color:#fff; }.kaiten-view-settings>footer { padding:16px; border-top:1px solid rgba(255,255,255,.12); }.kaiten-view-settings>footer>div { display:flex; justify-content:flex-end; gap:8px; }.kaiten-view-settings>footer button { min-height:36px; padding:0 14px; border:0; border-radius:4px; background:#535353; color:#fff; cursor:pointer; }.kaiten-view-settings>footer button:last-child { background:#ab47bc; }.kaiten-view-settings>footer button:disabled { opacity:.38; cursor:not-allowed; }
.kaiten-timeline-settings { top:102px; width:300px; overflow:visible; background:#303030; box-shadow:none; }.kaiten-timeline-settings>header { flex:0 0 56px; border-bottom:0; }.kaiten-timeline-settings>header strong { font-size:20px; }.kaiten-timeline-settings>header button { display:grid; place-items:center; }.kaiten-timeline-settings>header svg { width:24px; height:24px; }
.kaiten-timeline-settings-body { min-height:0; flex:1; padding:0 16px 16px; overflow-y:auto; scrollbar-width:thin; }.kaiten-settings-field { display:grid; gap:7px; margin:0 0 16px; color:rgba(255,255,255,.7); font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-settings-field>span { display:flex; align-items:center; gap:7px; }.kaiten-settings-field>span b { width:18px; height:18px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:12px; }.kaiten-timeline-settings :is(select,input) { width:100%; height:48px; padding:0 16px; border:1px solid rgba(255,255,255,.23); border-radius:4px; background:#424242; color:#fff; font:400 16px/24px Roboto,Helvetica,Arial,sans-serif; }.kaiten-timeline-settings :is(select,input):disabled { color:rgba(255,255,255,.38); opacity:1; }
.kaiten-work-settings { margin-bottom:18px; }.kaiten-work-settings>strong,.kaiten-display-settings>strong { display:block; margin-bottom:8px; color:rgba(255,255,255,.7); font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-workdays { display:grid; grid-template-columns:repeat(7,1fr); }.kaiten-workdays button { height:46px; padding:0; border:1px solid rgba(255,255,255,.18); border-right:0; background:#535353; color:rgba(255,255,255,.55); font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-workdays button:first-child { border-radius:4px 0 0 4px; }.kaiten-workdays button:last-child { border-right:1px solid rgba(255,255,255,.18); border-radius:0 4px 4px 0; }.kaiten-workdays button.active { border-color:#ab47bc; background:#9c27b0; color:#fff; }.kaiten-work-time { display:grid; grid-template-columns:1fr 18px 1fr; align-items:center; margin-top:8px; text-align:center; }.kaiten-work-time select { padding:0 10px; }.kaiten-configure-time { margin-top:8px; padding:5px 0; border:0; background:transparent; color:#ba68c8; font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-settings-switches { display:grid; gap:14px; margin:8px 0 20px; }.kaiten-settings-switch { min-height:48px; display:grid; grid-template-columns:40px 1fr; align-items:start; gap:10px; padding:0; border:0; background:transparent; color:rgba(255,255,255,.55); text-align:left; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-settings-switch i { position:relative; width:36px; height:14px; margin-top:4px; border-radius:8px; background:#757575; }.kaiten-settings-switch i::after { content:""; position:absolute; top:-3px; left:0; width:20px; height:20px; border-radius:50%; background:#bdbdbd; box-shadow:0 1px 3px #0008; transition:left .15s; }.kaiten-settings-switch.on i { background:rgba(186,104,200,.45); }.kaiten-settings-switch.on i::after { left:16px; background:#ba68c8; }.kaiten-settings-switch.on span { color:rgba(255,255,255,.7); }
.kaiten-display-settings { margin:4px 0 20px; }.kaiten-display-settings button { width:100%; min-height:44px; display:flex; align-items:center; gap:12px; padding:0 8px; border:0; border-bottom:1px solid rgba(255,255,255,.12); background:transparent; color:#fff; font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-display-settings button svg { width:20px; height:20px; flex:0 0 20px; }.kaiten-settings-save { display:flex; justify-content:flex-end; gap:8px; margin:0 0 22px; }.kaiten-settings-save button { min-height:40px; padding:0 14px; border:0; border-radius:4px; background:#535353; color:#fff; cursor:pointer; }.kaiten-settings-save button:last-child { background:#ab47bc; }.kaiten-settings-save button:disabled { opacity:.38; cursor:not-allowed; }.kaiten-settings-switches-last { padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
.kaiten-timeline-fields-panel { position:absolute; z-index:2; top:0; right:300px; bottom:0; width:448px; display:flex; flex-direction:column; padding:0 16px 16px; border-left:1px solid rgba(255,255,255,.12); border-right:1px solid rgba(255,255,255,.12); background:#303030; color:#fff; box-shadow:-8px 0 24px rgba(0,0,0,.28); }.kaiten-timeline-fields-panel>header { height:56px; display:flex; align-items:center; }.kaiten-timeline-fields-panel>header strong { flex:1; font:500 20px/28px Roboto,Helvetica,Arial,sans-serif; }.kaiten-timeline-fields-panel>header button { width:36px; height:36px; display:grid; place-items:center; border:0; background:transparent; color:inherit; cursor:pointer; }.kaiten-timeline-fields-panel>header svg { width:24px; height:24px; }.kaiten-fields-search { height:42px; display:flex; align-items:center; gap:8px; padding:0 10px; border:1px solid rgba(255,255,255,.23); border-radius:4px; }.kaiten-fields-search svg { width:20px; height:20px; }.kaiten-fields-search input { height:38px; padding:0; border:0; background:transparent; }.kaiten-fields-actions { display:flex; gap:16px; padding:10px 0; }.kaiten-fields-actions button { padding:0; border:0; background:transparent; color:#ba68c8; cursor:pointer; }.kaiten-fields-list { min-height:0; flex:1; overflow:auto; }.kaiten-fields-list label { height:42px; display:grid; grid-template-columns:20px 28px 1fr; align-items:center; gap:8px; }.kaiten-fields-list input { width:18px; height:18px; accent-color:#ab47bc; }.kaiten-fields-list i { font-style:normal; text-align:center; }.kaiten-fields-close { align-self:flex-end; min-height:40px; padding:0 16px; border:0; border-radius:4px; background:#9c27b0; color:#fff; cursor:pointer; }.kaiten-timeline-fields-panel.compact p { color:rgba(255,255,255,.7); }

.kaiten-modal-backdrop { position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(4,5,8,.72); backdrop-filter:blur(5px); }
.kaiten-modal-backdrop[hidden] { display:none; }
body:has(#page-kaiten.active .kaiten-modal-backdrop.card-open:not([hidden])) .crm-release-update-chip.is-fixed { display:none; }
.kaiten-modal { width:min(1060px,100%); max-height:calc(100dvh - 44px); overflow:auto; border:1px solid #3a3f4b; border-radius:18px; background:#17191f; box-shadow:0 30px 90px rgba(0,0,0,.5); }
.kaiten-search-modal { position:relative; box-sizing:border-box; width:min(800px,calc(100vw - 48px)); height:min(990px,calc(100dvh - 48px)); padding:20px; overflow:hidden; border:0; border-radius:4px; background:#424242; color:#fff; box-shadow:0 12px 38px rgba(0,0,0,.55); font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-search-query { height:48px; display:grid; grid-template-columns:28px minmax(0,1fr) 32px; align-items:center; gap:6px; margin-right:54px; padding:0 8px 0 12px; border-radius:4px; background:#515151; }.kaiten-search-query>span { display:grid; place-items:center; color:#eee; }.kaiten-search-query svg { width:24px; height:24px; fill:currentColor; }.kaiten-search-query input { min-width:0; border:0; outline:0; background:transparent; color:#fff; font:400 20px/28px Roboto,Helvetica,Arial,sans-serif; }.kaiten-search-query input::placeholder { color:#bdbdbd; }.kaiten-search-query>button,.kaiten-search-close { display:grid; place-items:center; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; }.kaiten-search-query>button { width:32px; height:32px; }.kaiten-search-query>button svg { width:22px; height:22px; }.kaiten-search-close { position:absolute; top:20px; right:18px; width:42px; height:42px; }.kaiten-search-close svg { width:30px; height:30px; fill:currentColor; }
.kaiten-search-controls { display:grid; grid-template-columns:minmax(0,1fr) 180px 44px; gap:14px 18px; align-items:end; padding:16px 0 14px; border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-search-field { position:relative; min-width:0; height:48px; display:flex; align-items:flex-end; box-sizing:border-box; border:1px solid #6a6a6a; border-radius:3px; }.kaiten-search-field.wide { grid-column:1/2; }.kaiten-search-field.compact { grid-column:2/3; }.kaiten-search-field:first-child { grid-column:1/2; width:200px; }.kaiten-search-field>span { position:absolute; top:-9px; left:12px; padding:0 5px; background:#424242; color:#bdbdbd; font-size:13px; line-height:18px; }.kaiten-search-field select { width:100%; height:46px; padding:0 38px 0 14px; border:0; outline:0; appearance:auto; background:transparent; color:#fff; font:400 17px/24px Roboto,Helvetica,Arial,sans-serif; }.kaiten-search-field select:disabled { color:#bdbdbd; opacity:1; }.kaiten-search-field option { background:#303030; color:#fff; }
.kaiten-search-switch { grid-column:2/4; grid-row:1; justify-self:end; height:48px; display:flex; align-items:center; gap:12px; color:#fff; cursor:pointer; }.kaiten-search-switch input { position:absolute; opacity:0; pointer-events:none; }.kaiten-search-switch>span { position:relative; width:42px; height:20px; border-radius:10px; background:#737373; transition:.16s ease; }.kaiten-search-switch>span::after { content:""; position:absolute; top:-2px; left:-1px; width:24px; height:24px; border-radius:50%; background:#eee; box-shadow:0 1px 4px rgba(0,0,0,.45); transition:.16s ease; }.kaiten-search-switch input:checked+span { background:#7f378d; }.kaiten-search-switch input:checked+span::after { left:19px; background:#ab47bc; }.kaiten-search-switch b { font-size:15px; font-weight:400; white-space:nowrap; }
.kaiten-search-advanced-toggle { grid-column:3/4; width:44px; height:48px; display:grid; place-items:center; padding:0; border:0; border-radius:3px; background:transparent; color:#fff; cursor:pointer; }.kaiten-search-advanced-toggle.active { color:#c44bd4; }.kaiten-search-advanced-toggle:hover { background:rgba(255,255,255,.06); }.kaiten-search-advanced-toggle svg { width:24px; height:24px; fill:none; stroke:currentColor; }
.kaiten-search-results { height:calc(100% - 190px); overflow:auto; padding:14px 2px 20px; scrollbar-color:#777 transparent; scrollbar-width:thin; }.kaiten-search-result { width:100%; display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; padding:13px 12px; border:0; border-radius:3px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-search-result:hover { background:#4b4b4b; }.kaiten-search-result-icon { width:24px; height:24px; display:grid; place-items:center; color:#e0e0e0; }.kaiten-search-result-icon svg { width:21px; height:21px; fill:currentColor; }.kaiten-search-result>span:last-child { min-width:0; display:flex; flex-direction:column; gap:5px; }.kaiten-search-result strong { font-size:17px; line-height:22px; font-weight:500; }.kaiten-search-result small { color:#c2c2c2; font-size:13px; }.kaiten-search-result p { margin:2px 0 0; color:#eee; font-size:14px; line-height:20px; }.kaiten-search-result p span { color:#bdbdbd; }.kaiten-search-result mark { padding:0; background:transparent; color:#ce5ad8; }.kaiten-search-empty,.kaiten-search-state { padding:60px 20px; color:#bdbdbd; font-size:15px; text-align:center; }.kaiten-search-state.error { color:#ffcdd2; }.kaiten-search-state button { margin-left:8px; padding:7px 12px; border:1px solid currentColor; border-radius:3px; background:transparent; color:inherit; cursor:pointer; }.kaiten-search-more { display:block; min-width:150px; min-height:40px; margin:12px auto 0; padding:0 18px; border:1px solid rgba(255,255,255,.28); border-radius:3px; background:#535353; color:#fff; cursor:pointer; }.kaiten-search-more:hover { background:#616161; }.kaiten-search-more:disabled { opacity:.55; cursor:wait; }
.kaiten-card-dialog { width:min(1320px,100%); }
.kaiten-modal-head { position:sticky; top:0; z-index:3; display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid var(--kt-line); background:rgba(23,25,31,.96); backdrop-filter:blur(12px); }
.kaiten-modal-id { color:#818795; font-size:11px; font-weight:800; }.kaiten-modal-head-spacer { flex:1; }
.kaiten-card-star { width:34px; height:34px; border:0; border-radius:9px; background:transparent; color:#f4c459; font-size:20px; cursor:pointer; }.kaiten-card-star:hover { background:#2a2d35; }
.kaiten-modal-close { width:36px; height:36px; border:1px solid var(--kt-line); border-radius:10px; background:#111318; color:#dfe1e5; font-size:22px; cursor:pointer; }
.kaiten-card-modal-body { display:grid; grid-template-columns:minmax(0,1fr) 320px; }
.kaiten-card-dialog.comments-right .kaiten-card-modal-body { grid-template-columns:minmax(420px,1fr) minmax(340px,.8fr) 300px; }
.kaiten-card-main { padding:22px; border-right:1px solid var(--kt-line); }
.kaiten-card-side { padding:18px; background:#14161b; }
.kaiten-card-meta-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:center; gap:10px; margin:0 0 18px; padding:11px; border:1px solid var(--kt-line); border-radius:12px; background:#14161b; }.kaiten-card-meta-strip>span { min-width:0; display:flex; flex-direction:column; gap:4px; }.kaiten-card-meta-strip small,.kaiten-card-parameters small { color:#777e8a; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }.kaiten-card-meta-strip strong { overflow:hidden; color:#dfe2e7; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.kaiten-card-meta-strip .kaiten-button.active { border-color:#3e7069; color:#68d7c8; }
.kaiten-card-section { margin:12px 0; border:1px solid var(--kt-line); border-radius:12px; background:#14161b; overflow:hidden; }.kaiten-card-section>summary { min-height:45px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 13px; color:#e7e9ed; font-size:12px; font-weight:850; cursor:pointer; list-style:none; }.kaiten-card-section>summary::-webkit-details-marker { display:none; }.kaiten-card-section>summary>span:last-child { display:flex; align-items:center; gap:8px; }.kaiten-card-section[open]>summary { border-bottom:1px solid var(--kt-line); }.kaiten-card-section[open]>summary>span:last-child:not(:has(button)) { transform:rotate(180deg); }
.kaiten-card-parameters { display:grid; grid-template-columns:2fr repeat(4,1fr); gap:12px; padding:13px; }.kaiten-card-parameters>div { min-width:0; display:flex; flex-direction:column; gap:5px; }.kaiten-card-parameters strong { overflow:hidden; color:#d9dce2; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.kaiten-link-button { padding:0; border:0; background:transparent; color:#62cfc0; font:750 9px/1.3 inherit; cursor:pointer; text-align:left; }.kaiten-link-button:hover { color:#8aeadc; text-decoration:underline; }
.kaiten-description-editor { min-height:20px; border:0; border-radius:0; background:transparent; }
.kaiten-field { margin-bottom:18px; }.kaiten-field > label { display:block; margin-bottom:7px; color:#8f95a2; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.kaiten-input,.kaiten-textarea,.kaiten-select { width:100%; box-sizing:border-box; border:1px solid #343945; border-radius:10px; background:#101217; color:#eef0f3; padding:11px 12px; outline:none; }
.kaiten-input:focus,.kaiten-textarea:focus,.kaiten-select:focus { border-color:var(--kt-accent); }.kaiten-textarea { min-height:140px; resize:vertical; }
.kaiten-card-title-input { font-size:21px; font-weight:850; }
.kaiten-section-title { display:flex; align-items:center; justify-content:space-between; margin:20px 0 10px; color:#e8eaee; font-size:13px; font-weight:850; }
.kaiten-detail-tabs { display:flex; gap:4px; margin:22px 0 12px; padding-bottom:8px; border-bottom:1px solid var(--kt-line); }.kaiten-detail-tabs button { padding:9px 12px; border:0; border-radius:8px; background:transparent; color:var(--kt-muted); font-weight:800; cursor:pointer; }.kaiten-detail-tabs button.active { background:#24312f; color:#70dbcd; }
.kaiten-detail-tabs>span,.kaiten-comment-toolbar>span { flex:1; }
.kaiten-card-discussion { margin-top:18px; }.kaiten-card-discussion.docked { min-width:0; margin:0; padding:18px; border-right:1px solid var(--kt-line); background:#16181e; }.kaiten-card-discussion.docked .kaiten-detail-tabs { margin-top:0; }
.kaiten-discussion-icon { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--kt-line)!important; border-radius:9px!important; background:#181b21!important; color:#9ba1ad!important; cursor:pointer; }.kaiten-discussion-icon:hover,.kaiten-discussion-icon.active { border-color:#4c756e!important; color:#66d7c7!important; }
.kaiten-comment-toolbar { display:flex; align-items:center; gap:7px; margin-bottom:9px; }.kaiten-comment-compose { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; gap:8px; padding:10px; border:1px solid #353a46; border-radius:12px; background:#101217; }.kaiten-comment-compose .kaiten-textarea { min-height:72px; border:0; background:transparent; padding:5px; }.kaiten-comments-list { margin-top:10px; }
.kaiten-ai-box { padding:14px; border:1px solid #315c57; border-radius:12px; background:#142421; }.kaiten-ai-answer { min-height:80px; color:#d9efeb; }.kaiten-ai-answer strong { color:#72dfd1; }.kaiten-ai-answer p { line-height:1.5; }.kaiten-ai-actions { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.kaiten-checklist-item { display:flex; align-items:center; gap:9px; padding:8px 0; border-bottom:1px solid #282c35; color:#d7dae0; font-size:12px; }
.kaiten-checklist-item.done textarea { color:#777d89; text-decoration:line-through; }.kaiten-checklist-item input { accent-color:var(--kt-accent); }
.kaiten-comment { padding:12px; border:1px solid #282c35; border-radius:10px; background:#121419; }.kaiten-comment+.kaiten-comment { margin-top:8px; }.kaiten-comment-head { color:#6fd7c8; font-size:10px; font-weight:800; }.kaiten-comment-text { margin-top:6px; color:#d4d7dd; font-size:12px; line-height:1.45; }.kaiten-comment-actions { display:flex; align-items:center; gap:6px; margin-top:8px; color:#777e8a; font-size:9px; }.kaiten-comment-actions button { padding:0; border:0; background:transparent; color:#62cfc0; font-size:9px; cursor:pointer; }
.kaiten-file-list { padding:12px; }.kaiten-file-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #292d35; }.kaiten-file-row>span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:4px; }.kaiten-file-row strong { overflow:hidden; color:#e2e4e8; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.kaiten-file-row small { color:#7f8693; font-size:9px; }.kaiten-file-row>button { width:30px; height:30px; border:1px solid var(--kt-line); border-radius:8px; background:#191c22; color:#9ba1ad; cursor:pointer; }.kaiten-file-icon { color:#64d2c4; font-size:19px; }.kaiten-muted-copy { color:#7f8693; font-size:11px; }
.kaiten-activity { padding:8px 0; border-bottom:1px solid #282c35; color:#9298a4; font-size:10px; line-height:1.4; }
.kaiten-side-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.kaiten-side-grid .kaiten-field { margin:0; }
.kaiten-modal-actions { display:flex; gap:8px; margin-top:18px; }.kaiten-button { min-height:40px; padding:0 14px; border:1px solid var(--kt-line); border-radius:10px; background:#20232b; color:#e7e9ed; font-weight:800; cursor:pointer; }
.kaiten-button.primary { border-color:transparent; background:var(--kt-accent); color:#071512; }.kaiten-button.danger { color:#ff7774; border-color:#703b3b; }

/* Card dialog follows the visual structure of the native Kaiten card. */
.kaiten-modal-backdrop.card-open { align-items:center; padding:16px; background:rgba(0,0,0,.5); backdrop-filter:none; }
.kaiten-card-dialog { position:relative; width:740px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:hidden; border:0; border-radius:4px; background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); color:#fff; box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12); font-family:Roboto,Helvetica,Arial,sans-serif; font-size:14px; font-weight:400; line-height:20.02px; letter-spacing:.14994px; }
.kaiten-modal-backdrop.card-open:has(.kaiten-card-dialog.comments-right) { padding:16px; }
.kaiten-card-dialog.comments-right { width:min(1220px,calc(100vw - 32px)); max-width:calc(100vw - 32px); height:calc(100vh - 32px); height:calc(100dvh - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); }
.kaiten-card-dialog.is-fullscreen { position:fixed; inset:0; width:100vw; height:100vh; height:100dvh; max-width:none; max-height:none; margin:0; border-radius:0; }
.kaiten-modal-backdrop.card-open:has(.kaiten-card-dialog.is-fullscreen) { padding:0; }
.kaiten-card-content { position:relative; max-height:calc(100dvh - 32px); overflow:auto; padding:48px; scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }
.kaiten-card-content::-webkit-scrollbar { width:8px; }.kaiten-card-content::-webkit-scrollbar-track { background:transparent; }.kaiten-card-content::-webkit-scrollbar-thumb { border-radius:6px; background:#8a8a8a; }
.kaiten-card-layout { display:block; }.kaiten-card-primary { min-width:0; }
.kaiten-card-dialog.comments-right .kaiten-card-content { height:calc(100vh - 32px); height:calc(100dvh - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow:hidden; padding:0; }
.kaiten-card-dialog.comments-right.is-fullscreen .kaiten-card-content { height:100dvh; max-height:100dvh; }
.kaiten-card-dialog.comments-right .kaiten-card-layout { height:100%; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); align-items:start; }
.kaiten-card-dialog.comments-right.is-fullscreen .kaiten-card-layout { max-height:100dvh; }
.kaiten-card-dialog.comments-right .kaiten-card-primary { box-sizing:border-box; width:100%; min-width:0; max-height:100%; margin-left:0; overflow:auto; overflow-anchor:none; padding:48px; scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }
.kaiten-card-dialog.comments-right .kaiten-card-primary::-webkit-scrollbar,.kaiten-card-dialog.comments-right .kaiten-card-discussion.docked::-webkit-scrollbar { width:8px; }
.kaiten-card-dialog.comments-right .kaiten-card-primary::-webkit-scrollbar-thumb,.kaiten-card-dialog.comments-right .kaiten-card-discussion.docked::-webkit-scrollbar-thumb { border-radius:6px; background:#8a8a8a; }
.kaiten-card-window-action { position:absolute; z-index:10; top:8px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:8px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.kaiten-card-window-action:hover { background:rgba(255,255,255,.08); }.kaiten-card-window-action svg { width:24px; height:24px; fill:currentColor; }
.kaiten-card-close { right:8px; }.kaiten-card-fullscreen { right:48px; }
.kaiten-card-fab { width:48px; height:48px; padding:0; border-radius:50%; background:#e0e0e0; color:rgba(0,0,0,.87); box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12); }
.kaiten-card-fab { display:flex; align-items:center; justify-content:center; border:0; cursor:pointer; }.kaiten-card-fab:hover { background:#f5f5f5; }.kaiten-card-fab.active { color:#ab47bc; }.kaiten-card-fab svg { width:24px; height:24px; fill:currentColor; }
.kaiten-card-hero { position:relative; width:100%; min-height:121px; }
.kaiten-card-favorite { position:absolute; z-index:5; top:0; right:-21px; background:#f5f5f5; color:#fcbd01; }
.kaiten-card-favorite svg { width:20px; height:20px; fill:#fcbd01; }
.kaiten-card-subscribe svg { width:24px; height:24px; }
.kaiten-card-title-input { display:block; width:calc(100% - 24px); min-height:48px; margin:0 0 8px; padding:0; overflow:hidden; overflow-wrap:anywhere; white-space:pre-wrap; resize:none; border:0; border-radius:0; outline:0; background:transparent; color:#fff; font:400 34px/41.99px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.2499px; }
.kaiten-card-title-input:focus { border:0; box-shadow:none; }
.kaiten-card-customer-line { min-height:20px; display:flex; align-items:center; gap:4px; margin-bottom:8px; color:#fff; letter-spacing:.14994px; }
.kaiten-modal-id { color:#fff; font-size:14px; font-weight:400; line-height:20.02px; text-decoration:underline; text-underline-offset:2px; }
.kaiten-card-customer-picker { position:relative; min-width:0; }
.kaiten-card-customer-picker>summary { min-height:28px; display:flex; align-items:center; gap:3px; padding:3px 7px; border-radius:4px; color:#fff; cursor:pointer; list-style:none; }
.kaiten-card-customer-picker>summary::-webkit-details-marker { display:none; }.kaiten-card-customer-picker>summary:hover,.kaiten-card-customer-picker[open]>summary { background:rgba(255,255,255,.08); }
.kaiten-card-customer-picker>summary svg { width:16px; height:16px; fill:currentColor; transition:transform .15s ease; }.kaiten-card-customer-picker[open]>summary svg { transform:rotate(180deg); }
.kaiten-card-customer-menu { position:absolute; z-index:55; top:32px; left:0; width:300px; max-height:360px; overflow:auto; padding:8px; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#424242; box-shadow:0 8px 24px rgba(0,0,0,.38); }
.kaiten-card-customer-menu>button { width:100%; min-height:48px; display:grid; grid-template-columns:32px minmax(0,1fr) 20px; align-items:center; gap:10px; padding:6px 8px; border:0; border-radius:4px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-card-customer-menu>button:hover { background:rgba(255,255,255,.08); }.kaiten-card-customer-menu>button.selected { background:rgba(171,71,188,.2); }
.kaiten-card-customer-menu>button>span:nth-child(2) { min-width:0; display:grid; gap:1px; }.kaiten-card-customer-menu strong,.kaiten-card-customer-menu small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kaiten-card-customer-menu strong { font-size:14px; font-weight:500; }.kaiten-card-customer-menu small { color:rgba(255,255,255,.58); font-size:11px; }.kaiten-card-customer-menu b { color:#ce93d8; text-align:center; }
.kaiten-customer-avatar { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:#5c6b73; color:#fff; font-size:12px; }
.kaiten-card-history { min-height:20px; display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.7); letter-spacing:.14994px; }
.kaiten-card-history span { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }.kaiten-card-history svg { width:15px; height:15px; flex:0 0 auto; fill:currentColor; }
.kaiten-card-divider { position:relative; height:1px; margin:48px 0 48px; background:rgba(255,255,255,.12); }
.kaiten-card-main { min-width:0; padding:0; border:0; }.kaiten-card-side { display:none; }
.kaiten-card-section { margin:0; overflow:visible; border:0; border-radius:0; background:transparent; }
.kaiten-card-section>summary { min-height:22px; display:flex; align-items:center; justify-content:flex-start; gap:8px; padding:0; color:#fff; font:500 14px/21.98px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.09996px; list-style:none; cursor:pointer; }
.kaiten-card-section>summary::-webkit-details-marker { display:none; }.kaiten-card-section>summary>svg { width:20px; height:20px; flex:0 0 auto; fill:currentColor; }.kaiten-card-section>summary>svg:first-child { margin-left:-24px; margin-right:-4px; }.kaiten-card-section[open]>summary { border:0; }.kaiten-card-section[open]>summary>svg:first-child { transform:rotate(0); }.kaiten-card-section:not([open])>summary>svg:first-child { transform:rotate(-90deg); }
.kaiten-card-dialog .kaiten-card-section[open]>summary>span:last-child:not(:has(button)) { transform:none; }
.kaiten-card-parameters { display:block; margin:16px 0 0; padding:0; }
.kaiten-card-parameters>.kaiten-card-property { position:relative; min-height:32px; display:flex; flex-direction:row; align-items:center; gap:0; margin-bottom:8px; }
.kaiten-card-property-label { width:30%; flex:0 0 30%; overflow:hidden; color:rgba(255,255,255,.7); font:500 14px/21.98px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.09996px; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-card-property-value { position:relative; min-width:0; flex:1; display:flex; align-items:center; gap:4px; color:#fff; }
.kaiten-card-property-button { min-height:30px; padding:4px 7px; border:0; border-radius:4px; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-card-property-button:hover,.kaiten-card-property-button:focus-visible { outline:0; background:rgba(255,255,255,.08); }.kaiten-card-acceptance-property { align-items:flex-start!important; }.kaiten-card-acceptance-property .kaiten-card-property-label { padding-top:7px; }.kaiten-card-acceptance-property textarea { box-sizing:border-box; width:100%; min-height:72px; padding:8px 10px; resize:vertical; border:1px solid rgba(255,255,255,.16); border-radius:4px; outline:0; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-acceptance-property textarea:focus { border-color:#ab47bc; }
.kaiten-card-location-picker { position:relative; min-width:0; flex:1; }
.kaiten-card-location-picker>summary { min-width:0; min-height:30px; display:flex; align-items:center; gap:4px; margin-left:-8px; padding:4px 8px; border-radius:4px; color:#fff; cursor:pointer; list-style:none; }
.kaiten-card-location-picker>summary::-webkit-details-marker { display:none; }.kaiten-card-location-picker>summary:hover,.kaiten-card-location-picker[open]>summary { background:rgba(255,255,255,.08); }
.kaiten-card-location-picker>summary>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kaiten-card-location-picker>summary>svg { width:18px; height:18px; flex:0 0 auto; fill:currentColor; transition:transform .15s ease; }.kaiten-card-location-picker[open]>summary>svg { transform:rotate(180deg); }
.kaiten-card-location-menu { position:absolute; z-index:40; top:36px; left:-8px; width:min(420px,calc(100vw - 96px)); max-height:min(360px,calc(100dvh - 260px)); overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); color:#fff; }
.kaiten-card-location-menu>header { position:sticky; z-index:1; top:0; min-height:64px; display:flex; flex-direction:column; justify-content:center; gap:2px; padding:10px 16px; border-bottom:1px solid rgba(255,255,255,.12); background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); }.kaiten-card-location-menu>header strong { font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-location-menu>header small { color:rgba(255,255,255,.7); font:400 12px/18px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-location-options { max-height:min(295px,calc(100dvh - 325px)); overflow:auto; padding:8px; scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }.kaiten-card-location-options::-webkit-scrollbar { width:8px; }.kaiten-card-location-options::-webkit-scrollbar-thumb { border-radius:6px; background:#8a8a8a; }
.kaiten-card-location-options>button { width:100%; min-height:40px; display:grid; grid-template-columns:10px minmax(0,1fr) 20px; align-items:center; gap:10px; padding:6px 12px; border:0; border-radius:4px; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-card-location-options>button:hover { background:rgba(255,255,255,.08); }.kaiten-card-location-options>button.selected { background:rgba(171,71,188,.22); color:#fff; }
.kaiten-card-location-dot { width:8px; height:8px; border-radius:50%; background:var(--kaiten-column-color,#ab47bc); }.kaiten-card-location-check { color:#ce93d8; font-size:17px; font-weight:700; text-align:center; }
.kaiten-card-choice-picker,.kaiten-card-date-picker { position:relative; min-width:0; }
.kaiten-card-choice-picker>summary,.kaiten-card-date-picker>summary { min-height:30px; display:flex; align-items:center; gap:4px; padding:4px 7px; border-radius:4px; color:#fff; cursor:pointer; list-style:none; }
.kaiten-card-choice-picker>summary::-webkit-details-marker,.kaiten-card-date-picker>summary::-webkit-details-marker { display:none; }.kaiten-card-choice-picker>summary:hover,.kaiten-card-choice-picker[open]>summary,.kaiten-card-date-picker>summary:hover,.kaiten-card-date-picker[open]>summary { background:rgba(255,255,255,.08); }
.kaiten-card-choice-picker>summary>svg,.kaiten-card-date-picker>summary>svg { width:18px; height:18px; flex:0 0 auto; fill:currentColor; transition:transform .15s ease; }.kaiten-card-choice-picker[open]>summary>svg,.kaiten-card-date-picker[open]>summary>svg { transform:rotate(180deg); }
.kaiten-card-choice-menu,.kaiten-card-date-menu { position:absolute; z-index:40; top:36px; left:0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); color:#fff; }
.kaiten-card-choice-menu { width:220px; padding:8px; }.kaiten-card-choice-menu>button { width:100%; min-height:40px; display:grid; grid-template-columns:minmax(0,1fr) 20px; align-items:center; gap:8px; padding:6px 12px; border:0; border-radius:4px; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-card-choice-menu>button:hover { background:rgba(255,255,255,.08); }.kaiten-card-choice-menu>button.selected { background:rgba(171,71,188,.22); }.kaiten-card-choice-menu>button>span:last-child { color:#ce93d8; font-size:17px; font-weight:700; text-align:center; }
.kaiten-card-date-menu { top:auto; bottom:36px; left:-8px; width:327px; max-height:min(760px,calc(100dvh - 32px)); overflow:auto; padding:8px 23px 10px; border:0; border-radius:4px; background:#121212; box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12); scrollbar-color:#6f6f6f transparent; scrollbar-width:thin; font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-date-menu>hr { width:280px; height:1px; margin:8px 0; border:0; background:rgba(255,255,255,.12); }
.kaiten-card-date-menu>header { width:280px; min-height:40px; display:grid; grid-template-columns:minmax(0,1fr) 1fr 40px 40px; align-items:center; margin:0 0 4px; }
.kaiten-card-date-menu>header button { width:40px; height:40px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font:400 28px/40px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-card-date-menu>header button:hover { background:rgba(255,255,255,.08); }
.kaiten-card-date-menu>header .kaiten-card-date-month { width:max-content; max-width:180px; display:flex; align-items:center; gap:4px; padding:0 8px; border-radius:4px; font-size:14px; }
.kaiten-card-date-menu>header .kaiten-card-date-month strong { overflow:hidden; font:500 14px/20.02px Roboto,Helvetica,Arial,sans-serif; text-transform:lowercase; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-card-date-menu>header .kaiten-card-date-month svg { width:18px; height:18px; fill:currentColor; }
.kaiten-card-date-week,.kaiten-card-date-grid { width:280px; display:grid; grid-template-columns:repeat(7,40px); }
.kaiten-card-date-week { height:40px; }
.kaiten-card-date-week span { display:grid; place-items:center; color:rgba(255,255,255,.7); font:500 12px/40px Roboto,Helvetica,Arial,sans-serif; text-align:center; }
.kaiten-card-date-grid>span { width:40px; height:36px; }
.kaiten-card-date-grid>button { width:36px; height:36px; display:grid; place-items:center; margin:0 2px; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font:400 13px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-card-date-grid>button:hover { background:rgba(255,255,255,.1); }.kaiten-card-date-grid>button.selected { background:#ab47bc; color:#fff; }
.kaiten-card-date-years { width:280px; height:292px; display:grid; grid-template-columns:repeat(3,1fr); align-content:start; gap:2px; overflow:auto; padding:4px 2px; scrollbar-color:#737373 transparent; scrollbar-width:thin; }
.kaiten-card-date-years>button { min-height:36px; padding:0; border:0; border-radius:4px; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-card-date-years>button:hover { background:rgba(255,255,255,.08); }.kaiten-card-date-years>button.selected { background:#ab47bc; }
.kaiten-card-due-check { width:280px; min-height:40px; display:flex; align-items:center; gap:10px; color:#fff; cursor:pointer; }
.kaiten-card-due-check input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.kaiten-card-due-check>i { position:relative; width:18px; height:18px; flex:0 0 auto; border:2px solid #bdbdbd; border-radius:2px; }
.kaiten-card-due-check input:checked+i { border-color:#ab47bc; background:#ab47bc; }.kaiten-card-due-check input:checked+i::after { content:""; position:absolute; left:4px; top:0; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.kaiten-card-due-check input:disabled~span,.kaiten-card-due-check input:disabled+i { opacity:.45; cursor:default; }
.kaiten-card-due-urgent { font-weight:500; }
.kaiten-card-due-time { width:280px; display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:2px 0 6px; }
.kaiten-card-due-time label { position:relative; padding-top:8px; }.kaiten-card-due-time label>span { position:absolute; z-index:1; top:0; left:9px; padding:0 3px; background:#121212; color:rgba(255,255,255,.7); font:400 11px/16px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-due-time input { width:100%; height:48px; padding:10px 12px 6px; border:1px solid rgba(255,255,255,.28); border-radius:3px; outline:0; background:transparent; color:#fff; font:400 16px/24px Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-due-time input:focus { border-color:#ab47bc; }
.kaiten-card-due-time input::-webkit-inner-spin-button,.kaiten-card-due-time input::-webkit-outer-spin-button { margin:0; appearance:none; }
.kaiten-card-due-info { position:relative; width:22px; height:22px; display:grid; place-items:center; margin-left:auto; padding:0; border:2px solid rgba(255,255,255,.7); border-radius:50%; background:transparent; color:rgba(255,255,255,.85); font:700 13px/18px Roboto,Helvetica,Arial,sans-serif; cursor:help; }.kaiten-card-due-info:hover::after,.kaiten-card-due-info:focus-visible::after { content:attr(aria-label); position:absolute; z-index:3; right:-8px; bottom:30px; width:270px; padding:7px 10px; border-radius:3px; background:#616161; box-shadow:0 3px 8px rgba(0,0,0,.35); color:#fff; font:400 12px/17px Roboto,Helvetica,Arial,sans-serif; text-align:left; }
.kaiten-card-due-reminder { position:relative; width:280px; min-height:40px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }.kaiten-card-due-reminder-title { display:flex; align-items:center; gap:8px; }.kaiten-card-due-reminder-title svg { width:20px; height:20px; fill:currentColor; }.kaiten-card-due-reminder-title strong { font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-card-due-reminder>button { min-width:126px; min-height:36px; display:flex; align-items:center; justify-content:flex-end; gap:4px; padding:0 6px; border:0; border-bottom:1px solid rgba(255,255,255,.32); background:transparent; color:#fff; font:400 13px/20px Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-card-due-reminder>button svg { width:18px; height:18px; fill:currentColor; }
.kaiten-card-due-reminder-menu { position:absolute; z-index:2; right:0; bottom:36px; width:190px; max-height:260px; overflow:auto; padding:5px 0; border-radius:3px; background:#292929; box-shadow:0 5px 10px rgba(0,0,0,.38); }.kaiten-card-due-reminder-menu>button { width:100%; min-height:36px; padding:7px 14px; border:0; background:transparent; color:#fff; font:400 13px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-card-due-reminder-menu>button:hover,.kaiten-card-due-reminder-menu>button.selected { background:rgba(171,71,188,.22); }.kaiten-card-due-reminder-menu>button:disabled { color:rgba(255,255,255,.34); cursor:default; }
.kaiten-card-date-menu>p { width:280px; margin:0 0 8px; color:rgba(255,255,255,.7); font:400 11px/17px Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-date-menu>p a { color:inherit; text-decoration:underline; }
.kaiten-card-date-menu>footer { width:280px; min-height:48px; display:flex; align-items:flex-end; justify-content:flex-end; gap:4px; margin:0; padding:6px 0 0; border-top:1px solid rgba(255,255,255,.12); }
.kaiten-card-date-menu>footer button { min-height:36px; padding:0 10px; border:0; border-radius:3px; background:transparent; color:#fff; font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; text-transform:uppercase; cursor:pointer; }.kaiten-card-date-menu>footer button:hover { background:rgba(255,255,255,.08); }.kaiten-card-date-menu>footer button.apply { border:1px solid #ab47bc; color:#ce93d8; }.kaiten-card-date-menu>footer button:disabled { border-color:rgba(255,255,255,.16); color:rgba(255,255,255,.28); cursor:default; }
.kaiten-card-quiet-icon { width:30px; height:30px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.kaiten-card-quiet-icon:hover,.kaiten-card-quiet-icon.active { background:rgba(255,255,255,.08); color:#ab47bc; }.kaiten-card-quiet-icon:disabled { background:transparent; color:rgba(255,255,255,.3); cursor:default; opacity:1; }.kaiten-card-quiet-icon svg { width:20px; height:20px; fill:currentColor; }
.kaiten-card-type-control { width:max-content; flex:0 0 auto; min-height:32px; padding:2px 9px 2px 4px; border-radius:18px; background:rgba(255,255,255,.18); }
.kaiten-card-type-glyph { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; font:500 12px/12px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; }
.kaiten-card-type-control .kaiten-card-choice-picker>summary { min-height:28px; padding:0 5px 0 2px; font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; }.kaiten-card-inline-select .kaiten-card-choice-picker>summary { margin-left:-7px; }
.kaiten-card-members { flex-wrap:wrap; }.kaiten-card-member-chips { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:4px; }.kaiten-card-member-chip { min-height:32px; display:inline-flex; align-items:center; gap:5px; padding:2px 10px 2px 4px; border:0; border-radius:16px; background:rgba(255,255,255,.18); color:#fff; font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; cursor:pointer; }.kaiten-card-member-chip:hover { background:rgba(255,255,255,.26); }
.kaiten-card-member-chip .kaiten-avatar { width:24px; height:24px; margin:0; border:1px solid rgba(255,255,255,.65); font-size:11px; }
.kaiten-card-member-picker { position:static; }.kaiten-card-member-picker>summary { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#fff; cursor:pointer; list-style:none; }.kaiten-card-member-picker>summary::-webkit-details-marker { display:none; }.kaiten-card-member-picker>summary:hover { background:rgba(255,255,255,.08); }.kaiten-card-member-picker>summary svg { width:20px; height:20px; fill:currentColor; }
.kaiten-card-member-picker>div { position:fixed; z-index:40; top:var(--kaiten-member-top,16px); left:var(--kaiten-member-left,16px); width:min(1440px,calc(100vw - 32px)); height:320px; box-sizing:border-box; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:min-content; align-content:start; gap:2px 6px; overflow-x:hidden; overflow-y:auto; padding:8px; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }.kaiten-card-member-picker>div::-webkit-scrollbar { width:8px; }.kaiten-card-member-picker>div::-webkit-scrollbar-thumb { border-radius:6px; background:#8a8a8a; }
.kaiten-card-member-picker label { min-width:0; display:flex; align-items:center; gap:8px; padding:7px; border-radius:4px; cursor:pointer; }.kaiten-card-member-picker label:hover { background:rgba(255,255,255,.08); }.kaiten-card-member-picker label>span { min-width:0; display:flex; align-items:center; gap:8px; }.kaiten-card-member-picker label>span>strong { min-width:0; overflow:hidden; font:inherit; text-overflow:ellipsis; white-space:nowrap; }.kaiten-card-member-picker .kaiten-avatar { width:24px; height:24px; flex:0 0 24px; margin:0; }
.kaiten-member-empty { grid-column:1/-1; margin:0; padding:12px; color:rgba(255,255,255,.58); font-size:12px; line-height:18px; }
.kaiten-card-empty-value { color:rgba(255,255,255,.55); }
.kaiten-card-date-control { width:max-content; flex:0 0 auto; }
.kaiten-card-inline-select { width:max-content; flex:0 0 auto; }
.kaiten-card-label-control { flex-wrap:wrap; }.kaiten-card-label-chips { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.kaiten-card-label-chips>.kaiten-card-empty-value { min-height:32px; display:inline-flex; align-items:center; padding:0 12px; border-radius:16px; background:#fffec7; color:rgba(34,34,34,.42); font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; }
.kaiten-card-label-chip { min-height:32px; display:inline-flex; align-items:center; max-width:260px; padding:0 12px; overflow:hidden; border:0; border-radius:16px; background:var(--label-color,#e2ded9); color:rgba(34,34,34,.72); font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; cursor:pointer; }.kaiten-card-label-chip>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kaiten-card-label-chip:hover { filter:brightness(.96); }
.kaiten-card-label-picker { position:relative; }.kaiten-card-label-picker>summary { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#fff; cursor:pointer; list-style:none; }.kaiten-card-label-picker>summary::-webkit-details-marker { display:none; }.kaiten-card-label-picker>summary:hover { background:rgba(255,255,255,.08); }.kaiten-card-label-picker>summary svg { width:20px; height:20px; fill:currentColor; }
.kaiten-card-label-menu { position:fixed; z-index:40; top:var(--kaiten-label-top,16px); left:var(--kaiten-label-left,16px); width:min(600px,calc(100vw - 32px)); max-height:450px; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:4px; background:#121212 linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)); box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); color:#fff; }
.kaiten-card-label-options { max-height:286px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-content:start; gap:2px 6px; overflow:auto; padding:8px; scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }.kaiten-card-label-options::-webkit-scrollbar { width:8px; }.kaiten-card-label-options::-webkit-scrollbar-thumb { border-radius:6px; background:#8a8a8a; }.kaiten-card-label-option-row { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; border-radius:4px; }.kaiten-card-label-option-row:hover { background:rgba(255,255,255,.08); }.kaiten-card-label-option-row>label { min-width:0; min-height:42px; display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:7px; padding:5px 2px 5px 7px; cursor:pointer; }.kaiten-card-label-options input { width:18px; height:18px; margin:0; accent-color:#ab47bc; }.kaiten-label-delete { width:28px; height:28px; display:grid; place-items:center; padding:6px; border:0; border-radius:50%; background:transparent; color:#aaa; opacity:.2; cursor:pointer; }.kaiten-card-label-option-row:hover .kaiten-label-delete,.kaiten-label-delete:focus-visible { opacity:1; }.kaiten-label-delete:hover { background:#ffffff14; color:#ef5350; }.kaiten-label-delete svg { width:16px; height:16px; fill:currentColor; }
.kaiten-card-label-option { width:max-content; max-width:100%; min-height:26px; display:inline-flex; align-items:center; padding:3px 10px; overflow:hidden; border-radius:14px; background:var(--label-color,#e2ded9); color:rgba(34,34,34,.72); font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-card-label-create { min-height:56px; display:grid; grid-template-columns:minmax(0,1fr) 36px; align-items:center; gap:6px; padding:8px; border-top:1px solid rgba(255,255,255,.12); }.kaiten-card-label-create input { width:100%; min-height:36px; box-sizing:border-box; padding:7px 10px; border:1px solid rgba(255,255,255,.18); border-radius:4px; outline:0; background:rgba(18,18,18,.32); color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-card-label-create input:focus { border-color:var(--label-draft-color,#ab47bc); box-shadow:inset 3px 0 0 var(--label-draft-color,#ab47bc); }.kaiten-card-label-create input::placeholder { color:rgba(255,255,255,.5); }.kaiten-card-label-create button { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:var(--label-draft-color,rgba(255,255,255,.08)); color:rgba(34,34,34,.68); cursor:pointer; }.kaiten-card-label-create button:hover { filter:brightness(.94); }.kaiten-card-label-create button svg { width:20px; height:20px; fill:currentColor; }
.kaiten-card-label-palette { padding:9px 8px 11px; border-top:1px solid rgba(255,255,255,.12); }.kaiten-card-label-palette>span { display:block; margin:0 0 7px; color:rgba(255,255,255,.65); font-size:11px; }.kaiten-card-label-palette>div { display:flex; flex-wrap:wrap; gap:7px; }.kaiten-card-label-palette button,.kaiten-label-custom-color { width:22px; height:22px; display:grid; place-items:center; padding:0; border:2px solid transparent; border-radius:50%; background:var(--swatch); cursor:pointer; }.kaiten-card-label-palette button.selected { border-color:#fff; box-shadow:0 0 0 1px #ab47bc; }.kaiten-label-custom-color { position:relative; overflow:hidden; background:#fff; }.kaiten-label-custom-color input { position:absolute; width:1px; height:1px; opacity:0; }.kaiten-label-custom-color span { width:100%; height:100%; display:grid; place-items:center; border-radius:50%; background:var(--swatch); color:rgba(0,0,0,.65); font-size:16px; }
.kaiten-description-section { position:relative; margin-top:64px; }.kaiten-description-section>summary>svg:nth-child(2),.kaiten-files-section>summary>svg:nth-child(2) { width:20px; height:20px; }
.kaiten-description-menu { position:absolute; z-index:45; top:30px; right:0; width:220px; padding:7px; border:1px solid rgba(255,255,255,.14); border-radius:4px; background:#424242; box-shadow:0 8px 24px rgba(0,0,0,.35); }.kaiten-description-menu button { width:100%; min-height:40px; display:flex; align-items:center; gap:10px; padding:7px 10px; border:0; border-radius:3px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-description-menu button:hover { background:rgba(255,255,255,.08); }.kaiten-description-menu svg { width:20px; height:20px; fill:currentColor; }
.kaiten-description-content { position:relative; margin-top:24px; }
.kaiten-description-view { width:100%; min-height:20px; height:20px; display:block; overflow:hidden; color:#fff; font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; cursor:text; overflow-wrap:anywhere; }
.kaiten-description-view:focus-visible { outline:1px solid rgba(171,71,188,.72); outline-offset:5px; }
.kaiten-description-view p { margin:0 0 14px; }.kaiten-description-view p:last-child { margin-bottom:0; }
.kaiten-description-view h2,.kaiten-description-view h3,.kaiten-description-view h4 { margin:18px 0 10px; color:inherit; line-height:1.3; }.kaiten-description-view h2:first-child,.kaiten-description-view h3:first-child,.kaiten-description-view h4:first-child { margin-top:0; }
.kaiten-description-view h2 { font-size:28px; line-height:1.2; }.kaiten-description-view h3 { font-size:18px; }.kaiten-description-view h4 { font-size:16px; }
.kaiten-description-view ol,.kaiten-description-view ul { margin:0 0 14px; padding-left:30px; }.kaiten-description-view li { margin:0 0 4px; line-height:19.6px; }
.kaiten-description-view blockquote { margin:8px 0 14px; padding:5px 12px; border-left:3px solid #ab47bc; background:rgba(0,0,0,.12); }
.kaiten-description-view hr { margin:18px 0; border:0; border-top:1px solid rgba(255,255,255,.16); }
.kaiten-description-view a { color:#29a4d6; text-decoration:none; }.kaiten-description-view a:hover { text-decoration:underline; }
.kaiten-description-view code { padding:1px 4px; border-radius:3px; background:rgba(0,0,0,.28); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.kaiten-description-view figure { max-width:100%; margin:12px 0 18px; }.kaiten-description-view figure img { max-width:100%; max-height:520px; display:block; object-fit:contain; }.kaiten-description-view figcaption { margin-top:5px; color:rgba(255,255,255,.55); font-size:12px; }
.kaiten-description-placeholder { color:rgba(255,255,255,.5); }
.kaiten-description-toolbar { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:18px; overflow-x:auto; border:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.18); border-radius:3px 3px 0 0; color:#fff; scrollbar-width:none; }.kaiten-description-toolbar::-webkit-scrollbar { display:none; }
.kaiten-description-format-actions,.kaiten-description-mode-switch { min-width:max-content; display:flex; align-items:center; }
.kaiten-description-format-actions { gap:4px; }
.kaiten-description-format-actions>button,.kaiten-description-overflow-wrap>button { width:32px; height:32px; display:grid; place-items:center; padding:0; border:0; border-radius:0; background:transparent; color:rgba(255,255,255,.9); font:600 16px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-description-format-actions>button:hover,.kaiten-description-format-actions>button:focus-visible,.kaiten-description-overflow-wrap>button:hover,.kaiten-description-overflow-wrap>button:focus-visible { background:rgba(255,255,255,.08); outline:0; }.kaiten-description-format-actions svg { width:20px; height:20px; fill:currentColor; }
.kaiten-description-overflow-wrap { position:relative; display:block; margin-left:36px; }.kaiten-description-overflow-menu { position:absolute; z-index:60; top:36px; right:0; width:170px; padding:5px; border:1px solid rgba(255,255,255,.15); border-radius:3px; background:#1d1d1d; box-shadow:0 8px 22px rgba(0,0,0,.42); }.kaiten-description-overflow-menu button { width:100%; min-height:38px; display:flex; align-items:center; gap:10px; padding:7px 10px; border:0; border-radius:2px; background:transparent; color:#fff; font:400 13px/1.3 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-description-overflow-menu button:hover,.kaiten-description-overflow-menu button:focus-visible { background:rgba(255,255,255,.09); outline:0; }.kaiten-description-overflow-menu svg { width:18px; height:18px; }
.kaiten-description-mode-switch { margin-left:auto; }.kaiten-description-mode-switch>button { height:32px; margin:5px 3px 5px 0; padding:0 11px; border:0; border-radius:2px; background:transparent; color:rgba(255,255,255,.62); font:500 13px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-description-mode-switch>button.active { background:rgba(255,255,255,.12); color:#fff; }
.kaiten-description-content.is-editing { margin-top:0; padding:0 8px; border-right:1px solid rgba(255,255,255,.16); border-left:1px solid rgba(255,255,255,.16); }.kaiten-description-editor { width:100%; min-height:120px; height:120px; display:block; margin:0; padding:14px 0 0; overflow:hidden; resize:none; border:0; border-radius:0; outline:0; background:transparent; color:#fff; font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; white-space:pre-wrap; overflow-wrap:anywhere; }
.kaiten-description-visual-editor { cursor:text; }.kaiten-description-visual-editor p,.kaiten-description-visual-editor h2,.kaiten-description-visual-editor h3,.kaiten-description-visual-editor h4,.kaiten-description-visual-editor blockquote { margin:0 0 14px; }.kaiten-description-visual-editor h2 { font-size:28px; line-height:1.2; }.kaiten-description-visual-editor ol,.kaiten-description-visual-editor ul { margin:0 0 14px; padding-left:30px; }.kaiten-description-visual-editor li { margin:0 0 4px; line-height:19.6px; }.kaiten-description-visual-editor blockquote { padding-left:12px; border-left:3px solid #ab47bc; }.kaiten-description-visual-editor a { color:#29a4d6; }.kaiten-description-visual-editor:has(>p:only-child>br:only-child)::before { position:absolute; color:rgba(255,255,255,.5); content:attr(data-placeholder); pointer-events:none; }
.kaiten-description-content.markdown .kaiten-description-editor { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.kaiten-description-editor:focus { outline:0; }
.kaiten-description-editor::placeholder { color:rgba(255,255,255,.5); opacity:1; }
.kaiten-description-edit-actions { min-height:52px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:8px; padding:0 8px; border:1px solid rgba(255,255,255,.16); border-top:0; border-radius:0 0 3px 3px; }
.kaiten-description-screen-record { min-height:34px; display:flex; align-items:center; gap:6px; padding:5px 8px; border:0; border-radius:3px; background:rgba(255,255,255,.08); color:#fff; font:400 12px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-description-screen-record:hover,.kaiten-description-screen-record:focus-visible { background:rgba(255,255,255,.13); outline:0; }.kaiten-description-screen-record svg { width:16px; height:16px; fill:currentColor; }
.kaiten-description-screen-record.recording { background:#ab47bc; color:#fff; }
.kaiten-description-insert-panel { position:relative; min-height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; margin:10px 0 4px; padding:20px; border:1px dashed #ab47bc; border-radius:3px; background:#303030; color:#fff; text-align:center; }.kaiten-description-insert-panel>strong { font-size:15px; }.kaiten-description-insert-panel>p { margin:0; color:rgba(255,255,255,.6); font-size:12px; }.kaiten-description-insert-close { position:absolute; top:6px; right:6px; width:28px; height:28px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-description-insert-close:hover { background:rgba(255,255,255,.1); }.kaiten-description-insert-close svg { width:18px; height:18px; fill:currentColor; }.kaiten-description-insert-primary { min-height:36px; display:flex; align-items:center; gap:7px; padding:0 14px; border:0; border-radius:3px; background:#ab47bc; color:#fff; cursor:pointer; }.kaiten-description-insert-primary svg { width:18px; height:18px; fill:currentColor; }
.kaiten-description-link-panel { align-items:stretch; text-align:left; }.kaiten-description-link-panel>strong { text-align:center; }.kaiten-description-link-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:10px; }.kaiten-description-link-fields label { min-width:0; display:grid; gap:5px; color:rgba(255,255,255,.72); font-size:12px; }.kaiten-description-link-fields input { width:100%; height:38px; box-sizing:border-box; padding:0 10px; border:1px solid rgba(255,255,255,.24); border-radius:3px; outline:0; background:#212121; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-description-link-fields input:focus { border-color:#ab47bc; }.kaiten-description-link-fields input[aria-invalid="true"] { border-color:#ef5350; }.kaiten-description-link-error { grid-column:1/-1; margin:0!important; color:#ef9a9a!important; font-size:12px; }.kaiten-description-link-panel>.kaiten-description-insert-primary { align-self:flex-end; }
.kaiten-description-table-grid { width:min(320px,100%); display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }.kaiten-description-table-grid button { height:34px; border:1px solid rgba(255,255,255,.18); border-radius:2px; background:#424242; color:#fff; cursor:pointer; }.kaiten-description-table-grid button:hover,.kaiten-description-table-grid button:focus-visible { border-color:#ab47bc; background:#4d3a50; outline:0; }
.kaiten-description-table { width:100%; margin:10px 0 16px; border-collapse:collapse; }.kaiten-description-table th,.kaiten-description-table td { min-width:84px; padding:8px 10px; border:1px solid rgba(255,255,255,.18); text-align:left; }.kaiten-description-table th { background:rgba(255,255,255,.06); font-weight:500; }.kaiten-description-file-link { display:inline-flex; align-items:center; gap:6px; padding:2px 7px; border:0; border-radius:3px; background:rgba(255,255,255,.08); color:#29a4d6; font:inherit; cursor:pointer; }.kaiten-description-file-link svg { width:16px; height:16px; fill:currentColor; }.kaiten-description-visual-editor figure .kaiten-file-image { max-width:100%; max-height:520px; }.kaiten-description-visual-editor figure .kaiten-file-type { min-height:76px; display:grid; place-items:center; background:#181818; }
.kaiten-description-cancel { width:30px; height:30px; display:grid; place-items:center; padding:5px; border:0; border-radius:3px; background:transparent; color:rgba(255,255,255,.82); cursor:pointer; }.kaiten-description-cancel:hover,.kaiten-description-cancel:focus-visible { background:rgba(255,255,255,.08); outline:0; }.kaiten-description-cancel svg { width:20px; height:20px; fill:currentColor; }
.kaiten-description-save { min-width:85px; min-height:25px; padding:0 12px; border:0; border-radius:3px; background:#ab47bc; color:#fff; font:600 13px/1 Roboto,Helvetica,Arial,sans-serif; text-transform:uppercase; cursor:pointer; }.kaiten-description-save:hover:not(:disabled),.kaiten-description-save:focus-visible:not(:disabled) { background:#bd54ce; outline:0; }.kaiten-description-save:disabled { background:transparent; color:rgba(255,255,255,.3); cursor:default; }
.kaiten-description-reveal { display:none; }.kaiten-description-content.is-collapsible .kaiten-description-reveal { position:absolute; right:0; bottom:0; left:0; height:80px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:5px; background:linear-gradient(to bottom,rgba(55,55,55,0),#373737 72%); pointer-events:none; }.kaiten-description-reveal button { padding:0; border:0; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-decoration:underline; text-underline-offset:2px; cursor:pointer; pointer-events:auto; }.kaiten-description-content.is-expanded .kaiten-description-reveal { position:static; height:48px; align-items:flex-end; padding:0 0 4px; background:transparent; }
.kaiten-checklist-section,.kaiten-files-section { margin-top:40px; }.kaiten-card-section>summary small { margin-left:auto; color:rgba(255,255,255,.55); font-weight:400; }
.kaiten-checklist-create { width:min(520px,100%); display:grid; gap:12px; margin-top:40px; padding:16px; border:1px solid rgba(255,255,255,.16); border-radius:3px; background:#424242; box-shadow:0 10px 28px rgba(0,0,0,.28); }.kaiten-checklist-create input { width:100%; min-height:42px; box-sizing:border-box; padding:0 12px; border:1px solid #ab47bc; border-radius:3px; outline:0; background:#303030; color:#fff; font:400 15px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-checklist-create>div { display:flex; justify-content:flex-end; gap:8px; }.kaiten-checklist-create button { min-height:36px; padding:0 14px; border:0; border-radius:3px; background:#535353; color:#fff; cursor:pointer; }.kaiten-checklist-create button.primary { background:#ab47bc; }.kaiten-checklist-create button:disabled { opacity:.45; cursor:default; }
.kaiten-card-inline-action { width:30px; height:30px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-card-inline-action svg { width:20px; height:20px; fill:currentColor; }
.kaiten-checklist-section>summary>svg:nth-child(3) { width:20px; height:20px; }
.kaiten-checklist-block-handle { width:28px; height:30px; flex:0 0 auto; display:grid; place-items:center; margin:-4px 0 -4px -4px; padding:0; border:0; border-radius:4px; background:transparent; color:rgba(255,255,255,.54); cursor:pointer; }.kaiten-checklist-block-handle:hover,.kaiten-checklist-block-handle:focus-visible,.kaiten-checklist-block-handle[aria-expanded="true"] { background:rgba(255,255,255,.09); color:#fff; outline:0; }.kaiten-checklist-block-handle>span { width:10px; height:16px; display:block; background-image:radial-gradient(circle at 2px 2px,currentColor 1.45px,transparent 1.65px); background-size:6px 6px; }
.kaiten-checklist-section>summary .kaiten-card-inline-action { margin-left:auto; opacity:0; transition:opacity .15s ease,background-color .15s ease; }.kaiten-checklist-section>summary:hover .kaiten-card-inline-action,.kaiten-checklist-section>summary .kaiten-card-inline-action:focus-visible { opacity:1; }
.kaiten-checklist-progress { min-height:20px; display:grid; grid-template-columns:24px minmax(0,1fr) 32px; align-items:center; gap:8px; margin-top:38px; color:#fff; font:400 12px/20px Roboto,Helvetica,Arial,sans-serif; font-variant-numeric:tabular-nums; }
.kaiten-checklist-progress>span:last-child { white-space:nowrap; }.kaiten-checklist-progress strong { color:#4caf50; font-weight:400; }
.kaiten-checklist-progress-track { height:4px; display:grid; grid-template-columns:repeat(var(--checklist-parts),minmax(0,1fr)); gap:2px; overflow:hidden; background:transparent; }
.kaiten-checklist-progress-track>i { min-width:0; height:4px; display:block; background:#55255f; }.kaiten-checklist-progress-track>i.done { background:#4caf50; }
.kaiten-checklist-list { margin-top:16px; }.kaiten-checklist-item { min-height:40px; display:flex; align-items:flex-start; gap:13px; margin:0 -8px; padding:8px; border:0; border-radius:4px; color:#fff; font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; }.kaiten-checklist-item.selected { background:rgba(171,71,188,.16); box-shadow:inset 3px 0 #ab47bc; }.kaiten-checklist-item textarea { min-width:0; min-height:20px; flex:1; display:block; overflow:hidden; padding:0 6px; resize:none; border:1px solid transparent; border-radius:3px; outline:0; background:transparent; color:inherit; font:inherit; line-height:20.02px; }.kaiten-checklist-item textarea:hover { background:rgba(255,255,255,.035); }.kaiten-checklist-item textarea:focus { border-color:rgba(171,71,188,.72); background:#424242; box-shadow:0 0 0 1px rgba(171,71,188,.16); }.kaiten-checklist-item textarea::placeholder { color:rgba(255,255,255,.38); }.kaiten-checklist-item.done textarea { color:rgba(255,255,255,.5); text-decoration:line-through; }.kaiten-checklist-item input { width:18px; height:18px; flex:0 0 auto; appearance:none; margin:2px 0 0; border:2px solid #bdbdbd; border-radius:2px; background:transparent; cursor:pointer; }.kaiten-checklist-item input:checked { border-color:#4caf50; background:#4caf50; }.kaiten-checklist-item input:checked::after { content:""; width:8px; height:4px; display:block; margin:4px 0 0 3px; border:solid #fff; border-width:0 0 2px 2px; transform:rotate(-45deg); }.kaiten-checklist-item .kaiten-card-quiet-icon { margin:-5px 0 0 auto; opacity:0; transition:opacity .15s ease,background-color .15s ease; }.kaiten-checklist-item:hover .kaiten-card-quiet-icon,.kaiten-checklist-item:focus-within .kaiten-card-quiet-icon { opacity:1; }
.kaiten-checklist-select,.kaiten-checklist-select-all { flex:0 0 auto; border:1px solid rgba(255,255,255,.42); background:transparent; color:transparent; cursor:pointer; }.kaiten-checklist-select { width:18px; height:18px; display:grid; place-items:center; margin-top:2px; padding:0; border-radius:50%; }.kaiten-checklist-select span { font:700 11px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-checklist-select[aria-pressed="true"],.kaiten-checklist-select-all[aria-pressed="true"] { border-color:#ab47bc; background:#ab47bc; color:#fff; }
.kaiten-checklist-select-all { min-height:30px; display:flex; align-items:center; gap:6px; padding:0 9px; border-radius:3px; color:rgba(255,255,255,.72); font:400 12px/18px Roboto,Helvetica,Arial,sans-serif; }.kaiten-checklist-select-all span { width:14px; height:14px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:9px; }.kaiten-checklist-select-all b { font-weight:400; white-space:nowrap; }
.kaiten-checklist-section { position:relative; }.kaiten-checklist-menu { position:absolute; z-index:80; top:34px; left:24px; width:230px; padding:5px; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#202020; box-shadow:0 10px 28px rgba(0,0,0,.42); }.kaiten-checklist-menu button { width:100%; min-height:36px; padding:0 12px; border:0; border-radius:3px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-checklist-menu button:hover,.kaiten-checklist-menu button:focus-visible { background:#424242; outline:0; }.kaiten-checklist-menu button.danger { color:#ff7070; }
.kaiten-checklist-bulk { min-height:42px; display:flex; align-items:center; gap:6px; margin-top:14px; padding:6px 8px; border:1px solid rgba(171,71,188,.42); border-radius:4px; background:rgba(171,71,188,.12); }.kaiten-checklist-bulk strong { font:500 13px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-checklist-bulk>span { flex:1; }.kaiten-checklist-bulk button { min-height:28px; padding:0 9px; border:0; border-radius:3px; background:#535353; color:#fff; cursor:pointer; }.kaiten-checklist-bulk button.danger { color:#ff8a8a; }
.kaiten-card-summary-actions { margin-left:auto; display:flex; align-items:center; gap:2px; }
.kaiten-file-list { padding:24px 0 0; }.kaiten-file-row { position:relative; min-height:96px; display:grid; grid-template-columns:112px minmax(0,1fr) 30px 30px; align-items:center; column-gap:0; padding:8px 0; border:0; }.kaiten-file-row[draggable="true"] { cursor:grab; }.kaiten-file-row.dragging { opacity:.5; cursor:grabbing; }.kaiten-file-row.drop-before::before,.kaiten-file-row.drop-after::after { content:""; position:absolute; right:0; left:0; height:3px; border-radius:2px; background:#ab47bc; }.kaiten-file-row.drop-before::before { top:-1px; }.kaiten-file-row.drop-after::after { bottom:-1px; }
.kaiten-file-row>.kaiten-file-preview { width:112px; height:80px; display:grid; place-items:center; overflow:hidden; padding:0; border:0; border-radius:3px; background:#171717; color:#fff; cursor:pointer; }.kaiten-file-preview img { width:100%; height:100%; display:block; object-fit:contain; background:#171717; }.kaiten-file-preview svg { width:32px; height:32px; fill:currentColor; opacity:.86; }.kaiten-file-format { min-width:42px; min-height:28px; display:grid; place-items:center; padding:4px 7px; border-radius:3px; background:#55255f; color:#fff; font-size:10px; font-weight:700; }
.kaiten-file-row>span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:2px; padding:0 8px 0 20px; }.kaiten-file-name { max-width:100%; padding:0; overflow:hidden; border:0; background:transparent; color:#fff; font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif; text-align:left; text-decoration:underline; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }.kaiten-file-row small { overflow:hidden; color:rgba(255,255,255,.85); font:italic 13px/20px Roboto,Helvetica,Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }.kaiten-file-row small button { padding:0; border:0; background:transparent; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; }.kaiten-file-row small strong { font-weight:700; }
.kaiten-file-row>.kaiten-card-quiet-icon { border:0; border-radius:50%; background:transparent; color:#fff; }.kaiten-file-row-action { opacity:0; transition:opacity .15s ease; }.kaiten-file-row:hover .kaiten-file-row-action,.kaiten-file-row:focus-within .kaiten-file-row-action { opacity:1; }
.kaiten-file-row-menu-wrap { position:relative; width:30px; height:30px; display:block; }.kaiten-file-row-menu-wrap>.kaiten-card-quiet-icon { width:30px; height:30px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-file-row-menu { position:absolute; z-index:70; top:34px; right:0; width:172px; padding:5px; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#202020; box-shadow:0 10px 28px rgba(0,0,0,.42); }.kaiten-file-row-menu button { width:100%; min-height:36px; padding:0 12px; border:0; border-radius:3px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-file-row-menu button:hover,.kaiten-file-row-menu button:focus-visible { background:#424242; outline:0; }
.kaiten-files-section.file-drop-active .kaiten-file-list { outline:2px dashed #ab47bc; outline-offset:8px; border-radius:4px; background:rgba(171,71,188,.06); }
.kaiten-file-uploading { cursor:default; }.kaiten-file-upload-spinner { width:38px; height:38px; justify-self:center; box-sizing:border-box; border:4px solid rgba(255,255,255,.2); border-top-color:#ab47bc; border-radius:50%; animation:kaiten-file-spin .8s linear infinite; }@keyframes kaiten-file-spin { to { transform:rotate(360deg); } }
.kaiten-file-viewer-backdrop,.kaiten-file-confirm-backdrop { position:fixed; z-index:2400; inset:0; display:grid; place-items:center; padding:32px; background:rgba(0,0,0,.72); }.kaiten-file-viewer { width:min(920px,calc(100vw - 64px)); height:min(760px,calc(100vh - 64px)); display:grid; grid-template-rows:58px minmax(0,1fr) 58px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:#303030; box-shadow:0 22px 70px rgba(0,0,0,.58); color:#fff; }.kaiten-file-viewer>header { min-width:0; display:flex; align-items:center; gap:16px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-file-viewer>header strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kaiten-file-viewer>header button { width:34px; height:34px; display:grid; place-items:center; margin-left:auto; padding:7px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-file-viewer>header svg,.kaiten-file-viewer>footer svg { width:20px; height:20px; fill:currentColor; }.kaiten-file-viewer-body { min-height:0; display:grid; place-items:center; overflow:auto; padding:18px; background:#171717; }.kaiten-file-viewer-body>img { max-width:100%; max-height:100%; object-fit:contain; }.kaiten-file-viewer-body>audio { width:min(620px,100%); }.kaiten-file-viewer-body>iframe { width:100%; height:100%; border:0; background:#fff; }.kaiten-file-viewer-placeholder { display:grid; place-items:center; gap:16px; color:#bdbdbd; text-align:center; }.kaiten-file-viewer-placeholder .kaiten-file-format { min-width:88px; min-height:60px; font-size:18px; }.kaiten-file-viewer>footer { display:flex; justify-content:flex-end; align-items:center; padding:0 18px; border-top:1px solid rgba(255,255,255,.12); }.kaiten-file-viewer>footer button { min-height:36px; display:flex; align-items:center; gap:8px; padding:0 14px; border:0; border-radius:4px; background:#ab47bc; color:#fff; cursor:pointer; }
.kaiten-file-confirm { width:min(420px,calc(100vw - 48px)); padding:24px; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:#303030; box-shadow:0 22px 70px rgba(0,0,0,.58); color:#fff; }.kaiten-file-confirm>strong { display:block; font-size:17px; }.kaiten-file-confirm>p { margin:12px 0 22px; overflow:hidden; color:#bdbdbd; text-overflow:ellipsis; white-space:nowrap; }.kaiten-file-confirm>div { display:flex; justify-content:flex-end; gap:10px; }.kaiten-file-confirm button { min-height:38px; padding:0 14px; border:0; border-radius:4px; background:#4a4a4a; color:#fff; cursor:pointer; }.kaiten-file-confirm button.danger { background:#c44747; }
.kaiten-show-more,.kaiten-add-file { min-height:30px; display:inline-flex; align-items:center; gap:6px; margin-top:8px; padding:0; border:0; background:transparent; color:#fff; font:italic 14px/20px Roboto,Helvetica,Arial,sans-serif; text-decoration:underline; cursor:pointer; }.kaiten-add-file { margin-left:24px; color:rgba(255,255,255,.7); font-style:normal; text-decoration:none; }.kaiten-add-file svg { width:18px; height:18px; fill:currentColor; }
.kaiten-file-add-panel { display:grid; gap:14px; margin:0 0 18px; padding:16px; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:#424242; box-shadow:0 8px 24px rgba(0,0,0,.22); color:#fff; }.kaiten-file-add-panel>header { min-height:28px; display:flex; align-items:center; gap:8px; }.kaiten-file-add-panel>header strong { font-size:14px; font-weight:500; }.kaiten-file-add-panel>header button { width:28px; height:28px; display:grid; place-items:center; margin-left:auto; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-file-add-panel>header button:hover { background:rgba(255,255,255,.08); }.kaiten-file-add-panel>header svg,.kaiten-file-add-actions svg { width:18px; height:18px; fill:currentColor; }
.kaiten-file-add-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.kaiten-file-add-actions>button { min-width:0; min-height:58px; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(255,255,255,.13); border-radius:4px; background:#373737; color:#fff; text-align:left; cursor:pointer; }.kaiten-file-add-actions>button:hover,.kaiten-file-add-actions>button:focus-visible { border-color:#ab47bc; background:#3b3b3b; outline:0; }.kaiten-file-add-actions span { min-width:0; display:grid; gap:2px; }.kaiten-file-add-actions strong { font-size:13px; font-weight:500; }.kaiten-file-add-actions small { color:rgba(255,255,255,.58); font-size:11px; line-height:15px; }
.kaiten-file-paste-zone { min-height:62px; display:grid; place-items:center; padding:12px; border:1px dashed rgba(255,255,255,.28); border-radius:4px; background:#373737; color:rgba(255,255,255,.62); font-size:12px; text-align:center; outline:0; }.kaiten-file-paste-zone:focus { border-color:#ab47bc; background:#3b3b3b; color:#fff; box-shadow:0 0 0 1px rgba(171,71,188,.18); }
.kaiten-file-url-row { display:grid; gap:7px; color:rgba(255,255,255,.7); font-size:12px; }.kaiten-file-url-row>span:last-child { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.kaiten-file-url-row input { min-width:0; height:36px; padding:0 11px; border:1px solid rgba(255,255,255,.18); border-radius:4px; outline:0; background:#373737; color:#fff; font:400 13px Roboto,Helvetica,Arial,sans-serif; }.kaiten-file-url-row input:focus { border-color:#ab47bc; }.kaiten-file-url-row button { min-height:36px; padding:0 15px; border:0; border-radius:4px; background:#ab47bc; color:#fff; font-weight:500; cursor:pointer; }
.kaiten-card-discussion { margin-top:72px; }.kaiten-card-dialog.comments-right .kaiten-card-discussion.docked { width:auto; min-width:0; height:calc(100% - 72px); margin:64px 8px 8px 1px; overflow:auto; padding:0; border:1px solid rgba(255,255,255,.12); border-radius:3px; background:transparent; scrollbar-color:#8a8a8a transparent; scrollbar-width:thin; }
.kaiten-detail-tabs { height:48px; display:flex; gap:0; margin:0 0 16px; padding:0; border-bottom:1px solid rgba(255,255,255,.18); }.kaiten-detail-tabs button { position:relative; min-width:0; flex:1; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 16px; border:0; border-radius:0; background:transparent; color:rgba(255,255,255,.7); font:500 14px/17.5px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.39998px; cursor:pointer; }.kaiten-detail-tabs button.active { background:transparent; color:#ab47bc; }.kaiten-detail-tabs button.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#ab47bc; }.kaiten-detail-tabs svg { width:20px; height:20px; fill:currentColor; }
.kaiten-comment-toolbar { min-height:40px; display:flex; align-items:center; gap:4px; margin:0 0 8px; }.kaiten-comment-toolbar>span { flex:1; }.kaiten-comment-filter { min-height:32px; display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border:0; border-radius:4px; background:rgba(255,255,255,.08); color:#fff; font:400 13px/18.59px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; cursor:pointer; }.kaiten-comment-filter svg { width:16px; height:16px; fill:currentColor; }
.kaiten-comment-filter-wrap { position:relative; flex:0 0 auto!important; }.kaiten-comment-filter-menu { position:absolute; z-index:55; top:36px; left:0; width:190px; overflow:hidden; border-radius:4px; background:#111; box-shadow:0 8px 24px rgba(0,0,0,.42); }.kaiten-comment-filter-menu button { width:100%; min-height:44px; display:block; padding:8px 16px; border:0; background:transparent; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-comment-filter-menu button:hover { background:#292929; }.kaiten-comment-filter-menu button.selected { background:#321b34; }
.kaiten-card-discussion.docked .kaiten-comment-toolbar { margin:8px 16px; }
.kaiten-comment-compose { position:relative; min-height:47px; display:grid; grid-template-columns:24px minmax(0,1fr) 42px; align-items:start; gap:8px; padding:3px 0 4px; border:0; border-bottom:1px solid rgba(255,255,255,.16); border-radius:0; background:transparent; }.kaiten-comment-compose:has(.kaiten-comment-editor:focus-within),.kaiten-comment-compose:has(.kaiten-comment-editor[data-expanded="true"]) { grid-template-columns:24px minmax(0,1fr); }
.kaiten-card-discussion.docked .kaiten-comment-compose { margin:0 16px; }
.kaiten-comment-avatar { width:24px; height:24px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#bdbdbd; color:#fff; font:500 12px/12px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.14994px; }
.kaiten-comment-editor { position:relative; grid-column:2; min-width:0; overflow:visible; border:1px solid rgba(255,255,255,.16); border-radius:4px; background:transparent; }
.kaiten-comment-editor-body { position:relative; min-height:40px; }
.kaiten-comment-compose textarea { width:100%; height:40px; min-height:40px; max-height:none; box-sizing:border-box; display:block; padding:8px; resize:none; overflow:auto; border:0; border-radius:0 0 4px 4px; outline:0; background:transparent; color:#fff; font:400 14px/21px Roboto,Helvetica,Arial,sans-serif; letter-spacing:.13132px; }.kaiten-comment-compose textarea::placeholder { color:rgba(255,255,255,.38); }.kaiten-comment-editor:focus-within textarea,.kaiten-comment-editor[data-expanded="true"] textarea { height:auto; min-height:72px; padding-right:104px; }
.kaiten-comment-editor[data-mode="markdown"] textarea { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.kaiten-comment-compose>[data-comment-mentions] { position:absolute; z-index:74; top:148px; left:32px; width:min(360px,calc(100% - 32px)); }.kaiten-comment-compose>[data-comment-mentions][hidden] { display:none!important; pointer-events:none!important; }.kaiten-comment-edit>[data-comment-mentions][hidden] { display:none!important; pointer-events:none!important; }.kaiten-comment-mention-menu { max-height:312px; padding:6px; overflow:auto; border:1px solid rgba(255,255,255,.14); border-radius:4px; background:#292929; box-shadow:0 12px 28px rgba(0,0,0,.42); }.kaiten-comment-mention-menu>button { width:100%; min-height:48px; display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:10px; padding:6px 9px; border:0; border-radius:3px; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-comment-mention-menu>button:hover,.kaiten-comment-mention-menu>button.active { background:#424242; }.kaiten-comment-mention-menu>button>span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#616161; color:#fff; font-size:14px; }.kaiten-comment-mention-menu b { min-width:0; overflow:hidden; font-size:13px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }.kaiten-comment-mention-menu small { min-width:0; overflow:hidden; color:#bdbdbd; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-comment-file-menu { position:relative; z-index:1; grid-column:1/-1; box-sizing:border-box; width:100%; max-height:min(500px,calc(100dvh - 112px)); display:grid; gap:12px; margin-top:4px; padding:14px; overflow:auto; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:#424242; box-shadow:0 8px 22px rgba(0,0,0,.28); color:#fff; }.kaiten-comment-file-menu>header { min-height:28px; display:flex; align-items:center; gap:8px; }.kaiten-comment-file-menu>header strong { font-size:14px; font-weight:500; }.kaiten-comment-file-menu>header button { width:28px; height:28px; display:grid; place-items:center; margin-left:auto; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-comment-file-menu>header button:hover { background:rgba(255,255,255,.08); }.kaiten-comment-file-menu>header svg { width:18px; height:18px; fill:currentColor; }
.kaiten-voice-button,.kaiten-comment-voice-button { position:relative; }.kaiten-voice-button.recording,.kaiten-comment-voice-button.recording { color:#ef5350!important; animation:kaiten-voice-pulse 1.2s ease-in-out infinite; }@keyframes kaiten-voice-pulse { 50% { box-shadow:0 0 0 5px rgba(239,83,80,.2); } }
.kaiten-comment-voice-button { grid-column:3; width:42px; height:42px; display:grid; place-items:center; padding:9px; border:1px solid rgba(255,255,255,.16); border-radius:4px; background:transparent; color:#fff; cursor:pointer; }.kaiten-comment-voice-button:hover,.kaiten-comment-voice-button:focus-visible { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.06); outline:0; }.kaiten-comment-voice-button svg { width:22px; height:22px; fill:currentColor; }.kaiten-comment-voice-button>span:not(.kaiten-voice-starting) { position:absolute; right:2px; bottom:1px; padding:0 2px; border-radius:2px; background:#303030; font-size:8px; line-height:12px; }.kaiten-comment-compose:has(.kaiten-comment-editor:focus-within)>.kaiten-comment-voice-button,.kaiten-comment-compose:has(.kaiten-comment-editor[data-expanded="true"])>.kaiten-comment-voice-button { display:none; }
.kaiten-comment-editor-toolbar { position:relative; min-width:0; min-height:50px; display:none; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:4px 8px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.16); color:#fff; }.kaiten-comment-editor:focus-within .kaiten-comment-editor-toolbar,.kaiten-comment-editor[data-expanded="true"] .kaiten-comment-editor-toolbar { display:grid; }.kaiten-comment-quick-actions { min-width:0; display:flex; align-items:center; gap:1px; }.kaiten-comment-quick-actions>button,.kaiten-comment-more-wrap>button,.kaiten-comment-emoji-wrap>button { width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:3px; background:transparent; color:rgba(255,255,255,.82); font:500 18px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-comment-quick-actions>button:hover,.kaiten-comment-quick-actions>button:focus-visible,.kaiten-comment-more-wrap>button:hover,.kaiten-comment-more-wrap>button:focus-visible,.kaiten-comment-emoji-wrap>button:hover,.kaiten-comment-emoji-wrap>button:focus-visible,.kaiten-comment-more-wrap>button[aria-expanded="true"],.kaiten-comment-emoji-wrap>button[aria-expanded="true"] { outline:0; background:rgba(255,255,255,.09); color:#fff; }.kaiten-comment-quick-actions svg,.kaiten-comment-more-wrap>button svg,.kaiten-comment-emoji-wrap>button svg { width:20px; height:20px; fill:currentColor; }
.kaiten-comment-mode-switch { height:40px; display:flex; align-items:stretch; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:3px; }.kaiten-comment-mode-switch button { padding:0 11px; border:0; border-left:1px solid rgba(255,255,255,.12); background:transparent; color:rgba(255,255,255,.66); font:500 12px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-comment-mode-switch button:first-child { border-left:0; }.kaiten-comment-mode-switch button.active { background:rgba(255,255,255,.12); color:#fff; }
.kaiten-comment-more-wrap,.kaiten-comment-emoji-wrap { position:relative; display:block; }.kaiten-comment-more-menu { position:absolute; z-index:76; top:34px; left:0; width:224px; max-height:min(420px,calc(100dvh - 180px)); padding:5px; overflow:auto; border:1px solid rgba(255,255,255,.15); border-radius:4px; background:#1d1d1d; box-shadow:0 10px 26px rgba(0,0,0,.44); }.kaiten-comment-more-menu[hidden] { display:none!important; pointer-events:none!important; }.kaiten-comment-more-menu>button { width:100%; min-height:36px; display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:8px; padding:5px 8px; border:0; border-radius:3px; background:transparent; color:#fff; font:400 13px/18px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-comment-more-menu>button:hover,.kaiten-comment-more-menu>button:focus-visible { outline:0; background:rgba(255,255,255,.09); }.kaiten-comment-more-menu>button>svg { width:18px; height:18px; fill:currentColor; }.kaiten-comment-more-menu>button>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-comment-draft-emoji { position:absolute; z-index:90; top:34px; left:-159px; width:352px; height:359px; display:block; box-sizing:border-box; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:3px; background:#1d1d1d; box-shadow:0 8px 24px rgba(0,0,0,.5); color:#fff; }.kaiten-comment-draft-emoji[hidden] { display:none!important; pointer-events:none!important; }.kaiten-comment-draft-emoji nav { height:44px; display:grid; grid-template-columns:repeat(9,1fr); align-items:center; padding:0 6px; border-bottom:1px solid rgba(255,255,255,.12); }.kaiten-comment-draft-emoji nav button { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#aaa; font-size:19px; cursor:pointer; }.kaiten-comment-draft-emoji nav button:first-child,.kaiten-comment-draft-emoji nav button:hover,.kaiten-comment-draft-emoji nav button:focus-visible { border-bottom-color:#ab47bc; color:#ce93d8; outline:0; }.kaiten-comment-draft-emoji>label { height:43px; display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:5px; margin:0 6px; color:#9e9e9e; }.kaiten-comment-draft-emoji>label svg { width:19px; height:19px; fill:currentColor; }.kaiten-comment-draft-emoji>label input { width:100%; height:32px; box-sizing:border-box; padding:0 8px; border:1px solid rgba(255,255,255,.16); border-radius:3px; outline:0; background:#292929; color:#fff; font:400 13px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-comment-draft-emoji>label input:focus { border-color:#ab47bc; }.kaiten-comment-emoji-scroll { height:270px; overflow:auto; padding:0 6px 6px; scrollbar-color:#777 transparent; scrollbar-width:thin; }.kaiten-comment-emoji-scroll section { scroll-margin-top:0; }.kaiten-comment-emoji-scroll section[hidden] { display:none; }.kaiten-comment-emoji-scroll h4 { min-height:28px; display:flex; align-items:center; margin:0; color:#f2f2f2; font:500 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-comment-emoji-scroll section>div { display:grid; grid-template-columns:repeat(9,36px); }.kaiten-comment-emoji-scroll section>div button { width:36px; height:36px; display:grid; place-items:center; padding:0; border:0; border-radius:3px; background:transparent; font-size:22px; line-height:1; cursor:pointer; }.kaiten-comment-emoji-scroll section>div button:hover,.kaiten-comment-emoji-scroll section>div button:focus-visible { background:#3a3a3a; outline:0; }
.kaiten-comment-editor-actions { position:absolute; right:7px; bottom:6px; display:none; align-items:center; gap:2px; }.kaiten-comment-editor:focus-within .kaiten-comment-editor-actions,.kaiten-comment-editor[data-expanded="true"] .kaiten-comment-editor-actions { display:flex; }.kaiten-comment-editor-actions button { width:30px; height:30px; display:grid; place-items:center; padding:5px; border:0; border-radius:3px; background:transparent; color:rgba(255,255,255,.48); cursor:pointer; }.kaiten-comment-editor-actions button:hover,.kaiten-comment-editor-actions button:focus-visible { outline:0; background:rgba(255,255,255,.08); color:#fff; }.kaiten-comment-editor-actions button:disabled { color:rgba(255,255,255,.22); background:transparent; cursor:default; }.kaiten-comment-editor-actions svg { width:20px; height:20px; fill:currentColor; }.kaiten-comment-editor-actions .kaiten-comment-send { width:34px; }.kaiten-comment-editor-actions .kaiten-comment-send svg { width:24px; height:24px; }.kaiten-comment-editor-actions .kaiten-comment-send-options { width:22px; padding:5px 2px; }.kaiten-comment-editor-actions .kaiten-comment-send-options svg { width:16px; height:16px; }
.kaiten-comments-list { margin-top:16px; }.kaiten-card-discussion.docked .kaiten-comments-list { margin-top:0; padding:0 16px 16px; }.kaiten-comment { padding:0 0 16px; border:0; border-radius:0; background:transparent; }.kaiten-comment+.kaiten-comment { margin-top:0; }.kaiten-comment-author { min-height:26px; display:flex; align-items:center; gap:8px; color:#fff; letter-spacing:.14994px; }.kaiten-comment-author strong { font-size:14px; font-weight:400; line-height:20.02px; }.kaiten-comment-author time { color:rgba(255,255,255,.7); font-size:12px; line-height:22.2px; letter-spacing:.39996px; }
.kaiten-comment-options-wrap { position:relative; display:block; margin-left:auto; }.kaiten-comment-options { width:28px; height:28px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#bdbdbd; opacity:0; cursor:pointer; }.kaiten-comment:hover .kaiten-comment-options,.kaiten-comment-options:focus-visible,.kaiten-comment-options[aria-expanded="true"] { opacity:1; }.kaiten-comment-options:hover,.kaiten-comment-options:focus-visible,.kaiten-comment-options[aria-expanded="true"] { outline:0; background:rgba(255,255,255,.09); color:#fff; }.kaiten-comment-options svg { width:18px; height:18px; fill:currentColor; }.kaiten-comment-options-menu { position:absolute; z-index:77; top:30px; right:0; width:168px; display:grid; padding:5px; border:1px solid rgba(255,255,255,.15); border-radius:4px; background:#1d1d1d; box-shadow:0 10px 26px rgba(0,0,0,.44); }.kaiten-comment-options-menu button { min-height:36px; padding:6px 10px; border:0; border-radius:3px; background:transparent; color:#fff; font:400 13px/18px Roboto,Helvetica,Arial,sans-serif; text-align:left; cursor:pointer; }.kaiten-comment-options-menu button:hover,.kaiten-comment-options-menu button:focus-visible { outline:0; background:rgba(255,255,255,.09); }.kaiten-comment-options-menu button.danger { color:#ef9a9a; }
.kaiten-comment-text { margin:4px 0 0 32px; padding:16px; border-radius:8px; background:#333; color:#fff; font-size:14px; line-height:20.02px; letter-spacing:.14994px; overflow-wrap:anywhere; }.kaiten-comment-text p,.kaiten-comment-text h2,.kaiten-comment-text h3,.kaiten-comment-text h4,.kaiten-comment-text blockquote,.kaiten-comment-text ul,.kaiten-comment-text ol { margin:0; }.kaiten-comment-text p+p,.kaiten-comment-text p+ul,.kaiten-comment-text p+ol,.kaiten-comment-text ul+p,.kaiten-comment-text ol+p,.kaiten-comment-text blockquote+p { margin-top:8px; }.kaiten-comment-text h2 { font-size:20px; line-height:26px; }.kaiten-comment-text h3 { font-size:17px; line-height:23px; }.kaiten-comment-text h4 { font-size:15px; line-height:21px; }.kaiten-comment-text ul,.kaiten-comment-text ol { padding-left:22px; }.kaiten-comment-text blockquote { padding-left:10px; border-left:3px solid #ab47bc; color:rgba(255,255,255,.78); }.kaiten-comment-text code { padding:1px 4px; border-radius:3px; background:#202020; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }.kaiten-comment-text a { color:#29b6f6; text-decoration:underline; }.kaiten-comment-text hr { margin:10px 0; border:0; border-top:1px solid rgba(255,255,255,.2); }.kaiten-comment-text .kaiten-description-table { width:100%; margin:8px 0; border-collapse:collapse; }.kaiten-comment-text .kaiten-description-table th,.kaiten-comment-text .kaiten-description-table td { padding:5px 7px; border:1px solid rgba(255,255,255,.18); text-align:left; }.kaiten-comment-actions { display:flex; align-items:center; gap:4px; margin:8px 0 0 32px; color:rgba(255,255,255,.7); font-size:12px; line-height:19.92px; letter-spacing:.39996px; }.kaiten-comment-actions button { padding:0; border:0; background:transparent; color:rgba(255,255,255,.7); font-size:12px; line-height:19.92px; letter-spacing:.39996px; text-decoration:underline; cursor:pointer; }
.kaiten-comment-edit { position:relative; display:grid; gap:8px; margin:8px 0 0 32px; padding:10px; border-radius:4px; background:rgba(18,18,18,.32); }.kaiten-comment-edit textarea { box-sizing:border-box; width:100%; min-height:88px; padding:10px 12px; resize:vertical; border:1px solid rgba(255,255,255,.2); border-radius:4px; outline:0; background:#303030; color:#fff; font:400 14px/20px Roboto,Helvetica,Arial,sans-serif; }.kaiten-comment-edit textarea:focus { border-color:#ab47bc; box-shadow:0 0 0 1px #ab47bc; }.kaiten-comment-edit-toolbar { display:flex; align-items:center; min-height:32px; }.kaiten-comment-edit-toolbar>button { width:32px; height:32px; display:grid; place-items:center; padding:0; border:0; border-radius:3px; background:transparent; color:rgba(255,255,255,.82); font:500 18px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-comment-edit-toolbar>button:hover,.kaiten-comment-edit-toolbar>button:focus-visible { outline:0; background:rgba(255,255,255,.09); color:#fff; }.kaiten-comment-edit>[data-comment-mentions] { position:absolute; z-index:78; top:48px; left:10px; width:min(360px,calc(100% - 20px)); }.kaiten-comment-edit-actions { display:flex; justify-content:flex-end; gap:8px; }.kaiten-comment-edit-actions button { min-height:32px; padding:0 12px; border:0; border-radius:4px; background:#4a4a4a; color:#fff; cursor:pointer; }.kaiten-comment-edit-actions button.primary { background:#ab47bc; }.kaiten-comment-edit-actions button:disabled { opacity:.55; cursor:wait; }
.kaiten-comment-reactions { min-height:38px; display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:8px 0 0 32px; }.kaiten-comment-reaction,.kaiten-comment-smile { min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 11px; border:0; border-radius:19px; background:rgba(18,18,18,.28); color:#fff; cursor:pointer; }.kaiten-comment-reaction.active { background:rgba(171,71,188,.24); box-shadow:inset 0 0 0 1px rgba(206,147,216,.45); }.kaiten-comment-reaction span { font-size:20px; }.kaiten-comment-reaction b { font-size:13px; font-weight:400; }.kaiten-comment-reaction-wrap { position:relative; }.kaiten-comment-smile { width:38px; padding:8px; color:#bdbdbd; }.kaiten-comment-smile:hover { background:rgba(255,255,255,.1); color:#fff; }.kaiten-comment-smile svg { width:22px; height:22px; fill:currentColor; }
.kaiten-emoji-picker { position:absolute; z-index:60; left:0; bottom:44px; width:288px; max-height:232px; display:grid; grid-template-columns:repeat(6,40px); gap:4px; padding:8px; overflow:auto; border-radius:4px; background:#111; box-shadow:0 8px 24px rgba(0,0,0,.44); scrollbar-color:#777 transparent; scrollbar-width:thin; }.kaiten-emoji-picker button { width:40px; height:40px; display:grid; place-items:center; padding:0; border:0; border-radius:4px; background:transparent; font-size:22px; cursor:pointer; }.kaiten-emoji-picker button:hover { background:#303030; }
.kaiten-comment-compose>[data-comment-pending-files] { grid-column:2/-1; min-width:0; }.kaiten-comment-pending-files { display:flex; flex-wrap:wrap; gap:8px; padding:4px 0; }.kaiten-comment-pending-files>span { min-width:0; max-width:220px; display:grid; grid-template-columns:42px minmax(0,1fr) 22px; align-items:center; gap:7px; padding:5px; border-radius:3px; background:rgba(18,18,18,.32); }.kaiten-comment-pending-files>span>span { width:42px; height:32px; display:grid; place-items:center; overflow:hidden; border-radius:2px; background:#171717; }.kaiten-comment-pending-files img { width:100%; height:100%; object-fit:cover; }.kaiten-comment-pending-files svg { width:20px; height:20px; fill:currentColor; }.kaiten-comment-pending-files strong { overflow:hidden; font-size:11px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }.kaiten-comment-pending-files button { width:22px; height:22px; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.kaiten-comment-files { margin:8px 0 0 32px; padding:12px 16px 14px; border-radius:3px; background:rgba(18,18,18,.32); }.kaiten-comment-files>header { min-height:24px; display:flex; align-items:center; gap:4px; margin-bottom:8px; }.kaiten-comment-files>header>strong { margin-right:auto; font-size:12px; }.kaiten-comment-files>header>button { width:28px; height:28px; display:grid; place-items:center; padding:4px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }.kaiten-comment-files>header svg { width:18px; height:18px; fill:currentColor; }.kaiten-comment-files>div { display:grid; gap:8px; }.kaiten-comment-file { min-width:0; display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:12px; padding:0; border:0; background:transparent; color:#fff; text-align:left; cursor:pointer; }.kaiten-comment-file>span { width:112px; height:80px; display:grid; place-items:center; overflow:hidden; border-radius:3px; background:#171717; }.kaiten-comment-file img { width:100%; height:100%; object-fit:contain; }.kaiten-comment-file svg { width:28px; height:28px; fill:currentColor; }.kaiten-comment-file strong { overflow:hidden; font-size:12px; font-weight:400; text-decoration:underline; text-overflow:ellipsis; white-space:nowrap; }.kaiten-comment.located { animation:kaiten-comment-located 1.6s ease; }@keyframes kaiten-comment-located { 0%,100% { background:transparent; } 35% { background:rgba(171,71,188,.2); } }
.kaiten-comment-files.voice-only { padding:10px 12px 12px; }.kaiten-comment-files.voice-only>header { margin-bottom:4px; }.kaiten-voice-message { min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) 42px; align-items:center; gap:10px; padding:8px 10px; border-radius:4px; background:#303030; }.kaiten-voice-message audio { display:none; }.kaiten-voice-play,.kaiten-voice-speed { display:grid; place-items:center; padding:0; border:0; color:#fff; cursor:pointer; }.kaiten-voice-play { width:42px; height:42px; border-radius:50%; background:#ab47bc; }.kaiten-voice-play:hover,.kaiten-voice-message.playing .kaiten-voice-play { background:#bd54ce; }.kaiten-voice-play svg { width:23px; height:23px; fill:currentColor; }.kaiten-voice-track { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 10px; }.kaiten-voice-track strong { grid-column:1/-1; overflow:hidden; color:#fff; font-size:13px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }.kaiten-voice-track input { width:100%; height:4px; accent-color:#ab47bc; cursor:pointer; }.kaiten-voice-track small { color:#bdbdbd; font-size:10px; font-variant-numeric:tabular-nums; white-space:nowrap; }.kaiten-voice-speed { width:42px; height:30px; border-radius:15px; background:#4a4a4a; font-size:11px; font-weight:600; }.kaiten-voice-speed:hover { background:#565656; }
.kaiten-voice-attachment { min-width:0; display:grid; gap:6px; }.kaiten-voice-transcript { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 28px; gap:4px 8px; padding:8px 10px; border-radius:4px; background:#292929; color:#fff; }.kaiten-voice-transcript>strong { align-self:center; color:#bdbdbd; font-size:11px; font-weight:500; line-height:16px; }.kaiten-voice-transcript>p { grid-column:1/-1; max-height:76px; margin:0; overflow:hidden; font-size:12px; line-height:19px; white-space:pre-wrap; overflow-wrap:anywhere; }.kaiten-voice-transcript.expanded>p { max-height:none; }.kaiten-voice-transcript.status>p { color:#9e9e9e; font-style:italic; }.kaiten-voice-transcript-toggle { position:absolute; top:3px; right:4px; width:28px; height:28px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#bdbdbd; cursor:pointer; }.kaiten-voice-transcript-toggle:hover,.kaiten-voice-transcript-toggle:focus-visible { background:#3a3a3a; color:#fff; outline:0; }.kaiten-voice-transcript-toggle[hidden] { display:none; }.kaiten-voice-transcript-toggle svg { width:18px; height:18px; fill:currentColor; transition:transform .16s ease; }.kaiten-voice-transcript.expanded .kaiten-voice-transcript-toggle svg { transform:rotate(180deg); }
.kaiten-ai-box { margin-top:16px; padding:18px; border:0; border-radius:4px; background:rgba(18,18,18,.32); }.kaiten-ai-answer { min-height:68px; }.kaiten-ai-answer strong { color:#ab47bc; }.kaiten-ai-answer p { margin:8px 0 0; white-space:normal; }.kaiten-ai-actions { display:grid; grid-template-columns:1fr; gap:8px; margin:16px 0; }.kaiten-ai-actions .kaiten-button { min-height:40px; justify-content:flex-start; border-color:rgba(255,255,255,.14); border-radius:4px; background:#303030; text-align:left; }.kaiten-ai-actions .kaiten-button:hover,.kaiten-ai-actions .kaiten-button:focus-visible { border-color:rgba(255,255,255,.24); background:#3a3a3a; outline:0; }.kaiten-ai-custom { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }.kaiten-ai-draft { min-height:72px; resize:vertical; }
.kaiten-card-footer-actions { display:flex; justify-content:flex-end; margin-top:48px; }.kaiten-card-footer-action-wrap { position:relative; }.kaiten-card-footer-actions .kaiten-button { min-height:36px; border-radius:4px; background:transparent; font-weight:500; }.kaiten-card-footer-action-wrap>.kaiten-card-confirm-panel { top:auto; right:0; bottom:calc(100% + 8px); }
.kaiten-card-dialog .kaiten-muted-copy { color:rgba(255,255,255,.55); font-size:14px; }

html[data-theme="light"] .kaiten-card-dialog { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-title-input,html[data-theme="light"] .kaiten-card-customer-line,html[data-theme="light"] .kaiten-card-customer-line input,html[data-theme="light"] .kaiten-modal-id,html[data-theme="light"] .kaiten-card-section>summary,html[data-theme="light"] .kaiten-card-property-value,html[data-theme="light"] .kaiten-description-view,html[data-theme="light"] .kaiten-description-editor,html[data-theme="light"] .kaiten-file-row strong,html[data-theme="light"] .kaiten-comment-author,html[data-theme="light"] .kaiten-comment-compose textarea { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-comment-editor,html[data-theme="light"] .kaiten-comment-editor-toolbar,html[data-theme="light"] .kaiten-comment-mode-switch { border-color:rgba(0,0,0,.16); }html[data-theme="light"] .kaiten-comment-editor-toolbar { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-quick-actions>button,html[data-theme="light"] .kaiten-comment-more-wrap>button,html[data-theme="light"] .kaiten-comment-emoji-wrap>button,html[data-theme="light"] .kaiten-comment-editor-actions button { color:rgba(0,0,0,.62); }html[data-theme="light"] .kaiten-comment-quick-actions>button:hover,html[data-theme="light"] .kaiten-comment-quick-actions>button:focus-visible,html[data-theme="light"] .kaiten-comment-more-wrap>button:hover,html[data-theme="light"] .kaiten-comment-more-wrap>button:focus-visible,html[data-theme="light"] .kaiten-comment-emoji-wrap>button:hover,html[data-theme="light"] .kaiten-comment-emoji-wrap>button:focus-visible,html[data-theme="light"] .kaiten-comment-editor-actions button:hover,html[data-theme="light"] .kaiten-comment-editor-actions button:focus-visible,html[data-theme="light"] .kaiten-comment-more-wrap>button[aria-expanded="true"],html[data-theme="light"] .kaiten-comment-emoji-wrap>button[aria-expanded="true"] { background:rgba(0,0,0,.06); color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-mode-switch button { border-color:rgba(0,0,0,.12); color:rgba(0,0,0,.58); }html[data-theme="light"] .kaiten-comment-mode-switch button.active { background:rgba(0,0,0,.08); color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-more-menu,html[data-theme="light"] .kaiten-comment-draft-emoji { border-color:rgba(0,0,0,.15); background:#fff; }html[data-theme="light"] .kaiten-comment-more-menu>button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-more-menu>button:hover,html[data-theme="light"] .kaiten-comment-more-menu>button:focus-visible,html[data-theme="light"] .kaiten-comment-draft-emoji button:hover { background:rgba(0,0,0,.06); }html[data-theme="light"] .kaiten-comment-editor-actions button:disabled { color:rgba(0,0,0,.25); }
html[data-theme="light"] .kaiten-comment-voice-button { border-color:rgba(0,0,0,.16); color:rgba(0,0,0,.72); }html[data-theme="light"] .kaiten-comment-voice-button:hover,html[data-theme="light"] .kaiten-comment-voice-button:focus-visible { border-color:rgba(0,0,0,.28); background:rgba(0,0,0,.06); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-editor::placeholder { color:rgba(0,0,0,.5); }
html[data-theme="light"] .kaiten-description-placeholder { color:rgba(0,0,0,.5); }
html[data-theme="light"] .kaiten-description-toolbar,html[data-theme="light"] .kaiten-description-content.is-editing,html[data-theme="light"] .kaiten-description-edit-actions { border-color:rgba(0,0,0,.16); }html[data-theme="light"] .kaiten-description-toolbar { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-format-actions>button,html[data-theme="light"] .kaiten-description-overflow-wrap>button { color:rgba(0,0,0,.78); }html[data-theme="light"] .kaiten-description-format-actions>button:hover,html[data-theme="light"] .kaiten-description-format-actions>button:focus-visible,html[data-theme="light"] .kaiten-description-overflow-wrap>button:hover,html[data-theme="light"] .kaiten-description-overflow-wrap>button:focus-visible { background:rgba(0,0,0,.06); }
html[data-theme="light"] .kaiten-description-overflow-menu { border-color:rgba(0,0,0,.15); background:#fff; }html[data-theme="light"] .kaiten-description-overflow-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-description-overflow-menu button:hover,html[data-theme="light"] .kaiten-description-overflow-menu button:focus-visible { background:rgba(0,0,0,.06); }
html[data-theme="light"] .kaiten-description-mode-switch>button { color:rgba(0,0,0,.55); }html[data-theme="light"] .kaiten-description-mode-switch>button.active { background:rgba(0,0,0,.08); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-cancel { color:rgba(0,0,0,.72); }html[data-theme="light"] .kaiten-description-cancel:hover,html[data-theme="light"] .kaiten-description-cancel:focus-visible { background:rgba(0,0,0,.06); }html[data-theme="light"] .kaiten-description-save:disabled { color:rgba(0,0,0,.3); }
html[data-theme="light"] .kaiten-description-screen-record { background:rgba(0,0,0,.06); color:rgba(0,0,0,.8); }html[data-theme="light"] .kaiten-description-screen-record:hover,html[data-theme="light"] .kaiten-description-screen-record:focus-visible { background:rgba(0,0,0,.1); }html[data-theme="light"] .kaiten-description-visual-editor:has(>p:only-child>br:only-child)::before { color:rgba(0,0,0,.5); }
html[data-theme="light"] .kaiten-description-screen-record.recording { background:#ab47bc; color:#fff; }html[data-theme="light"] .kaiten-description-insert-panel,html[data-theme="light"] .kaiten-checklist-create { border-color:rgba(0,0,0,.16); background:#f5f5f5; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-description-insert-panel>p { color:rgba(0,0,0,.55); }html[data-theme="light"] .kaiten-description-table-grid button { border-color:rgba(0,0,0,.16); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-description-table th,html[data-theme="light"] .kaiten-description-table td { border-color:rgba(0,0,0,.16); }html[data-theme="light"] .kaiten-description-table th { background:rgba(0,0,0,.04); }html[data-theme="light"] .kaiten-checklist-create input { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-view blockquote { background:rgba(0,0,0,.04); }html[data-theme="light"] .kaiten-description-view hr { border-color:rgba(0,0,0,.14); }html[data-theme="light"] .kaiten-description-view code { background:rgba(0,0,0,.07); }html[data-theme="light"] .kaiten-description-view figcaption { color:rgba(0,0,0,.55); }
html[data-theme="light"] .kaiten-description-content.is-collapsible:not(.is-expanded) .kaiten-description-reveal { background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 72%); }
html[data-theme="light"] .kaiten-description-reveal button { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-file-name,html[data-theme="light"] .kaiten-file-row small button,html[data-theme="light"] .kaiten-comment-file { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-comment-files,html[data-theme="light"] .kaiten-comment-pending-files>span { background:#f5f5f5; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-checklist-progress,html[data-theme="light"] .kaiten-checklist-item { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-checklist-item textarea { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-checklist-item textarea:hover { background:rgba(0,0,0,.035); }html[data-theme="light"] .kaiten-checklist-item textarea:focus { background:#f5f5f5; }html[data-theme="light"] .kaiten-checklist-item textarea::placeholder { color:rgba(0,0,0,.38); }html[data-theme="light"] .kaiten-checklist-item.done textarea { color:rgba(0,0,0,.45); }
html[data-theme="light"] .kaiten-checklist-select,html[data-theme="light"] .kaiten-checklist-select-all { border-color:rgba(0,0,0,.35); color:rgba(0,0,0,.66); }html[data-theme="light"] .kaiten-checklist-select[aria-pressed="true"],html[data-theme="light"] .kaiten-checklist-select-all[aria-pressed="true"] { border-color:#8e24aa; background:#8e24aa; color:#fff; }html[data-theme="light"] .kaiten-checklist-block-handle { color:rgba(0,0,0,.5); }html[data-theme="light"] .kaiten-checklist-block-handle:hover,html[data-theme="light"] .kaiten-checklist-block-handle:focus-visible,html[data-theme="light"] .kaiten-checklist-block-handle[aria-expanded="true"] { background:rgba(0,0,0,.07); color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-checklist-menu { border-color:rgba(0,0,0,.14); background:#fff; }html[data-theme="light"] .kaiten-checklist-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-checklist-menu button:hover,html[data-theme="light"] .kaiten-checklist-menu button:focus-visible { background:#f0f0f0; }html[data-theme="light"] .kaiten-checklist-menu button.danger { color:#c44747; }html[data-theme="light"] .kaiten-checklist-bulk { border-color:rgba(142,36,170,.34); background:rgba(142,36,170,.08); }html[data-theme="light"] .kaiten-checklist-bulk button { background:#e0e0e0; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-checklist-bulk button.danger { color:#c44747; }
html[data-theme="light"] .kaiten-file-add-panel { border-color:rgba(0,0,0,.12); background:#f5f5f5; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-file-add-panel>header button { color:rgba(0,0,0,.72); }html[data-theme="light"] .kaiten-file-add-actions>button,html[data-theme="light"] .kaiten-file-paste-zone,html[data-theme="light"] .kaiten-file-url-row input { border-color:rgba(0,0,0,.14); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-file-add-actions small,html[data-theme="light"] .kaiten-file-url-row { color:rgba(0,0,0,.58); }
html[data-theme="light"] .kaiten-file-row-menu,html[data-theme="light"] .kaiten-file-viewer,html[data-theme="light"] .kaiten-file-confirm { border-color:rgba(0,0,0,.14); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-file-row-menu button,html[data-theme="light"] .kaiten-file-viewer>header button,html[data-theme="light"] .kaiten-file-confirm button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-file-row-menu button:hover,html[data-theme="light"] .kaiten-file-row-menu button:focus-visible { background:#f0f0f0; }html[data-theme="light"] .kaiten-file-viewer>header,html[data-theme="light"] .kaiten-file-viewer>footer { border-color:rgba(0,0,0,.12); }html[data-theme="light"] .kaiten-file-confirm button { background:#e0e0e0; }html[data-theme="light"] .kaiten-file-confirm button.danger { background:#c44747; color:#fff; }
html[data-theme="light"] .kaiten-comment-file-menu { border-color:rgba(0,0,0,.12); background:#f5f5f5; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-file-menu>header button { color:rgba(0,0,0,.72); }html[data-theme="light"] .kaiten-member-empty { color:rgba(0,0,0,.58); }
html[data-theme="light"] .kaiten-card-history,html[data-theme="light"] .kaiten-card-property-label,html[data-theme="light"] .kaiten-file-row small,html[data-theme="light"] .kaiten-comment-author time { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-card-divider,html[data-theme="light"] .kaiten-detail-tabs,html[data-theme="light"] .kaiten-comment-compose { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-card-quiet-icon,html[data-theme="light"] .kaiten-card-inline-action { color:rgba(0,0,0,.72); }
html[data-theme="light"] .kaiten-card-type-control,html[data-theme="light"] .kaiten-card-member-chip { background:rgba(0,0,0,.1); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-location-picker>summary,html[data-theme="light"] .kaiten-card-choice-picker>summary,html[data-theme="light"] .kaiten-card-date-picker>summary { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-location-menu,html[data-theme="light"] .kaiten-card-location-menu>header,html[data-theme="light"] .kaiten-card-choice-menu,html[data-theme="light"] .kaiten-card-date-menu,html[data-theme="light"] .kaiten-card-member-picker>div { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-location-options>button,html[data-theme="light"] .kaiten-card-choice-menu>button,html[data-theme="light"] .kaiten-card-date-menu>header button,html[data-theme="light"] .kaiten-card-date-grid>button { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-location-menu>header small,html[data-theme="light"] .kaiten-card-date-week span { color:rgba(0,0,0,.55); }
html[data-theme="light"] .kaiten-card-date-grid>button.outside { color:rgba(0,0,0,.32); }
html[data-theme="light"] .kaiten-card-date-grid>button.selected { color:#fff; }
html[data-theme="light"] .kaiten-card-date-menu { background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-date-menu>hr,html[data-theme="light"] .kaiten-card-date-menu>footer { border-color:rgba(0,0,0,.12); background-color:transparent; }html[data-theme="light"] .kaiten-card-due-check,html[data-theme="light"] .kaiten-card-date-years>button,html[data-theme="light"] .kaiten-card-due-reminder>button,html[data-theme="light"] .kaiten-card-date-menu>footer button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-due-time label>span { background:#fff; color:rgba(0,0,0,.6); }html[data-theme="light"] .kaiten-card-due-time input { border-color:rgba(0,0,0,.26); color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-due-info { border-color:rgba(0,0,0,.58); color:rgba(0,0,0,.68); }html[data-theme="light"] .kaiten-card-date-menu>p { color:rgba(0,0,0,.6); }html[data-theme="light"] .kaiten-card-due-reminder-menu { background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.24); }html[data-theme="light"] .kaiten-card-due-reminder-menu>button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-due-reminder-menu>button:disabled { color:rgba(0,0,0,.34); }
html[data-theme="light"] .kaiten-card-member-picker>summary,html[data-theme="light"] .kaiten-card-label-picker>summary { color:rgba(0,0,0,.72); }
html[data-theme="light"] .kaiten-card-label-menu { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-label-create { border-color:rgba(0,0,0,.12); }html[data-theme="light"] .kaiten-card-label-create input { border-color:rgba(0,0,0,.18); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-label-create input::placeholder { color:rgba(0,0,0,.45); }
html[data-theme="light"] .kaiten-card-customer-picker>summary { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-customer-menu,html[data-theme="light"] .kaiten-description-menu { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-customer-menu>button,html[data-theme="light"] .kaiten-description-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-customer-menu small,html[data-theme="light"] .kaiten-card-label-palette>span { color:rgba(0,0,0,.55); }
html[data-theme="light"] .kaiten-comment-filter-menu,html[data-theme="light"] .kaiten-emoji-picker { background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.2); }html[data-theme="light"] .kaiten-comment-filter-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-filter-menu button:hover,html[data-theme="light"] .kaiten-emoji-picker button:hover { background:#f0f0f0; }html[data-theme="light"] .kaiten-comment-filter-menu button.selected { background:#f3e5f5; }
html[data-theme="light"] .kaiten-comment-text,html[data-theme="light"] .kaiten-ai-box { background:#f5f5f5; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-comment-mention-menu { border-color:rgba(0,0,0,.12); background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.2); }html[data-theme="light"] .kaiten-comment-mention-menu>button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-mention-menu>button:hover,html[data-theme="light"] .kaiten-comment-mention-menu>button.active { background:#f0f0f0; }html[data-theme="light"] .kaiten-comment-mention-menu small { color:rgba(0,0,0,.58); }html[data-theme="light"] .kaiten-comment-edit { background:#f5f5f5; }html[data-theme="light"] .kaiten-comment-edit textarea { border-color:rgba(0,0,0,.18); background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-edit-actions button { background:#e0e0e0; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-comment-edit-actions button.primary { background:#ab47bc; color:#fff; }html[data-theme="light"] .kaiten-comment-edit-toolbar>button { background:transparent; color:rgba(0,0,0,.62); }html[data-theme="light"] .kaiten-comment-edit-toolbar>button:hover,html[data-theme="light"] .kaiten-comment-edit-toolbar>button:focus-visible { background:rgba(0,0,0,.06); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-voice-message { background:#eee; }html[data-theme="light"] .kaiten-voice-track strong,html[data-theme="light"] .kaiten-voice-transcript { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-voice-transcript { background:#e8e8e8; }html[data-theme="light"] .kaiten-voice-transcript>strong,html[data-theme="light"] .kaiten-voice-transcript-toggle { color:rgba(0,0,0,.58); }html[data-theme="light"] .kaiten-voice-transcript-toggle:hover,html[data-theme="light"] .kaiten-voice-transcript-toggle:focus-visible { background:rgba(0,0,0,.08); color:rgba(0,0,0,.87); }
.kaiten-toast { position:fixed; z-index:2500; right:24px; bottom:24px; max-width:360px; padding:13px 16px; border:1px solid #3a766f; border-radius:11px; background:#18312e; color:#c9fff7; box-shadow:0 14px 42px rgba(0,0,0,.35); font-size:12px; font-weight:750; }
.kaiten-toast.error { border-color:#753d3d; background:#351d1d; color:#ffd4d2; }
.kaiten-toast[hidden] { display:none; }
.kaiten-create-menu { position:absolute; left:0; top:46px; z-index:35; width:264px; padding:7px 0; border:1px solid #363636; border-radius:3px; background:#111; box-shadow:0 14px 36px rgba(0,0,0,.55); }
.kaiten-create-menu[hidden] { display:none; }.kaiten-create-menu button { width:100%; min-height:38px; padding:8px 18px; border:0; border-radius:0; background:transparent; color:#f1f1f1; text-align:left; font:500 14px/1.25 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }.kaiten-create-menu button:hover { background:#303030; color:#fff; }.kaiten-create-menu hr { margin:5px 0; border:0; border-top:1px solid #393939; }.kaiten-create-label { padding:5px 18px 7px; color:#8d8d8d; font-size:11px; font-weight:700; text-transform:uppercase; }
.kaiten-create-label { padding:6px 10px; color:#777e8b; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.kaiten-panel-modal { width:min(760px,100%); }.kaiten-panel-body { padding:18px; }
.kaiten-library-create { display:grid; gap:18px; padding:4px 2px 0; }
.kaiten-library-create>label { display:grid; gap:7px; color:#bbb; font:500 12px/1.2 Roboto,Helvetica,Arial,sans-serif; }
.kaiten-library-create>label span b { color:#ef5350; }
.kaiten-library-create input { width:100%; height:44px; padding:0 12px; border:1px solid #5a5a5a; border-radius:3px; outline:0; background:#303030; color:#fff; font:400 15px/1 Roboto,Helvetica,Arial,sans-serif; }
.kaiten-library-create input:focus { border-color:#ab47bc; box-shadow:0 0 0 1px #ab47bc; }
.kaiten-library-parent { width:100%; min-height:44px; display:flex; align-items:center; gap:10px; padding:0 12px; border:1px solid #5a5a5a; border-radius:3px; background:#303030; color:#fff; text-align:left; cursor:pointer; }.kaiten-library-parent span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kaiten-library-parent svg { width:19px; height:19px; fill:currentColor; }
.kaiten-library-create>footer { display:flex; justify-content:flex-end; gap:8px; padding-top:8px; border-top:1px solid #4f4f4f; }.kaiten-library-create>footer button { min-height:38px; padding:0 16px; border:0; border-radius:3px; background:#535353; color:#fff; cursor:pointer; }.kaiten-library-create>footer button.primary { background:#ab47bc; }.kaiten-library-create>footer button:disabled { opacity:.42; cursor:default; }
.kaiten-space-access { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; border:0; }
.kaiten-space-access legend { grid-column:1/-1; margin-bottom:7px; color:#bbb; font-size:12px; }
.kaiten-space-access>label { position:relative; min-height:92px; display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid #555; border-radius:4px; background:#2b2b2b; cursor:pointer; }
.kaiten-space-access>label.selected { border-color:#ab47bc; box-shadow:0 0 0 1px #ab47bc; }
.kaiten-space-access input { position:absolute; width:1px; height:1px; opacity:0; }
.kaiten-space-access>label::before { content:""; width:17px; height:17px; flex:0 0 17px; border:2px solid #9e9e9e; border-radius:50%; }
.kaiten-space-access>label.selected::before { border:5px solid #ab47bc; }
.kaiten-space-access span { display:grid; gap:6px; }.kaiten-space-access strong { color:#fff; font-size:14px; }.kaiten-space-access small { color:#aaa; font-size:12px; line-height:1.35; }
.kaiten-menu-panel { display:flex; flex-direction:column; gap:8px; }.kaiten-menu-search { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; color:#7e8591; }.kaiten-menu-panel>button,.kaiten-menu-panel section button { width:100%; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:48px; padding:9px 11px; border:1px solid var(--kt-line); border-radius:10px; background:#14161b; color:#e6e8ec; text-align:left; cursor:pointer; }.kaiten-menu-panel button:hover { border-color:#456f68; background:#1b2422; }.kaiten-menu-panel button>span { color:#63d2c3; font-size:19px; }.kaiten-menu-panel button>strong,.kaiten-menu-panel button>span:nth-child(2) { min-width:0; }.kaiten-menu-panel button span:nth-child(2) { display:flex; flex-direction:column; gap:3px; }.kaiten-menu-panel button small { color:#7f8692; font-size:9px; }.kaiten-menu-panel button em { color:#6f7682; font-style:normal; }.kaiten-menu-panel section { margin-top:8px; padding-top:8px; border-top:1px solid var(--kt-line); }.kaiten-menu-panel h4 { margin:7px 4px; color:#858b97; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.kaiten-menu-panel p { color:#7f8591; font-size:10px; }.kaiten-menu-add { background:#17302c!important; }
.kaiten-panel-intro { margin:0 0 16px; color:var(--kt-muted); }.kaiten-panel-actions { display:flex; justify-content:flex-end; gap:8px; margin-bottom:14px; }
.kaiten-panel-actions-between { justify-content:space-between; }.kaiten-panel-actions-between>div { display:flex; gap:8px; }
.kaiten-feed { display:flex; flex-direction:column; }.kaiten-feed-item { display:flex; gap:12px; width:100%; padding:13px 4px; border:0; border-bottom:1px solid var(--kt-line); background:transparent; color:var(--kt-text); text-align:left; cursor:pointer; }.kaiten-feed-item:hover { background:#1d2027; }.kaiten-feed-item span:last-child { display:flex; flex-direction:column; gap:4px; }.kaiten-feed-item small { color:var(--kt-muted); }.kaiten-feed-dot { width:9px; height:9px; flex:0 0 auto; margin-top:5px; border-radius:50%; background:var(--kt-accent); box-shadow:0 0 0 5px #4bc2b422; }
.kaiten-feed-item em { color:#55cdbd; font-size:9px; font-style:normal; }

.kaiten-modal-backdrop.space-settings-open,.kaiten-modal-backdrop.space-background-open { align-items:center; justify-content:center; padding:24px; overflow:hidden; background:rgba(0,0,0,.72); backdrop-filter:none; }
.kaiten-space-settings-modal { width:min(900px,calc(100vw - 48px)); height:min(656px,calc(100dvh - 48px)); display:grid; grid-template-rows:64px minmax(0,1fr) 52px; overflow:hidden; border:1px solid #555; border-radius:2px; background:#373737; color:#fff; box-shadow:0 12px 36px rgba(0,0,0,.55); font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-space-settings-modal>header { display:flex; align-items:center; gap:16px; padding:0 16px 0 24px; border-bottom:1px solid #555; }.kaiten-space-settings-modal>header strong { flex:1; font-size:23px; line-height:1; font-weight:400; }.kaiten-space-settings-modal>header button { width:40px;height:40px;display:grid;place-items:center;padding:8px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer; }.kaiten-space-settings-modal>header button:hover { background:#4a4a4a; }.kaiten-space-settings-modal>header svg { width:24px;height:24px;fill:currentColor; }
.kaiten-space-settings-layout { min-height:0; display:grid; grid-template-columns:220px minmax(0,1fr); }.kaiten-space-settings-layout>nav { min-height:0; display:flex; flex-direction:column; align-items:stretch; padding:8px 0; overflow:auto; background:#111; }.kaiten-space-settings-layout>nav button { position:relative; min-height:48px;padding:0 24px;border:0;background:transparent;color:#f1f1f1;text-align:left;font:400 16px/1.25 Roboto,Helvetica,Arial,sans-serif;cursor:pointer; }.kaiten-space-settings-layout>nav button:hover:not(:disabled) { background:#282828; }.kaiten-space-settings-layout>nav button.active { background:#351739;color:#fff; }.kaiten-space-settings-layout>nav button:disabled { color:#686868;cursor:not-allowed; }.kaiten-space-settings-layout>nav button i { position:absolute;right:18px;font-style:normal;font-size:12px; }.kaiten-space-settings-layout>nav h3 { margin:12px 24px 4px;color:#aaa;font-size:14px;font-weight:500; }
.kaiten-space-settings-fields { min-width:0;padding:24px 16px;overflow:auto;background:#373737; }.kaiten-space-settings-properties>label,.kaiten-space-settings-search,.kaiten-space-settings-view details>div>label { position:relative; width:100%; min-height:58px; display:block; margin-bottom:20px; border:1px solid #646464; border-radius:4px; }.kaiten-space-settings-properties>label>span,.kaiten-space-settings-search>span,.kaiten-space-settings-view details>div>label>span { position:absolute;z-index:1;top:-9px;left:12px;padding:0 5px;background:#373737;color:#bdbdbd;font-size:13px;font-weight:500; }.kaiten-space-settings-fields input,.kaiten-space-settings-fields select { box-sizing:border-box;width:100%;height:56px;padding:0 16px;border:0;outline:0;background:transparent;color:#fff;color-scheme:dark;font:400 17px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-space-settings-fields select { padding-right:44px; }.kaiten-space-settings-properties>p { margin:-6px 2px 0;color:#bdbdbd;font-size:12px;line-height:1.45; }
.kaiten-space-settings-search { display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center; }.kaiten-space-settings-search>svg { width:21px;height:21px;margin-left:15px;fill:currentColor;color:#bdbdbd; }.kaiten-space-settings-search>input { padding-left:0; }.kaiten-space-settings-type-list { margin-top:6px;border-top:1px solid #555; }.kaiten-space-settings-type-list>label { min-height:56px;display:grid;grid-template-columns:28px minmax(0,1fr) 40px;align-items:center;gap:12px;margin:0;border-bottom:1px solid #4c4c4c;cursor:pointer; }.kaiten-space-settings-type-list>label>span { width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--space-type-color);color:#fff;font-size:13px; }.kaiten-space-settings-type-list strong { font-size:16px;font-weight:400; }.kaiten-space-settings-type-list input,.kaiten-space-settings-view-options input { position:absolute;opacity:0;pointer-events:none; }.kaiten-space-settings-type-list i,.kaiten-space-settings-view-options i { width:18px;height:18px;display:block;border:2px solid #bdbdbd;border-radius:2px; }.kaiten-space-settings-type-list input:checked+i,.kaiten-space-settings-view-options input:checked+i { border-color:#ab47bc;background:#ab47bc;box-shadow:inset 0 0 0 3px #373737; }
.kaiten-space-settings-view-modes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px; }.kaiten-space-settings-view-modes>button { height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #5d5d5d;border-radius:3px;background:#303030;color:#bdbdbd;cursor:pointer;font:500 12px/1 Roboto,Helvetica,Arial,sans-serif; }.kaiten-space-settings-view-modes>button.active { border-color:#ab47bc;color:#cf71de;background:#3b273e; }.kaiten-space-settings-view-modes svg { width:23px;height:23px;fill:currentColor; }.kaiten-space-settings-view details { border-top:1px solid #575757; }.kaiten-space-settings-view details:last-child { border-bottom:1px solid #575757; }.kaiten-space-settings-view summary { min-height:52px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:16px; }.kaiten-space-settings-view summary::-webkit-details-marker { display:none; }.kaiten-space-settings-view summary svg { width:18px;height:18px;fill:currentColor;transition:transform .15s; }.kaiten-space-settings-view details[open] summary svg { transform:rotate(180deg); }.kaiten-space-settings-view details>div { padding:0 0 12px; }.kaiten-space-settings-view-options>label { min-height:38px;display:flex;align-items:center;gap:12px;cursor:pointer; }.kaiten-space-settings-view-options label>span { font-size:14px; }
.kaiten-space-settings-calendar>p { margin:2px 0 22px;color:#eee;font-size:15px;line-height:1.45; }.kaiten-space-settings-calendar>div[role="alert"] { display:flex;gap:14px;padding:18px;border-radius:4px;background:#07191d;color:#a7dcec; }.kaiten-space-settings-calendar>div[role="alert"]>svg { width:26px;height:26px;flex:0 0 auto;fill:currentColor; }.kaiten-space-settings-calendar>div[role="alert"]>span { display:flex;flex-direction:column;gap:7px; }.kaiten-space-settings-calendar strong { font-size:15px;font-weight:500; }.kaiten-space-settings-calendar small { font-size:12px;line-height:1.45; }
.kaiten-recovery-audit { display:flex;flex-direction:column;align-items:flex-start;gap:16px; }.kaiten-recovery-audit h2 { margin:0;color:#fff;font-size:20px;font-weight:500; }.kaiten-recovery-audit>p { max-width:620px;margin:0;color:#ddd;font-size:15px;line-height:1.5; }.kaiten-recovery-audit>button { min-height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 16px;border:0;border-radius:3px;background:#ab47bc;color:#fff;font:500 14px/1 Roboto,Helvetica,Arial,sans-serif;cursor:pointer; }.kaiten-recovery-audit>button:disabled { opacity:.6;cursor:wait; }.kaiten-recovery-audit>button svg { width:20px;height:20px;fill:currentColor; }.kaiten-recovery-audit-error { width:100%;box-sizing:border-box;padding:12px 14px;border-radius:4px;background:#4a2020;color:#ffc4c4;font-size:14px;line-height:1.4; }.kaiten-recovery-audit-summary { width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0; }.kaiten-recovery-audit-summary>div { min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;border:1px solid #555;border-radius:4px;background:#303030; }.kaiten-recovery-audit-summary dt { color:#bbb;font-size:12px; }.kaiten-recovery-audit-summary dd { margin:0;color:#fff;font-size:22px;font-weight:500; }
.kaiten-recovery-files { width:100%;display:flex;flex-direction:column;gap:8px; }.kaiten-recovery-files h3 { margin:8px 0 2px;color:#fff;font-size:16px;font-weight:500; }.kaiten-recovery-file { min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #555;border-radius:4px;background:#303030; }.kaiten-recovery-file>div { min-width:0;display:flex;flex-direction:column;gap:5px; }.kaiten-recovery-file strong { overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap; }.kaiten-recovery-file span { color:#bbb;font-size:12px; }.kaiten-recovery-upload { flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:3px;background:#ab47bc;cursor:pointer; }.kaiten-recovery-upload input { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; }.kaiten-recovery-upload span { color:#fff;font-size:13px;font-weight:500; }.kaiten-recovery-upload.disabled { opacity:.55;cursor:wait; }.kaiten-recovery-proof-missing { flex:0 0 auto;max-width:190px;text-align:right; }
.kaiten-space-settings-modal>footer { display:flex;align-items:center;justify-content:flex-end;padding:0 8px;border-top:1px solid #555; }.kaiten-space-settings-modal>footer button { min-width:132px;height:38px;padding:0 18px;border:0;border-radius:3px;background:#ab47bc;color:#fff;font:500 13px/1 Roboto,Helvetica,Arial,sans-serif;cursor:pointer; }.kaiten-space-settings-modal>footer button:disabled { background:transparent;color:#747474;cursor:default; }
.kaiten-space-background-modal { width:min(828px,calc(100vw - 64px)); max-height:calc(100dvh - 64px); display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:4px;background:#fff;color:rgba(0,0,0,.87);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);font-family:Roboto,Helvetica,Arial,sans-serif; }.kaiten-space-background-modal>header { min-height:64px;display:flex;align-items:center;gap:16px;padding:16px 24px; }.kaiten-space-background-modal>header strong { flex:1;font:500 20px/32px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }.kaiten-space-background-modal>header button { width:40px;height:40px;display:none;place-items:center;padding:8px;border:0;border-radius:50%;background:transparent;color:rgba(0,0,0,.54);cursor:pointer; }.kaiten-space-background-modal>header svg { width:24px;height:24px;fill:currentColor; }.kaiten-space-background-modal>p { flex:0 0 auto;margin:20px 24px 16px;color:rgba(0,0,0,.6);font:400 16px/24px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
.kaiten-space-background-grid { min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:172px;gap:4px;padding:0 24px;overflow:auto; }.kaiten-space-background-grid>button { position:relative;min-width:0;height:172px;display:flex;flex-direction:column;overflow:hidden;padding:0;border:3px solid transparent;border-radius:0;background:transparent;color:#fff;cursor:pointer; }.kaiten-space-background-grid>button.selected { border-color:#9c27b0; }.kaiten-space-background-grid>button>span { min-height:0;flex:1 1 auto;display:grid;place-items:center;background:#eceff1; }.kaiten-space-background-grid>button>strong { height:48px;flex:0 0 48px;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#fff;font:400 16px/24px Roboto,Helvetica,Arial,sans-serif; }.kaiten-space-background-upload span svg { width:48px;height:48px;fill:#292929;stroke:none; }.kaiten-space-background-preset img { width:100%;height:100%;display:block;object-fit:cover; }.kaiten-space-background-modal>footer { min-height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:flex-end;padding:8px; }.kaiten-space-background-modal>footer button { min-width:88px;height:36px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:rgba(0,0,0,.87);font:500 14px/24px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.4px;cursor:pointer; }.kaiten-space-background-modal>footer button:hover { background:rgba(0,0,0,.04); }

.kaiten-space-background-modal>p { margin-bottom:14px; }
.kaiten-space-background-grid { grid-auto-rows:171.890625px; }
.kaiten-space-background-grid>button { border:0; }
.kaiten-space-background-grid>button { height:171.890625px; }
.kaiten-space-background-grid>button>span { background:transparent; }
.kaiten-space-background-grid>button>strong { position:absolute;z-index:1;right:0;bottom:0;left:0; }
.kaiten-space-background-upload span svg { color:rgba(0,0,0,.87);fill:rgba(0,0,0,.87); }
.kaiten-space-background-modal>footer button { position:relative;top:-.25px;width:83.9609375px;min-width:83.9609375px;height:36.5px;font:500 14px/24.5px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.39998px; }

/* Notifications follow Kaiten's anchored desktop popover instead of the generic modal. */
.kaiten-notification-trigger svg { width:23px; height:23px; }
.kaiten-notification-trigger .kaiten-badge { top:-9px; right:-7px; min-width:24px; height:24px; padding:0 6px; border-radius:12px; background:#ab47bc; font-size:12px; font-weight:500; line-height:24px; box-shadow:0 0 0 2px #2d2d2d; }
.kaiten-modal-backdrop.notification-open { align-items:flex-start; justify-content:flex-end; padding:0; background:transparent; backdrop-filter:none; }
.kaiten-notification-popover { position:fixed; top:var(--kaiten-notification-top,70px); right:var(--kaiten-notification-right,10px); box-sizing:border-box; width:min(645px,calc(100vw - 20px)); max-height:calc(100dvh - var(--kaiten-notification-top,70px) - 10px); overflow:auto; border:0; border-radius:3px; background:#111; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.5); font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-notification-popover>header { position:sticky; z-index:2; top:0; min-height:66px; display:flex; align-items:center; gap:16px; padding:0 20px; background:#111; }
.kaiten-notification-popover>header>strong { flex:1; font-size:20px; font-weight:500; letter-spacing:.01em; }
.kaiten-notification-popover>header nav { display:flex; align-items:center; gap:20px; }
.kaiten-notification-popover>header button { width:34px; height:34px; display:grid; place-items:center; padding:5px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.kaiten-notification-popover>header button:hover { background:#2c2c2c; }
.kaiten-notification-popover>header button svg { width:25px; height:25px; fill:currentColor; }
.kaiten-notification-popover>header .kaiten-notification-unread { color:#626262; }
.kaiten-notification-popover>header .kaiten-notification-unread.has-unread { color:#ab47bc; }
.kaiten-notification-popover>header .kaiten-notification-unread.active { background:#2e1831; }
.kaiten-notification-list { padding:0 0 10px; }
.kaiten-notification-load-more { height:48px; display:grid; place-items:center; background:#111; }
.kaiten-notification-load-more i { width:22px; height:22px; display:block; border:2px solid #4a4a4a; border-top-color:#ab47bc; border-radius:50%; animation:kaiten-notification-spin .7s linear infinite; }
.kaiten-notification-load-more button { border:0; border-radius:4px; padding:8px 14px; background:#2e1831; color:#e4b3ea; font:inherit; cursor:pointer; }
.kaiten-notification-load-more button:hover { background:#46244c; }
@keyframes kaiten-notification-spin { to { transform:rotate(360deg); } }
.kaiten-notification-item { width:100%; min-height:112px; display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:center; gap:10px; padding:12px 22px 12px 20px; border:0; background:#111; color:#fff; text-align:left; }
.kaiten-notification-item:hover { background:#191919; }
.kaiten-notification-item-main { min-width:0; min-height:88px; display:grid; grid-template-columns:60px minmax(0,1fr); align-items:center; gap:18px; padding:6px 0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.kaiten-notification-avatar { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:#d3d3d3; color:#fff; font-size:32px; font-weight:300; }
.kaiten-notification-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.kaiten-notification-copy strong { color:#fff; font-size:17px; font-weight:400; line-height:1.35; }
.kaiten-notification-copy strong b { font-weight:400; }
.kaiten-notification-copy u { max-width:100%; color:#fff; font-size:17px; line-height:1.25; text-decoration-thickness:1px; text-underline-offset:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kaiten-notification-copy time { color:#aaa; font-size:15px; line-height:1.35; }
.kaiten-notification-mail { width:34px; height:34px; display:grid; place-items:center; padding:4px; border:0; border-radius:50%; background:transparent; color:#ab47bc; cursor:pointer; }
.kaiten-notification-mail:hover,.kaiten-notification-mail:focus-visible { background:#2e1831; }
.kaiten-notification-mail svg { width:25px; height:25px; }
.kaiten-notification-mark-unread { position:relative; width:42px; height:42px; display:grid; place-items:center; padding:9px; border:0; border-radius:50%; background:#242424; color:#fff; opacity:0; pointer-events:none; cursor:pointer; transition:opacity .12s ease,background .12s ease; }
.kaiten-notification-item.read:hover .kaiten-notification-mark-unread,.kaiten-notification-mark-unread:focus-visible { opacity:1; pointer-events:auto; }
.kaiten-notification-read-spacer { width:38px; height:38px; }
.kaiten-notification-mark-unread:hover { background:#343434; }
.kaiten-notification-mark-unread svg { width:23px; height:23px; }
.kaiten-notification-mark-unread:hover::before,.kaiten-notification-mark-unread:focus-visible::before { content:attr(aria-label); position:absolute; z-index:3; right:calc(100% + 8px); top:50%; width:max-content; max-width:230px; padding:7px 10px; border-radius:3px; background:#575757; color:#fff; font-size:12px; font-weight:500; line-height:1.2; transform:translateY(-50%); box-shadow:0 2px 8px rgba(0,0,0,.35); pointer-events:none; }
.kaiten-notification-empty { min-height:118px; display:grid; place-items:center; padding:24px; color:#969696; font-size:15px; }

.kaiten-modal-backdrop.notification-settings-open { align-items:center; justify-content:center; padding:24px; overflow:hidden; background:rgba(0,0,0,.72); backdrop-filter:none; }
.kaiten-notification-settings { position:relative; width:min(1000px,calc(100vw - 48px)); height:min(900px,calc(100dvh - 48px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid #484848; border-radius:3px; background:#212121; color:#fff; font-family:Roboto,Helvetica,Arial,sans-serif; box-shadow:0 10px 34px rgba(0,0,0,.5); }
.kaiten-notification-settings-close { position:absolute; z-index:5; top:7px; right:8px; width:40px; height:40px; display:grid; place-items:center; padding:9px; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.kaiten-notification-settings-close:hover { background:#353535; }
.kaiten-notification-settings-close svg { width:22px; height:22px; fill:currentColor; }
.kaiten-notification-settings-tabs { min-height:56px; display:grid; grid-template-columns:minmax(214px,1.15fr) minmax(230px,1.2fr) minmax(210px,1.1fr) minmax(72px,.45fr); align-items:stretch; padding:0 48px 0 16px; border-bottom:1px solid #4b4b4b; background:#212121; }
.kaiten-notification-settings-tabs button { position:relative; padding:0 10px; border:0; background:transparent; color:#bdbdbd; font:500 14px/1 Roboto,Helvetica,Arial,sans-serif; letter-spacing:.025em; text-transform:uppercase; cursor:pointer; white-space:nowrap; }
.kaiten-notification-settings-tabs button.active { color:#ab47bc; }
.kaiten-notification-settings-tabs button.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#ab47bc; }
.kaiten-notification-settings-body { min-height:0; flex:1; overflow:auto; padding:24px 32px 0 24px; scrollbar-color:#777 transparent; }
.kaiten-notification-settings-content { width:100%; min-width:620px; max-width:1000px; margin:0 auto; }
.kaiten-notification-info { min-height:48px; display:flex; align-items:center; gap:16px; padding:6px 16px; border-radius:5px; background:#071318; color:#b8e7fb; font-size:14px; line-height:20px; }
.kaiten-notification-info svg { width:24px; height:24px; flex:0 0 auto; color:#29b6f6; }
.kaiten-notification-timezone { position:relative; width:400px; height:48px; display:block; margin-top:24px; border:1px solid #626262; border-radius:5px; }
.kaiten-notification-timezone>span { position:absolute; top:-9px; left:10px; padding:0 5px; background:#212121; color:#bdbdbd; font-size:12px; line-height:16px; }
.kaiten-notification-timezone select { width:100%; height:100%; padding:0 42px 0 14px; border:0; outline:0; appearance:auto; color-scheme:dark; background:#181818; color:#fff; font:400 14px/1 Roboto,Helvetica,Arial,sans-serif; }
.kaiten-notification-timezone option { background:#181818; color:#fff; }
.kaiten-notification-matrix { margin-top:16px; }
.kaiten-notification-matrix-head,.kaiten-notification-event-row { display:grid; grid-template-columns:minmax(360px,1fr) repeat(2,124px); align-items:center; }
.kaiten-notification-matrix-head { min-height:86px; }
.kaiten-notification-matrix-head>label { position:relative; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#fff; cursor:pointer; }
.kaiten-notification-matrix-head b { width:100%; padding:0 4px; font-size:14px; font-weight:400; line-height:1.15; text-align:center; white-space:normal; }
.kaiten-notification-matrix-head input,.kaiten-notification-event-row input,.kaiten-notification-subscriptions input { position:absolute; z-index:2; margin:0; opacity:0; cursor:pointer; }
.kaiten-notification-matrix-head input { left:50%; bottom:8px; width:46px; height:34px; transform:translateX(-50%); }
.kaiten-notification-matrix-head i { position:relative; width:34px; height:14px; border-radius:8px; background:#686868; }
.kaiten-notification-matrix-head i::after { content:""; position:absolute; top:-3px; left:-1px; width:20px; height:20px; border-radius:50%; background:#eee; box-shadow:0 1px 4px rgba(0,0,0,.4); transition:.14s ease; }
.kaiten-notification-matrix-head input:checked+i { background:#703178; }
.kaiten-notification-matrix-head input:checked+i::after { left:15px; background:#ab47bc; }
.kaiten-notification-section-title { min-height:52px; display:flex; align-items:center; padding:0 8px; border-top:1px solid #555; border-bottom:1px solid #555; color:#bdbdbd; font-size:15px; }
.kaiten-notification-event-row { min-height:58px; border-bottom:1px solid #555; }
.kaiten-notification-event-row>strong { padding:8px; color:#fff; font-size:14px; font-weight:400; line-height:20px; }
.kaiten-notification-event-row>label { position:relative; height:100%; display:grid; place-items:center; cursor:pointer; }
.kaiten-notification-event-row>label>input { top:50%; left:50%; width:38px; height:38px; transform:translate(-50%,-50%); }
.kaiten-notification-event-row>label.disabled { cursor:default; opacity:.38; }
.kaiten-notification-event-row i,.kaiten-notification-subscriptions i { position:relative; width:18px; height:18px; border:2px solid #686868; border-radius:2px; pointer-events:none; }
.kaiten-notification-event-row input:checked+i,.kaiten-notification-subscriptions input:checked+i { border-color:#ab47bc; background:#ab47bc; }
.kaiten-notification-event-row input:checked+i::after,.kaiten-notification-subscriptions input:checked+i::after { content:""; position:absolute; left:4px; top:0; width:5px; height:10px; border:solid #1b1b1b; border-width:0 2px 2px 0; transform:rotate(45deg); }
.kaiten-notification-crm-settings { padding:30px 0 0; }
.kaiten-notification-crm-settings h2 { margin:0 0 4px; color:#bdbdbd; font:500 20px/32px Roboto,Helvetica,Arial,sans-serif; }
.kaiten-notification-crm-settings>p { margin:0 0 12px; color:#9e9e9e; font-size:13px; line-height:1.45; }
.kaiten-notification-delivery-settings { padding:30px 0 18px; }.kaiten-notification-delivery-settings h2 { margin:0 0 18px; color:#bdbdbd; font:500 20px/32px Roboto,Helvetica,Arial,sans-serif; }.kaiten-notification-delivery-settings fieldset { display:flex;flex-direction:column;gap:0;margin:0 0 18px;padding:0;border:0; }.kaiten-notification-delivery-settings legend { margin:0 0 8px;color:#bdbdbd;font-size:14px; }
.kaiten-notification-radio { position:relative;min-height:64px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid #444;color:#fff;cursor:pointer; }.kaiten-notification-radio>input { position:absolute;opacity:0;pointer-events:none; }.kaiten-notification-radio>i { width:18px;height:18px;border:2px solid #bdbdbd;border-radius:50%; }.kaiten-notification-radio>input:checked+i { border-color:#ab47bc;box-shadow:inset 0 0 0 4px #212121;background:#ab47bc; }.kaiten-notification-radio>span,.kaiten-notification-deadline>span { min-width:0;display:flex;flex-direction:column;gap:5px; }.kaiten-notification-radio strong,.kaiten-notification-deadline strong { font-size:14px;font-weight:400; }.kaiten-notification-radio small,.kaiten-notification-deadline small { color:#9e9e9e;font-size:12px;line-height:1.35; }
.kaiten-notification-deadline { display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 12px; border-bottom:1px solid #444; color:#fff; cursor:pointer; }
.kaiten-notification-deadline input { position:absolute; opacity:0; pointer-events:none; }
.kaiten-notification-deadline>i { position:relative; width:18px; height:18px; flex:0 0 auto; border:2px solid #bdbdbd; border-radius:2px; }
.kaiten-notification-deadline input:checked+i { border-color:#ab47bc; background:#ab47bc; }
.kaiten-notification-deadline input:checked+i::after { content:""; position:absolute; left:4px; top:0; width:5px; height:10px; border:solid #1b1b1b; border-width:0 2px 2px 0; transform:rotate(45deg); }
.kaiten-notification-subscriptions { max-width:940px; display:flex; flex-direction:column; gap:12px; margin:auto; }
.kaiten-notification-subscriptions>p { margin:0 0 18px; color:#bdbdbd; font-size:17px; }
.kaiten-notification-subscriptions>label { position:relative; min-height:74px; display:flex; align-items:center; gap:20px; padding:12px 18px; border:1px solid #555; border-radius:5px; cursor:pointer; }
.kaiten-notification-subscriptions>label>input { right:9px; top:50%; width:38px; height:38px; transform:translateY(-50%); }
.kaiten-notification-subscriptions>label>span { min-width:0; flex:1; display:flex; flex-direction:column; gap:5px; }
.kaiten-notification-subscriptions strong { font-size:18px; }.kaiten-notification-subscriptions small { color:#aaa; font-size:14px; }
.kaiten-notification-subscriptions select { width:min(520px,100%); margin-top:5px; padding:8px 34px 8px 10px; border:1px solid #666; border-radius:4px; background:#303030; color:#eee; color-scheme:dark; font:inherit; cursor:pointer; }
.kaiten-notification-bots { min-height:360px; display:grid; place-content:center; gap:10px; color:#aaa; text-align:center; }.kaiten-notification-bots strong { color:#fff; font-size:24px; }.kaiten-notification-bots p { margin:0; font-size:16px; }
.kaiten-telegram-bot-card { max-width:760px; min-height:210px; display:grid; grid-template-columns:68px minmax(0,1fr) auto; align-items:start; gap:20px; margin:24px auto; padding:26px; border:1px solid #515151; border-radius:8px; background:#191919; }
.kaiten-telegram-bot-card.connected { border-color:#2b7b69; background:#15221f; }
.kaiten-telegram-logo { width:60px; height:60px; display:grid; place-items:center; border-radius:50%; background:#229ed9; color:#fff; font-size:30px; transform:rotate(-12deg); }
.kaiten-telegram-bot-card>div:nth-child(2) { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.kaiten-telegram-bot-card small { color:#999; font-size:12px; line-height:18px; }
.kaiten-telegram-bot-card strong { color:#fff; font-size:21px; }
.kaiten-telegram-bot-card p { max-width:520px; margin:0; color:#bbb; font-size:14px; line-height:21px; }
.kaiten-telegram-bot-card em { color:#ff8b8b; font-size:13px; font-style:normal; }
.kaiten-telegram-bot-card a { min-height:38px; display:inline-flex; align-items:center; padding:0 16px; border-radius:5px; background:#229ed9; color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.kaiten-telegram-actions { display:flex; flex-direction:column; gap:8px; }
.kaiten-telegram-actions button { min-width:142px; min-height:38px; padding:0 14px; border:1px solid #666; border-radius:5px; background:transparent; color:#fff; cursor:pointer; }
.kaiten-telegram-actions button.primary { border-color:#229ed9; background:#229ed9; }.kaiten-telegram-actions button.danger { border-color:#8c4545; color:#ff9a9a; }
.kaiten-notification-settings>footer { min-height:70px; display:flex; align-items:center; justify-content:flex-end; padding:12px 32px; border-top:1px solid #444; background:#212121; }
.kaiten-notification-save { min-width:118px; height:37px; border:1px solid transparent; border-radius:5px; background:#ab47bc; color:#fff; font:500 14px/1 Roboto,Helvetica,Arial,sans-serif; cursor:pointer; }
.kaiten-notification-save:disabled { border-color:#4a4a4a; background:transparent; color:#606060; cursor:default; }
.kaiten-personal-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.kaiten-personal-list button,.kaiten-personal-preview-list button { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:12px; border:1px solid var(--kt-line); border-radius:10px; background:#14161b; color:#e4e6ea; text-align:left; cursor:pointer; }.kaiten-personal-list button:hover,.kaiten-personal-preview-list button:hover { border-color:#4d766f; }.kaiten-personal-list button span { color:#66d6c7; font-size:18px; }.kaiten-personal-list button b { color:#737a86; }.kaiten-personal-preview { margin-top:14px; padding:14px; border:1px solid var(--kt-line); border-radius:12px; color:var(--kt-muted); }.kaiten-personal-preview h3 { margin:0 0 12px; color:var(--kt-text); }.kaiten-personal-preview-list { display:flex; flex-direction:column; gap:7px; }.kaiten-personal-preview-list button { grid-template-columns:1fr; }.kaiten-personal-preview-list button span,.kaiten-personal-preview-list small { color:var(--kt-muted); }.kaiten-personal-metric { display:flex; justify-content:space-between; align-items:center; padding:14px; border-radius:10px; background:#17302c; color:#6ddccd; }.kaiten-personal-metric strong { font-size:24px; }
.kaiten-transcribe-action { width:100%; display:grid; grid-template-columns:54px 1fr; gap:4px 12px; padding:18px; border:1px solid #3a5e58; border-radius:14px; background:#162522; color:#e8eeed; text-align:left; cursor:pointer; }.kaiten-transcribe-action span { grid-row:span 2; display:grid; place-items:center; color:#65d6c7; font-size:30px; }.kaiten-transcribe-action small { color:var(--kt-muted); }
.kaiten-member-notice { margin-bottom:12px; padding:10px 12px; border:1px solid #655c3b; border-radius:9px; background:#2a2518; color:#dbc778; font-size:10px; }.kaiten-member-groups h4 { margin:16px 0 8px; color:#959ba7; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.kaiten-member-card>span:not(.kaiten-avatar) { display:flex; flex-direction:column; gap:4px; }.kaiten-member-card em { color:#67d6c7; font-size:9px; font-style:normal; }
.kaiten-space-settings { display:grid; grid-template-columns:210px minmax(0,1fr); gap:18px; }.kaiten-space-settings nav { display:flex; flex-direction:column; gap:4px; padding-right:14px; border-right:1px solid var(--kt-line); }.kaiten-space-settings nav button { min-height:36px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#a7acb6; text-align:left; cursor:pointer; }.kaiten-space-settings nav button.active { background:#25302f; color:#69d6c8; }.kaiten-space-settings nav button:disabled { color:#5f6570; cursor:not-allowed; }.kaiten-space-settings nav span { margin:14px 10px 5px; color:#737a86; font-size:9px; font-weight:850; text-transform:uppercase; }
.kaiten-member-grid,.kaiten-document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.kaiten-member-card,.kaiten-document-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; min-height:64px; padding:11px; border:1px solid var(--kt-line); border-radius:11px; background:#14161b; }.kaiten-member-card>span:not(.kaiten-avatar),.kaiten-document-item small { color:var(--kt-muted); font-size:10px; }
.kaiten-automation-list { display:flex; flex-direction:column; gap:9px; margin-bottom:14px; }.kaiten-automation { display:flex; align-items:center; gap:12px; padding:13px; border:1px solid var(--kt-line); border-radius:11px; background:#14161b; }.kaiten-automation input,.kaiten-addon-grid input { width:20px; height:20px; accent-color:var(--kt-accent); }.kaiten-automation span { display:flex; flex-direction:column; gap:4px; }.kaiten-automation small { color:var(--kt-muted); }
.kaiten-limit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.kaiten-limit-grid>div { display:flex; flex-direction:column; gap:8px; padding:16px; border:1px solid var(--kt-line); border-radius:12px; background:#14161b; }.kaiten-limit-grid span { color:var(--kt-muted); }.kaiten-limit-grid strong { font-size:20px; }.kaiten-limit-grid i { height:7px; border-radius:4px; background:#292d35; overflow:hidden; }.kaiten-limit-grid b { display:block; height:100%; background:var(--kt-accent); }
.kaiten-addon-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.kaiten-addon-grid label { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:1px solid var(--kt-line); border-radius:12px; background:#14161b; }.kaiten-addon-grid span { display:flex; flex-direction:column; gap:4px; }.kaiten-addon-grid small { color:var(--kt-muted); }
.kaiten-settings-form { display:flex; flex-direction:column; gap:14px; }.kaiten-settings-form label { display:flex; flex-direction:column; gap:7px; color:var(--kt-muted); font-size:11px; font-weight:800; }

html[data-theme="light"] .kaiten-page { --kt-bg:#f0f0f3; --kt-panel:#fff; --kt-panel-2:#f8f9fb; --kt-line:#e4e7ec; --kt-text:rgba(0,0,0,.87); --kt-muted:rgba(0,0,0,.54); --kt-accent:#9c27b0; }
html[data-theme="light"] .kaiten-shell { border-color:#e4e7ec; background:#f0f0f3; }
html[data-theme="light"] .kaiten-toolbar,html[data-theme="light"] .kaiten-module-head,html[data-theme="light"] .kaiten-filterbar { border-color:rgba(0,0,0,.12); background:#ebefef; }
html[data-theme="light"] .kaiten-view-tabs { border-color:rgba(0,0,0,.12); background:transparent; }
html[data-theme="light"] .kaiten-view-tab { background:transparent; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-tab:hover { background:rgba(0,0,0,.04); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-tab.active { background:rgba(0,0,0,.08); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-tab.active:hover { background:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-view-tab[data-view="reports"],html[data-theme="light"] .kaiten-view-tab[data-view="archive"] { background:#d3d3d3; }
html[data-theme="light"] .kaiten-view-tab[data-view="reports"]:hover,html[data-theme="light"] .kaiten-view-tab[data-view="archive"]:hover { background:rgba(0,0,0,.08); }
html[data-theme="light"] .kaiten-view-tab[data-view="reports"].active,html[data-theme="light"] .kaiten-view-tab[data-view="archive"].active { background:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-control { border-color:transparent; background:#d3d3d3; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-control:hover { border-color:transparent; background:rgba(0,0,0,.08); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-control.active { border-color:transparent; background:rgba(0,0,0,.12); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-control.primary { border-color:transparent; background:#9c27b0; color:#fff; }
html[data-theme="light"] .kaiten-control.primary:hover,html[data-theme="light"] .kaiten-control.primary.active { background:#7b1fa2; color:#fff; }
html[data-theme="light"] .kaiten-search { border-color:transparent; background:rgba(0,0,0,.06); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-search:focus { border-color:rgba(0,0,0,.26); }
html[data-theme="light"] .kaiten-search-trigger span { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-column,html[data-theme="light"] .kaiten-list-section,html[data-theme="light"] .kaiten-report-card,html[data-theme="light"] .kaiten-calendar-day { background:#f8f9fb; }
html[data-theme="light"] .kaiten-list-section { border-color:#e4e7ec; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-boardbar { border-color:rgba(0,0,0,.12); background:#f8f9fb; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-boardbar button { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-list-boardbar button:hover { background:rgba(0,0,0,.04); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-section-head { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-section-head>span,html[data-theme="light"] .kaiten-list-section-head button { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-list-section-head button:hover { background:rgba(0,0,0,.04); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-add { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-list-cards .kaiten-card-preview-fields { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-calendar { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-head { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-actions button,html[data-theme="light"] .kaiten-calendar-modes button { border-color:rgba(0,0,0,.12); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-actions button:hover,html[data-theme="light"] .kaiten-calendar-modes button:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-calendar-actions button:disabled { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-calendar-modes button.active { background:rgba(186,104,200,.1); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-field-menu { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-field-menu button { border:0; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-field-menu button.active { background:rgba(156,39,176,.2); }
html[data-theme="light"] .kaiten-calendar-weekday { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-calendar-day { border-color:rgba(0,0,0,.12); background:#fff; }
html[data-theme="light"] .kaiten-calendar-day.today { background:rgba(255,220,40,.15); }
html[data-theme="light"] .kaiten-calendar-date { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-card { background:#fff; border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-card:hover { background:#fff; border-color:#ba68c8; }
html[data-theme="light"] .kaiten-card-duplicate-preview,html[data-theme="light"] .kaiten-card-duplicate-preview:hover { border-color:rgba(0,0,0,.12); background:#fff; }
html[data-theme="light"] .kaiten-card-duplicate-preview>label { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-card-duplicate-preview>textarea { background:transparent; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-duplicate-preview>textarea[data-card-duplicate-pristine] { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-card-duplicate-error { color:#c62828; }
html[data-theme="light"] .kaiten-card-duplicate-actions>button { color:rgba(0,0,0,.72); }
html[data-theme="light"] .kaiten-card-duplicate-actions>button:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-card-duplicate-actions>button[type="submit"] { border-color:rgba(0,0,0,.26); background:#eee; color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-card-duplicate-actions>button[type="submit"]:hover { background:#e0e0e0; }
html[data-theme="light"] .kaiten-column-count { background:#757575; color:#fff; }
html[data-theme="light"] .kaiten-column-create { background:#f8f9fb; color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-column-create-trigger:hover,html[data-theme="light"] .kaiten-column-create-trigger:focus-visible { background:rgba(0,0,0,.04); color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-column-create.is-editing { border-color:rgba(0,0,0,.3); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-subtoolbar { border-color:rgba(0,0,0,.12); background:#fff; }
html[data-theme="light"] .kaiten-view-subtoolbar button { border-color:rgba(0,0,0,.23); background:transparent; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-subtoolbar button:hover:not(:disabled) { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-view-subtoolbar button:disabled { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-table { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-table-wrap { background:#fff; }
html[data-theme="light"] .kaiten-table th { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-table td { border-color:rgba(0,0,0,.12); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-table th:first-child,html[data-theme="light"] .kaiten-table td:first-child { background:#fff; }
html[data-theme="light"] .kaiten-table tr:hover td,html[data-theme="light"] .kaiten-table tr:hover td:first-child { background:#f5f5f5; }
html[data-theme="light"] .kaiten-table .title-cell { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-table-group button span { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-table-group button span { background:#e0e0e0; }
html[data-theme="light"] .kaiten-total-row td { background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-timeline { background:#fff; }
html[data-theme="light"] .kaiten-timeline-head { background:#fff; }
html[data-theme="light"] :is(.kaiten-timeline-columns span,.kaiten-timeline-years span,.kaiten-timeline-months span,.kaiten-timeline-group>div,.kaiten-timeline-fields span,.kaiten-timeline-track) { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] :is(.kaiten-timeline-columns span,.kaiten-timeline-years span) { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-timeline-months span { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-timeline-track>.kaiten-timeline-months span { color:transparent; }
html[data-theme="light"] .kaiten-timeline-fields span { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-timeline-group button { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-timeline-footer { background:rgba(238,238,238,.92); color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-report-catalog { background:#fff; }
html[data-theme="light"] .kaiten-empty { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-empty strong { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-settings { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); box-shadow:-8px 0 24px rgba(0,0,0,.12); }
html[data-theme="light"] :is(.kaiten-view-settings>header,.kaiten-view-settings>nav,.kaiten-view-settings>footer) { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-view-settings>nav button { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-view-settings>nav button.active { color:rgba(0,0,0,.87); }
html[data-theme="light"] :is(.kaiten-view-settings-options label,.kaiten-view-settings>footer>label) { color:rgba(0,0,0,.6); }
html[data-theme="light"] :is(.kaiten-view-settings select,.kaiten-view-settings input) { border-color:rgba(0,0,0,.23); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-settings>footer button { background:#e0e0e0; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-view-settings>footer button:last-child { background:#9c27b0; color:#fff; }
html[data-theme="light"] .kaiten-timeline-settings,html[data-theme="light"] .kaiten-timeline-fields-panel { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); box-shadow:none; }
html[data-theme="light"] .kaiten-settings-field,html[data-theme="light"] .kaiten-work-settings>strong,html[data-theme="light"] .kaiten-display-settings>strong { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-timeline-settings :is(select,input) { border-color:rgba(0,0,0,.23); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-timeline-settings :is(select,input):disabled { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-workdays button { border-color:rgba(0,0,0,.18); background:#e0e0e0; color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-workdays button.active { border-color:#9c27b0; background:#9c27b0; color:#fff; }
html[data-theme="light"] .kaiten-settings-switch { color:rgba(0,0,0,.54); }html[data-theme="light"] .kaiten-settings-switch.on span { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-display-settings button { border-color:rgba(0,0,0,.12); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-settings-save button { background:#e0e0e0; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-settings-save button:last-child { background:#9c27b0; color:#fff; }
html[data-theme="light"] .kaiten-settings-switches-last { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-fields-search { border-color:rgba(0,0,0,.23); }html[data-theme="light"] .kaiten-fields-actions button { color:#9c27b0; }html[data-theme="light"] .kaiten-timeline-fields-panel.compact p { color:rgba(0,0,0,.6); }
.kaiten-page * { box-sizing:border-box; }
html[data-theme="light"] .kaiten-space-tabs { border-color:#e4e7ec; background:#f8f9fb; }html[data-theme="light"] .kaiten-space-tab,html[data-theme="light"] .kaiten-space-add,html[data-theme="light"] .kaiten-space-folder { color:rgba(0,0,0,.6); }html[data-theme="light"] .kaiten-space-tab:hover,html[data-theme="light"] .kaiten-space-add:hover,html[data-theme="light"] .kaiten-space-tab.active,html[data-theme="light"] .kaiten-space-folder:hover,html[data-theme="light"] .kaiten-space-folder.active,html[data-theme="light"] .kaiten-space-folder-wrap.open>.kaiten-space-folder { background:#fff; color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-space-folder-menu,html[data-theme="light"] .kaiten-space-folder-actions { border-color:rgba(0,0,0,.12); background:#fff; color:rgba(0,0,0,.87); box-shadow:0 10px 28px rgba(0,0,0,.2); }html[data-theme="light"] .kaiten-space-folder-actions>button:hover { background:rgba(0,0,0,.04); }html[data-theme="light"] .kaiten-folder-space { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-folder-space-wrap:hover,html[data-theme="light"] .kaiten-folder-space-wrap.active { background:rgba(0,0,0,.04); }html[data-theme="light"] .kaiten-space-folder-menu-trigger,html[data-theme="light"] .kaiten-folder-space-menu-trigger { color:rgba(0,0,0,.6); }html[data-theme="light"] .kaiten-space-row-settings { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-column-popover,html[data-theme="light"] .kaiten-board-card-menu { border-color:#d0d0d0; background:#fff; box-shadow:0 10px 28px #0003; }html[data-theme="light"] .kaiten-column-popover>header { border-color:#ddd; color:#202020; }html[data-theme="light"] .kaiten-column-popover>button,html[data-theme="light"] .kaiten-board-card-menu>button { border-color:#e2e2e2; color:#292929; }html[data-theme="light"] .kaiten-column-popover>button:hover,html[data-theme="light"] .kaiten-board-card-menu>button:hover { background:#f0f0f0; }html[data-theme="light"] .kaiten-column-popover>button.danger,html[data-theme="light"] .kaiten-board-card-menu>button.danger { color:#c43f3f; }html[data-theme="light"] .kaiten-board-card-menu hr { border-color:#ddd; }
html[data-theme="light"] .kaiten-card-window-action,html[data-theme="light"] .kaiten-card-inline-action,html[data-theme="light"] .kaiten-comment-actions,html[data-theme="light"] .kaiten-comment-actions button,html[data-theme="light"] .kaiten-comment-smile,html[data-theme="light"] .kaiten-comment-options { color:#333; }html[data-theme="light"] .kaiten-card-window-action:hover,html[data-theme="light"] .kaiten-card-inline-action:hover,html[data-theme="light"] .kaiten-comment-actions button:hover,html[data-theme="light"] .kaiten-comment-smile:hover,html[data-theme="light"] .kaiten-comment-options:hover { background:#e5e5e5; color:#111; }
html[data-theme="light"] .kaiten-card-label-option-row:hover { background:#f0f0f0; }html[data-theme="light"] .kaiten-label-delete { color:#666; }html[data-theme="light"] .kaiten-label-delete:hover { background:#e6e6e6; color:#c43f3f; }
html[data-theme="light"] .kaiten-library-create>label { color:#555; }html[data-theme="light"] .kaiten-library-create input,html[data-theme="light"] .kaiten-library-parent { border-color:#bbb; background:#fff; color:#202020; }html[data-theme="light"] .kaiten-library-create>footer { border-color:#d2d2d2; }html[data-theme="light"] .kaiten-library-create>footer button { background:#ddd; color:#202020; }html[data-theme="light"] .kaiten-library-create>footer button.primary { background:#ab47bc; color:#fff; }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) { border-color:var(--kt-line); background:var(--kt-panel); color:var(--kt-text); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-modal-head { border-color:var(--kt-line); background:var(--kt-panel); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-modal-close { border-color:var(--kt-line); background:var(--kt-panel-2); color:var(--kt-text); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-modal-close:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access legend { color:var(--kt-muted); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access>label { border-color:var(--kt-line); background:var(--kt-panel-2); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access>label.selected { border-color:var(--kt-accent); background:rgba(156,39,176,.08); box-shadow:0 0 0 1px var(--kt-accent); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access>label::before { border-color:var(--kt-muted); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access>label.selected::before { border-color:var(--kt-accent); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access strong { color:var(--kt-text); }
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-library-create) .kaiten-space-access small { color:var(--kt-muted); }
html[data-theme="light"] .kaiten-workspace,html[data-theme="light"] .kaiten-content,html[data-theme="light"] .kaiten-board-stage { background:#f0f0f3; }html[data-theme="light"] .kaiten-board { background:#f8f9fb; }html[data-theme="light"] .kaiten-board-titlebar,html[data-theme="light"] .kaiten-column { border-color:#e4e7ec; }html[data-theme="light"] .kaiten-board-titlebar,html[data-theme="light"] .kaiten-column-title,html[data-theme="light"] .kaiten-card-title { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-card-meta button { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-create-menu { border-color:rgba(0,0,0,.12); background:#fff; box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-create-menu button { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-create-menu button:hover { background:rgba(0,0,0,.04); color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-create-menu hr { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-create-label { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-filter-group { border-color:#ccd0d6;background:#fff; }html[data-theme="light"] .kaiten-filter-group>span { border-color:#d9dde2;color:#292929; }html[data-theme="light"] .kaiten-filter-actions>span { background:#606166;color:#fff; }html[data-theme="light"] .kaiten-filter-actions>button { color:#fff; }
html[data-theme="light"] .kaiten-filter-builder { background:#fff;color:rgba(0,0,0,.87);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12); }html[data-theme="light"] .kaiten-filter-builder header { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-filter-builder header button { color:rgba(0,0,0,.54); }html[data-theme="light"] .kaiten-filter-search,html[data-theme="light"] .kaiten-filter-radio-row input:checked+i { border-color:rgba(0,0,0,.26); background:#fff; }html[data-theme="light"] .kaiten-filter-search input,html[data-theme="light"] .kaiten-filter-radio-row { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-filter-list>button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-filter-list>button:hover { background:rgba(0,0,0,.04); }html[data-theme="light"] .kaiten-filter-value-input,html[data-theme="light"] .kaiten-filter-select { background:#f5f5f5;color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-filter-value-menu { background:#fff; }html[data-theme="light"] .kaiten-filter-value-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-filter-apply { background:#fff; }
html[data-theme="light"] .kaiten-filter-set-tabs { border-color:rgba(0,0,0,.12); }html[data-theme="light"] .kaiten-saved-filter-row>button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-saved-filter-more:hover,html[data-theme="light"] .kaiten-saved-filter-more[aria-expanded="true"] { background:rgba(0,0,0,.06)!important; }html[data-theme="light"] .kaiten-saved-filter-menu { background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.24); }html[data-theme="light"] .kaiten-saved-filter-menu button { color:rgba(0,0,0,.87); }html[data-theme="light"] .kaiten-saved-filter-menu button:hover { background:rgba(0,0,0,.06); }html[data-theme="light"] .kaiten-filter-list-heading { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-filter-letter-glyph { background:#222;color:#fff; }
html[data-theme="light"] .kaiten-notification-settings,html[data-theme="light"] .kaiten-notification-settings-tabs,html[data-theme="light"] .kaiten-notification-settings>footer { border-color:#d2d2d2; background:#f5f5f5; color:#202020; }
html[data-theme="light"] .kaiten-notification-settings-close,html[data-theme="light"] .kaiten-notification-matrix-head>label,html[data-theme="light"] .kaiten-notification-event-row>strong,html[data-theme="light"] .kaiten-notification-radio,html[data-theme="light"] .kaiten-notification-deadline { color:#202020; }
html[data-theme="light"] .kaiten-notification-timezone>span { background:#f5f5f5; }html[data-theme="light"] .kaiten-notification-timezone select { color-scheme:light; background:#fff; color:#202020; }html[data-theme="light"] .kaiten-notification-timezone option { background:#fff; color:#202020; }
html[data-theme="light"] .kaiten-notification-subscriptions select { border-color:#bbb; background:#fff; color:#202020; color-scheme:light; }
html[data-theme="light"] .kaiten-notification-section-title,html[data-theme="light"] .kaiten-notification-event-row,html[data-theme="light"] .kaiten-notification-radio,html[data-theme="light"] .kaiten-notification-deadline { border-color:#d2d2d2; }html[data-theme="light"] .kaiten-notification-radio>input:checked+i { box-shadow:inset 0 0 0 4px #f5f5f5; }html[data-theme="light"] .kaiten-notification-delivery-settings h2,html[data-theme="light"] .kaiten-notification-delivery-settings legend,html[data-theme="light"] .kaiten-notification-crm-settings h2 { color:#555; }html[data-theme="light"] .kaiten-notification-radio small,html[data-theme="light"] .kaiten-notification-deadline small,html[data-theme="light"] .kaiten-notification-crm-settings>p { color:#666; }

.kaiten-dialog-backdrop { position:fixed; inset:0; z-index:4000; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(0,0,0,.55); }
.kaiten-dialog { width:min(440px,calc(100vw - 48px)); overflow:hidden; border:1px solid #4b4b4b; border-radius:4px; background:#303030; color:#fff; box-shadow:0 18px 58px rgba(0,0,0,.6); font-family:Roboto,Helvetica,Arial,sans-serif; }
.kaiten-dialog>header { min-height:58px; display:flex; align-items:center; padding:15px 18px; border-bottom:1px solid #505050; font-size:17px; font-weight:500; }
.kaiten-dialog>p { margin:0; padding:18px; color:#c9c9c9; font-size:14px; line-height:1.5; }
.kaiten-dialog>label { display:grid; gap:7px; padding:18px; color:#bbb; font-size:12px; }
.kaiten-dialog input,.kaiten-dialog textarea { width:100%; box-sizing:border-box; border:1px solid #606060; border-radius:3px; outline:0; background:#242424; color:#fff; font:400 15px/1.4 Roboto,Helvetica,Arial,sans-serif; }
.kaiten-dialog input { height:42px; padding:0 11px; }.kaiten-dialog textarea { min-height:130px; padding:10px 11px; resize:vertical; }
.kaiten-dialog input:focus,.kaiten-dialog textarea:focus { border-color:#ab47bc; box-shadow:0 0 0 1px #ab47bc; }
.kaiten-dialog>footer { min-height:60px; display:flex; align-items:center; justify-content:flex-end; gap:9px; padding:10px 16px; border-top:1px solid #505050; }
.kaiten-dialog>footer button { min-height:38px; padding:0 16px; border:0; border-radius:3px; background:#515151; color:#fff; font-weight:500; cursor:pointer; }.kaiten-dialog>footer button.primary { background:#ab47bc; }.kaiten-dialog>footer button.danger { background:#c44747; }
.kaiten-dialog>footer button:disabled { opacity:.45; cursor:not-allowed; }.kaiten-dialog-filter-scope { grid-template-columns:22px 1fr!important; align-items:flex-start; padding-top:0!important; cursor:pointer; }.kaiten-dialog-filter-scope input { position:absolute; opacity:0; pointer-events:none; }.kaiten-dialog-filter-scope>i { position:relative;width:18px;height:18px;box-sizing:border-box;border:2px solid #aaa;border-radius:2px; }.kaiten-dialog-filter-scope input:checked+i { border-color:#ab47bc;background:#ab47bc;box-shadow:none; }.kaiten-dialog-filter-scope input:checked+i::after { content:"";position:absolute;top:2px;left:2px;width:7px;height:4px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg); }.kaiten-dialog-filter-scope>span { display:grid;gap:5px; }.kaiten-dialog-filter-scope strong { color:#eee;font-size:14px;font-weight:400; }.kaiten-dialog-filter-scope small { color:#999;font-size:12px;line-height:1.35; }
.kaiten-filter-save-dialog { width:min(600px,calc(100vw - 48px)); border:0; border-radius:4px; background:#424242; }.kaiten-filter-save-dialog>header { min-height:64px; box-sizing:border-box; align-items:flex-start; padding:16px 24px; border:0; font:500 20px/32px Roboto,Helvetica,Arial,sans-serif; }.kaiten-filter-save-dialog>label:not(.kaiten-dialog-filter-scope) { position:relative; gap:0; padding:27px 24px 11px; }.kaiten-filter-save-dialog>label:not(.kaiten-dialog-filter-scope)>span { position:absolute;z-index:1;top:18px;left:36px;padding:0 5px;background:#424242;color:#ce93d8;font-size:12px;line-height:18px; }.kaiten-filter-save-dialog input { height:40px;border-color:#ab47bc;background:transparent; }.kaiten-filter-save-dialog>.kaiten-dialog-filter-scope { grid-template-columns:20px 1fr!important;gap:8px;padding:15px 24px 12px!important; }.kaiten-filter-save-dialog>.kaiten-dialog-filter-scope>i { width:16px;height:16px;margin-top:1px; }.kaiten-filter-save-dialog>.kaiten-dialog-filter-scope>span { gap:4px; }.kaiten-filter-save-dialog>.kaiten-dialog-filter-scope strong { font-size:16px;line-height:20px; }.kaiten-filter-save-dialog>.kaiten-dialog-filter-scope small { font-size:12px;line-height:18px; }.kaiten-filter-save-dialog>footer { min-height:63.4px;box-sizing:border-box;align-items:flex-end;gap:12px;padding:8px;border:0; }.kaiten-filter-save-dialog>footer button { min-width:92px;min-height:38px;border:1px solid #777;background:transparent;font:500 13px/20px Roboto,Helvetica,Arial,sans-serif;text-transform:uppercase; }.kaiten-filter-save-dialog>footer button.primary { min-width:118px;background:#ab47bc; }.kaiten-filter-save-dialog>footer button.primary:disabled { border-color:#666;background:transparent;color:#777;opacity:1; }
html[data-theme="light"] .kaiten-dialog { border-color:#ccc; background:#fff; color:#222; }.kaiten-dialog>header,html[data-theme="light"] .kaiten-dialog>footer { border-color:#ddd; }html[data-theme="light"] .kaiten-dialog>p,html[data-theme="light"] .kaiten-dialog>label { color:#555; }html[data-theme="light"] .kaiten-dialog input,html[data-theme="light"] .kaiten-dialog textarea { border-color:#aaa; background:#f6f6f6; color:#222; }html[data-theme="light"] .kaiten-dialog-filter-scope strong { color:#222; }
html[data-theme="light"] .kaiten-filter-save-dialog>label:not(.kaiten-dialog-filter-scope)>span { background:#fff;color:#9c27b0; }html[data-theme="light"] .kaiten-filter-save-dialog input { border-color:#9c27b0;background:transparent; }html[data-theme="light"] .kaiten-filter-save-dialog>footer button { border-color:#bbb;background:#fff;color:#333; }html[data-theme="light"] .kaiten-filter-save-dialog>footer button.primary { border-color:#9c27b0;background:#9c27b0;color:#fff; }html[data-theme="light"] .kaiten-filter-save-dialog>footer button.primary:disabled { border-color:#ddd;background:#fff;color:#c7c7c7; }
html[data-theme="light"] .kaiten-telegram-bot-card { border-color:#ccc; background:#fff; }html[data-theme="light"] .kaiten-telegram-bot-card.connected { border-color:#71aa9e; background:#edf8f5; }html[data-theme="light"] .kaiten-telegram-bot-card strong { color:#202020; }html[data-theme="light"] .kaiten-telegram-bot-card p { color:#666; }html[data-theme="light"] .kaiten-telegram-actions button { border-color:#777; color:#222; }html[data-theme="light"] .kaiten-telegram-actions button.primary { color:#fff; }html[data-theme="light"] .kaiten-telegram-actions button.danger { color:#a33; }

@media (min-width:701px) {
  .main:has(#page-kaiten.active) { height:100dvh; min-height:0; gap:0; padding:2px; overflow:hidden; }
  #page-kaiten.active { flex:1 1 auto; min-height:0; gap:0; overflow:hidden; }
  #page-kaiten.active #kaiten-app { min-width:0; min-height:0; display:flex; flex:1 1 auto; }
  #page-kaiten.active .kaiten-shell { width:100%; height:100%; min-height:0; }
  #page-kaiten.active .kaiten-workspace,
  #page-kaiten.active .kaiten-content,
  #page-kaiten.active .kaiten-board-stage { min-height:0; overflow:hidden; }
  #page-kaiten.active .kaiten-list-view,
  #page-kaiten.active .kaiten-list-stage,
  #page-kaiten.active .kaiten-calendar { min-height:0; flex:1 1 auto; overflow:hidden; }
  #page-kaiten.active .kaiten-list-view { overflow-x:auto; overflow-y:hidden; }
  #page-kaiten.active .kaiten-calendar-scroll { min-height:0; overflow:auto; }
  #page-kaiten.active .kaiten-board-titlebar { flex:0 0 42px; }
  #page-kaiten.active .kaiten-board { min-height:0; overflow:auto; overscroll-behavior:contain; }
  #page-kaiten.active .kaiten-board-columns { min-height:100%; }
  #page-kaiten.active .kaiten-column-header { position:sticky; z-index:15; top:0; background:#303030; }
  #page-kaiten.active .kaiten-column-create-form { position:sticky; z-index:15; top:0; }
  html[data-theme="light"] #page-kaiten.active .kaiten-column-header { background:#f8f9fb; }
}

/* Native Kaiten card control bar */
.kaiten-card-toolbar{position:relative;z-index:40;min-height:48px;display:flex;align-items:center;gap:16px;margin:25px -21px 24px -24px}.kaiten-card-toolbar-spacer{min-width:24px;flex:1}.kaiten-card-toolbar-button{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#e0e0e0;color:#000000de;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;cursor:pointer}.kaiten-card-toolbar-button:hover,.kaiten-card-toolbar-button:focus-visible{background:#f5f5f5;outline:0}.kaiten-card-toolbar-button.primary{background:#ab47bc;color:#fff}.kaiten-card-toolbar-button.primary:hover{background:#bd54ce}.kaiten-card-toolbar-button.active{color:#ab47bc}.kaiten-card-toolbar-button.warning{color:#ef6c00}.kaiten-card-toolbar-button svg{width:24px;height:24px;fill:currentColor}.kaiten-card-next-column{max-width:154px;min-width:116px;height:40px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 16px;overflow:hidden;border:0;border-radius:20px;background:#e0e0e0;color:#000000de;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;cursor:pointer}.kaiten-card-next-column:hover:not(:disabled),.kaiten-card-next-column:focus-visible:not(:disabled){background:#f5f5f5;outline:0}.kaiten-card-next-column:disabled{color:#00000061;cursor:default}.kaiten-card-next-column svg{width:24px;height:24px;flex:0 0 auto;fill:currentColor}.kaiten-card-next-column span{overflow:hidden;font:500 14px/24.5px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.39998px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.kaiten-automation-glyph{position:relative;font:700 26px/1 Roboto,Helvetica,Arial,sans-serif}.kaiten-automation-glyph sup{position:absolute;right:-5px;top:-4px;font-size:8px}
.kaiten-voice-button.starting,.kaiten-comment-voice-button.starting { background:#5a475d; color:#ce93d8; }.kaiten-voice-starting { position:absolute; right:-2px; top:-7px; font-size:17px; letter-spacing:2px; animation:kaiten-voice-pulse 1s ease-in-out infinite; }
.kaiten-card-favorite.active { color:#fcbd01; }.kaiten-card-favorite.active svg { width:20px; height:20px; fill:#fcbd01; }
.kaiten-card-toolbar [aria-label],.kaiten-module-tools [aria-label],.kaiten-column-menu[aria-label],.kaiten-space-menu-trigger[aria-label] { position:relative; }
.kaiten-card-toolbar [aria-label]::after,.kaiten-card-favorite[aria-label]::after,.kaiten-card-subscribe[aria-label]::after,.kaiten-module-tools [aria-label]::after,.kaiten-column-menu[aria-label]::after,.kaiten-space-menu-trigger[aria-label]::after { content:attr(aria-label); position:absolute; z-index:3000; left:50%; top:calc(100% + 7px); width:max-content; max-width:220px; padding:5px 8px; border-radius:3px; background:#5b5b5b; color:#fff; font:500 11px/1.2 Roboto,Helvetica,Arial,sans-serif; opacity:0; pointer-events:none; transform:translateX(-50%); transition:none; white-space:nowrap; }
.kaiten-card-toolbar [aria-label]:hover::after,.kaiten-card-favorite[aria-label]:hover::after,.kaiten-card-subscribe[aria-label]:hover::after,.kaiten-module-tools [aria-label]:hover::after,.kaiten-column-menu[aria-label]:hover::after,.kaiten-space-menu-trigger[aria-label]:hover::after { opacity:1; }
.kaiten-card-control-panel{position:absolute;z-index:110;top:56px;right:0;width:320px;max-height:min(500px,calc(100vh - 140px));overflow:auto;padding:6px 0;border:1px solid #ffffff21;border-radius:3px;background:#111;color:#fff;box-shadow:0 12px 36px #00000094;font:400 14px/20px Roboto,Helvetica,Arial,sans-serif;scrollbar-color:#777 transparent;scrollbar-width:thin}.kaiten-card-control-panel>header{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ffffff1a}.kaiten-card-control-panel>header>button{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:24px;cursor:pointer}.kaiten-card-control-panel>header>button:hover{background:#ffffff14}.kaiten-card-control-panel>header strong{font-weight:500}.kaiten-card-control-panel>p{margin:14px;color:#ffffffb8;line-height:1.45}.kaiten-card-control-menu-item{width:100%;min-height:40px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:5px 14px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.kaiten-card-control-menu-item:hover,.kaiten-card-control-menu-item:focus-visible,.kaiten-card-control-menu-item[aria-current=true]{background:#303030;outline:0}.kaiten-card-control-menu-item[aria-pressed=true]{color:#ce93d8}.kaiten-card-control-menu-item[data-popover=confirm-delete]{color:#ef5350}.kaiten-card-control-menu-item>span{width:24px;height:24px;display:grid;place-items:center}.kaiten-card-control-menu-item svg{width:20px;height:20px;fill:currentColor}.kaiten-card-control-menu-item b{overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.kaiten-card-add-menu{right:auto;left:0;width:500px;max-height:468px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;background:#424242}.kaiten-card-add-menu section{min-width:0;padding:0 8px 10px}.kaiten-card-add-menu h4{margin:7px 14px 4px;color:#ffffff8f;font-size:12px;font-weight:500}.kaiten-card-add-menu .kaiten-card-control-menu-item{border-radius:3px}.kaiten-card-automation-panel{width:332px;min-height:318px;background:#424242}.kaiten-card-automation-panel>p{margin:26px 22px;color:#ffffffb3}
.kaiten-card-share-panel,.kaiten-card-block-panel,.kaiten-card-time-panel,.kaiten-card-timeline-panel,.kaiten-card-confirm-panel{padding-bottom:12px;background:#424242}.kaiten-card-control-panel>label{display:grid;gap:7px;margin:14px;color:#ffffffb3;font-size:12px}.kaiten-card-control-panel input,.kaiten-card-control-panel textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #ffffff38;border-radius:3px;outline:0;background:#303030;color:#fff;font:400 14px/20px Roboto,Helvetica,Arial,sans-serif}.kaiten-card-control-panel input{height:42px;padding:0 12px}.kaiten-card-control-panel textarea{min-height:86px;padding:10px 12px;resize:vertical}.kaiten-card-control-panel input:focus,.kaiten-card-control-panel textarea:focus{border-color:#ab47bc}.kaiten-card-control-panel>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px 0}.kaiten-card-control-panel>footer button,.kaiten-card-panel-primary{min-height:36px;padding:0 14px;border:0;border-radius:3px;background:#535353;color:#fff;cursor:pointer}.kaiten-card-control-panel>footer button.primary,.kaiten-card-panel-primary{background:#ab47bc}.kaiten-card-control-panel>footer button.danger{background:#c44747}.kaiten-card-menu-panel{padding:6px 0}.kaiten-card-menu-inline{position:absolute;top:6px;right:8px;display:flex;align-items:center;gap:2px}.kaiten-card-menu-inline button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:16px;cursor:pointer}.kaiten-card-menu-inline button:hover{background:#303030}.kaiten-card-control-scroll{max-height:360px;overflow:auto}.kaiten-card-history-panel article{min-height:54px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px 14px;border-bottom:1px solid #ffffff14}.kaiten-card-history-panel article i{width:22px;height:22px;color:#bdbdbd}.kaiten-card-history-panel article svg{width:20px;height:20px;fill:currentColor}.kaiten-card-history-panel article span{min-width:0;display:grid;gap:2px}.kaiten-card-history-panel article b{font-weight:400}.kaiten-card-history-panel article small{color:#ffffff80}.kaiten-time-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px;padding:12px;border-radius:3px;background:#303030}.kaiten-time-total span{color:#ffffff99}.kaiten-time-total strong{font-weight:500}.kaiten-card-time-panel>.kaiten-card-panel-primary{margin:0 14px 12px}.kaiten-card-time-panel article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 14px;border-top:1px solid #ffffff14}.kaiten-card-time-panel article small{grid-column:1/-1;color:#ffffff80}.kaiten-card-confirm-panel{width:360px}.kaiten-card-relation-panel{background:#424242}

/* Kaiten card bugfixes: unclipped popovers, media, relationships and configurable previews. */
.kaiten-card-date-menu{position:fixed;z-index:2450;top:var(--kaiten-due-top,12px);left:var(--kaiten-due-left,12px);bottom:auto;width:min(327px,calc(100vw - 24px));max-height:var(--kaiten-due-max-height,calc(100dvh - 24px));box-sizing:border-box}
.kaiten-file-viewer-body>video{max-width:100%;max-height:100%;background:#000;object-fit:contain}
.kaiten-card-preview-fields{min-width:0;display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px;color:#bdbdbd;font-size:11px}.kaiten-card-preview-fields>span{max-width:100%;display:inline-flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaiten-card-preview-fields svg{width:13px;height:13px;fill:currentColor}
.kaiten-card-footer{min-width:0;flex-wrap:wrap}.kaiten-avatars,.kaiten-card-footer-tail{min-width:0;flex-wrap:wrap}.kaiten-card-footer-tail{max-width:100%;justify-content:flex-end}.kaiten-card-due{max-width:100%}.kaiten-card-due>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kaiten-comment-compose{grid-template-columns:24px minmax(0,1fr) 42px;overflow:visible}.kaiten-comment-compose:has(.kaiten-comment-editor:focus-within),.kaiten-comment-compose:has(.kaiten-comment-editor[data-expanded="true"]){grid-template-columns:24px minmax(0,1fr)}.kaiten-comment-voice-button{grid-column:3}
.kaiten-card-relations-property .kaiten-card-property-value{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kaiten-card-relation-chip{min-width:0;max-width:100%;display:inline-flex;align-items:center;border-radius:4px;background:rgba(171,71,188,.18)}.kaiten-card-relation-chip>button{min-width:0;min-height:30px;padding:4px 8px;border:0;background:transparent;color:#e1bee7;cursor:pointer}.kaiten-card-relation-chip>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaiten-card-relation-chip>button:last-child{flex:0 0 auto;padding-inline:6px;font-size:18px}.kaiten-card-relation-add{width:30px;height:30px;display:grid;place-items:center;padding:5px;border:0;border-radius:50%;background:transparent;color:#bdbdbd;cursor:pointer}.kaiten-card-relation-add:hover{background:rgba(255,255,255,.08);color:#fff}.kaiten-card-relation-add svg{width:18px;height:18px;fill:currentColor}.kaiten-card-relation-search{margin:10px 12px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center;gap:6px}.kaiten-card-relation-search svg{width:18px;height:18px;fill:currentColor}.kaiten-card-relation-search input{height:36px!important}
.kaiten-panel-modal:has(.kaiten-card-view-settings){width:min(1120px,calc(100vw - 48px))}.kaiten-card-view-settings{min-height:480px;display:grid;grid-template-columns:210px minmax(300px,1fr) minmax(280px,360px);gap:20px}.kaiten-card-view-settings h3{margin:0 0 12px;font-size:14px}.kaiten-card-view-settings>aside{display:flex;flex-direction:column;gap:6px;padding-right:16px;border-right:1px solid #ffffff1f}.kaiten-card-view-settings>aside button{min-height:42px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:#fff;text-align:left;cursor:pointer}.kaiten-card-view-settings>aside button:hover,.kaiten-card-view-settings>aside button.active{background:#ffffff14}.kaiten-card-view-settings>section>p{margin:0 0 14px;color:#bdbdbd;line-height:1.5}.kaiten-card-view-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kaiten-card-view-field-list label,.kaiten-card-view-scope{min-height:38px;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer}.kaiten-card-view-field-list label:hover{background:#ffffff0d}.kaiten-card-view-field-list input,.kaiten-card-view-scope input{accent-color:#ab47bc}.kaiten-card-view-scope{margin-top:20px;border-top:1px solid #ffffff1f;color:#bdbdbd}.kaiten-card-view-preview{padding:16px;border-radius:5px;background:#252525}.kaiten-card-view-preview-card{display:grid;gap:8px;padding:12px;border:1px solid #5a5a5a;border-radius:6px;background:#424242;color:#fff}.kaiten-card-view-preview-card>small{color:#bdbdbd}.kaiten-card-view-preview-card>strong{overflow-wrap:anywhere}.kaiten-card-view-preview-card>.label{width:max-content;max-width:100%;padding:3px 10px;border-radius:12px;background:#e2ded9;color:#444}.kaiten-card-view-preview-card>footer{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kaiten-card-view-preview-card>footer i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ab47bc;font-style:normal}.kaiten-card-view-preview-card>footer time{min-width:0;display:flex;align-items:center;gap:4px;margin-left:auto;color:#bdbdbd}.kaiten-card-view-preview-card>footer svg{width:16px;height:16px;fill:currentColor}.kaiten-card-view-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff1f}.kaiten-card-view-actions button{min-height:38px;padding:0 16px;border:0;border-radius:4px;background:#535353;color:#fff;cursor:pointer}.kaiten-card-view-actions button.primary{background:#ab47bc}
html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-card-view-settings){border-color:var(--kt-line);background:var(--kt-panel);color:var(--kt-text)}html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-card-view-settings) .kaiten-modal-head{border-color:var(--kt-line);background:var(--kt-panel)}html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-card-view-settings) .kaiten-modal-close{border-color:var(--kt-line);background:var(--kt-panel-2);color:var(--kt-text)}html[data-theme="light"] .kaiten-panel-modal:has(.kaiten-card-view-settings) .kaiten-modal-close:hover{background:rgba(0,0,0,.04)}
html[data-theme="light"] .kaiten-card-view-settings>aside{border-color:#0000001f}html[data-theme="light"] .kaiten-card-view-settings>aside button{color:#292929}html[data-theme="light"] .kaiten-card-view-settings>aside button:hover,html[data-theme="light"] .kaiten-card-view-settings>aside button.active,html[data-theme="light"] .kaiten-card-view-field-list label:hover{background:#0000000f}html[data-theme="light"] .kaiten-card-view-settings>section>p,html[data-theme="light"] .kaiten-card-view-scope,html[data-theme="light"] .kaiten-card-view-preview-card>small,html[data-theme="light"] .kaiten-card-view-preview-card>footer time{color:var(--kt-muted)}html[data-theme="light"] .kaiten-card-view-scope,html[data-theme="light"] .kaiten-card-view-actions{border-color:#0000001f}html[data-theme="light"] .kaiten-card-view-preview{background:#f2f2f2}html[data-theme="light"] .kaiten-card-view-preview-card{border-color:#d2d2d2;background:#fff;color:#292929}html[data-theme="light"] .kaiten-card-view-actions button{background:rgba(0,0,0,.08);color:var(--kt-text)}html[data-theme="light"] .kaiten-card-view-actions button.primary{background:var(--kt-accent);color:#fff}
html[data-theme="light"] .kaiten-comment-draft-emoji{border-color:#d0d0d0;background:#fff;color:#202020;box-shadow:0 8px 24px rgba(0,0,0,.22)}html[data-theme="light"] .kaiten-comment-draft-emoji nav{border-color:#ddd}html[data-theme="light"] .kaiten-comment-draft-emoji>label input{border-color:#ccc;background:#f5f5f5;color:#202020}html[data-theme="light"] .kaiten-comment-emoji-scroll h4{color:#202020}html[data-theme="light"] .kaiten-comment-emoji-scroll section>div button:hover,html[data-theme="light"] .kaiten-comment-emoji-scroll section>div button:focus-visible{background:#eee}

/* Light-theme overlays mirror Kaiten's white Material menus. Keep this block after
   the card controls so dark defaults cannot win later in the cascade. */
html[data-theme="light"] .kaiten-space-background-layer { background:#fff; }
html[data-theme="light"] .kaiten-workspace.has-space-background .kaiten-board-stage { background:rgba(248,249,251,.7); }
html[data-theme="light"] .kaiten-workspace.has-space-background :is(.kaiten-board,.kaiten-column,.kaiten-column-header,.kaiten-column-create,.kaiten-board-titlebar) { background:transparent; }

html[data-theme="light"] .kaiten-filter-builder { width:360px; }
html[data-theme="light"] .kaiten-filter-builder { font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] :is(.kaiten-filter-search input,.kaiten-filter-value-input,.kaiten-filter-select,.kaiten-filter-radio-row,.kaiten-filter-options button,.kaiten-filter-value-menu button,.kaiten-filter-value-menu input) { font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] .kaiten-create-menu { width:280px; }
html[data-theme="light"] .kaiten-create-menu button { min-height:36px;padding:4px 16px;color:rgba(0,0,0,.87);font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] .kaiten-create-label { color:rgba(0,0,0,.6);font:500 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px;text-transform:none; }
html[data-theme="light"] .kaiten-space-menu { width:323px;border:0;border-radius:4px; }
html[data-theme="light"] .kaiten-space-menu>button,
html[data-theme="light"] .kaiten-space-subscribe { min-height:36px;padding:4px 16px;color:rgba(0,0,0,.87);font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] .kaiten-space-menu h4 { min-height:48px;display:flex;align-items:center;margin:0;padding:0 16px;color:rgba(0,0,0,.6);font:500 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] .kaiten-space-menu :is(svg,.kaiten-space-menu-glyph) { color:rgba(0,0,0,.54); }
html[data-theme="light"] .kaiten-card-add-menu { width:503px; }
html[data-theme="light"] :is(.kaiten-board-card-menu>button,.kaiten-column-popover>button,.kaiten-card-control-menu-item) { min-height:36px;padding:4px 16px;font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] :is(.kaiten-space-folder-actions>button,.kaiten-folder-space,.kaiten-filter-list>button,.kaiten-filter-value-menu button,.kaiten-filter-path button) { min-height:36px;font:400 14px/20.02px Roboto,Helvetica,Arial,sans-serif;letter-spacing:.15px; }
html[data-theme="light"] .kaiten-space-folder-actions>button { padding:4px 16px; }
html[data-theme="light"] .kaiten-filter-value-menu { border-color:rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-filter-value-menu>label { border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-filter-value-menu>label input { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-filter-value-menu button:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-filter-value-menu button.selected { background:rgba(156,39,176,.08); }
html[data-theme="light"] .kaiten-filter-list>button:disabled { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-filter-list>button:disabled i { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-filter-apply { border-color:rgba(0,0,0,.12);color:#9c27b0; }
html[data-theme="light"] .kaiten-filter-apply:hover:not(:disabled) { background:rgba(0,0,0,.04);color:#9c27b0; }
html[data-theme="light"] :is(.kaiten-board-card-menu svg,.kaiten-card-control-menu-item>span) { color:rgba(0,0,0,.54); }
html[data-theme="light"] :is(.kaiten-notification-item,.kaiten-notification-load-more) { background:#fff; }
html[data-theme="light"] .kaiten-notification-item { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-notification-copy strong,html[data-theme="light"] .kaiten-notification-copy u { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-notification-copy time { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-notification-item:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-notification-mark-unread { background:rgba(0,0,0,.04);color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-notification-mark-unread:hover { background:rgba(0,0,0,.08); }
html[data-theme="light"] :is(
  .kaiten-space-menu,
  .kaiten-space-folder-actions,
  .kaiten-space-folder-menu,
  .kaiten-column-popover,
  .kaiten-board-card-menu,
  .kaiten-card-control-panel,
  .kaiten-card-add-menu,
  .kaiten-card-automation-panel,
  .kaiten-card-share-panel,
  .kaiten-card-block-panel,
  .kaiten-card-time-panel,
  .kaiten-card-timeline-panel,
  .kaiten-card-confirm-panel,
  .kaiten-card-relation-panel,
  .kaiten-card-member-picker>div,
  .kaiten-card-customer-menu,
  .kaiten-card-location-menu,
  .kaiten-card-choice-menu,
  .kaiten-card-date-menu,
  .kaiten-card-due-reminder-menu,
  .kaiten-card-label-menu,
  .kaiten-description-menu,
  .kaiten-description-overflow-menu,
  .kaiten-file-row-menu,
  .kaiten-file-add-panel,
  .kaiten-comment-filter-menu,
  .kaiten-comment-mention-menu,
  .kaiten-comment-more-menu,
  .kaiten-comment-options-menu,
  .kaiten-comment-file-menu,
  .kaiten-emoji-picker,
  .kaiten-comment-draft-emoji,
  .kaiten-notification-popover
) {
  border-color:rgba(0,0,0,.12);
  background:#fff;
  color:rgba(0,0,0,.87);
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
  font-family:Roboto,Helvetica,Arial,sans-serif;
  scrollbar-color:#999 rgba(0,0,0,.08);
}
html[data-theme="light"] :is(.kaiten-card-add-menu,.kaiten-card-automation-panel,.kaiten-card-share-panel,.kaiten-card-block-panel,.kaiten-card-time-panel,.kaiten-card-timeline-panel,.kaiten-card-confirm-panel,.kaiten-card-relation-panel) { background:#fff; }
html[data-theme="light"] :is(.kaiten-card-location-menu>header,.kaiten-notification-popover>header) { border-color:rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87); }

html[data-theme="light"] :is(
  .kaiten-space-menu>button,
  .kaiten-space-subscribe,
  .kaiten-space-folder-actions>button,
  .kaiten-folder-space,
  .kaiten-column-popover>button,
  .kaiten-board-card-menu>button,
  .kaiten-card-control-menu-item,
  .kaiten-card-customer-menu>button,
  .kaiten-card-location-options>button,
  .kaiten-card-choice-menu>button,
  .kaiten-card-date-menu button,
  .kaiten-card-due-reminder-menu>button,
  .kaiten-description-menu button,
  .kaiten-description-overflow-menu button,
  .kaiten-file-row-menu button,
  .kaiten-comment-filter-menu button,
  .kaiten-comment-mention-menu>button,
  .kaiten-comment-more-menu>button,
  .kaiten-comment-options-menu button,
  .kaiten-comment-file-menu button,
  .kaiten-notification-popover button
) { background:transparent;color:rgba(0,0,0,.87); }
html[data-theme="light"] :is(
  .kaiten-space-menu>button,
  .kaiten-space-subscribe,
  .kaiten-space-folder-actions>button,
  .kaiten-folder-space,
  .kaiten-column-popover>button,
  .kaiten-board-card-menu>button,
  .kaiten-card-control-menu-item,
  .kaiten-card-customer-menu>button,
  .kaiten-card-location-options>button,
  .kaiten-card-choice-menu>button,
  .kaiten-card-date-menu button,
  .kaiten-card-due-reminder-menu>button,
  .kaiten-description-menu button,
  .kaiten-description-overflow-menu button,
  .kaiten-file-row-menu button,
  .kaiten-comment-filter-menu button,
  .kaiten-comment-mention-menu>button,
  .kaiten-comment-more-menu>button,
  .kaiten-comment-options-menu button,
  .kaiten-comment-file-menu button,
  .kaiten-notification-popover button
):hover,
html[data-theme="light"] .kaiten-card-control-menu-item:focus-visible { background:rgba(0,0,0,.04);color:rgba(0,0,0,.87);outline:0; }
html[data-theme="light"] :is(.kaiten-card-control-menu-item[aria-current="true"],.kaiten-card-customer-menu>button.selected,.kaiten-card-location-options>button.selected,.kaiten-card-choice-menu>button.selected,.kaiten-card-due-reminder-menu>button.selected,.kaiten-comment-filter-menu button.selected,.kaiten-comment-mention-menu>button.active) { background:rgba(156,39,176,.08);color:rgba(0,0,0,.87); }
html[data-theme="light"] :is(.kaiten-card-control-menu-item[aria-pressed="true"],.kaiten-card-location-check,.kaiten-card-choice-menu>button>span:last-child) { color:#9c27b0; }
html[data-theme="light"] :is(.kaiten-space-menu>button:disabled,.kaiten-card-due-reminder-menu>button:disabled) { color:rgba(0,0,0,.38);opacity:.38; }
html[data-theme="light"] :is(.kaiten-space-menu>button.danger,.kaiten-space-folder-actions>button.danger,.kaiten-column-popover>button.danger,.kaiten-board-card-menu>button.danger,.kaiten-card-control-menu-item[data-popover="confirm-delete"],.kaiten-comment-options-menu button.danger) { color:#d32f2f; }

html[data-theme="light"] :is(.kaiten-space-menu h4,.kaiten-card-add-menu h4,.kaiten-card-control-panel>p,.kaiten-card-control-panel>label,.kaiten-card-location-menu>header small,.kaiten-card-customer-menu small,.kaiten-card-date-week span,.kaiten-card-date-menu>p,.kaiten-card-history-panel article small,.kaiten-card-time-panel article small,.kaiten-time-total span,.kaiten-member-empty) { color:rgba(0,0,0,.6); }
html[data-theme="light"] :is(.kaiten-column-popover>header,.kaiten-card-control-panel>header,.kaiten-card-history-panel article,.kaiten-card-time-panel article,.kaiten-card-date-menu>footer,.kaiten-card-date-menu>hr,.kaiten-board-card-menu hr) { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-card-date-menu>hr { background:rgba(0,0,0,.12); }
html[data-theme="light"] :is(.kaiten-card-control-panel input,.kaiten-card-control-panel textarea,.kaiten-card-due-time input,.kaiten-comment-file-menu input,.kaiten-file-add-panel input) { border-color:rgba(0,0,0,.23);background:#fff;color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-due-time label>span { background:#fff;color:rgba(0,0,0,.6); }
html[data-theme="light"] :is(.kaiten-card-date-grid>button,.kaiten-card-date-years>button,.kaiten-card-due-check,.kaiten-card-due-reminder>button,.kaiten-card-date-menu>footer button) { color:rgba(0,0,0,.87); }
html[data-theme="light"] :is(.kaiten-card-date-grid>button:hover,.kaiten-card-date-years>button:hover,.kaiten-card-date-menu>header button:hover,.kaiten-card-date-menu>footer button:hover) { background:rgba(0,0,0,.04); }
html[data-theme="light"] :is(.kaiten-card-date-grid>button.selected,.kaiten-card-date-years>button.selected,.kaiten-card-control-panel>footer button.primary,.kaiten-card-panel-primary) { background:#9c27b0;color:#fff; }
html[data-theme="light"] .kaiten-card-control-panel>footer button { background:rgba(0,0,0,.08);color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-control-panel>footer button.danger { background:#d32f2f;color:#fff; }
html[data-theme="light"] .kaiten-card-menu-inline button { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-menu-inline button:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-time-total { background:rgba(0,0,0,.04); }
html[data-theme="light"] :is(.kaiten-card-label-create,.kaiten-card-label-palette,.kaiten-comment-draft-emoji nav,.kaiten-comment-file-menu>header,.kaiten-file-add-panel>header) { border-color:rgba(0,0,0,.12); }
html[data-theme="light"] .kaiten-card-member-picker label { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-card-member-picker label:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-description-insert-panel { border-color:#9c27b0;background:#fff;color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-insert-panel>p { color:rgba(0,0,0,.6); }
html[data-theme="light"] .kaiten-description-link-fields label { color:rgba(0,0,0,.62); }
html[data-theme="light"] .kaiten-description-link-fields input { border-color:rgba(0,0,0,.24); background:#fff; color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-link-fields input:focus { border-color:#9c27b0; }
html[data-theme="light"] .kaiten-description-link-error { color:#c62828!important; }
html[data-theme="light"] .kaiten-description-insert-close { color:rgba(0,0,0,.87); }
html[data-theme="light"] .kaiten-description-insert-close:hover { background:rgba(0,0,0,.04); }
html[data-theme="light"] .kaiten-description-insert-primary { background:#9c27b0;color:#fff; }
html[data-theme="light"] .kaiten-notification-popover>header .kaiten-notification-unread { color:rgba(0,0,0,.38); }
html[data-theme="light"] .kaiten-notification-popover>header .kaiten-notification-unread.has-unread { color:#9c27b0; }
html[data-theme="light"] .kaiten-notification-popover>header .kaiten-notification-unread.active { background:rgba(156,39,176,.08); }

@media (max-width:1100px) { .kaiten-search { display:none; }.kaiten-reports { grid-template-columns:repeat(2,minmax(180px,1fr)); } }
@media (max-width:700px) {
  .kaiten-header { align-items:flex-start; }.kaiten-title { font-size:22px; }.kaiten-header .kaiten-nav-button { display:none; }
  .kaiten-shell { min-height:calc(100dvh - 110px); border-radius:13px; }
  .kaiten-module-head { align-items:flex-start; flex-wrap:wrap; padding:10px; }.kaiten-module-head .kaiten-title { width:100%; }.kaiten-module-head .kaiten-search { display:block; width:min(220px,52vw); }.kaiten-module-tools { flex:1; }
  .kaiten-toolbar { flex-wrap:wrap; gap:6px; padding:8px 10px; overflow:visible; }
  .kaiten-view-tabs { order:0; flex:1 0 100%; width:100%; min-width:0; justify-content:flex-start; gap:3px; padding:0 0 2px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .kaiten-view-tabs::-webkit-scrollbar { display:none; }
  .kaiten-view-tab { flex:0 0 auto; min-width:max-content; height:42px; gap:7px; padding:6px 10px; }
  .kaiten-view-tab:not(.active):not([data-view="reports"]):not([data-view="archive"])>span { position:static; width:auto; height:auto; margin:0; padding:0; overflow:visible; clip:auto; white-space:nowrap; border:0; }
  .kaiten-add-wrap { order:1; }
  .kaiten-toolbar-search-tools { order:2; flex:0 0 auto; margin-left:auto; }
  .kaiten-module-tools { order:3; flex:0 0 auto; max-width:100%; }
  .kaiten-module-tools .kaiten-control:not(.icon-only) span { display:inline; }
  .kaiten-toolbar-spacer { display:none; }
  .kaiten-control span { display:none; }.kaiten-control.icon-only { display:flex; }.kaiten-add-wrap .kaiten-control span { display:inline; }.kaiten-filterbar { padding:8px; }.kaiten-board { min-height:calc(100dvh - 210px); padding:9px; }
  .kaiten-filter-builder { position:fixed; inset:auto 8px 8px; width:auto; max-height:82dvh; }.kaiten-filter-builder footer { grid-template-columns:1fr; }
  .kaiten-view-subtoolbar { justify-content:flex-start; overflow-x:auto; }.kaiten-view-subtoolbar button { flex:0 0 auto; }.kaiten-disabled-note { display:none; }
  .kaiten-workspace { grid-template-columns:1fr; }
  .kaiten-column { width:82vw; min-width:82vw; }.kaiten-card-list { max-height:none; }
  .kaiten-list-view { grid-template-columns:1fr; flex-direction:column; align-items:stretch; gap:10px; padding:9px; overflow-x:hidden; overflow-y:auto; }
  .kaiten-list-section,.kaiten-list-section.collapsed { width:100%; min-width:0; min-height:240px; height:min(58dvh,560px); flex:0 0 auto; }
  .kaiten-list-section.collapsed { min-height:42px; height:42px; }
  .kaiten-list-section-head button { width:36px; height:36px; flex-basis:36px; opacity:1; }
  .kaiten-reports { grid-template-columns:1fr; padding:9px; }.kaiten-report-wide { grid-column:auto; }
  .kaiten-card-dialog.comments-right .kaiten-card-content { height:auto; overflow:auto; padding:28px 22px; }.kaiten-card-dialog.comments-right .kaiten-card-layout { height:auto; max-height:none; display:block; }.kaiten-card-dialog.comments-right .kaiten-card-primary { width:100%; max-height:none; margin-left:0; overflow:visible; padding:0; }.kaiten-card-dialog.comments-right .kaiten-card-discussion.docked { height:auto; max-height:none; margin:72px 0 0; overflow:visible; padding:0; border:0; }.kaiten-card-main { border:0; padding:0; }.kaiten-card-side { padding:15px; }.kaiten-card-content { padding:28px 22px; }.kaiten-card-window-action { top:10px; }.kaiten-card-close { right:10px; }.kaiten-card-fullscreen { right:50px; }.kaiten-card-title-input { width:calc(100% - 42px); font-size:24px; line-height:32px; }.kaiten-card-property-label { width:38%; flex-basis:38%; }.kaiten-comment-compose { grid-template-columns:24px minmax(0,1fr) 30px 30px; }.kaiten-comment-send { grid-column:2/-1; justify-self:end; }
  .kaiten-modal-backdrop { align-items:flex-end; padding:0; }.kaiten-modal { max-height:94dvh; border-radius:18px 18px 0 0; }
  .kaiten-calendar-head { grid-template-columns:1fr; }.kaiten-calendar-head>span { grid-row:1; text-align:center; }.kaiten-calendar-actions,.kaiten-calendar-modes { justify-self:stretch; overflow-x:auto; }.kaiten-calendar-actions>* { flex:0 0 auto; }.kaiten-calendar-modes button { flex:1; }.kaiten-calendar-grid { grid-template-columns:repeat(7,145px); }.kaiten-calendar-grid.mode-day { grid-template-columns:minmax(300px,1fr); }.kaiten-create-menu { left:auto; right:0; top:46px; }
  .kaiten-member-grid,.kaiten-document-grid,.kaiten-addon-grid,.kaiten-limit-grid { grid-template-columns:1fr; }
  .kaiten-report-catalog { grid-template-columns:1fr; padding:9px; }.kaiten-report-detail header { align-items:flex-start; flex-wrap:wrap; }.kaiten-report-summary { grid-template-columns:1fr; }.kaiten-report-chart { gap:8px; padding-inline:8px; }
  .kaiten-panel-actions-between { align-items:stretch; flex-direction:column; }.kaiten-panel-actions-between>div { display:grid; grid-template-columns:1fr 1fr; }.kaiten-personal-list { grid-template-columns:1fr; }.kaiten-space-settings { grid-template-columns:1fr; }.kaiten-space-settings nav { border-right:0; border-bottom:1px solid var(--kt-line); padding:0 0 12px; }
}

/* Mobile card parity: the phone view is a full-screen workspace, matching the
   native Kaiten card flow shown in the product reference. */
.kaiten-mobile-detail-tabs,
.kaiten-card-mobile-close,
.kaiten-card-mobile-menu-footer { display:none; }

@media (max-width:700px) {
  body:has(.kaiten-modal-backdrop.card-open:not([hidden])) { overflow:hidden; }

  #page-kaiten.active { margin:-14px; }
  #page-kaiten.active .kaiten-shell { min-height:100dvh; border:0; border-radius:0; }
  #page-kaiten.active .kaiten-module-head { padding:8px 10px; }
  #page-kaiten.active .kaiten-board { min-height:0; padding:8px 10px 14px; scroll-padding-inline:10px; }
  #page-kaiten.active .kaiten-column { width:calc(100vw - 38px); min-width:calc(100vw - 38px); }

  .kaiten-modal-backdrop.card-open,
  .kaiten-modal-backdrop.card-open:has(.kaiten-card-dialog.comments-right) {
    align-items:stretch;
    justify-content:stretch;
    padding:0;
    background:transparent;
  }
  .kaiten-card-dialog,
  .kaiten-card-dialog.comments-right {
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    border-radius:0;
    box-shadow:none;
  }
  .kaiten-card-dialog .kaiten-card-content,
  .kaiten-card-dialog.comments-right .kaiten-card-content {
    width:100%;
    height:100dvh;
    max-height:100dvh;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    overscroll-behavior:contain;
    scroll-padding-top:126px;
    -webkit-overflow-scrolling:touch;
  }
  .kaiten-card-dialog .kaiten-card-layout,
  .kaiten-card-dialog.comments-right .kaiten-card-layout {
    height:auto;
    max-height:none;
    display:block;
  }
  .kaiten-card-dialog .kaiten-card-primary,
  .kaiten-card-dialog.comments-right .kaiten-card-primary {
    width:100%;
    max-height:none;
    margin:0;
    overflow:visible;
    padding:0;
  }
  .kaiten-card-fullscreen { display:none; }
  .kaiten-card-window-action.kaiten-card-close {
    z-index:82;
    top:max(18px,env(safe-area-inset-top));
    right:14px;
    width:44px;
    height:44px;
    color:inherit;
  }
  .kaiten-card-hero {
    min-height:0;
    box-sizing:border-box;
    padding:max(30px,calc(env(safe-area-inset-top) + 18px)) 66px 25px 24px;
  }
  .kaiten-card-title-input {
    width:100%;
    min-height:46px;
    margin:0 0 10px;
    font-size:32px;
    line-height:38px;
    letter-spacing:.25px;
  }
  .kaiten-card-customer-line { min-height:28px; flex-wrap:wrap; margin-bottom:6px; }
  .kaiten-card-history { min-height:24px; flex-wrap:wrap; gap:3px 8px; }
  .kaiten-card-favorite {
    top:auto;
    right:14px;
    bottom:25px;
    width:48px;
    height:48px;
  }
  html[data-theme="light"] .kaiten-card-favorite { color:rgba(0,0,0,.82); }

  .kaiten-card-toolbar {
    position:sticky;
    z-index:75;
    top:0;
    min-height:72px;
    box-sizing:border-box;
    gap:8px;
    margin:0;
    padding:10px 14px;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    background:#3b3b3b;
    box-shadow:0 2px 5px rgba(0,0,0,.18);
  }
  html[data-theme="light"] .kaiten-card-toolbar { border-color:rgba(0,0,0,.12); background:#fff; }
  .kaiten-card-toolbar-button { width:52px; height:52px; flex-basis:52px; }
  .kaiten-card-toolbar-button:is([data-popover="automation"],.kaiten-card-subscribe,[data-popover="share"]),
  .kaiten-card-next-column { display:none; }
  .kaiten-card-toolbar-spacer { min-width:0; }
  .kaiten-card-mobile-close { display:none; }
  .kaiten-card-dialog.mobile-card-scrolled .kaiten-card-mobile-close { display:grid; }
  .kaiten-card-dialog.mobile-card-scrolled > .kaiten-card-close { visibility:hidden; }
  .kaiten-card-toolbar [aria-label]::after { display:none; }

  .kaiten-mobile-detail-tabs {
    position:sticky;
    z-index:70;
    top:72px;
    height:76px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-bottom:1px solid rgba(255,255,255,.16);
    background:#3b3b3b;
  }
  html[data-theme="light"] .kaiten-mobile-detail-tabs { border-color:rgba(0,0,0,.12); background:#fff; }
  .kaiten-mobile-detail-tabs button {
    position:relative;
    min-width:0;
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:7px 4px 6px;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.68);
    font:500 12px/16px Roboto,Helvetica,Arial,sans-serif;
    letter-spacing:.15px;
    cursor:pointer;
  }
  html[data-theme="light"] .kaiten-mobile-detail-tabs button { color:rgba(0,0,0,.6); }
  .kaiten-mobile-detail-tabs button.active { color:#ce93d8; }
  html[data-theme="light"] .kaiten-mobile-detail-tabs button.active { color:#9c27b0; }
  .kaiten-mobile-detail-tabs button.active::after {
    content:"";
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    height:3px;
    background:#ab47bc;
  }
  .kaiten-mobile-detail-tabs svg { width:24px; height:24px; fill:currentColor; }

  .kaiten-card-divider { display:none; }
  .kaiten-card-main { box-sizing:border-box; padding:30px 24px max(48px,calc(env(safe-area-inset-bottom) + 28px)); }
  .kaiten-card-dialog.mobile-tab-details .kaiten-card-discussion { display:none; }
  .kaiten-card-dialog:is(.mobile-tab-comments,.mobile-tab-ai) .kaiten-card-main { padding-top:18px; }
  .kaiten-card-dialog:is(.mobile-tab-comments,.mobile-tab-ai) .kaiten-card-main > :not(.kaiten-card-discussion) { display:none; }
  .kaiten-card-discussion,
  .kaiten-card-dialog.comments-right .kaiten-card-discussion.docked {
    height:auto;
    max-height:none;
    margin:0;
    overflow:visible;
    padding:0;
    border:0;
    background:transparent;
  }
  .kaiten-card-discussion > .kaiten-detail-tabs { display:none; }

  .kaiten-card-section { margin:0 0 42px; }
  .kaiten-card-section > summary { min-height:30px; font-size:16px; line-height:24px; }
  .kaiten-card-section > summary > svg:first-child { margin-left:-20px; margin-right:-6px; }
  .kaiten-card-parameters { margin-top:22px; }
  .kaiten-card-parameters > .kaiten-card-property {
    min-height:0;
    display:block;
    margin:0 0 25px;
  }
  .kaiten-card-property-label {
    width:100%;
    display:block;
    margin:0 0 7px;
    color:rgba(255,255,255,.62);
    font-size:13px;
    line-height:18px;
    white-space:normal;
  }
  html[data-theme="light"] .kaiten-card-property-label { color:rgba(0,0,0,.58); }
  html[data-theme="light"] .kaiten-comment-compose textarea::placeholder { color:rgba(0,0,0,.38); }
  .kaiten-card-property-value { width:100%; min-height:36px; flex-wrap:wrap; gap:7px; }
  .kaiten-card-location-picker > summary { min-height:42px; margin-left:-8px; font-size:16px; }
  .kaiten-card-choice-picker > summary,
  .kaiten-card-date-picker > summary,
  .kaiten-card-property-button { min-height:42px; font-size:16px; }
  .kaiten-card-type-control { min-height:42px; }
  .kaiten-card-member-chips,
  .kaiten-card-label-chips { flex-wrap:wrap; gap:7px; }
  .kaiten-card-member-chip,
  .kaiten-card-label-chip { min-height:38px; }
  .kaiten-description-view,
  .kaiten-description-editor { font-size:16px; line-height:24px; }
  .kaiten-file-row { min-height:64px; }

  .kaiten-comment-toolbar { min-height:44px; justify-content:flex-end; margin:0 0 12px; }
  .kaiten-comment-toolbar .kaiten-card-quiet-icon { width:44px; height:44px; }
  .kaiten-comment-toolbar > span:not(.kaiten-comment-filter-wrap),
  .kaiten-comment-toolbar [data-action="comment-placement"] { display:none; }
  .kaiten-comment-toolbar [data-action="screen-record"] { margin-left:auto; }
  .kaiten-comment-filter { min-height:40px; font-size:14px; }
  html[data-theme="light"] .kaiten-comment-filter { background:#f1f1f1; color:rgba(0,0,0,.78); }
  .kaiten-comment-compose {
    min-height:58px;
    grid-template-columns:32px minmax(0,1fr) 44px;
    gap:8px;
    padding:6px 0 8px;
  }
  .kaiten-comment-compose textarea { min-height:44px; font-size:16px; line-height:24px; }
  .kaiten-comment-avatar { width:32px; height:32px; }
  .kaiten-comment-voice-button { width:44px; height:44px; }
  .kaiten-comment-options { width:44px; height:44px; opacity:1; }
  .kaiten-comments-list { margin-top:20px; }
  .kaiten-comment { padding-bottom:22px; }
  .kaiten-ai-custom { grid-template-columns:1fr; }
  .kaiten-ai-draft { min-height:100px; font-size:16px; }

  .kaiten-card-control-panel {
    position:fixed;
    z-index:2200;
    inset:auto 10px max(10px,env(safe-area-inset-bottom));
    width:auto;
    max-height:min(78dvh,650px);
    border-radius:8px;
  }
  .kaiten-card-control-panel input,
  .kaiten-card-control-panel textarea { font-size:16px; }
  .kaiten-card-menu-panel {
    inset:0;
    width:100vw;
    height:100dvh;
    max-height:none;
    box-sizing:border-box;
    overflow-y:auto;
    padding:max(8px,env(safe-area-inset-top)) 0 max(64px,calc(env(safe-area-inset-bottom) + 52px));
    border:0;
    border-radius:0;
    background:#212121;
    box-shadow:none;
  }
  html[data-theme="light"] .kaiten-card-menu-panel { background:#fff; }
  .kaiten-card-menu-panel .kaiten-card-control-menu-item {
    min-height:49px;
    grid-template-columns:42px minmax(0,1fr);
    padding:5px 18px;
    font-size:16px;
  }
  .kaiten-card-menu-panel .kaiten-card-control-menu-item > span { width:30px; height:30px; }
  .kaiten-card-menu-panel .kaiten-card-control-menu-item svg { width:24px; height:24px; }
  .kaiten-card-mobile-menu-footer {
    position:fixed;
    z-index:1;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    justify-content:flex-end;
    padding:8px 14px max(8px,env(safe-area-inset-bottom));
    background:#212121;
    box-shadow:0 -2px 6px rgba(0,0,0,.16);
  }
  html[data-theme="light"] .kaiten-card-mobile-menu-footer { background:#fff; }
  .kaiten-card-mobile-menu-footer button {
    min-height:44px;
    padding:0 14px;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#ce93d8;
    font:500 14px/20px Roboto,Helvetica,Arial,sans-serif;
    letter-spacing:.5px;
    text-transform:uppercase;
  }
  html[data-theme="light"] .kaiten-card-mobile-menu-footer button { color:#9c27b0; }

  .kaiten-card-customer-menu,
  .kaiten-card-choice-menu,
  .kaiten-card-date-menu,
  .kaiten-card-location-menu,
  .kaiten-card-member-picker > div,
  .kaiten-card-label-menu {
    position:fixed;
    z-index:2300;
    top:auto;
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    left:10px;
    width:auto;
    max-height:72dvh;
    box-sizing:border-box;
  }
}

/* Planum comment composer: centered grip adds one pixel to the bottom border. */
.kaiten-comment-resize { position:absolute; z-index:1; left:50%; bottom:-6px; width:48px; height:12px; transform:translateX(-50%); padding:0; border:0; background:transparent; color:rgba(255,255,255,.48); cursor:ns-resize; touch-action:none; }
.kaiten-comment-resize::after { content:""; position:absolute; left:8px; right:8px; top:5px; height:2px; background:currentColor; }
.kaiten-comment-resize:focus-visible { outline:1px solid currentColor; outline-offset:1px; }
html[data-theme="light"] .kaiten-comment-resize { color:rgba(0,0,0,.48); }

.kaiten-comment-draft-recovery {
  max-height: 240px;
  overflow: auto;
  overflow-wrap: anywhere;
}
.kaiten-comment-draft-recovery p {
  max-height: 80px;
  overflow: auto;
  white-space: pre-wrap;
}
.kaiten-comment-pending-files [data-comment-file-missing] strong {
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}
.kaiten-comment-pending-files [data-comment-file-missing] button {
  color: inherit;
}
.kaiten-comment-pending-files [data-comment-file-missing] > span {
  color: #fff;
}

.kaiten-command-state { margin-top: 8px; font-size: 12px; overflow-wrap: anywhere; }
.kaiten-command-state p { margin: 4px 0; }
.kaiten-command-state[data-state="error"] { color: #e69b91; }
html[data-theme="light"] .kaiten-command-state[data-state="error"] { color: #9a3029; }
.kaiten-command-correction textarea{display:block;width:100%;min-height:90px;box-sizing:border-box;margin:8px 0;resize:vertical;}
.kaiten-command-correction .kaiten-button{margin:4px 6px 0 0;}
.kaiten-command-correction textarea{font:inherit;line-height:1.5;}
html[data-theme="light"] .kaiten-command-correction textarea{background:#fff;color:#222;border-color:#aaa;}
.kaiten-card-property>[data-field-command-states]{grid-column:1/-1;width:100%;flex:0 0 100%;}
.kaiten-card-parameters>.kaiten-card-property:has(>[data-field-command-states]){flex-wrap:wrap;}
.kaiten-card-toolbar>[data-field-command-states]{flex-basis:100%;width:100%;}
.kaiten-card-toolbar:has(>[data-field-command-states]){flex-wrap:wrap;}
html .kaiten-card [data-board-command-state],html[data-theme="light"] .kaiten-card [data-board-command-state]{background:#20242d;color:#fff;}

#page-kaiten .planum-local-session-notice { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 16px; background:var(--kt-panel); color:var(--kt-text); border-bottom:1px solid var(--kt-line); }
#page-kaiten .planum-local-session-notice button { cursor:pointer; font:inherit; }

/* A locally restored PlanUM card must not wait for the shell unlock animation. */
body:not(.crm-locked):not(.crm-profile-editing) .crm:has(#page-kaiten.active) {
  transition: padding-left .22s ease;
}

#page-kaiten .planum-local-card-unavailable { flex:none; margin:0; padding:12px 16px; background:var(--kt-panel); color:var(--kt-text); border-bottom:1px solid var(--kt-line); }

/* Keep uncommitted comment previews inside the discussion panel. */
.kaiten-card-discussion [data-comment-attempts]:not(:empty) { margin:12px 16px; min-width:0; }
.kaiten-card-discussion [data-comment-attempt] { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.kaiten-card-discussion [data-comment-attempt] + [data-comment-attempt] { margin-top:12px; }
.kaiten-card-discussion [data-comment-attempt] > p { margin:4px 0; }
.kaiten-card-discussion [data-comment-attempt] > p:nth-child(2) { white-space:pre-wrap; max-height:160px; overflow:auto; }

.kaiten-card-customer-line:has(>[data-field-command-states]){flex-wrap:wrap;}
.kaiten-card-customer-line>[data-field-command-states]{flex:0 0 100%;width:100%;}

/* Skip offscreen comment contents only after their current height is measured. */
.kaiten-comments-list > .kaiten-comment.kaiten-comment-render-measured {
  content-visibility:auto;
}
.kaiten-comments-list > .kaiten-comment.kaiten-comment-render-measured:hover,
.kaiten-comments-list > .kaiten-comment.kaiten-comment-render-measured:focus-within,
.kaiten-comments-list > .kaiten-comment.kaiten-comment-render-measured:has(.kaiten-comment-options-menu,.kaiten-emoji-picker) {
  content-visibility:visible;
}

.kaiten-card-history-details{margin-top:2px;color:#ffffffb3}
.kaiten-card-history-details summary{width:max-content;list-style:none;color:#bdbdbd;font-size:12px;line-height:18px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.kaiten-card-history-details summary::-webkit-details-marker{display:none}
.kaiten-card-history-details:not([open]) .kaiten-card-history-details-hide{display:none}
.kaiten-card-history-details[open] .kaiten-card-history-details-show{display:none}
.kaiten-card-history-details[open] .kaiten-card-history-details-hide{display:inline}
.kaiten-card-history-previous{max-height:150px;margin-top:6px;padding:8px 10px;overflow:auto;border-radius:2px;background:#1b1b1b;color:#fff;font:400 12px/1.45 Roboto,Helvetica,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="light"] .kaiten-card-history-details{color:rgba(0,0,0,.72)}
html[data-theme="light"] .kaiten-card-history-details summary{color:rgba(0,0,0,.72)}
html[data-theme="light"] .kaiten-card-history-previous{background:#fafafa;color:#262626}
.kaiten-card-relation-panel [data-relation-option][hidden]{display:none}