@keyframes ui-dialog-in { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes ui-dialog-out { from { opacity:1; translate:0 0; } to { opacity:0; translate:0 6px; } }
@keyframes ui-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes ui-backdrop-out { from { opacity:1; } to { opacity:0; } }
@keyframes ui-panel-in { from { opacity:.35; } to { opacity:1; } }
@keyframes ui-route-progress { from { translate:-100% 0; } to { translate:340% 0; } }
#navi-customization-dialog .navi-selection-detail{animation:none}
.ui-route-feedback{pointer-events:none;position:fixed;z-index:90;overflow:hidden;text-align:right;box-sizing:border-box;padding-bottom:12px}
.ui-route-progress{height:3px;background:#cdebe6;overflow:hidden}
.ui-route-progress::after{content:"";display:block;width:30%;height:100%;background:#129f94}
.ui-route-feedback.is-gauge-only .ui-route-message{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;border:0}
.ui-route-message{display:inline-block;max-width:calc(100% - 32px);margin:12px 16px 0;padding:10px 16px;border:1px solid #cce8e3;border-radius:12px;background:#f7fffd;color:#205751;box-shadow:0 3px 12px #22443c1a;overflow-wrap:anywhere}
.ui-processing-feedback{position:fixed;z-index:120;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:13px 16px;border:1px solid #bde1da;border-radius:14px;background:#f4fffb;color:#205751;box-shadow:0 4px 20px #22443c26;pointer-events:none;overflow-wrap:anywhere}
.ui-processing-feedback>img{width:34px;height:34px;object-fit:contain;flex:none}
.ui-processing-feedback>span:first-of-type{flex:1;min-width:0;white-space:pre-line}
.ui-processing-dots{display:flex;gap:4px;flex:none}
.ui-processing-dots i{width:5px;height:5px;border-radius:50%;background:currentColor}
@keyframes ui-processing-pulse{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media (prefers-reduced-motion:no-preference) {
  .ui-route-progress::after{animation:ui-route-progress 1650ms ease-in-out infinite}
  .ui-processing-dots i{animation:ui-processing-pulse 1650ms ease-in-out infinite}
  .ui-processing-dots i:nth-child(2){animation-delay:180ms}.ui-processing-dots i:nth-child(3){animation-delay:360ms}
  dialog[open] { animation:ui-dialog-in 270ms ease-out; }
  dialog[open]::backdrop { animation:ui-backdrop-in 270ms ease-out; }
  dialog[open].ui-dialog-closing { animation:ui-dialog-out 240ms ease-in forwards; }
  dialog[open].ui-dialog-closing::backdrop { animation:ui-backdrop-out 240ms ease-in forwards; }
  .admin-panel.active, [role="tabpanel"]:not([hidden]), .task-gantt, .task-management-list, .navi-selection-detail { animation:ui-panel-in 270ms ease-out; }
  nav [data-view], [role="tab"], .task-display-switch button, .navi-collection-card { transition:background-color 210ms ease, color 210ms ease, border-color 210ms ease, box-shadow 210ms ease; }
}
/* Navigation links share the same appearance across detail screens. */
#main .workspace-return-link{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:inherit!important;padding:4px 0!important;text-decoration:underline;text-underline-offset:4px;min-height:auto!important;min-width:0!important;cursor:pointer}
#main button[hidden]{display:none!important}

.ui-processing-feedback.is-top{background:#e5f2ff;color:#205887;border-color:#a8ceed;box-shadow:0 2px 8px #24598512}
/* Translated entrance parts must not temporarily enlarge a scroll surface. */
.ui-route-assembling{overflow-x:hidden!important}

.ui-route-pending{visibility:hidden}

.ui-notice{pointer-events:auto;flex-wrap:wrap}
.ui-notice.is-pass-through{pointer-events:none}
.ui-notice.is-pass-through button{pointer-events:auto}
.ui-notice>span{flex:1;min-width:120px;overflow-wrap:anywhere}
.ui-notice button{flex:0 0 auto;min-height:36px;border:1px solid #9bcac4;border-radius:18px;padding:6px 12px;background:#fff;color:#145e5c;font:inherit;cursor:pointer}

/* Static shared hover and focus treatment; no gradient fills or moving borders. */
.ui-panel-hover{position:relative}
.ui-panel-hover::before{content:none}
.ui-panel-hover::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid color-mix(in srgb,var(--ui-panel-accent,var(--agent-accent,var(--workspace-accent,#596348))) 45%,transparent);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .15s ease}
.ui-panel-hover:not(:disabled):is(:hover,:focus-within)::after{opacity:1}
.ui-panel-hover:not(:disabled):focus-visible::after{opacity:1;border-color:var(--ui-panel-accent,var(--agent-accent,var(--workspace-accent,#596348)));box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-panel-accent,var(--agent-accent,var(--workspace-accent,#596348))) 18%,transparent)}
@media(prefers-reduced-motion:reduce){.ui-panel-hover::after{transition:none}}

/* 2026-11-05 林の指定：右下の操作は丸いNUKOボタン1つ。押すとその場で開き、AIチャットと同じ見た目の入力欄と操作を出す。ドラッグで好きな場所へ */
.workspace-quick-controls{--quick-ink:#0d0d0d;--quick-soft:#f4f4f4;--quick-line:#e5e5e5;--quick-muted:#6b6b6b;--quick-panel:#fff;--quick-hover:#ececec;--chat-mono-ink:#0d0d0d;--chat-mono-soft:#f4f4f4;--chat-mono-line:#e5e5e5;--chat-mono-muted:#6b6b6b;--chat-mono-panel:#fff;--chat-mono-hover:#ececec;position:fixed;z-index:90;inset:auto 6px 6px auto;margin:0;padding:0;display:block;width:max-content;height:auto;border:0;background:transparent;overflow:visible;pointer-events:none;color:var(--quick-ink)}
html[data-ui-design=dark] .workspace-quick-controls{--quick-ink:#ececec;--quick-soft:#2f2f2f;--quick-line:#3a3a3a;--quick-muted:#a3a3a3;--quick-panel:#212121;--quick-hover:#333;--chat-mono-ink:#ececec;--chat-mono-soft:#2f2f2f;--chat-mono-line:#3a3a3a;--chat-mono-muted:#a3a3a3;--chat-mono-panel:#212121;--chat-mono-hover:#333}
.workspace-quick-controls[hidden],.workspace-quick-controls [hidden]{display:none!important}
.workspace-quick-controls>*{pointer-events:auto}
.workspace-quick-controls .quick-orb{position:relative;display:grid;place-items:center;box-sizing:border-box;width:47px;height:47px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid rgb(255 255 255 / .55);border-radius:50%;background:rgb(255 255 255 / .22);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);box-shadow:0 8px 28px #0f172a24,0 1px 3px #0f172a14,inset 0 1px 0 rgb(255 255 255 / .6);overflow:hidden;cursor:grab;touch-action:none;transition:transform .15s ease,box-shadow .15s ease}
.workspace-quick-controls .quick-orb img{width:40px;height:40px;max-width:none;object-fit:contain;pointer-events:none;user-select:none}
.workspace-quick-controls .quick-orb:hover{transform:scale(1.04);box-shadow:0 10px 32px #0f172a26,0 1px 3px #0f172a14}
.workspace-quick-controls .quick-orb[aria-expanded=true]{border-color:var(--quick-ink)}
.workspace-quick-controls.is-dragging .quick-orb{cursor:grabbing;transform:scale(1.08);transition:none}
.workspace-quick-controls .quick-orb:focus-visible{outline:2px solid var(--quick-ink);outline-offset:3px}
.workspace-quick-controls .quick-orb-panel{position:absolute;width:min(480px,calc(var(--workspace-viewport-width,100vw) - 24px));box-sizing:border-box;padding:10px;border:1px solid var(--quick-line);border-radius:24px;background:var(--quick-panel);box-shadow:0 12px 40px #0f172a24,0 1px 3px #0f172a14;display:grid;gap:10px;transform-origin:bottom right}
.workspace-quick-controls:not([data-open-vertical=down]) .quick-orb-panel{bottom:57px}
.workspace-quick-controls[data-open-vertical=down] .quick-orb-panel{top:57px}
.workspace-quick-controls:not([data-open-horizontal=right]) .quick-orb-panel{right:0}
.workspace-quick-controls[data-open-horizontal=right] .quick-orb-panel{left:0}
.workspace-quick-controls .quick-orb-actions{display:flex;flex-wrap:wrap;gap:6px}
.workspace-quick-controls .quick-orb-actions button{display:inline-flex;align-items:center;gap:6px;height:34px;min-height:0;margin:0;padding:0 12px;border:1px solid var(--quick-line);border-radius:999px;background:transparent;color:var(--quick-ink);box-shadow:none;cursor:pointer;white-space:nowrap}
.workspace-quick-controls .quick-orb-actions button svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.workspace-quick-controls .quick-orb-actions button:hover{background:var(--quick-hover)}
.workspace-quick-controls .quick-orb-actions button:focus-visible{outline:2px solid var(--quick-ink);outline-offset:2px}
.workspace-quick-controls .quick-orb-composer:empty{display:none}
.workspace-quick-controls .quick-orb-composer form{display:grid;gap:6px;margin:0}
.workspace-quick-controls .quick-orb-composer p[role=status]:empty{display:none}
.workspace-quick-controls .quick-orb-composer p[role=status]{margin:0;padding:0 8px;color:var(--quick-muted)}
/* 画面の相談の入力欄を中に入れたとき：画面の下の帯ではなく、パネルの中の1枠にする */
.workspace-quick-controls .quick-orb-composer .context-chat-form{position:static;inset:auto;max-width:none;margin:0;filter:none;animation:none}
.workspace-quick-controls .quick-orb-composer .context-chat-target{width:auto;max-width:100%;margin:0;padding:0 8px;min-height:0;border:0;border-radius:0;background:transparent;color:var(--quick-muted)}
.workspace-quick-controls .quick-orb-composer .context-chat-files{background:transparent}
.workspace-quick-controls .quick-orb-composer .context-chat-files>span{border:1px solid var(--quick-line);border-radius:999px;padding:3px 10px}
.workspace-quick-controls .quick-orb-composer .composer.interview-composer{box-shadow:none}
.workspace-quick-controls .quick-orb-composer textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 相談の入口のボタン（NUKOの顔）は丸ボタンにまとめたので出さない */
.is-quick-launcher{display:none!important}
@media(max-width:760px){.workspace-quick-controls{right:18px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}}

/* 2026-11-05 林の指定：丸ボタンの中の入力欄はAIチャットの入力欄と同じ見た目（ai-chat-workspace.css の入力欄の指定と同じ値。右下の操作の見た目はこのファイルが持つ） */
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-rows:auto auto;align-items:center;column-gap:4px;row-gap:0;padding:8px 10px;border:1px solid #e3e5e8;border-radius:28px;background:#fff;box-shadow:0 8px 28px #0f172a0f,0 1px 3px #0f172a0d}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer:focus-within{border-color:#d3d7dc;box-shadow:0 10px 32px #0f172a14,0 1px 3px #0f172a12}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>*{grid-row:2}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.chat-composer-files{grid-column:1 / -1;grid-row:1;display:flex;flex-wrap:wrap;gap:8px;padding:4px 4px 8px}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.consultation-attach{grid-column:1}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea{grid-column:2;width:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:7px 6px;border:0;border-radius:0;background:transparent;color:#172033;line-height:1.55;resize:none;box-shadow:none}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea:focus{outline:0;border:0}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea::placeholder{color:#9aa1a9}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.ai-chat-model-controls{grid-column:3}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.voice-input{grid-column:4}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send{grid-column:5}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer.is-multiline>textarea{grid-column:1 / -1;grid-row:2;padding:6px 8px 4px}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer.is-multiline>:not(textarea):not(.chat-composer-files){grid-row:3}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>button{display:grid;place-items:center;align-self:center;width:36px;height:36px;min-height:0;flex:none;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#3b4148;box-shadow:none;transform:none;line-height:0}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.ai-chat-model-controls,html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea{align-self:center;margin:0}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>button:hover:not(:disabled){background:#eef1f4;color:#172033;opacity:1}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>button:hover .attachment-icon{opacity:1}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer .attachment-icon{filter:none;opacity:.8}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send{background:#1ba3d6;color:#fff}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send:hover:not(:disabled){background:#128ec0;color:#fff}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send:disabled{background:#d6d9dd;color:#fff}
html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;padding:0 12px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#5b636c;cursor:pointer;white-space:nowrap}
html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger:hover,html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger[aria-expanded="true"]{background:#f0f2f4;color:#172033}
html body .workspace-quick-controls .quick-orb-composer .chat-model-popover .chat-model-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:0;height:auto;padding:9px 14px;border:0;border-radius:16px!important;background:transparent;box-shadow:none;color:inherit;text-align:left;cursor:pointer}
html body .workspace-quick-controls .quick-orb-composer .chat-model-popover .chat-model-option:not(:disabled):hover,html body .workspace-quick-controls .quick-orb-composer .chat-model-popover .chat-model-option:focus-visible{background:#f2f4f6;outline:0}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer{background:#2a2e36;border-color:#3a3f48}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea{color:#e5e5e5}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send{background:var(--chat-mono-ink);color:var(--chat-mono-panel)}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send:hover:not(:disabled){background:#3a3a3a;color:#fff}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send:hover:not(:disabled){background:#fff;color:#0d0d0d}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>.interview-send:disabled{background:var(--chat-mono-line);color:var(--chat-mono-muted)}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer .attachment-icon{filter:brightness(0);opacity:.85}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer .attachment-icon{filter:brightness(0) invert(1)}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>button{color:var(--chat-mono-ink)}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>button:hover:not(:disabled){background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body .workspace-quick-controls .quick-orb-composer .composer.interview-composer{background:var(--chat-mono-panel);border-color:var(--chat-mono-line)}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 8px 28px #0006}
html[data-ui-design=dark] body .workspace-quick-controls .quick-orb-composer .composer.interview-composer>textarea{color:#ececec}
html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger{color:var(--chat-mono-muted)}
html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger:hover,html body .workspace-quick-controls .quick-orb-composer .ai-chat-model-controls .chat-model-trigger[aria-expanded="true"]{background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body .workspace-quick-controls .quick-orb-composer .chat-model-popover .chat-model-option:not(:disabled):hover,html body .workspace-quick-controls .quick-orb-composer .chat-model-popover .chat-model-option:focus-visible{background:var(--chat-mono-hover,#ececec)}

/* 2026-11-05 林の指定：丸ボタンはすりガラス。ダークでは暗いすりガラス */
html[data-ui-design=dark] .workspace-quick-controls .quick-orb{border-color:rgb(255 255 255 / .12);background:rgb(40 40 40 / .3);box-shadow:0 8px 28px #0006,inset 0 1px 0 rgb(255 255 255 / .08)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.workspace-quick-controls .quick-orb{background:var(--quick-panel)}}
.workspace-quick-controls.is-flying .quick-orb{cursor:grabbing;transition:none}
/* 四隅の印：パネルの角の丸みに沿った短い弧。押すと丸ボタンをその隅へ寄せる（文字は出さず、場所で伝える） */
.workspace-quick-controls .quick-orb-panel{padding:12px 14px}
.workspace-quick-controls .quick-orb-actions{padding:0 12px}
.workspace-quick-controls .quick-orb-corner{position:absolute;display:block;width:32px;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--quick-line);box-shadow:none;cursor:pointer;transition:color .15s ease}
.workspace-quick-controls .quick-orb-corner svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;transition:stroke-width .15s ease}
.workspace-quick-controls .quick-orb-corner:hover{color:var(--quick-muted)}
.workspace-quick-controls .quick-orb-corner:hover svg{stroke-width:4}
.workspace-quick-controls .quick-orb-corner:focus-visible{outline:0;color:var(--quick-ink)}
.workspace-quick-controls [data-quick-corner=top-left]{top:0;left:0}
.workspace-quick-controls [data-quick-corner=top-right]{top:0;right:0;rotate:90deg}
.workspace-quick-controls [data-quick-corner=bottom-right]{bottom:0;right:0;rotate:180deg}
.workspace-quick-controls [data-quick-corner=bottom-left]{bottom:0;left:0;rotate:-90deg}
html[data-ui-design=dark] .workspace-quick-controls .quick-orb-corner{color:#4a4a4a}
/* 閉じるときに画面の相談の入力欄が元の場所（画面の下の帯）に一瞬出ないよう、丸ボタンの外ではいつも隠す */
.context-chat>.context-chat-form{display:none!important}
/* 丸ボタンの入力欄に添付した資料（名前と外すボタン） */
.workspace-quick-controls .quick-orb-files{display:flex;flex-wrap:wrap;gap:6px}
.workspace-quick-controls .quick-orb-files:empty{display:none}
.workspace-quick-controls .quick-orb-files>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 10px;border:1px solid var(--quick-line);border-radius:999px;overflow-wrap:anywhere}
.workspace-quick-controls .quick-orb-files button{display:grid;place-items:center;width:20px;height:20px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--quick-muted);box-shadow:none;cursor:pointer}
.workspace-quick-controls .quick-orb-files button:hover{background:var(--quick-hover);color:var(--quick-ink)}
