/* Compact shared headers, with all text sizes inherited from typography.css. */
.sidebar .sidebar-scroll{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sidebar nav{flex:none;overflow-y:auto;max-height:55%;padding-bottom:12px}
.sidebar nav .nav-item{min-height:36px;padding:7px 10px;gap:8px}
.sidebar nav .nav-icon{width:18px;height:18px;flex-basis:18px}
.workspace-history{display:flex;flex-direction:column;min-height:80px;flex:1;margin:0 12px;padding-top:10px;border-top:1px solid var(--workspace-border,#b6b09f);overflow:hidden}
.workspace-history[aria-busy="true"]>h2,.workspace-history[aria-busy="true"]>[data-sidebar-new]{display:none}
.workspace-history h2{margin:0;padding:3px 9px 5px;color:inherit;font-weight:500}
.workspace-history-new{flex:none;text-align:left;border:0;background:none;padding:7px 9px;color:inherit;font-weight:600;cursor:pointer}
.workspace-history #consultation-history-sidebar{overflow:auto;min-height:0;scrollbar-width:thin;flex:1;padding-right:3px}
.workspace-history .consultation-history-head{display:none}
.workspace-history .consultation-history-row{display:flex;align-items:center;border:0;border-radius:5px;margin:0;background:none}
.workspace-history .consultation-history-open{flex:1;min-width:0;text-align:left;padding:8px;border:0;background:none;color:inherit}
.workspace-history .consultation-history-open>span{font-weight:400;display:flex;align-items:center;gap:5px;min-width:0}
.workspace-history .consultation-history-open>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-history .consultation-history-row.active,.workspace-history .consultation-history-row:hover{background:#ffffff38}
.workspace-history .consultation-history-menu{flex:none;margin:0}
.workspace-history .consultation-history-menu>summary{padding:6px;color:inherit}
.workspace-history .consultation-history-group{padding:0;border:0;background:none;margin:0}
.workspace-history .consultation-history-group-label{padding:5px 8px}
.workspace-history [data-load-consultation-history]{padding:7px 8px;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}
.sidebar-icon-mode .workspace-history{display:none}
.secretary-tool-list{display:grid;gap:4px}
.secretary-tool-list>div{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--workspace-border)}
.secretary-tool-list img{width:26px;height:26px}
.secretary-tool-list span{margin-left:auto;color:var(--workspace-muted)}
#main header.workspace-page-header{box-sizing:border-box;min-height:144px;padding:20px 220px 20px 104px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;margin:0;border:0;border-radius:24px 24px 0 0}
#main .workspace-page-header .workspace-heading-copy{display:block;min-width:0;padding:0;margin:0;overflow-wrap:anywhere}
#main .workspace-page-header h1{line-height:1.4;margin:0;letter-spacing:.01em}
#main .workspace-page-header .page-eyebrow{display:block;line-height:1.4;margin:0 0 6px;font-weight:500;letter-spacing:.16em;color:var(--page-accent)}
.workspace-page-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:12px 24px;border-bottom:1px solid #e4e7ec;background:#fff}
.workspace-page-toolbar .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
.workspace-page-toolbar .interview-current-title{margin-right:auto;overflow-wrap:anywhere}
.worry-page-toolbar{justify-content:space-between}
.worry-page-toolbar>.section-dashboard-back{margin:0;max-width:100%}
.nuko-delivery-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden}
.nuko-delivery-character{position:absolute;object-fit:contain;transform-origin:center;will-change:transform}
.nuko-delivery-overlay>span{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 22px;border:1px solid #9cd6c5;border-radius:18px;background:#f0fff9;color:#215b4d;box-shadow:0 6px 24px #143d3920;text-align:center}
.consultation-action-card.is-submitting{border-color:#6fc8b4;background:#f8fffc;cursor:progress}
.consultation-action-status.human-request-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:1px solid #b8e4d9;border-radius:12px;background:#edfaf5;color:#215b4d;text-align:left}
.human-request-progress-spinner{flex:none;width:20px;height:20px;border:3px solid #b8e4d9;border-top-color:#148a70;border-radius:50%;animation:human-request-progress-spin 1.2s linear infinite}
@keyframes human-request-progress-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.human-request-progress-spinner{animation:none}}
@container workspace (max-width:600px){#main header.workspace-page-header{min-height:124px;padding:18px 168px 18px 72px}#main .workspace-page-header .workspace-heading-copy{flex:initial;padding:0}.workspace-page-toolbar{padding:12px 16px}}
@container workspace (max-width:400px){#main header.workspace-page-header{padding:20px 60px 20px 56px}#main header.workspace-page-header>.workspace-heading-icon{left:12px;top:38px;width:32px;height:44px}#main header.workspace-page-header>.workspace-header-nuko{right:10px;top:10px;width:44px;height:50px}#main [data-workspace-header] .chat-help-button{right:14px;top:76px;transform:none}}
.main header.workspace-page-header{position:relative;display:flex;align-items:center;gap:16px;min-height:144px;height:auto;padding:20px 80px 20px 24px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),var(--workspace-header-image) center/cover;isolation:isolate;flex-shrink:0}
.main .workspace-page-header h1{margin:0;color:#17202a}
.main .workspace-page-header p{display:none}
.main .workspace-page-header .page-eyebrow{margin:0 0 6px}
.main header.workspace-page-header{padding-left:104px;padding-right:220px;margin:0}
.main header.workspace-page-header>.workspace-header-nuko{position:absolute;right:76px;top:6px;width:128px;height:132px;object-fit:contain;z-index:1;pointer-events:none}
.main header.workspace-page-header>.workspace-heading-icon{position:absolute;left:24px;top:38px;width:64px;height:68px;object-fit:contain;pointer-events:none}
.main header.workspace-page-header .task-heading-copy,.main header.workspace-page-header.human-request-page-head>div:first-child{padding-left:0}
.main header.workspace-page-header.human-request-page-head>div:first-child::before{content:none}
#main [data-workspace-header] .chat-help-button{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;border:1px solid #d0d5dd;border-radius:50%;background:#fff;color:#52606d;box-shadow:none;cursor:pointer;z-index:2}
#main [data-workspace-header] .chat-help-button:hover{border-color:#80ccd4;background:#f2fbfc;color:#087e91}
.main .workspace-page-header .actions{margin-left:auto}
.consultation-home-screen{padding:0!important;gap:0;background:#fff}
.consultation-home-grid{padding:20px 24px;gap:16px}
.consultation-home-start-card{min-height:0!important}
.consultation-intro-art{display:none}
.consultation-home-start-card{grid-template-columns:minmax(0,1fr)}
.consultation-intro-copy{padding:0}
.consultation-intro-copy h2{margin:0}
.consultation-home-history-card{margin-top:0}
.unified-tabs.knowledge-tabs{display:flex;gap:4px;padding:0;border:0;border-bottom:1px solid #d8e3e1;border-radius:0;background:transparent;box-shadow:none}
.unified-tabs.knowledge-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#526967;padding:12px 18px;box-shadow:none}
.unified-tabs.knowledge-tabs button.active{border-bottom-color:#079b8e;background:transparent;color:#087e73}
.unified-tabs.knowledge-tabs .sidebar-pictogram{display:none}
.interview-start-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
.interview-start-types button{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid #c9dfd8;border-radius:14px;background:#f3faf6;text-align:left}
.interview-start-types .sidebar-pictogram{width:30px;height:30px;flex:0 0 30px;object-fit:contain}
.interview-start-types b{min-width:0;overflow-wrap:anywhere}
.interview-history-card{display:flex;justify-content:space-between;gap:20px;width:100%;padding:18px 12px;border:0;border-bottom:1px solid #dbe6e3;background:white;text-align:left}
.interview-history-card span{color:#60716d}
.human-request-modal{width:calc(var(--workspace-viewport-width,100vw) - 64px);max-width:1500px;height:calc(var(--workspace-viewport-height,100vh) - 64px);max-height:none;padding:0;border:1px solid #d0dfd9;border-radius:20px;overflow:auto;color:#253c38;background:#fff}
.human-request-modal::backdrop,.consultation-help-dialog::backdrop{background:rgba(20,39,35,.46)}
.human-request-modal[open]{animation:human-request-arrival 0.825s cubic-bezier(.2,.8,.2,1) both}
.human-request-modal[open]::backdrop{animation:human-request-backdrop 0.6s ease-out both}
@keyframes human-request-arrival{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes human-request-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.human-request-modal[open],.human-request-modal[open]::backdrop{animation:none}}
.human-request-modal .human-request-back{position:sticky;top:0;z-index:2;background:#fff}
#workspace-calendar{padding:16px;border:1px solid #d6e5de;border-radius:16px;margin:12px 0;background:#fff}
#workspace-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0}
#workspace-calendar button{cursor:pointer;border:1px solid #cbded5;border-radius:8px;background:#f1f8f4;padding:6px 10px;color:#255649}
.calendar-event span,.calendar-event small{display:block;color:#64766e;margin-top:6px}
.calendar-event{padding:12px 8px;border-left:3px solid #6bb593;border-bottom:1px solid #e1eae5;margin-top:8px;overflow-wrap:anywhere}
.nav-child:disabled{opacity:.4;cursor:not-allowed}
.main #expenses-root .ex-page-title>span:not(.ex-symbol){display:none}
.consultation-help-dialog{max-height:calc(var(--workspace-viewport-height,100vh) - 32px);overflow-y:auto}
.consultation-help-dialog .consultation-help-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;background:#fff;border-bottom:1px solid #e4e7ec;height:auto}
.consultation-help-dialog .consultation-help-card>header p{display:block;margin:6px 0 0;color:#667085}
.consultation-help-dialog .consultation-help-card>footer{display:flex;justify-content:flex-end;padding:16px 24px;background:#fff}
.consultation-help-dialog .consultation-help-card>footer button{padding:8px 16px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#52606d;cursor:pointer}
#workspace-help .consultation-guide{grid-template-columns:minmax(0,1fr)}
.consultation-help-dialog[open]{animation:user-preference-dialog-in 0.24s ease-out both}
.consultation-help-dialog[open]::backdrop{animation:user-preference-backdrop-in 0.27s ease-out both}
.consultation-help-dialog[open] .consultation-help-card{animation:workspace-dialog-fade-in 0.33s ease-out both}
.consultation-help-dialog[open].closing{animation:user-preference-dialog-out 0.3s ease-in both;pointer-events:none}
.consultation-help-dialog[open].closing::backdrop{animation:user-preference-backdrop-out 0.3s ease-in both}
.consultation-help-dialog[open].closing .consultation-help-card{animation:workspace-dialog-fade-out 0.3s ease-in both}
@media(prefers-reduced-motion:reduce){.consultation-help-dialog[open],.consultation-help-dialog[open]::backdrop,.consultation-help-dialog[open] .consultation-help-card{animation:none!important}}
@media(max-width:760px){.main .workspace-page-header{padding:18px 100px 18px 16px;min-height:100px}.workspace-header-nuko{width:56px;height:70px}.interview-start-types{grid-template-columns:1fr}.interview-history-card{flex-direction:column;gap:6px}.human-request-modal{width:calc(var(--workspace-viewport-width,100vw) - 16px);height:calc(var(--workspace-viewport-height,100vh) - 16px)}.consultation-home-grid{padding:16px}}
@container workspace (max-width:600px){.main header.workspace-page-header{padding:18px 168px 18px 72px;min-height:124px}.main header.workspace-page-header>.workspace-heading-icon{left:16px;top:36px;width:44px;height:52px}.main header.workspace-page-header>.workspace-header-nuko{right:68px;top:6px;width:88px;height:112px}}
.attendance-latest-correction{margin-top:10px}
.attendance-corrected-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:#d9f3e7;color:#176547;font-weight:700}
.attendance-correction-entry{margin:6px 0;color:#64716c;line-height:1.6;overflow-wrap:anywhere}
.attendance-older-corrections{margin-top:8px;color:#64716c}

.knowledge-search-toolbar{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 20px;border:1px solid #cce8e6;border-radius:12px;background:#f1fbf9}
.knowledge-search-toolbar .knowledge-page-search{min-height:44px;padding:10px 20px;box-shadow:0 3px 10px #009b8a18}

.main header.workspace-page-header:has(.interview-session-picker[open]){z-index:10}
.knowledge-search-toolbar .knowledge-page-search{display:inline-flex;align-items:center;gap:8px;border:1px solid #009e91;border-radius:10px;background:#009e91;color:#fff;font:inherit;font-weight:700;cursor:pointer}.knowledge-search-toolbar .knowledge-page-search:hover{background:#008477}.knowledge-search-toolbar .knowledge-page-search:focus-visible{outline:3px solid #72daca;outline-offset:3px}.main:has(.meeting-minutes-view) .meeting-minutes-view{padding-top:20px}
@container workspace (max-width:600px){.interview-session-toolbar .interview-session-window{width:min(440px,calc(100cqw - 104px))}}
.knowledge-search-filters .task-filter-picker{min-width:0;width:100%}.knowledge-search-filters{min-width:0}
/* Daily schedule keeps its footprint while requests run. */
#workspace-calendar .calendar-body{position:relative;min-height:460px;max-height:none;padding:0;overflow:hidden}
.calendar-timeline-scroll{height:460px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.calendar-timeline{position:relative;height:1920px;background:#fafcfb}
.calendar-hour{position:absolute;left:0;right:0;height:80px;border-top:1px solid #cfdad5;background:linear-gradient(transparent 39px,#e5ebe7 40px,transparent 41px)}
.calendar-hour time{position:absolute;left:0;width:52px;padding:3px 4px;color:#345149;background:#fff;text-align:right;box-sizing:border-box}
.workspace-clock{display:grid;gap:0;justify-items:center;flex:none;box-sizing:border-box;width:100%;margin:0 0 6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:#345149;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.workspace-clock strong{font-weight:600;letter-spacing:.08em}
.workspace-clock-weather{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:12px;flex:none;margin:0 0 10px;padding:0 4px 0 16px;color:#345149}
.workspace-clock-weather .workspace-clock{display:grid;grid-column:1;grid-row:1;justify-items:start;gap:2px;min-width:0;margin:0;padding:0}
.workspace-clock-weather [data-clock-date]{justify-self:start;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.workspace-clock-weather [data-clock-time]{justify-self:start;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em}
.workspace-weather{grid-column:2;grid-row:1;min-width:0;padding-left:18px;border:0;color:#426b72;line-height:1.4}
.workspace-weather a,.workspace-weather button{display:block;border:0;padding:0;background:none;color:inherit;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.workspace-weather a:hover{text-decoration:underline}
.workspace-weather a:focus-visible,.workspace-weather button:focus-visible{outline:2px solid #009b94;outline-offset:3px}
.calendar-now{position:absolute;left:84px;right:4px;z-index:4;height:1px;background:#d94050;pointer-events:none}
.calendar-now::before{content:'';position:absolute;left:-4px;top:50%;translate:0 -50%;width:8px;height:8px;border-radius:50%;background:#d94050}
.calendar-appointments{position:absolute;top:0;bottom:0;left:56px;right:4px;border-left:1px solid #cfdad5}
.calendar-timed-event{position:absolute;box-sizing:border-box;margin:0;padding:4px 6px;border:1px solid #b3d5c4;border-left:3px solid #47996f;border-radius:5px;background:#eaf6ed;overflow:hidden;line-height:1.3}
.calendar-timed-event :is(span,small){margin:0;color:#365649}
.calendar-timed-event:focus{height:auto!important;min-height:80px;z-index:5;outline:2px solid #13846b;box-shadow:0 4px 16px #1b473933}
.calendar-all-day{margin:8px;background:#eaf6ed;border-radius:8px}
.calendar-loading{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#ffffffcc}
.calendar-error{position:relative;padding:12px;background:#fff5ec;color:#783e19;display:grid;gap:8px}
.calendar-empty{margin:0;padding:12px}
#main>.interview-page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;background:#f6f9f8;border-bottom:1px solid #dce6e1;flex-shrink:0;max-width:100%;margin:0;box-sizing:border-box}
.interview-page-toolbar .interview-session-toolbar{flex:1 1 280px;min-width:0;max-width:100%}
.interview-page-toolbar .interview-session-picker{flex:1;min-width:0}
.interview-page-toolbar .interview-profile-mini{margin:0}
#main .interview-page-toolbar :is([data-interview-home],[data-open-profile-form]){padding:10px 14px;min-height:44px;border:1px solid #88bbaa;border-radius:10px;background:#fff;color:#185f4d;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;white-space:normal}
#main .interview-page-toolbar button:hover{filter:brightness(.96)}
.human-anonymity-control{display:flex!important;align-items:center;gap:10px;padding:12px;background:#eff8f4;border:1px solid #bcdbce;border-radius:10px}
.human-anonymity-control input{width:20px!important;height:20px;margin:0;accent-color:#14795e}
.tutorial-launch-button{border:1px solid #89b5a7;border-radius:10px;padding:8px 12px;background:#f0faf6;color:#195c4a;cursor:pointer}
#workspace-tutorial{position:fixed;inset:0;width:var(--workspace-viewport-width,100vw);height:var(--workspace-viewport-height,100vh);max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#243a32}
#workspace-tutorial::backdrop{background:transparent}
.tutorial-spotlight{position:fixed;border:3px solid #83ecd0;border-radius:12px;background:transparent;box-shadow:0 0 0 100vmax #081e28b8;padding:0;cursor:pointer}
.tutorial-card{position:fixed;box-sizing:border-box;max-height:calc(var(--workspace-viewport-height,100vh) - 32px);overflow:auto;padding:24px;background:#fff;border:1px solid #b0d8ca;border-radius:18px;box-shadow:0 12px 48px #081e2866}
.tutorial-card h2{margin:10px 0}.tutorial-card p{line-height:1.7;margin:12px 0 20px}.tutorial-count{color:#286d59}
.tutorial-card footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.tutorial-card button{padding:10px 14px;border:1px solid #b4ccbf;border-radius:10px;background:#fff;color:#275f4e;cursor:pointer}
.tutorial-card [data-tutorial-next]{background:#12745d;color:#fff}.tutorial-card button:disabled{opacity:.4}
#user-preference-dialog .user-preference-external>div:first-child,#user-preference-dialog .outlook-connection-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#user-preference-dialog .outlook-connection-box :is(b,small){display:block}
#user-preference-dialog .user-preference-external{display:grid;gap:16px}
.calendar-timed-event b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-timed-event:focus b{white-space:normal}
/* Schedule spacing and readable appointment cards. */
.calendar-timeline{height:5980px}
.calendar-hour{height:240px;background:linear-gradient(transparent 119px,#e5ebe7 120px,transparent 121px)}
.calendar-hour time{width:64px;padding-right:8px}
.calendar-appointments{left:84px;right:4px}
.calendar-timed-event{padding:10px 8px;overflow:auto;border-right:5px solid #fafcfb;line-height:1.45}
.calendar-timed-event b{white-space:normal;overflow:visible;text-overflow:clip;margin-top:5px;overflow-wrap:anywhere}
.calendar-timed-event:focus{min-height:96px}
/* Library and account settings share the same underline tabs. */
#main .knowledge-tabs{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:52px;height:auto;padding:0 16px;border:0;border-bottom:1px solid #cce5e0;background:transparent;box-sizing:border-box;flex-shrink:0}
#main .knowledge-tabs button{display:flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;min-height:52px;padding:12px 14px;border:0;border-bottom:4px solid transparent;border-radius:0;background:transparent;color:#59716c;box-shadow:none;text-align:center;white-space:nowrap}
#main .knowledge-tabs button.active{border-bottom-color:#009e91;background:transparent;color:#008f84;box-shadow:none}
#main .knowledge-tabs button:hover{background:#eef9f6}
/* NUKO speaks from the home banner; focus gently breathes around the grouped controls. */
.tutorial-mask{position:fixed;inset:0;pointer-events:none}
.tutorial-spotlight{box-shadow:none;transition:left 0.42s ease,top 0.42s ease,width 0.42s ease,height 0.42s ease;animation:tutorial-focus-breathe 3.6s ease-in-out infinite}
.tutorial-card{overflow:visible;max-height:calc(var(--workspace-viewport-height,100vh) - 32px);border-radius:24px;background:#fffefa;border:2px solid #88cdbc;animation:tutorial-bubble-in 0.36s ease-out both}
.tutorial-card::after{content:'';position:absolute;right:-13px;top:var(--tutorial-tail-top,60px);width:22px;height:22px;background:#fffefa;border-top:2px solid #88cdbc;border-right:2px solid #88cdbc;transform:rotate(45deg)}
.tutorial-no-tail::after{display:none}
.tutorial-card p{max-height:calc(var(--workspace-viewport-height,100vh) - 240px);overflow:auto}
.tutorial-speaker{display:inline-block;color:#16846c;font-weight:700;margin-left:12px}
@keyframes tutorial-focus-breathe{0%,100%{transform:scale(1);border-color:#83ecd0}50%{transform:scale(1.018);border-color:#c4ffef}}
@keyframes tutorial-bubble-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.tutorial-spotlight,.tutorial-card{animation:none;transition:none}}

/* Keep the schedule inside the panel, including its scrollbar and card borders. */
#workspace-calendar,#workspace-calendar .calendar-body,.calendar-timeline-scroll,.calendar-timeline,.calendar-appointments{min-width:0;box-sizing:border-box}
#workspace-calendar{max-width:100%;overflow:hidden}
.calendar-timeline-scroll{width:100%;overflow-x:hidden}
.calendar-timeline{height:3220px;width:100%}
.calendar-hour{height:120px;background:linear-gradient(transparent 59px,#e5ebe7 60px,transparent 61px)}
#workspace-calendar .calendar-timed-event{min-width:0;max-width:100%;box-sizing:border-box;padding:4px 6px;border-right:1px solid #b3d5c4;overflow-x:hidden;overflow-y:auto;line-height:1.3}
#workspace-calendar .calendar-timed-event b{margin-top:2px}
#workspace-calendar .calendar-timed-event:focus{min-height:48px}
#workspace-calendar .calendar-loading{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:#ffffffdd}
#workspace-calendar .calendar-loading>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
.tutorial-guide{position:fixed;display:flex;align-items:center;gap:18px;max-width:calc(var(--workspace-viewport-width,100vw) - 32px);transition:left 0.42s ease,top 0.42s ease;pointer-events:auto}
.tutorial-character{display:block;width:var(--tutorial-actor-width,128px);height:160px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 12px #002d3966);animation:tutorial-bubble-in 0.36s ease-out both}
.tutorial-guide .tutorial-card{position:relative;left:auto!important;top:auto!important;flex:none;max-width:calc(var(--workspace-viewport-width,100vw) - 32px - var(--tutorial-actor-width,128px) - 18px)}
.tutorial-guide .tutorial-card::after{left:-13px;right:auto;top:calc(50% - 11px);transform:rotate(225deg)}
.tutorial-guide-left{flex-direction:row-reverse}
.tutorial-guide-left .tutorial-card::after{left:auto;right:-13px;transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.tutorial-guide{transition:none}.tutorial-character{animation:none}}

.interview-home .interview-start-types button{border-color:#0b907d;background:linear-gradient(135deg,#0c9d88,#08796b);color:#fff;box-shadow:0 4px 12px #147e7020;min-height:76px;cursor:pointer}
.interview-home .interview-start-types button:hover{background:#08796b}.interview-home .interview-start-types button>span:last-child{margin-left:auto}.interview-home .interview-start-types .sidebar-pictogram{filter:brightness(0) invert(1)}
.interview-home .consultation-home-history-card .interview-history-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:1px solid #e6ebf4;border-radius:14px;overflow:hidden;background:#fff}
.interview-home .interview-history-card.pinned{border-color:#acdcd3;box-shadow:inset 3px 0 #21b99c}
.interview-history-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid #eef1f5}
.interview-history-actions button{padding:7px 12px;min-height:36px;border:1px solid #cbdedc;border-radius:9px;background:#f4faf8;color:#25615a;cursor:pointer}
.interview-history-actions button[aria-pressed=true]{background:#ddf4ed;border-color:#71bfae}.interview-history-actions button.danger{background:#fff8f7;border-color:#eacdc8;color:#a24439}.interview-history-actions button:disabled{opacity:.55;cursor:wait}
.interview-history-archive{margin-top:18px}.interview-history-archive>summary{padding:14px;cursor:pointer;color:#526a78}.interview-history-archive .consultation-history-group{padding-top:8px}
.interview-chat-actions{display:grid;justify-items:end;gap:8px}.interview-chat-actions .interview-history-actions{border:0;padding:0}
@media(max-width:760px){.interview-home .interview-start-types button{min-height:62px;padding:16px}.interview-history-actions{justify-content:flex-start}.interview-chat-head{flex-wrap:wrap}.interview-chat-actions{justify-items:start}}

/* Sticky library tabs must cover the scrolling cards beneath them. */
#main .knowledge-tabs{background:#f6f8f9;isolation:isolate;z-index:5}

/* Stable rails: collapsed navigation is a usable icon strip. */
#root .app-shell{--rail-left:var(--left-width);--rail-right:minmax(0px,var(--right-width));--rail-gap:0px;grid-template-columns:var(--rail-left) 0px minmax(0,1fr) var(--rail-gap) var(--rail-right);min-width:0}
#root .app-shell.left-collapsed{--rail-left:72px}
#root .app-shell.right-collapsed{--rail-right:minmax(0px,0px)}
/* One content width across home, consultation and other right-hand panels. */
#root .app-shell>.right{scrollbar-gutter:stable}
#concierge>.home-side-panel,#concierge>.nuko-context-panel{padding:0 2px 2px;row-gap:10px}
#root .app-shell.chat-only{--rail-right:0px;--rail-gap:0px}
#root .app-shell>.sidebar{container:sidebar / inline-size;min-width:0}
/* Switch to icons as soon as collapse begins, before the width animation. */
#root .sidebar-icon-mode .sidebar .brand-with-logo{justify-content:center;padding:14px 0}
#root .sidebar-icon-mode .sidebar .brand-logo{display:none}
#root .sidebar-icon-mode .sidebar .brand-nuko{display:grid}
#root .sidebar-icon-mode .sidebar nav{padding:8px 4px;gap:4px}
#root .sidebar-icon-mode .sidebar nav button,#root .sidebar-icon-mode .sidebar nav button:has(em){justify-content:center;padding:10px 0;gap:0;min-height:48px}
#root .sidebar-icon-mode .sidebar nav button>span,#root .sidebar-icon-mode .sidebar .admin-only-label{display:none}
#root .sidebar-icon-mode .sidebar .nav-group{margin-top:4px;padding-top:4px}
#root .sidebar-icon-mode .sidebar .nav-children{padding:0;margin:4px 0;border:0}
#root .sidebar-icon-mode .sidebar nav em{right:1px;top:1px;translate:0 0}
#root .sidebar-icon-mode .sidebar>footer{display:flex;width:100%;padding:8px 4px}
#root .sidebar-icon-mode .sidebar>footer .account-button{display:flex;justify-content:center;padding:8px 0}
#root .sidebar-icon-mode .sidebar .account-avatar{margin-inline:auto}
#root .sidebar-icon-mode .sidebar .account-button>span:not(.account-avatar),#root .sidebar-icon-mode .sidebar .tutorial-launch-button,#root .sidebar-icon-mode .sidebar .logout-button{display:none}
#root .sidebar nav button>span,#root .sidebar>footer button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#root .app-shell>.resize-bar{overflow:visible;z-index:20;width:8px;margin-left:-4px}
/* Resize geometry belongs to the workspace; pane-controls owns button paint. */
#root .resize-bar::before{opacity:0;transition:opacity .2s,background .2s}
#root .resize-bar:is(:hover,:active,:focus-within)::before{opacity:1}
#root :is(.left-resizer,.right-resizer) .collapse-btn{position:absolute;top:50%;bottom:auto;transform:translateY(-50%)}
#root .left-resizer .collapse-btn{left:-28px}
#root .right-resizer .collapse-btn{position:fixed;right:12px;top:auto;bottom:14px;transform:none}
#root .left-resizer .collapse-btn[aria-expanded=false]{left:-14px}
#root .right-resizer .collapse-btn[aria-expanded=false]{right:12px}
#root .app-shell[data-view=top].right-collapsed:not(.home-detail-open) .right-resizer .collapse-btn{right:12px}
#root .sidebar nav{box-sizing:border-box;min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}
#root .sidebar nav button{position:relative;min-height:48px;box-sizing:border-box}
#root .sidebar nav button:has(em){padding-right:44px}
#root .sidebar nav em{position:absolute;right:8px;top:50%;translate:0 -50%;display:grid;place-items:center;box-sizing:border-box;width:28px;min-width:28px;height:28px;padding:0;line-height:1;border-radius:50%;margin:0}
#root .sidebar nav :is(.nav-item,.nav-child).active{background:var(--workspace-menu-active,#b9e8df);color:var(--workspace-menu-active-ink,#075b53);box-shadow:var(--workspace-menu-active-shadow,inset 4px 0 #008d7c)}
#root .sidebar nav :is(.nav-item,.nav-child):focus-visible{outline:2px solid #008d7c;outline-offset:-2px}
@container sidebar (max-width:80px){
  .sidebar .brand{justify-content:center;padding:14px 0}
  .sidebar .brand>div:not(.brand-nuko){display:none}
  .sidebar nav{padding:8px 4px;gap:4px}
  #root .sidebar nav button,#root .sidebar nav button:has(em){justify-content:center;padding:10px 0;gap:0;min-height:48px}
  .sidebar nav button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .sidebar .nav-group{margin-top:4px;padding-top:4px}
  .sidebar .nav-children{padding:0;margin:4px 0;border:0}
  #root .sidebar nav em{width:22px;min-width:22px;height:22px;right:0;top:0;translate:0 0}
  #root .sidebar>footer{display:flex;width:100%;box-sizing:border-box;padding:8px 4px}
  #root .sidebar>footer .account-button{display:flex;justify-content:center;grid-template-columns:none;box-sizing:border-box;padding:8px 0}
  #root .sidebar>footer .account-avatar{margin-inline:auto}
  .sidebar .account-button>span:not(.account-avatar),.sidebar .tutorial-launch-button,.sidebar .logout-button{display:none}
}
/* Tabs cannot resize the account dialog, including an empty profile. */
#user-preference-dialog{overflow:hidden;box-sizing:border-box;width:min(920px,calc(var(--workspace-viewport-width,100vw) - 32px));height:min(900px,calc(var(--workspace-viewport-height,100vh) - 32px));max-height:calc(var(--workspace-viewport-height,100vh) - 32px)}
#user-preference-dialog .user-preference-card{height:100%;max-height:100%;box-sizing:border-box}
#user-preference-dialog .user-preference-body{flex:1 1 0;min-height:0;align-content:start;scrollbar-gutter:stable;overflow-x:hidden}
.human-request-list-toolbar .human-request-tabs{overflow-y:hidden;align-items:stretch;flex-shrink:0}
.human-request-tabs button.active::after{bottom:0}
.task-related-knowledge-head{flex-wrap:wrap;gap:8px;min-width:0}
.task-related-knowledge-head>div{min-width:0}
.task-related-knowledge-head>small{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.task-related-knowledge-head span{overflow-wrap:anywhere}
.task-related-facts dd{min-width:0;overflow-wrap:anywhere}
/* The focus ring needs space on all four sides of scrollable composers. */
.kc-reader .kc-detail-panel,.library-comments{box-sizing:border-box;padding:6px 10px 6px 6px}
.task-folder-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:1000;height:auto}
.task-folder-menu[popover]:not(:popover-open){display:none}
.task-folder-menu[popover]:popover-open{display:grid}
@media(max-width:1100px){
  #root .app-shell>.right-resizer .collapse-btn{right:0}
  #root .app-shell{--rail-left:min(220px,var(--left-width));--rail-right:0px;--rail-gap:16px}
  #root .app-shell.left-collapsed{--rail-left:64px}
  #root .app-shell:not(.chat-only)>.right-resizer{display:grid}
  #root .app-shell>.right{display:none}
  #root .app-shell.right-mobile-open>.right{display:block;position:fixed;right:20px;top:8px;bottom:8px;width:min(360px,calc(var(--workspace-viewport-width,100vw) - 100px));box-sizing:border-box;z-index:19;box-shadow:0 12px 48px #173e4c44;overflow:auto;background:#fff}
}
@media(max-width:760px){
  #root .app-shell{--rail-left:64px}
  #user-preference-dialog .user-preference-card>header{padding:12px}
  #user-preference-dialog .user-preference-card>header p{display:none}
}
/* Start reducing chrome on ordinary laptop windows before entering compact mode. */
@media(max-width:1600px),(max-height:900px){
  #root .app-shell{--rail-left:min(240px,var(--left-width));--rail-right:minmax(280px,min(340px,var(--right-width)))}
  #main header.workspace-page-header{min-height:112px;padding:16px 160px 16px 84px}
  #main header.workspace-page-header>.workspace-heading-icon{left:20px;top:30px;width:48px;height:52px}
  #main header.workspace-page-header>.workspace-header-nuko{right:56px;top:8px;width:88px;height:96px}
  #main [data-workspace-header] .chat-help-button{right:14px;top:38px;transform:none}
  :is(.personal-tasks-view,.task-management-view){--task-pane-padding:20px;--task-pane-bottom:24px}
  .workspace-page-toolbar{padding:12px 18px}
  .my-task-card{padding-top:16px;padding-bottom:16px}
}
@media(max-width:1100px){#root .app-shell{--rail-left:min(220px,var(--left-width));--rail-right:0px}}
@media(max-width:760px){#root .app-shell{--rail-left:64px}}
@media(max-width:1200px),(max-height:720px){
  #main header.workspace-page-header{min-height:88px;padding:12px 112px 12px 64px}
  #main header.workspace-page-header>.workspace-heading-icon{left:14px;top:24px;width:36px;height:40px}
  #main header.workspace-page-header>.workspace-header-nuko{right:44px;top:8px;width:64px;height:72px}
  #main [data-workspace-header] .chat-help-button{right:10px;top:26px;transform:none}
  #main .workspace-page-header .page-eyebrow{margin-bottom:2px;letter-spacing:.08em}
  :is(.personal-tasks-view,.task-management-view){--task-pane-padding:16px;--task-pane-bottom:18px}
  .workspace-page-toolbar{padding:10px 16px}
  .task-summary-card{padding:12px}
  .my-task-card{padding-top:14px;padding-bottom:14px}
}

@media(max-width:1600px),(max-height:900px){#main .consultation-home-screen header.workspace-page-header{padding-top:20px;padding-bottom:20px;min-height:96px}}

.daily-report-tabs [data-daily-refresh]{margin-left:auto}
@media(max-width:760px){#root .app-shell.left-mobile-open:not(.left-collapsed){--rail-left:180px}}

/* A flex column must never compress a wrapped action bar into the summary. */
.personal-task-toolbar{flex-shrink:0}
@media(max-width:760px){
  .personal-task-toolbar{display:block;padding:4px 16px 10px}
  .personal-task-toolbar .task-page-actions{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 0;min-width:0;max-width:100%}
  .personal-task-toolbar .task-page-actions>button{flex:none;min-height:36px;padding:6px 10px;white-space:normal;max-width:100%;overflow-wrap:anywhere}
  #main :is(.personal-tasks-view,.task-management-view) .task-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0}
  #main :is(.personal-tasks-view,.task-management-view) .task-summary-card{padding:4px 10px;gap:4px}
}

/* Use the supplied complete logo; keep the compact NUKO mark for the 64px rail. */
.sidebar .brand-with-logo{justify-content:flex-start;padding:24px 52px 21px 20px;min-height:102px}
.sidebar .brand-with-logo .brand-logo{display:block;width:100%;max-width:160px;height:auto;object-fit:contain}
.sidebar .brand-with-logo .brand-nuko{display:none}
@container sidebar (max-width:80px){
  .sidebar .brand-with-logo{padding:14px 0}
  .sidebar .brand-with-logo .brand-logo{display:none}
  .sidebar .brand-with-logo .brand-nuko{display:grid}
}
/* The full partner name and tools can use separate rows at narrow pane widths. */
.nuko-partner-header{flex-wrap:wrap;gap:8px}
.nuko-partner-header .home-side-profile{flex:1 1 280px}
.nuko-partner-header .home-side-nuko{flex-shrink:0}
.nuko-partner-header .home-side-tools{margin-left:auto}

/* Shared controls keep the same appearance in headers and content toolbars. */
body :is(#reload-tasks,#reload-managed-tasks,#reload-human-requests,#reload-overview,#refresh-overview,#attendance-reload,[data-refresh],[data-daily-refresh],.knowledge-card-page [data-reload]){border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#52606d;padding:9px 14px;min-height:42px;line-height:1.4;cursor:pointer}
#main .overview-collapsible .overview-actions{align-items:stretch;flex-wrap:nowrap}
.overview-collapsible .overview-actions button{white-space:normal}
#overview-refresh-status:empty{display:none}
[data-open-task-create][hidden]{display:none!important}
.personal-tasks-view,.task-management-view{padding:0 var(--task-pane-padding,26px) var(--task-pane-bottom,30px)}
.task-management-view{display:block;background:#fff;container-type:inline-size}
.task-workspace-toolbar .task-page-actions[inert]{visibility:hidden}
.task-management-view>.task-management-notifications{margin:20px 0}
.tasks-view .task-list-toolbar{align-items:center;min-height:58px;gap:12px;flex-wrap:wrap}
.tasks-view .task-list-toolbar>.task-tabs{align-self:stretch;align-items:stretch}
.tasks-view .task-tabs button{display:flex;align-items:center;justify-content:center}
.tasks-view .task-list-toolbar>.task-reload{margin:8px 0}
.task-list-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:8px 0}
.task-list-tools .task-search{min-width:0;max-width:100%}
.task-list-label{color:#49627f;font-weight:700}
.task-management-notifications>div{flex-wrap:wrap}
.task-management-notifications h2{display:flex;align-items:center;gap:8px;flex:none}
@container(max-width:540px){.team-task-list-toolbar .task-list-tools{width:100%}.team-task-list-toolbar .task-search{flex:1 1 160px}.task-management-view .task-summary{margin-bottom:16px}}
#root .sidebar nav button:has(em){padding-right:max(40px,calc(var(--tacithub-font-size-sidebar) * 1.5 + 16px))}
#root .sidebar nav em,.task-management-notifications h2 em{display:inline-grid;place-items:center;box-sizing:border-box;flex:none;width:max(24px,2.6em);min-width:0;height:max(24px,2.6em);min-height:0;padding:0;border-radius:50%;white-space:nowrap;line-height:1;font-style:normal;font-variant-numeric:tabular-nums}
/* Keep the circle compact independently of the more readable number size. */
#root .sidebar nav em{width:max(26px,calc(var(--tacithub-font-size-sidebar) * 1.43));height:max(26px,calc(var(--tacithub-font-size-sidebar) * 1.43))}
#root .sidebar nav em[hidden]{display:none}
@container sidebar (max-width:80px){#root .sidebar nav button:has(em){padding-right:0}#root .sidebar nav em{right:1px;top:1px}}
.attendance-page{grid-template-columns:minmax(0,1fr)}
.attendance-page>*{min-width:0}
.attendance-toolbar input[type="month"]{max-width:100%;min-width:0;box-sizing:border-box}
.attendance-note{overflow-wrap:anywhere}
@media(max-width:760px){.attendance-punch .home-attendance-actions{flex:0 0 100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
.navi-item-copy b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.navi-badge-preview .nuko-badge-display{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:center}
.navi-customization-card{max-height:calc(var(--workspace-viewport-height,100vh) - 32px);grid-template-rows:auto auto minmax(0,1fr)}
.navi-customization-header>div{min-width:0;overflow-wrap:anywhere}
.navi-customization-header{height:auto}
.navi-customization-close{flex-shrink:0}
@keyframes workspace-dialog-fade-in{from{opacity:0}to{opacity:1}}
@keyframes workspace-dialog-fade-out{from{opacity:1}to{opacity:0}}
.file-library-dialog[open],.ex-dialog[open],.meeting-recording-dialog[open]{animation:workspace-dialog-fade-in 0.27s ease-out both}
.file-library-dialog[open]::backdrop,.ex-dialog[open]::backdrop,.meeting-recording-dialog[open]::backdrop{animation:workspace-dialog-fade-in 0.27s ease-out both}
@media(prefers-reduced-motion:reduce){.file-library-dialog[open],.ex-dialog[open],.meeting-recording-dialog[open],.file-library-dialog[open]::backdrop,.ex-dialog[open]::backdrop,.meeting-recording-dialog[open]::backdrop{animation:none}}

.file-library-dialog[open].closing,.file-library-dialog[open].closing::backdrop{animation:workspace-dialog-fade-out 0.24s ease-in both;pointer-events:none}

/* Member-authored and AI-authored Markdown share spacing and safe wrapping. */
.rich-text,.kc-body.rich-text,.kc-snapshot .rich-text{white-space:normal;line-height:1.85;overflow-wrap:anywhere;min-width:0}
.rich-text p,.human-request-detail-head .rich-text p{margin:0 0 .85em;line-height:1.85}
.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}
.rich-text :is(h2,h3,h4,h5,h6){margin:1.15em 0 .55em;line-height:1.5}
.rich-text :is(ul,ol){margin:.65em 0 1em;padding-left:1.6em}
.rich-text li{margin:.3em 0}.rich-text li :is(ul,ol){margin:.4em 0}
.rich-text blockquote{margin:1em 0;padding:.65em 1em;border-left:3px solid #92bfb1;background:#f4f8f6;color:#49635b}
.rich-text pre{max-width:100%;overflow-x:auto;padding:14px;border:1px solid #dce7e2;border-radius:10px;background:#f6f8fa;white-space:pre}
.rich-text code{padding:.12em .3em;border-radius:4px;background:#eef3f2}.rich-text pre code{padding:0;background:transparent}
.rich-text a{color:#087e80;text-decoration:underline;text-underline-offset:3px}
.rich-text-table{max-width:100%;overflow-x:auto}.rich-text-table table{border-collapse:collapse;width:100%}
.rich-text-table :is(th,td){padding:8px 12px;border:1px solid #dce7e2;text-align:left}
.kc-card-summary{line-height:1.75}.kc-card-summary :is(h2,h3,h4,h5,h6){margin:.5em 0}
.human-request-body{margin:16px 0}.human-request-context-summary{margin-top:18px;padding:16px;border-radius:12px;background:#f5f9f7}
.human-request-detail-head>div{min-width:0;flex:1}.human-answer-body{margin-top:10px}
.human-answer-item .human-answer-body,.human-answer-body .rich-text-table{display:block}
.human-request-modal .human-request-dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;padding:12px 16px;background:#fff;border-bottom:1px solid #e4ece8}
.human-request-modal .human-request-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#52606d;line-height:1}
.human-request-modal .human-request-detail{padding-top:0}.human-request-detail-head{margin-top:12px}
.human-settings-form input[name="targetDepartment"]{box-sizing:border-box;border:1px solid #aebfc3;border-radius:8px;padding:10px 12px;background:#fff;outline:revert;line-height:1.5}
.human-settings-form input[name="targetDepartment"]:focus-visible{outline:2px solid #178d80;outline-offset:2px}
.human-settings-form input[name="targetDepartment"]:disabled{background:#f2f5f6;color:#6c7d86;border-color:#d6dfe2}
.human-settings-hint{margin:0;color:#667789;line-height:1.6}
.navi-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}
.navi-collection-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;min-width:0;color:var(--text)}
.navi-collection-card.is-selected{border-color:#168c84;background:#edf9f5;box-shadow:0 0 0 2px #168c84}
.navi-collection-icon{display:grid;place-items:center;height:90px;width:100%;overflow:hidden}
.navi-collection-icon img{max-width:90px;max-height:90px;object-fit:contain}
.is-locked .navi-collection-icon,.navi-selection-icon.is-locked{filter:brightness(0);opacity:.3}
.navi-collection-count{font-weight:700;color:#167b74}
.navi-selection-detail{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:center;padding:20px;background:#f0f8f7;border-radius:20px;margin-bottom:16px}
.navi-selection-icon{display:grid;place-items:center;min-height:140px}
.navi-selection-icon img{max-width:130px;max-height:140px;object-fit:contain}
.navi-selection-detail h3{margin-top:0}
.navi-selection-detail button{padding:10px 18px}
.navi-collection-icon .nuko-badge-display{white-space:normal;text-align:center}
.task-analytics-panel{grid-column:1/-1;min-width:0}
.task-analytics-controls{display:flex;flex-wrap:wrap;gap:18px;padding:20px}
.task-analytics-controls label{display:flex;gap:8px;align-items:center}
.task-analytics-controls select,.task-analytics-controls input{padding:8px;border:1px solid var(--line);border-radius:8px;min-width:0}
.task-analytics-results{padding:0 24px 24px;line-height:1.7;overflow-wrap:anywhere}
.task-analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.task-analytics-metrics article{display:grid;padding:16px;border-radius:16px;background:#edf8f5}
.task-analytics-metrics strong{color:#14776f}
.task-analytics-bars>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 70px;align-items:center;gap:12px;margin:10px 0}
.task-analytics-track{display:block;width:100%;height:9px;border-radius:99px;background:#e0eeeb;overflow:hidden;pointer-events:none}
.task-analytics-track>span{display:block;height:100%;border-radius:inherit;background:#1c9b8b;pointer-events:none}
.task-analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:20px 0}
.task-analytics-chart{margin:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;min-width:0}
.task-analytics-chart figcaption{color:#234e59;font-weight:700;margin-bottom:18px}
.task-analytics-chart p{color:#627785;margin-bottom:0}
.task-completion-chart{position:relative;width:180px;max-width:100%;margin:auto;aspect-ratio:1}
.task-completion-chart svg{display:block;width:100%;height:100%}
.task-completion-chart>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#08776d}
.task-chart-legend{list-style:none;padding:0;margin:18px 0;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.task-chart-legend li{display:flex;align-items:center;gap:8px}
.task-chart-legend i{width:12px;height:12px;border-radius:3px;background:var(--chart-color);flex:none}
.task-deadline-chart{display:grid;gap:14px}
.task-deadline-chart-row{display:grid;grid-template-columns:minmax(0,9em) minmax(30px,1fr) max-content;gap:10px;align-items:center}
.task-chart-bar{height:16px;background:#eef2f5;border-radius:4px;overflow:hidden}
.task-chart-bar i{display:block;height:100%;background:var(--chart-color);border-radius:4px}
.task-analytics-empty-chart{border:1px dashed var(--line);border-radius:18px;padding:16px;margin:20px 0;color:#627785}
.task-management-notifications li button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#14776f;cursor:pointer}
@media(max-width:600px){.navi-selection-detail{grid-template-columns:90px minmax(0,1fr);padding:12px;gap:12px}.navi-selection-icon img{max-width:85px}.task-analytics-results{padding:0 12px 16px}.task-analytics-controls{padding:12px}.task-analytics-bars>div{grid-template-columns:1fr 1fr 50px}}

.personal-tasks-view.is-analytics :is(#task-summary,#task-filters,.task-tabs){display:none}
.task-analytics-controls .task-filter-picker{min-width:200px}
.task-analytics-controls .task-folder-dropdown{width:100%}
.task-management-notifications .report-notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:4px 10px;align-items:center}
.task-management-notifications .report-notification-open{display:grid;gap:3px;text-align:left;min-width:0;padding:7px 0;border:0;background:transparent;box-shadow:none}
.task-management-notifications .report-notification-open b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-management-notifications .report-notification-list{padding:7px 0;border:0;background:transparent;box-shadow:none;white-space:nowrap;text-align:right}
.task-management-notifications :is(.report-notification-open,.report-notification-list):focus-visible{outline:2px solid #168c84;outline-offset:2px}
.notification-report-dialog{width:min(760px,calc(var(--workspace-viewport-width,100vw) - 28px));max-width:760px;padding:0}
.notification-report-dialog .task-dialog-shell{max-height:calc(var(--workspace-viewport-height,100vh) - 40px);display:flex;flex-direction:column}
.notification-report-dialog header{flex:none}
.notification-report-body{min-height:0;overflow:auto;padding:20px 24px 28px;overflow-wrap:anywhere}

.navi-customization-dialog{height:min(800px,calc(var(--workspace-viewport-height,100vh) - 32px));max-height:calc(var(--workspace-viewport-height,100vh) - 32px)}
.navi-customization-card{height:100%;min-height:0;max-height:100%;grid-template-rows:auto auto minmax(0,1fr)}
.navi-customization-body{min-height:0;overflow:hidden;padding:0;gap:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch}
.navi-preview-area{min-width:0;padding:14px 22px 8px}
.navi-preview-area .navi-selection-detail{padding:14px 18px;gap:18px;margin:0;grid-template-columns:112px minmax(0,1fr)}
.navi-preview-area .navi-selection-icon{min-height:112px}
.navi-preview-area .navi-item-preview{width:112px;height:112px}
.navi-preview-area h3{margin:0 0 8px;overflow-wrap:anywhere}
.navi-preview-area .navi-selection-detail p{margin:0 0 10px;line-height:1.5}
.navi-preview-area .navi-collection-count{margin:10px 0 0;line-height:1.4}
.navi-selection-detail [data-customization-equip]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;padding:9px 18px;border:1px solid #168c84;border-radius:10px;background:#168c84;color:#fff;font:inherit;font-weight:700;line-height:1.4;cursor:pointer;box-shadow:none}
.navi-selection-detail [data-customization-equip]:disabled{background:#e0eeea;border-color:#c2d7d0;color:#436d60;opacity:1;cursor:default}
.navi-collection-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:5px 22px 24px}
.navi-collection-card .navi-item-copy{text-align:center;justify-items:center;line-height:1.45}
.navi-collection-card .navi-item-copy small{display:block;overflow:visible;white-space:normal}
@media(max-width:600px){
  .navi-preview-area{padding:10px 14px 6px}
  .navi-preview-area .navi-selection-detail{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}
  .navi-preview-area .navi-selection-icon{min-height:76px}
  .navi-preview-area .navi-item-preview{width:76px;height:76px}
  .navi-collection-scroll{padding:5px 14px 22px}
  .notification-report-body{padding:14px 16px 22px}
  .task-management-notifications .report-notification-row{column-gap:12px}
}
@media(max-height:620px){.navi-customization-header p{display:none}.navi-customization-header{padding:10px 18px}.navi-preview-area{padding-top:6px}.navi-preview-area .navi-selection-detail{grid-template-columns:64px minmax(0,1fr);padding:8px;gap:10px}.navi-preview-area .navi-selection-icon{min-height:64px}.navi-preview-area .navi-item-preview{width:64px;height:64px}}

.task-analytics-controls{align-items:flex-end}
.task-analytics-controls>label,.task-analytics-controls>.task-filter-picker{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:180px;margin:0}
.task-analytics-controls input,.task-analytics-controls summary{box-sizing:border-box;min-height:42px;line-height:1.5}
.task-analytics-table-wrap{overflow:auto;margin:12px 0}
.task-analytics-table{width:100%;border-collapse:collapse}
.task-analytics-table th,.task-analytics-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.task-analytics-table caption{text-align:left;margin-bottom:12px}
.task-analytics-detail{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:16px}
.task-analytics-detail summary{cursor:pointer;color:#126b67}

.task-analytics-controls .task-reload{min-height:42px}
.task-deadline-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.task-deadline-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

[data-admin-panel="taskAnalytics"]{min-width:0;grid-template-columns:minmax(0,1fr)}
.member-task-analytics-panel,.task-analytics-results,.task-analytics-table-wrap{min-width:0;max-width:100%}
.chat-top-navigation{flex:none;padding:10px 24px;background:#fff;border-bottom:1px solid #e4e7ec}
.chat-top-navigation .section-dashboard-back{max-width:100%;white-space:normal;text-align:left}
@media(max-width:760px){.chat-top-navigation{padding:8px 14px}}

/* The administrator button shares the centered icon geometry of every other item. */
#root .sidebar-icon-mode .sidebar .nav-admin-parent{display:flex}
@container sidebar (max-width:80px){#root .sidebar .nav-admin-parent{display:flex}}
@media(min-width:1101px){
  #root .app-shell{transition:grid-template-columns .55s cubic-bezier(.22,.8,.2,1)}
  #root .app-shell:not(.chat-only)>.right{display:block;min-width:0;transition:opacity .4s,visibility 0s;overflow-x:hidden}
  #root .app-shell.right-collapsed:not(.home-detail-open)>.right{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s .55s}
}
@media(min-width:761px) and (max-width:1100px){
  #root .app-shell:not(.chat-only)>.right{display:block;position:fixed;right:20px;top:8px;bottom:8px;width:min(360px,calc(var(--workspace-viewport-width,100vw) - 100px));box-sizing:border-box;z-index:19;overflow:auto;background:#fff;opacity:0;translate:28px 0;visibility:hidden;pointer-events:none;transition:opacity .32s,translate .32s,visibility 0s .32s}
  #root .app-shell.right-mobile-open:not(.chat-only)>.right{opacity:1;translate:0 0;visibility:visible;pointer-events:auto;transition:opacity .32s,translate .32s,visibility 0s;box-shadow:0 12px 48px #173e4c44}
}
@media(prefers-reduced-motion:reduce){#root .app-shell,#root .app-shell>.right{transition:none!important}}

#root .app-shell.pane-resizing{transition:none!important}

.sidebar nav :is(.nav-item,.nav-parent,.nav-child)>span:not(.nav-chevron){min-width:0;overflow:hidden;text-overflow:ellipsis}

@media(min-width:761px){
 #root .left-resizer .collapse-btn{top:25px;left:-37px;transform:none;width:30px;height:30px;min-width:30px;min-height:30px}
 #root .left-resizer .collapse-btn[aria-expanded=false]{top:61px;left:-47px}
}
/* Compact headings for the October AI reference record screens. */
.progress-record-breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px 20px 6px;color:#6a745b;flex:none}
.progress-record-breadcrumb button{flex:none;width:auto;border:0;background:transparent;color:inherit;padding:0}
.progress-record-breadcrumb span{flex:none;white-space:nowrap}
#main header.workspace-page-header[data-progress-record-heading]{min-height:56px;height:auto;padding:12px 20px;border:0;border-radius:0;background:transparent;gap:10px;align-items:center}
#main header[data-progress-record-heading] .workspace-heading-copy{padding:0;flex:1;min-width:0}
#main header[data-progress-record-heading] :is(.workspace-header-nuko,.workspace-heading-icon,.page-eyebrow,.task-heading-art,.workspace-heading-copy>p){display:none}
.progress-record-help{margin-left:auto;flex:none;width:32px;height:32px;padding:0;border:1px solid var(--workspace-border);border-radius:7px;background:var(--workspace-surface);color:var(--workspace-muted)}
.app-shell[data-view=tasks] #main,.app-shell[data-view=daily-reports] #main{background:var(--workspace-background);color:var(--workspace-ink)}
@media(max-width:760px){.progress-record-breadcrumb{padding:12px 14px 4px;gap:7px;flex-wrap:wrap}#main header.workspace-page-header[data-progress-record-heading]{padding:10px 14px}}

/* Keep navigation within its rail, including the administrator note. */
#root .sidebar-scroll{min-width:0;overflow-x:hidden;scrollbar-width:none;scrollbar-gutter:auto}
#root .sidebar-scroll::-webkit-scrollbar{display:none}
#root .sidebar .nav-children{min-width:0;grid-template-columns:minmax(0,1fr)}
#root .sidebar .nav-group{min-width:0}
#root .sidebar .nav-admin-parent>.admin-only-label{flex:1 1 100%;min-width:0;white-space:normal;overflow-wrap:anywhere}

@media(min-width:761px){
 #root .left-resizer .collapse-btn{left:-37px;top:28px}
 #root .sidebar-icon-mode .left-resizer .collapse-btn{top:64px}
 #root .left-resizer{touch-action:none}
 #root .app-shell:not(.sidebar-icon-mode)>.left-resizer::after,.resize-handle::after{content:"";position:absolute;top:50%;left:-2px;width:6px;height:40px;transform:translateY(-50%);border:1px solid #aac4cb;border-radius:6px;background:linear-gradient(90deg,#f6fcff,#d5e7eb);box-shadow:0 1px 3px #2b596326;pointer-events:none}
}
#root .sidebar-icon-mode .sidebar .brand-nuko{display:grid;place-items:center;width:auto;height:auto;padding:0;background:transparent;color:#586747;font-weight:800;border:0;border-radius:0;box-shadow:none}
#root .app-shell>.sidebar{border:0;border-right:1px solid var(--workspace-border);border-radius:0;box-shadow:none}
#root .sidebar .brand-with-logo{align-items:flex-start;min-height:104px;height:104px;padding:26px 43px 25px 16px}
#root .sidebar .brand-with-logo .brand-logo{width:156px;max-width:100%;height:auto}
#root .sidebar-icon-mode .sidebar .brand-with-logo{justify-content:center;padding:24px 0 0}
#root .sidebar>footer{background:transparent;border:0}
#root .sidebar .sidebar-divider{border:0;border-top:1px solid var(--workspace-menu-divider);width:calc(100% - 16px);margin:12px 8px}
#root .sidebar-icon-mode .sidebar .sidebar-divider{width:32px;margin:12px auto;border-color:#b6b09c}
html[data-reference-viewport=native] #root .sidebar nav button{font-weight:600}
html[data-reference-viewport=native] #root .sidebar nav button.active{font-weight:700}
html[data-reference-viewport=native] #root .sidebar .account-button{font-weight:600}
.app-shell[data-view=daily-reports] .progress-record-breadcrumb{padding:4px 28px 0}
@media(max-width:760px){.app-shell[data-view=daily-reports] .progress-record-breadcrumb{padding:8px 12px 0}}

#root .app-shell.right-collapsed:has(.home-network-page:not(.has-home-detail))>.right-resizer{display:none}

@media(min-width:761px){
 #root .app-shell>.sidebar nav .nav-item{height:34px;min-height:34px;margin:0;padding:6px 10px;gap:8px;line-height:1.4;border-radius:8px}
 #root .app-shell>.sidebar nav{display:flex;flex-direction:column;gap:3px;padding:0 10px 10px;max-height:58%}
 #root .app-shell>.sidebar nav .nav-icon{width:16px;height:16px;flex-basis:16px}
 #root .sidebar .brand-with-logo{min-height:98px;height:98px}
}
.workspace-account-menu{position:relative;margin-top:8px}
.workspace-account-menu>summary{list-style:none;cursor:pointer;text-align:center;padding:3px 10px;color:var(--workspace-menu-muted)}
.workspace-account-menu>div{position:absolute;bottom:100%;left:0;right:0;padding:10px;border:1px solid var(--workspace-menu-divider);border-radius:8px;background:var(--workspace-menu);box-shadow:var(--workspace-shadow)}
.workspace-account-menu:not([open])>div{display:none}

.secretary-tool-list>div{flex-wrap:wrap}
.secretary-tool-list strong{min-width:65px}
.secretary-tool-list button{flex:none;white-space:nowrap;padding:6px 10px;border:1px solid var(--workspace-border);border-radius:6px;background:var(--workspace-surface);color:var(--workspace-accent);cursor:pointer}
.secretary-tool-list label{display:flex;align-items:center;margin-left:auto}
.secretary-tool-list input{accent-color:var(--workspace-accent)}
.management-preview-help{grid-column:1/-1;margin:0;color:var(--workspace-muted);line-height:1.7}
html[data-ui-design=dark] .sidebar-pictogram,html[data-ui-design=dark] .sidebar .brand-logo{filter:brightness(0) invert(1)}
html[data-ui-design=dark] #main header.workspace-page-header{background:var(--workspace-header);color:var(--workspace-ink)}
/* 2026-11-04 林の指定：左のサイドバーで選んでいる会話は、緑の縦帯ではなく ChatGPT のように灰色の座布団にする */
.workspace-history .consultation-history-row{border-radius:10px}
.workspace-history .consultation-history-row:hover{background:var(--workspace-menu-hover,#eaf0f5);box-shadow:none}
.workspace-history .consultation-history-row.active{background:var(--workspace-menu-active,#e4e8ee);box-shadow:none}
/* 2026-11-04 林の指定：幅を変えるつまみは、全部「入力と出力」のパネルと同じ見た目にそろえる（ふだんは見えず、指を乗せる・動かす・選ぶと縦いっぱいの細い灰色の線） */
:root{--th-resizer-line:#9a9a9a}
html[data-ui-design=dark]{--th-resizer-line:#8a8a8a}
#root .resize-bar::before{top:0;bottom:0;left:50%;width:2px;margin-left:-1px;border-radius:0;background:var(--th-resizer-line);opacity:0;transition:opacity .15s ease}
#root .resize-bar:is(:hover,:active,:focus-within,:focus-visible)::before{opacity:1;top:0;bottom:0;left:50%;width:2px;background:var(--th-resizer-line)}
#root .app-shell:not(.sidebar-icon-mode)>.left-resizer::after,.resize-handle::after{display:none}
.resize-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--th-resizer-line,#9a9a9a);opacity:0;transition:opacity .15s ease;pointer-events:none}
.resize-handle:is(:hover,:active,:focus-visible)::before{opacity:1}
/* 2026-11-04 林の指定：左のサイドバーの会話の行は ChatGPT のように、指を乗せた・選んでいる行だけ灰色の座布団にし、右に「…」とピン留めを出す。ダークモードでも見やすく */
.workspace-history .consultation-history-row{display:flex;align-items:center;gap:0;min-height:36px;padding-right:4px;border:0;border-radius:10px;background:transparent}
.workspace-history .consultation-history-row .consultation-history-open{flex:1;min-width:0}
.workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary){display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--workspace-menu-muted,#667789);opacity:0;cursor:pointer;transition:opacity .12s ease}
.workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary) svg{width:15px;height:15px}
.workspace-history .consultation-history-quick-pin svg{fill:none;stroke:currentColor;stroke-width:1.6}
.workspace-history .consultation-history-quick-pin.is-pinned svg{fill:currentColor}
.workspace-history .consultation-history-row:is(:hover,:focus-within,.active) :is(.consultation-history-quick-pin,.consultation-history-menu>summary),.workspace-history .consultation-history-menu[open]>summary{opacity:1}
.workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary):hover,.workspace-history .consultation-history-menu[open]>summary{background:color-mix(in srgb,var(--workspace-menu-ink,#172033) 8%,transparent);color:var(--workspace-menu-ink,#172033)}
@media(hover:none){.workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary){opacity:1}}
html[data-ui-design=dark] .workspace-history .consultation-history-row:hover{background:#2a2a2a}
html[data-ui-design=dark] .workspace-history .consultation-history-row.active{background:#333}
html[data-ui-design=dark] .workspace-history .consultation-history-row .consultation-history-open,html[data-ui-design=dark] .workspace-history .consultation-history-row.active .consultation-history-open{color:#ececec}
html[data-ui-design=dark] .workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary){color:#bdbdbd}
html[data-ui-design=dark] .workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary):hover,html[data-ui-design=dark] .workspace-history .consultation-history-menu[open]>summary{background:#444;color:#fff}
/* スクロールバーは細く・控えめに（ふだんは淡い灰色の細い線、指を乗せると少し濃く） */
#root .sidebar .sidebar-scroll,#root .sidebar .workspace-history{scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent}
#root .sidebar .sidebar-scroll:hover,#root .sidebar .workspace-history:hover{scrollbar-color:#a8a8a8 transparent}
#root .sidebar :is(.sidebar-scroll,.workspace-history)::-webkit-scrollbar{width:8px}
#root .sidebar :is(.sidebar-scroll,.workspace-history)::-webkit-scrollbar-track{background:transparent}
#root .sidebar :is(.sidebar-scroll,.workspace-history)::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c9c9c9;background-clip:padding-box}
#root .sidebar :is(.sidebar-scroll,.workspace-history):hover::-webkit-scrollbar-thumb{background:#a8a8a8;background-clip:padding-box}
html[data-ui-design=dark] #root .sidebar .sidebar-scroll,html[data-ui-design=dark] #root .sidebar .workspace-history{scrollbar-color:#4a4a4a transparent}
html[data-ui-design=dark] #root .sidebar :is(.sidebar-scroll,.workspace-history)::-webkit-scrollbar-thumb{background:#4a4a4a;background-clip:padding-box}
/* 会話の一覧（実際に縦にスクロールする所）のスクロールバー：サイドバーの右の境界のすぐ左に寄せ、帯はサイドバーと同じ色（透明）にする
   2026-11-04 林の指定：見えなかったので、いつも見える細いつまみにする。Chrome は scrollbar-width / scrollbar-color があると ::-webkit-scrollbar を使わず、Mac の「スクロール中だけ出る」バーになるため、Chrome・Safari では指定しない（Firefox だけ @supports で指定）。外の .workspace-history が右の余白の手前で切り取っていてバーが隠れていたので、外の枠を右の境界まで広げ（区切り線は今までの長さのまま背景で描く）、一覧ははみ出させない */
#root .sidebar:not(.has-history-open) .workspace-history{margin-right:0;border-top:0;background:linear-gradient(var(--workspace-border,#b6b09f),var(--workspace-border,#b6b09f)) left top/calc(100% - 12px) 1px no-repeat}
#root .sidebar:not(.has-history-open) #consultation-history-sidebar{margin-right:0}
#root .sidebar #consultation-history-sidebar{margin-right:-11px;padding-right:5px;scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto}
#root .sidebar #consultation-history-sidebar::-webkit-scrollbar{width:6px;background:transparent}
#root .sidebar #consultation-history-sidebar::-webkit-scrollbar-track{background:transparent;border:0}
#root .sidebar #consultation-history-sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#bcbcbc}
#root .sidebar #consultation-history-sidebar:hover::-webkit-scrollbar-thumb{background:#999}
html[data-ui-design=dark] #root .sidebar #consultation-history-sidebar::-webkit-scrollbar-thumb{background:#555}
html[data-ui-design=dark] #root .sidebar #consultation-history-sidebar:hover::-webkit-scrollbar-thumb{background:#6a6a6a}
@supports not selector(::-webkit-scrollbar){#root .sidebar #consultation-history-sidebar{scrollbar-width:thin;scrollbar-color:#bcbcbc transparent}html[data-ui-design=dark] #root .sidebar #consultation-history-sidebar{scrollbar-color:#555 transparent}}
/* 2026-11-04 林の指定：行の上下の空白を詰め、題名は右の端ぎりぎりまで出して「…」にする。ピン留めと「…」は指を乗せた・選んでいる・操作中の行だけ場所を取る（触る画面ではいつも出す） */
.workspace-history .consultation-history-row{min-height:32px;padding-right:2px}
.workspace-history .consultation-history-row .consultation-history-open{padding:6px 4px 6px 8px}
@media(hover:hover){.workspace-history .consultation-history-row:not(:hover,:focus-within,.active):not(:has(.consultation-history-menu[open])) :is(.consultation-history-quick-pin,.consultation-history-menu){display:none}}
.workspace-history .consultation-history-row :is(.consultation-history-quick-pin,.consultation-history-menu>summary){width:26px;height:26px}

/* 2026-11-05 林の指定：ユーザー設定を ChatGPT の設定のようにする。左に項目の一覧（選んでいる項目は灰色の座布団）・右に「名前と説明（左）／操作（右）」の行を細い線で区切って並べる。白・灰・黒のモノクロ（文字の大きさは typography.css） */
#user-preference-dialog{--up-ink:#0d0d0d;--up-muted:#6b6b6b;--up-line:#e5e5e5;--up-soft:#f4f4f4;--up-hover:#ececec;--up-panel:#fff;--up-field:#fff;--up-strong:#0d0d0d;--up-strong-ink:#fff;--up-track:#cfcfcf;color:var(--up-ink)}
html[data-ui-design=dark] #user-preference-dialog{--up-ink:#ececec;--up-muted:#a3a3a3;--up-line:#3a3a3a;--up-soft:#2a2a2a;--up-hover:#333;--up-panel:#212121;--up-field:#1b1b1b;--up-strong:#ececec;--up-strong-ink:#0d0d0d;--up-track:#555}
#user-preference-dialog{width:min(880px,calc(var(--workspace-viewport-width,100vw) - 32px));height:min(680px,calc(var(--workspace-viewport-height,100vh) - 32px));border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.2)}
#user-preference-dialog .user-preference-card{display:flex;flex-direction:column;border:1px solid var(--up-line);border-radius:14px;background:var(--up-panel);color:var(--up-ink)}
#user-preference-dialog .user-preference-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-bottom:1px solid var(--up-line);background:transparent;color:var(--up-ink)}
#user-preference-dialog .user-preference-card>header h2{margin:0;font-weight:600;color:var(--up-ink)}
#user-preference-dialog .user-preference-close{display:grid;place-items:center;width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--up-muted)!important;box-shadow:none;cursor:pointer}
#user-preference-dialog .user-preference-close:hover{background:var(--up-soft)!important;color:var(--up-ink)!important}
#user-preference-dialog .user-preference-layout{display:grid;grid-template-columns:208px minmax(0,1fr);flex:1 1 0;min-height:0}
#user-preference-dialog .user-preference-tabs{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:0;height:auto;padding:12px 10px;border:0;border-right:1px solid var(--up-line);background:transparent;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;scrollbar-width:thin}
#user-preference-dialog .user-preference-tabs button{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:none;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--up-ink);font-weight:500;text-align:left;white-space:normal;box-shadow:none;cursor:pointer}
#user-preference-dialog .user-preference-tabs button::before{content:"";flex:none;width:18px;height:18px;background:currentColor;opacity:.75;-webkit-mask:var(--up-icon) center/contain no-repeat;mask:var(--up-icon) center/contain no-repeat}
#user-preference-dialog .user-preference-tabs button::after{content:none}
#user-preference-dialog .user-preference-tabs button:hover{background:var(--up-soft);color:var(--up-ink)}
#user-preference-dialog .user-preference-tabs button.active,#user-preference-dialog .user-preference-tabs button[aria-selected=true]{background:var(--up-hover);color:var(--up-ink);box-shadow:none;font-weight:600}
#user-preference-dialog .user-preference-tabs button.active::before{opacity:1}
#user-preference-dialog .user-preference-content{display:flex;flex-direction:column;min-width:0;min-height:0}
#user-preference-dialog [data-member-guide-return]{align-self:flex-start;margin:12px 32px 0}
#user-preference-dialog .user-preference-body{display:block;flex:1 1 0;min-height:0;padding:4px 32px 28px;background:transparent;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--up-track) transparent}
#user-preference-dialog .user-preference-section,#user-preference-dialog .outlook-integration-block,#user-preference-dialog .user-preference-agent-picker{display:grid;gap:14px;padding:20px 0;border:0;border-bottom:1px solid var(--up-line);border-radius:0;background:transparent;box-shadow:none;color:var(--up-ink)}
#user-preference-dialog [data-user-preference-panel]>:last-child.user-preference-section,#user-preference-dialog .user-preference-external>:last-child{border-bottom:0}
#user-preference-dialog .user-preference-section>div:first-child>b,#user-preference-dialog .user-preference-section h2,#user-preference-dialog .user-preference-section h3,#user-preference-dialog .outlook-integration-block>div:first-child>b,#user-preference-dialog .user-preference-agent-picker>div>b,#user-preference-dialog .home-appearance-group legend{margin:0;font-weight:600;color:var(--up-ink)}
#user-preference-dialog small,#user-preference-dialog .user-preference-note,#user-preference-dialog .user-preference-section p,#user-preference-dialog .user-preference-agent-picker>p,#user-preference-dialog .home-appearance-body>p{color:var(--up-muted);line-height:1.6;font-weight:400}
#user-preference-dialog .user-preference-section label:not(.user-preference-auto),#user-preference-dialog .outlook-integration-block label:not(.user-preference-auto){gap:6px;color:var(--up-ink);font-weight:500}
#user-preference-dialog .user-preference-section :is(b,strong){color:var(--up-ink)}
#user-preference-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border:1px solid var(--up-line);border-radius:10px;background:var(--up-field);color:var(--up-ink);box-shadow:none}
#user-preference-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{border-color:var(--up-muted);box-shadow:none;background:var(--up-field);outline:0}
#user-preference-dialog :is(input,textarea)::placeholder{color:#9a9a9a}
#user-preference-dialog input[type=number]{width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px}
/* ボタン：ふだんは線だけ、主な操作は黒（ダークは白） */
#user-preference-dialog :is(.user-preference-body,footer) button:where(:not(.user-preference-close):not([role=tab]):not([data-remove-learned])){min-height:40px;padding:8px 14px;border:1px solid var(--up-line);border-radius:10px;background:transparent;color:var(--up-ink);font-weight:500;box-shadow:none;cursor:pointer}
#user-preference-dialog :is(.user-preference-body,footer) button:where(:not(.user-preference-close):not([role=tab]):not([data-remove-learned])):hover:where(:not(:disabled)){background:var(--up-soft)}
#user-preference-dialog :is(.user-preference-body,footer) button:disabled{opacity:.45;cursor:not-allowed}
#user-preference-dialog :is(.user-preference-body,footer) :is(button.primary,#connect-outlook,#connect-outlook-mail,[type=submit]):not(.user-preference-close){border-color:var(--up-strong);background:var(--up-strong);color:var(--up-strong-ink)}
#user-preference-dialog :is(.user-preference-body,footer) :is(button.primary,#connect-outlook,#connect-outlook-mail,[type=submit]):not(.user-preference-close):hover:not(:disabled){background:var(--up-strong);opacity:.86}
#user-preference-dialog .user-preference-section.learned li{border:0;border-bottom:1px solid var(--up-line);border-radius:0;background:transparent;color:var(--up-ink);padding:8px 0}
#user-preference-dialog .user-preference-section.learned li button{border:0;border-radius:8px;background:transparent;color:var(--up-muted)}
#user-preference-dialog .user-preference-section.learned li button:hover{background:var(--up-soft);color:var(--up-ink)}
#user-preference-dialog .outlook-connection-box,#user-preference-dialog .user-preference-profile-row{padding:12px 14px;border:1px solid var(--up-line);border-radius:12px;background:transparent}
#user-preference-dialog .user-preference-profile-row span{background:var(--up-soft);color:var(--up-ink)}
#user-preference-dialog .user-preference-status,#user-preference-dialog .user-preference-outlook-status,#user-preference-dialog .user-preference-outlook-mail-status{color:var(--up-muted);font-weight:400}
/* 切り替え（チェックボックスは右端のスイッチにする。名前と説明は左） */
#user-preference-dialog label:has(>input[type=checkbox]):not(.home-network-picker-list label){display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
#user-preference-dialog label:has(>input[type=checkbox]):not(.home-network-picker-list label)>span{display:grid;gap:3px;flex:1;min-width:0}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input){appearance:none;-webkit-appearance:none;position:relative;flex:none;width:36px!important;height:20px!important;margin:0!important;border:0;border-radius:999px;background:var(--up-track);cursor:pointer;transition:background .15s}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input)::before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input):checked{background:var(--up-strong)}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input):checked::before{transform:translateX(16px);background:var(--up-strong-ink)}
#user-preference-dialog input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
#user-preference-dialog :is(input[type=radio],input[type=checkbox]){accent-color:var(--up-strong)}
#user-preference-dialog :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--up-ink);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input),#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input)::before{transition:none}}
/* 画面設定・文字設定（中に置いた設定）も同じ見た目にする */
#user-preference-dialog .user-preference-embedded{display:block}
#user-preference-dialog .home-appearance-card,#user-preference-dialog .home-appearance-body{border:0;background:transparent;box-shadow:none;color:var(--up-ink)}
#user-preference-dialog .home-appearance-card.is-embedded .home-appearance-body{display:grid;gap:0;padding:0}
#user-preference-dialog .home-appearance-group{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--up-line)}
#user-preference-dialog .home-appearance-body>p{margin:0;padding:18px 0 0}
#user-preference-dialog .home-appearance-choice-body{border:1px solid var(--up-line);border-radius:12px;background:transparent;box-shadow:none;color:var(--up-ink)}
#user-preference-dialog .home-appearance-choice:hover .home-appearance-choice-body{background:var(--up-soft)}
#user-preference-dialog .home-appearance-choice:has(input:checked) .home-appearance-choice-body{border-color:var(--up-ink);box-shadow:inset 0 0 0 1px var(--up-ink);background:var(--up-soft)}
#user-preference-dialog .home-appearance-choice-body :is(strong,span){color:var(--up-ink)}
#user-preference-dialog .home-appearance-choice-body small{color:var(--up-muted)}
#user-preference-dialog .home-appearance-card.is-embedded .home-appearance-footer{padding:18px 0 0;border:0;background:transparent}
#user-preference-dialog .home-appearance-footer p{color:var(--up-muted)}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;overflow:visible}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list label{display:flex;flex-direction:row;align-items:flex-start;gap:12px;justify-content:flex-start;padding:12px 14px;border:1px solid var(--up-line);border-radius:12px;background:transparent;color:var(--up-ink);cursor:pointer}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list label:hover{background:var(--up-soft)}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list label.is-preparing{opacity:.55;cursor:default}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list label.is-preparing:hover{background:transparent}
#user-preference-dialog .user-preference-agent-picker .home-network-picker-list label>span:not(.home-network-picker-icon){display:grid;gap:3px;min-width:0}
#user-preference-dialog .user-preference-agent-picker .home-network-preparing{display:grid;gap:10px;margin-top:6px}
#user-preference-dialog .user-preference-agent-picker .home-network-preparing>h3{margin:0;color:var(--up-muted);font-weight:600}
#user-preference-dialog .user-preference-agent-picker [data-home-agent-picker-status]{min-height:1.6em;margin:0}
@media(max-width:700px){
  #user-preference-dialog{width:calc(var(--workspace-viewport-width,100vw) - 16px);height:calc(var(--workspace-viewport-height,100vh) - 16px);max-height:none;border-radius:12px}
  #user-preference-dialog .user-preference-card{border-radius:12px}
  #user-preference-dialog .user-preference-card>header{padding:10px 10px 10px 16px}
  #user-preference-dialog .user-preference-layout{display:flex;flex-direction:column}
  #user-preference-dialog .user-preference-tabs{flex:none;flex-direction:row;align-items:center;gap:4px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--up-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  #user-preference-dialog .user-preference-tabs::-webkit-scrollbar{display:none}
  #user-preference-dialog .user-preference-tabs button{flex:none;width:auto;min-height:36px;padding:6px 12px;white-space:nowrap}
  #user-preference-dialog .user-preference-content{flex:1 1 0}
  #user-preference-dialog .user-preference-body{padding:0 16px 20px}
  #user-preference-dialog [data-member-guide-return]{margin:10px 16px 0}
  #user-preference-dialog .user-preference-agent-picker .home-network-picker-list{grid-template-columns:minmax(0,1fr)}
}
/* 項目ごとの小さなアイコン（あとから足される項目は丸印） */
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="setup"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h12l-2.5 4L17 12H5'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="ai"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.9 5.1L18 10l-5.1 1.9L11 17l-1.9-5.1L4 10l5.1-1.9z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="external"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="font"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V5h16v2'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M9 19h6'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="screen"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="notifications"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 2 7.5 2 7.5H4S6 15 6 9z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="inbox-notifications"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l3-8h12l3 8v6H3z'/%3E%3Cpath d='M3 13h5l1 2h6l1-2h5'/%3E%3C/svg%3E")}
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="workday"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
/* 文字設定・選択欄・メンション欄の色もモノクロにそろえる */
#user-preference-dialog .font-settings-card,#user-preference-dialog .user-preference-embedded :is(.font-settings-body,.font-settings-field,.font-settings-size-section,.font-settings-readable,.font-settings-preview){border-color:var(--up-line);background:transparent;box-shadow:none;color:var(--up-ink)}
#user-preference-dialog .user-preference-embedded :is(.font-settings-field>span,.font-settings-size-section h3,.font-settings-readable b,.font-settings-preview>span,.font-settings-preview>strong,.font-settings-size-section legend,.font-settings-size-section fieldset>legend){color:var(--up-ink)}
#user-preference-dialog .font-settings-size-section h3{margin:0;font-weight:600}
#user-preference-dialog .user-preference-embedded :is(.font-settings-field small,.font-settings-size-section>p,.font-settings-readable small,.font-settings-preset small){color:var(--up-muted)}
#user-preference-dialog .font-settings-size-section fieldset,#user-preference-dialog .font-settings-preset>span{border-color:var(--up-line);background:transparent;color:var(--up-ink)}
#user-preference-dialog .font-settings-size-section legend{color:var(--up-ink)}
#user-preference-dialog .font-settings-size-section output{color:var(--up-ink)}
#user-preference-dialog .font-settings-preset:hover>span{background:var(--up-soft)}
#user-preference-dialog .font-settings-preset:has(input:checked)>span{border-color:var(--up-ink);background:var(--up-soft);color:var(--up-ink);box-shadow:inset 0 0 0 1px var(--up-ink)}
#user-preference-dialog .font-settings-preview{border-color:var(--up-line);background:transparent}
#user-preference-dialog .font-settings-preview *{color:var(--up-ink)}
#user-preference-dialog :is(.common-select-trigger,details.task-folder-dropdown>summary,.task-folder-dropdown){color:var(--up-ink)}
#user-preference-dialog :is(.common-select-trigger,details.task-folder-dropdown){border-color:var(--up-line);background:var(--up-field)}
#user-preference-dialog .daily-report-mentions :is(span,summary){color:var(--up-ink)}
#user-preference-dialog :is(.user-preference-section,.outlook-integration-block)+:is(.user-preference-section,.outlook-integration-block){border-top:0}
#user-preference-dialog :is(fieldset){border-color:var(--up-line);border-radius:12px}
#user-preference-dialog :is(.calendar-settings,.calendar-reminder-settings) :is(hr,.calendar-provider-block,section){border-color:var(--up-line)}
#user-preference-dialog [data-embedded-font-settings]{padding-top:14px}

/* 2026-11-05 林の指定：ユーザー設定の仕上げ。①ボタンは全部まん丸（左の項目一覧・×・スイッチは除く）②外部連携はサービスごとに「名前＋接続の状態＋ボタン」の行と、畳める「詳細設定」③スイッチのオンは緑 ④ログアウト・チュートリアルは左の一覧の下の「アカウント」へ移し、下の帯は保存まわりだけ（文字の大きさは typography.css に任せ、ここでは指定しない） */
#user-preference-dialog{--up-on:#249778;--up-danger:#b3473f}
html[data-ui-design=dark] #user-preference-dialog{--up-on:#3fb58f;--up-danger:#e58b84}
/* ① ボタンをまん丸に（選択欄の開閉ボタン・選択肢・メンションの候補は入力欄や一覧の部品なので形を変えない） */
#user-preference-dialog button:not(.user-preference-close):not([role=tab]):not([role=option]):not(.common-select-trigger):not(.task-folder-option):not(.user-preference-tabs button):not(.user-preference-account button){border-radius:999px}
/* ③ スイッチのオンは緑（ほかはモノクロのまま） */
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input):checked{background:var(--up-on)}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input):checked::before{background:#fff}
#user-preference-dialog input[type=checkbox]:not(.home-network-picker-list input):focus-visible{outline:2px solid var(--up-on);outline-offset:2px}
/* ④ 左の一覧の下に「アカウント」（チュートリアル→ログアウト） */
#user-preference-dialog .user-preference-side{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--up-line)}
#user-preference-dialog .user-preference-side>.user-preference-tabs{border-right:0}
#user-preference-dialog .user-preference-account{display:grid;gap:2px;flex:none;padding:8px 10px 10px;border-top:1px solid var(--up-line)}
#user-preference-dialog .user-preference-account button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--up-muted);font-weight:500;text-align:left;box-shadow:none;cursor:pointer}
#user-preference-dialog .user-preference-account button:hover{background:var(--up-soft);color:var(--up-ink)}
#user-preference-dialog .user-preference-account #preference-logout:hover{color:var(--up-danger)}
/* ② 外部連携：サービスごとの行 */
#user-preference-dialog .user-preference-external{gap:0;padding:0}
#user-preference-dialog .up-service-head{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:0;border:0;border-radius:0;background:transparent}
#user-preference-dialog .up-service-title{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:2px;flex:1 1 240px;min-width:0}
#user-preference-dialog .up-service-title>b{font-weight:600;color:var(--up-ink)}
#user-preference-dialog .up-service-help,#user-preference-dialog .up-service-note{flex-basis:100%;margin:0;color:var(--up-muted);line-height:1.6;font-weight:400}
#user-preference-dialog .up-state{display:inline-block;padding:0 10px;border:1px solid var(--up-line);border-radius:999px;color:var(--up-muted);font-weight:500;line-height:1.7}
#user-preference-dialog .up-state[data-connected=true]{border-color:var(--up-ink);color:var(--up-ink)}
#user-preference-dialog .up-service-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:none;max-width:100%}
#user-preference-dialog .up-provider{display:grid;gap:8px;padding:12px 0 0;border:0;border-top:1px solid var(--up-line)}
#user-preference-dialog .up-notes{display:grid;gap:6px;padding:0;border:0}
#user-preference-dialog .up-notes:empty{display:none}
#user-preference-dialog .up-detail{border-top:1px solid var(--up-line)}
#user-preference-dialog .up-detail>summary{display:flex;align-items:center;gap:8px;width:fit-content;padding:10px 0 6px;color:var(--up-muted);font-weight:500;list-style:none;cursor:pointer}
#user-preference-dialog .up-detail>summary::-webkit-details-marker{display:none}
#user-preference-dialog .up-detail>summary::before{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
#user-preference-dialog .up-detail[open]>summary::before{transform:rotate(45deg)}
#user-preference-dialog .up-detail>summary:hover{color:var(--up-ink)}
#user-preference-dialog .up-detail-body{display:grid;gap:14px;padding:8px 0 4px}
#user-preference-dialog .up-detail-body>.user-preference-external-actions{display:flex;justify-content:flex-start;gap:12px}
/* 短い入力は「名前（左）／入力（右）」の行 */
#user-preference-dialog .external-integration-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#user-preference-dialog :is(.up-field,.external-integration-form-grid>label){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;color:var(--up-ink);font-weight:500}
#user-preference-dialog :is(.up-field,.external-integration-form-grid>label)>:is(input,select,div[data-density]){flex:none;width:min(260px,55%);box-sizing:border-box}
#user-preference-dialog :is(.up-field,.external-integration-form-grid>label)>input[type=number]{width:120px}
@media(min-width:701px){
  #user-preference-dialog .user-preference-side>.user-preference-tabs{flex:1 1 0}
}
@media(max-width:700px){
  /* 狭い画面：項目の一覧は横一列のまま。アカウント（チュートリアル・ログアウト）は中身の下・保存の帯の上に細い行で置き、どの項目でも押せるようにする（下の帯は狭い画面では保存まわりだけ） */
  #user-preference-dialog .user-preference-side{display:contents}
  #user-preference-dialog .user-preference-side>.user-preference-tabs{flex:none}
  #user-preference-dialog .user-preference-content{order:1}
  #user-preference-dialog .user-preference-account{order:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;border-top:1px solid var(--up-line)}
  #user-preference-dialog .user-preference-account button{width:auto;min-height:34px}
  #user-preference-dialog :is(.up-field,.external-integration-form-grid>label){flex-wrap:wrap;gap:6px}
  #user-preference-dialog :is(.up-field,.external-integration-form-grid>label)>:is(input,select,div[data-density]){width:100%}
  #user-preference-dialog :is(.up-field,.external-integration-form-grid>label)>input[type=number]{width:100%}
  #user-preference-dialog .up-service-actions{justify-content:flex-start;flex:1 1 100%}
}
/* 2026-11-05 林の指定の途中で見つけた不具合：項目の中身（勤務・出退勤連絡など）が hidden のまま .user-preference-section の display:grid に負けて、ほかの項目の下に出ていた。隠している間は必ず隠す */
#user-preference-dialog [data-user-preference-panel][hidden]{display:none}
#user-preference-dialog :is(.user-preference-section,.up-service)>button{justify-self:start}
#user-preference-dialog :is(.user-preference-outlook-status,.user-preference-outlook-mail-status,[data-slack-user-status],[data-calendar-settings-status],[data-assistant-settings-status]):empty{display:none}

/* 2026-11-05 林の指定：ユーザー設定の三回目の手直し。①下の帯をなくす（閉じるのは×）②大きめの窓・高さは固定で中身だけスクロール③長い項目は畳める項目（見出し＋一行の説明＋右に矢印）④余白を詰める⑤勤務・出退勤連絡を「要約の一行＋畳める項目」に作り直す（文字の大きさは typography.css） */
#user-preference-dialog{width:min(1080px,calc(var(--workspace-viewport-width,100vw)*.94));height:min(820px,calc(var(--workspace-viewport-height,100vh)*.9));max-width:none;max-height:none}
#user-preference-dialog .user-preference-card{height:100%;box-sizing:border-box}
#user-preference-dialog .user-preference-card>header{padding:10px 12px 10px 20px}
#user-preference-dialog .user-preference-layout{grid-template-columns:216px minmax(0,1fr)}
#user-preference-dialog .user-preference-tabs{padding:10px 8px;gap:1px}
#user-preference-dialog .user-preference-tabs button{min-height:36px}
#user-preference-dialog .user-preference-body{padding:0 28px 16px}
#user-preference-dialog .user-preference-section,#user-preference-dialog .outlook-integration-block,#user-preference-dialog .user-preference-agent-picker{gap:10px;padding:12px 0}
#user-preference-dialog .home-appearance-group{padding:12px 0}
#user-preference-dialog .home-appearance-card.is-embedded .home-appearance-footer{padding:12px 0 0}
#user-preference-dialog .home-appearance-body>p{padding:12px 0 0}
#user-preference-dialog [data-embedded-font-settings]{padding-top:10px}
#user-preference-dialog :is(input:not([type=checkbox]):not([type=radio]),select){min-height:36px}
#user-preference-dialog input[type=number]{min-height:36px;padding:6px 12px}
#user-preference-dialog .external-integration-form-grid{gap:8px}
#user-preference-dialog .up-detail-body{gap:10px;padding:6px 0 4px}
/* 畳める項目：見出し（太字）＋一行の説明、右に矢印。外部連携の「詳細設定」も同じ見た目 */
#user-preference-dialog .up-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;padding:8px 0;color:var(--up-muted);list-style:none;cursor:pointer}
#user-preference-dialog .up-detail>summary::before{content:none}
#user-preference-dialog .up-detail>summary::after{content:"";flex:none;width:7px;height:7px;margin-right:4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .15s}
#user-preference-dialog .up-detail[open]>summary::after{transform:rotate(225deg)}
#user-preference-dialog .up-sum{display:grid;gap:1px;min-width:0;flex:1}
#user-preference-dialog .up-sum>b{font-weight:600;color:var(--up-ink)}
#user-preference-dialog .up-sum>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--up-muted)}
#user-preference-dialog .user-preference-section>.up-detail,#user-preference-dialog .home-appearance-group>.up-detail{border-top:0}
#user-preference-dialog .home-appearance-group{display:block;min-width:0}
#user-preference-dialog .up-sr,#user-preference-dialog .wd-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* AIパーソナライズ：自分のアイコンは一行、保存は項目の末尾（変更があるあいだだけ下に貼りつく） */
#user-preference-dialog .user-preference-avatar{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
#user-preference-dialog .up-save-row{display:flex;align-items:center;gap:12px;padding:12px 0 0;margin-top:6px;border-top:1px solid var(--up-line)}
#user-preference-dialog .up-save-row>:is(.up-updated,span:empty){margin-right:auto}
#user-preference-dialog .up-save-row .user-preference-status,#user-preference-dialog .up-save-row>p{margin:0;min-width:0;text-align:right;color:var(--up-muted)}
#user-preference-dialog .up-save-row.is-dirty{position:sticky;bottom:-16px;z-index:3;padding:10px 0;margin-bottom:-16px;border-top-color:var(--up-line);background:var(--up-panel);box-shadow:0 -12px 14px -12px rgba(0,0,0,.28)}
/* 勤務・出退勤連絡 */
#user-preference-dialog [data-user-preference-panel=workday]{padding-top:12px}
#user-preference-dialog [data-user-preference-panel=workday] [data-workday-form]{display:grid;gap:0}
#user-preference-dialog [data-user-preference-panel=workday]>h3{margin:0 0 2px;font-weight:600}
#user-preference-dialog [data-user-preference-panel=workday]>p{margin:0 0 10px;color:var(--up-muted)}
#user-preference-dialog .wd-summary{margin:0 0 6px;padding:10px 14px;border:1px solid var(--up-line);border-radius:12px;background:var(--up-soft);color:var(--up-ink);font-weight:500}
#user-preference-dialog [data-user-preference-panel=workday] [data-workday-form]>.up-detail,#user-preference-dialog [data-user-preference-panel=workday] [data-workday-form]>.wd-toggle-note{border-top:1px solid var(--up-line)}
#user-preference-dialog .wd-toggle-note{display:grid;gap:2px;padding:10px 0}
#user-preference-dialog .wd-toggle-note>p{margin:0;color:var(--up-muted)}
#user-preference-dialog [data-user-preference-panel=workday] fieldset{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0;border-radius:0}
#user-preference-dialog [data-user-preference-panel=workday] fieldset[data-attendance-override]>legend{padding:0;margin-bottom:6px;font-weight:600;color:var(--up-ink)}
#user-preference-dialog [data-user-preference-panel=workday] fieldset:disabled{opacity:.55}
#user-preference-dialog [data-user-preference-panel=workday] .wd-toggle{padding:4px 0}
#user-preference-dialog .wd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;color:var(--up-ink);font-weight:500}
#user-preference-dialog .wd-times{display:inline-flex;align-items:center;gap:8px}
#user-preference-dialog .wd-times>i{font-style:normal;color:var(--up-muted)}
#user-preference-dialog [data-user-preference-panel=workday] input:is([type=time],[type=number]){min-height:34px;padding:4px 10px;border-radius:10px;width:auto}
#user-preference-dialog [data-user-preference-panel=workday] .wd-row>input[type=number]{width:110px}
#user-preference-dialog .wd-time{display:block;margin:0}
#user-preference-dialog .wd-days{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#user-preference-dialog label.wd-day.wd-day:has(>input[type=checkbox]){position:relative;display:block;flex-direction:row;padding:0;margin:0;cursor:pointer}
#user-preference-dialog .wd-day.wd-day>input[type=checkbox]{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;border-radius:999px;opacity:0;background:transparent;cursor:pointer}
#user-preference-dialog .wd-day.wd-day>input[type=checkbox]::before{content:none}
#user-preference-dialog .wd-day.wd-day>input[type=checkbox]:checked{background:transparent}
#user-preference-dialog .wd-day>span{position:relative;display:grid;place-items:center;min-width:34px;height:32px;padding:0 4px;border:1px solid var(--up-line);border-radius:999px;color:var(--up-ink);font-weight:500;background:transparent}
#user-preference-dialog .wd-day>input:checked+span{border-color:var(--up-strong);background:var(--up-strong);color:var(--up-strong-ink)}
#user-preference-dialog .wd-day>input:focus-visible+span{outline:2px solid var(--up-ink);outline-offset:2px}
#user-preference-dialog .wd-day>input:disabled+span{opacity:.55}
#user-preference-dialog .wd-stack{display:grid;gap:6px;color:var(--up-ink);font-weight:500}
#user-preference-dialog .wd-stack textarea{font-weight:400}
#user-preference-dialog [data-user-preference-panel=workday] label:not(.wd-toggle):not(.wd-row):not(.wd-time):not(.wd-day):not(.wd-stack){display:grid;gap:6px;font-weight:500}
#user-preference-dialog .wd-dest{margin:0;color:var(--up-muted)}
#user-preference-dialog [data-user-preference-panel=workday] [data-attendance-preview]{margin-top:4px;padding:0}
#user-preference-dialog [data-user-preference-panel=workday] [data-attendance-preview]>summary{padding:6px 0;color:var(--up-muted);cursor:pointer}
#user-preference-dialog [data-user-preference-panel=workday] [data-attendance-preview] :is(h4,p){margin:4px 0}
@media(max-width:700px){
  #user-preference-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0}
  #user-preference-dialog .user-preference-card{border-radius:0;border:0}
  #user-preference-dialog .user-preference-body{padding:0 14px 14px}
  #user-preference-dialog .up-save-row.is-dirty{margin-bottom:-14px;bottom:-14px}
  #user-preference-dialog .wd-row{flex-wrap:wrap;gap:6px}
  #user-preference-dialog .wd-days{justify-content:flex-start}
  #user-preference-dialog .up-sum>small{white-space:normal}
}
/* 2026-11-05 林の指定：サイドバーはロゴから最近の項目の下まで全体で1つのスクロールにする（最近の項目だけのスクロールはやめる）。ロゴは半分の大きさで、押すとホームへ。区切り線は最近の項目の上の1本だけ */
@media(min-width:761px){
  /* 2026-11-06：スクロールバーは出さない（Safari では常に出て幅を取り、サイドバーの中身が右にずれていた）。ホイール・指でのスクロールはそのまま */
  #root .sidebar>.sidebar-scroll{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;scrollbar-gutter:auto}
  #root .sidebar>.sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}
  #root .sidebar>.sidebar-scroll::-webkit-scrollbar-track{background:transparent;border:0}
  #root .sidebar>.sidebar-scroll::-webkit-scrollbar-thumb{border:0;border-radius:999px;background:#bcbcbc}
  #root .sidebar>.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:#999}
  html[data-ui-design=dark] #root .sidebar>.sidebar-scroll::-webkit-scrollbar-thumb{background:#555}
  #root .sidebar>.sidebar-scroll>nav{max-height:none;overflow:visible;padding-bottom:6px}
  #root .sidebar .workspace-history{flex:none;min-height:0;overflow:visible}
  #root .sidebar #consultation-history-sidebar{flex:none;overflow:visible;margin-right:0;padding-right:0}
}
@supports not selector(::-webkit-scrollbar){#root .sidebar>.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#bcbcbc transparent}}
#root .sidebar .brand-with-logo{align-items:center;min-height:0;height:auto;padding:14px 43px 8px 12px}
#root .sidebar .brand-home{display:flex;align-items:center;min-height:0;margin:0;padding:4px 6px;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer}
#root .sidebar .brand-home:hover{background:var(--workspace-menu-hover,#eaf0f5)}
#root .sidebar .brand-home:focus-visible{outline:2px solid #008d7c;outline-offset:2px}
#root .sidebar .brand-with-logo .brand-logo{width:78px;max-width:100%;height:auto}
#root .sidebar-icon-mode .sidebar .brand-with-logo{justify-content:center;padding:14px 0 6px}
#root .sidebar-icon-mode .sidebar .brand-home{padding:4px}
#root .sidebar nav>.sidebar-divider{display:none}
#root .sidebar .workspace-history{padding-top:6px}
/* 左下のアカウント：AIチャットと同じ平らな見た目。丸いアイコン（縁が分かる細い線）と残りトークンのバー（見本） */
#root .sidebar>footer{padding:8px 10px;border-top:0}
#root .sidebar>footer .account-button{display:flex;align-items:center;gap:10px;width:100%;min-height:0;height:auto;margin:0;padding:6px 8px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--workspace-menu-ink,#172033)}
#root .sidebar>footer .account-button:hover{background:var(--workspace-menu-hover,#eaf0f5)}
#root .sidebar>footer .account-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0;border:1px solid #d0d0d0;border-radius:50%;background:#f4f4f4;color:#0d0d0d;box-shadow:none}
html[data-ui-design=dark] #root .sidebar>footer .account-avatar{border-color:#555;background:#2f2f2f;color:#ececec}
#root .sidebar>footer .account-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#root .sidebar>footer .account-usage{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
#root .sidebar>footer .account-usage-bar{position:relative;flex:1;min-width:0;height:6px;border-radius:999px;background:#e5e5e5;overflow:hidden}
#root .sidebar>footer .account-usage-bar>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#0d0d0d}
html[data-ui-design=dark] #root .sidebar>footer .account-usage-bar{background:#3a3a3a}
html[data-ui-design=dark] #root .sidebar>footer .account-usage-bar>i{background:#ececec}
#root .sidebar>footer .account-usage small{flex:none;color:var(--workspace-menu-muted,#6b6b6b)}
#root .sidebar-icon-mode .sidebar>footer .account-usage{display:none}
/* 2026-11-05 林の指定：右のパネルを開くボタンは右上に置く（右下は丸いNUKOボタンの場所）。AIチャットでは右のパネルを使わないので、閉じているときは出さない */
@media(min-width:761px){
  #root .right-resizer .collapse-btn,#root .right-resizer .collapse-btn[aria-expanded=false],#root .app-shell[data-view=top].right-collapsed:not(.home-detail-open) .right-resizer .collapse-btn{top:12px;bottom:auto;right:12px}
  #root .app-shell[data-view=chat].right-collapsed>.right-resizer .collapse-btn{display:none}
}
/* 2026-11-06 林の指定：ユーザー設定「このアプリについて」（開発会社・バージョン・ライセンス）。ほかの項目と同じ行の形、白黒 */
#user-preference-dialog .user-preference-tabs button[data-user-preference-tab="about"]{--up-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}
#user-preference-dialog .app-about-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
#user-preference-dialog .app-about-row>div,#user-preference-dialog .app-about-licenses>div:first-child{display:grid;gap:2px;min-width:0}
#user-preference-dialog .app-about-link{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border:1px solid var(--up-line);border-radius:999px;color:var(--up-ink);text-decoration:none;white-space:nowrap}
#user-preference-dialog .app-about-link:hover{background:var(--up-soft)}
#user-preference-dialog .app-about-row code{padding:4px 10px;border-radius:8px;background:var(--up-soft);color:var(--up-ink);white-space:nowrap;user-select:all}
#user-preference-dialog .app-about-license-group{display:grid;gap:0}
#user-preference-dialog .app-about-license-group>h3{margin:6px 0 2px;color:var(--up-muted);font-weight:600}
#user-preference-dialog .app-about-license-group>ul{margin:0;padding:0;list-style:none;border:1px solid var(--up-line);border-radius:12px;overflow:hidden}
#user-preference-dialog .app-about-license{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 16px;padding:10px 14px;border-top:1px solid var(--up-line)}
#user-preference-dialog .app-about-license:first-child{border-top:0}
#user-preference-dialog .app-about-license>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
#user-preference-dialog .app-about-license>div>b{color:var(--up-ink);font-weight:600}
#user-preference-dialog .app-about-license>div>span{color:var(--up-muted)}
#user-preference-dialog .app-about-license>div>small{flex-basis:100%;overflow-wrap:anywhere}
#user-preference-dialog .app-about-license>nav{display:flex;gap:12px;margin:0;padding:1px 0 0;white-space:nowrap}
#user-preference-dialog .app-about-license>nav>a{color:var(--up-ink);text-decoration:underline;text-decoration-color:var(--up-line);text-underline-offset:3px}
#user-preference-dialog .app-about-license>nav>a:hover{text-decoration-color:currentColor}
@media(max-width:640px){
  #user-preference-dialog .app-about-row{grid-template-columns:minmax(0,1fr);row-gap:8px}
  #user-preference-dialog .app-about-row>:is(a,code){justify-self:start}
  #user-preference-dialog .app-about-license{grid-template-columns:minmax(0,1fr)}
}