.shell:has(.desk-layout){grid-template-columns:156px minmax(0,1fr)}
.main:has(.desk-layout){padding:0 18px 30px}.main:has(.desk-layout) .topbar{height:54px}
.page:has(.desk-layout){max-width:none;padding-top:16px}.sidebar:has(+.main .desk-layout){padding:20px 8px}
.desk-layout{display:grid;grid-template-columns:clamp(300px,23vw,374px) minmax(0,1fr) clamp(115px,9vw,154px);align-items:start;gap:14px}
.desk-list,.desk-project,.desk-people,.desk-content{min-width:0}
.sidebar:has(+.main .desk-layout) .brand{gap:6px;padding:0 2px}
.sidebar:has(+.main .desk-layout) .brand img{width:27px;height:27px}
.sidebar:has(+.main .desk-layout) .brand b{font-size:15px}
.sidebar:has(+.main .desk-layout) .brand small{font-size:9px;letter-spacing:.4px}
.desk-list,.desk-people{position:sticky;top:12px;background:#fff;border:1px solid var(--line);border-radius:12px}
.desk-list{padding:12px;display:grid;gap:9px}.desk-list-title,.desk-section-head,.desk-head>div,.desk-sort,.desk-material,.desk-box>h3{display:flex;align-items:center;justify-content:space-between;gap:8px}
.desk-list-title small,.desk-name small,.desk-people small,.desk-material small,.desk-box>small,.desk-box h3>small,.desk-head>small,.desk-task>small{color:var(--muted);font-size:12px;font-weight:400}
.desk-list input,.desk-sort select{min-width:0;width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:inherit}
.desk-list input{font-size:14px}.desk-sort{font-size:12px;color:var(--muted)}.desk-sort select{width:auto}
.desk-filters{display:flex;flex-wrap:wrap;gap:4px}.desk-filters button,.desk-tabs button{min-height:29px;padding:4px 8px;font-size:12px}
.desk-filters button[aria-pressed=true],.desk-tabs button.selected,.desk-icon.on{background:#ddeded;border-color:#8bb2b1;color:#124f56}
.desk-row,.desk-cols{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,34px);gap:3px;align-items:center}
.desk-cols{color:var(--muted);font-size:10px;text-align:center;padding:0 4px}.desk-cols>span:first-child{text-align:left}
#desk-rows{max-height:calc(100dvh - 290px);min-height:70px;overflow:auto;scrollbar-width:thin}
.desk-row{border-top:1px solid var(--line);padding:4px}.desk-row.current{background:#edf5f5;border-radius:7px}
.desk-name,.desk-icon,.desk-people button{border:0;background:transparent}.desk-name{min-width:0;text-align:left;padding:5px 2px;line-height:1.25}
.desk-name strong,.desk-name small,.desk-material small,.desk-people b,.desk-people small{display:block;overflow-wrap:anywhere}.desk-name strong{font-size:13px}.desk-name small{font-size:11px;margin-top:3px}
.desk-icon{position:relative;padding:5px;min-height:33px;color:var(--brand)}.desk-icon svg{height:17px;width:17px}
.desk-icon b{position:absolute;top:0;right:0;border-radius:8px;padding:1px 4px;font-size:9px;background:#dceeee;color:#194b50}
.desk-icon.delegated b{color:#214a8b;background:#e1ecff}.desk-icon.late b{color:#92323b;background:#fbe1e1}
.desk-head>div{justify-content:start;flex-wrap:wrap}.desk-head h1{font-size:clamp(17px,1.4vw,24px);letter-spacing:-.4px}.desk-head .badge{white-space:nowrap}
.desk-head{padding:1px 0 7px}.desk-head>small{display:block;margin-top:3px}
.desk-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 0 10px}.desk-tabs details{position:relative;font-size:12px}.desk-tabs summary{padding:6px;cursor:pointer}
.desk-tabs details>div{position:absolute;z-index:4;background:white;padding:7px;border:1px solid var(--line);box-shadow:0 8px 25px #17373b1a;border-radius:8px;display:grid;min-width:155px}
.desk-content{display:grid;gap:10px}.desk-box,.desk-people{border:1px solid var(--line);border-radius:10px;background:white;padding:13px}
.desk-box.lead{border-left:3px solid var(--brand)}.desk-box p{font-size:13px;margin:5px 0}.desk-box h3{font-size:16px;margin:4px 0 6px}
.desk-box .primary,.desk-section-head button{min-height:32px;padding:6px 10px;font-size:13px}.desk-people h3{font-size:13px;margin-bottom:6px}
.desk-people{padding:9px;max-height:76dvh;overflow:auto}.desk-people button,.desk-self{display:block;text-align:left;padding:7px 3px;width:100%;border-top:1px solid var(--line);border-radius:0;line-height:1.25}
.desk-people b{font-size:12px}.desk-people small{font-size:10px;margin-top:2px}.desk-people button b{color:var(--brand)}
.desk-material{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;font-size:13px;text-align:left;padding:8px 2px}
.desk-material>span:last-child{white-space:nowrap;font-size:11px;color:var(--brand)}.desk-material small{margin-top:2px}
.desk-content .grid{grid-template-columns:1fr}.desk-content .task{flex-wrap:wrap}.desk-content .task-body,.desk-content .row>div,.desk-material>span:first-child{min-width:0;overflow-wrap:anywhere}
.desk-content .panel,.desk-content .stack,.desk-content .messenger,.desk-content .doc{min-width:0}
.desk-content .row,.desk-content .actions{flex-wrap:wrap}.desk-content .tabs{flex-wrap:wrap}.desk-task.chosen{border-color:var(--brand)}.desk-task>small{display:block;margin:0 18px 12px}
.desk-content .messenger{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:clamp(450px,66dvh,760px)}
.chat-compose .chat-toolbar{flex-wrap:wrap}.desk-task-note{display:grid;justify-items:start;gap:4px;border-left:3px solid #8197ab;background:#f1f5f9;margin:8px 0;padding:9px 12px;font-size:13px;overflow-wrap:anywhere}
.version-reader{max-width:780px;margin:6vh auto;background:white;border:1px solid var(--line);padding:24px}.version-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
@media(max-width:1240px) and (min-width:901px){.shell:has(.desk-layout){grid-template-columns:125px minmax(0,1fr)}.desk-layout{grid-template-columns:280px minmax(0,1fr) 108px;gap:8px}.main:has(.desk-layout){padding:0 10px 24px}.sidebar:has(+.main .desk-layout) .brand{padding:0;gap:3px}.sidebar:has(+.main .desk-layout) .brand b{font-size:14px}}
@media(max-width:900px){.shell:has(.desk-layout){display:block}.desk-layout{grid-template-columns:minmax(225px,32%) minmax(0,1fr);gap:9px}.desk-people{position:static;grid-column:2;display:flex;flex-wrap:wrap;gap:5px}.desk-people h3{width:100%}.desk-people button,.desk-self{width:auto}.main:has(.desk-layout){padding:0 10px 22px}.sidebar:has(+.main .desk-layout){position:static;width:auto;display:block;padding:4px 8px}.sidebar:has(+.main .desk-layout) :is(.brand,.identity){display:none}.sidebar:has(+.main .desk-layout) .nav{display:flex;overflow:auto}.sidebar:has(+.main .desk-layout) .nav button{flex-shrink:0}}
@media(max-width:640px){.desk-layout{display:flex;flex-direction:column}.desk-list,.desk-project,.desk-people{position:static;width:100%}#desk-rows{max-height:165px}.desk-project{order:2}.desk-people{order:3}.desk-list{padding:9px;gap:5px}.desk-filters button,.desk-icon,.desk-tabs button{min-height:34px}.desk-content .panel-body{padding:12px}.desk-tabs details>div{right:0}.desk-content .task{padding:10px}.desk-list-title h2{font-size:16px}}

.task-group-title{font-size:1rem;margin:12px 0 6px}.task-history{margin-top:16px}.task-history>summary{cursor:pointer;color:#4e6268;padding:8px 0}.task-history .desk-task{background:#f1f5f5;color:#40575b}.task-history .task-mark{background:#819a94}.selection-text{white-space:pre-wrap;overflow-wrap:anywhere}#dialog [hidden]{display:none!important}#dialog fieldset{min-width:0;margin:10px 0;border:1px solid #c5d5d6;border-radius:9px;padding:12px}#dialog legend{font-weight:600}

.field-guide{display:block;color:#50656d;font-size:.78rem;font-weight:400;line-height:1.35;letter-spacing:normal;overflow-wrap:anywhere}
.field>.field-guide,.chat-pop .field-guide{margin:2px 0 0}
.field:has(>.field-guide){row-gap:3px}
.field-guide[data-group-help]{grid-column:1/-1}
label.check:has(>.field-guide){display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:2px 8px}
label.check>.field-guide{grid-column:2}
.desk-sort:has(.field-guide){display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 6px}.desk-sort>.field-guide{grid-column:1/-1}
.desk-list>#desk-search+.field-guide{margin-top:-5px}
.task[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.task-body .task-guide{font-size:.82rem;line-height:1.4;color:#3f5a61;margin:3px 0 6px}
.touch-guide{display:none}.task[role=group]{align-items:start}
.chat-header-actions{display:flex;align-items:center;gap:5px}.chat-header-actions>span:empty{display:none}
.chat-header [data-rooms]{min-width:0;flex:1}.chat-header select{max-width:100%;padding:5px 8px;min-height:36px;font:inherit}
.chat-compose>#chat-body+.field-guide{margin:2px 0 4px}.chat-toolbar>.field-guide{flex-basis:100%}
.chat-conversation .form-error:empty,.chat-conversation [data-chat-status]:empty{display:none}
.messenger.chat-short,.desk-content .messenger.chat-short{height:auto;min-height:185px;max-height:76dvh}
.chat-short .chat-scroll{min-height:46px;max-height:38dvh}
.chat-short .chat-empty{margin:0;text-align:start;padding:12px 2px}
@media(hover:none){.touch-guide{display:block;margin:4px 0 8px;font-size:.82rem}.touch-guide summary{color:var(--brand);cursor:pointer}}
@media(max-width:760px){.chat-header{flex-wrap:wrap}.chat-header-actions button{padding:4px 7px}.task-group-title{margin-top:8px}}
.chat-pop[hidden],.chat-pop [hidden]{display:none}
.chat-panel{position:static;max-height:clamp(96px,24dvh,190px);overflow:auto;overscroll-behavior:contain;margin:7px 0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#f6f9f9}
.chat-pop input[type=radio]{width:auto}.chat-pop input:not([type=checkbox]):not([type=radio]),.chat-pop select{min-width:0;max-width:100%}
.chat-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.chat-tools,.chat-send-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;max-width:100%;min-width:0}
.chat-tools button,.chat-send-actions button{max-width:100%;overflow-wrap:anywhere;min-height:36px}
.chat-tools [aria-expanded=true]{background:var(--soft);border-color:var(--brand)}
.chat-deadline{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:2px 8px;margin:5px 0;font-size:.84rem}
.chat-deadline input{min-width:0;max-width:100%}.chat-deadline .field-guide{grid-column:1/-1}
.messenger:has(.chat-panel:not([hidden])),.desk-content .messenger:has(.chat-panel:not([hidden])),.desk-content .messenger:has(.chat-deadline){height:auto;max-height:none}
.messenger:has(.chat-panel:not([hidden])) .chat-scroll,.messenger:has(.chat-deadline) .chat-scroll{flex:none;min-height:42px;max-height:clamp(54px,20dvh,160px)}
.chat-conversation [data-composer]{min-width:0}.chat-header-actions{flex-wrap:wrap}
.field input,.field select,.field textarea,.field,.fields>*,.dialog-actions>*{min-width:0;max-width:100%}.dialog-actions{flex-wrap:wrap}
.button-tip{pointer-events:none}
:root{--guide-background:#f0f4f6;--guide-edge:#b9cbd2;--guide-ink:#435861}
.field-guide,.task-guide,.touch-guide[open]>p{background:var(--guide-background);color:var(--guide-ink);border-inline-start:2px solid var(--guide-edge);border-radius:3px;padding:3px 7px}
.button-tip{background:var(--guide-background);border-color:var(--guide-edge);border-inline-start:3px solid var(--guide-edge)}
.recipient-popup{
  position:fixed;inset:auto;z-index:15;box-sizing:border-box;margin:0;padding:8px;
  display:flex;flex-direction:column;gap:5px;overflow:hidden;
  border:1px solid #b4c9ce;border-radius:10px;color:var(--ink);background:white;
  box-shadow:0 5px 18px #17373b29;
}
.recipient-popup[hidden]{display:none}
.recipient-head{display:flex;align-items:center;gap:8px}
.recipient-head input{min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;font-size:14px}
.recipient-head button{min-height:34px;padding:5px 12px}
.recipient-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));gap:1px 6px}
.recipient-list label{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 7px;min-height:32px;border-radius:5px;font-size:14px;line-height:1.25;cursor:pointer;overflow-wrap:anywhere}
.recipient-list label:hover,.recipient-list label:focus-within{background:var(--guide-background)}
.recipient-list label:has(input:checked){background:var(--soft)}
.recipient-list input{width:16px;height:16px;flex:none;margin:0;accent-color:var(--brand)}
.recipient-team,.recipient-empty{grid-column:1/-1}
.recipient-tight #recipient-guide{display:none}
.recipient-tight .recipient-head input,.recipient-tight .recipient-head button{padding-block:3px;min-height:29px}
.recipient-empty{padding:8px;margin:0;font-size:13px;color:var(--muted)}
#desk-list-body{display:grid;gap:7px;min-width:0}
.desk-choose{display:none}
.desk-list input[type=search]{width:100%}
.desk-name strong{font-size:14px;line-height:1.3}
.desk-name small,.desk-people small,.desk-cols{font-size:12px}
.desk-people b,.desk-tabs button,.desk-filters button{font-size:13px}
.desk-icon b{font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums}
.desk-cols{padding-block:2px}.desk-row,.desk-cols{grid-template-columns:minmax(0,1fr) repeat(3,42px)}
.material-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line)}
.material-line .desk-material{border:0;min-width:0;padding:9px 0}
.material-line button{flex:none}
.review-source{display:grid;gap:4px}.review-source span{font-size:.9rem;color:var(--muted)}
.desk-content .doc pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.45}
.main>.page{gap:16px}.page-head:has(+.grid){align-items:center}
.panel-head{padding:13px 18px}.task{padding:13px 18px}.desk-content .panel-body{gap:10px}
.dialog-head{padding:15px 20px}.dialog-body{padding:16px 20px;gap:12px}.dialog-actions{padding-top:10px}
.field,.fields{row-gap:6px}.field-guide{font-size:13px;line-height:1.35}.mobile-service{gap:12px}
.mobile-service .panel-body,.mobile-service .voice{padding:15px 18px;gap:9px}
.act-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.act-fields .field{grid-column:auto;gap:3px}
.act-fields .field:first-child{grid-column:1/-1}
.report-form textarea{min-height:3.4em;line-height:1.4;resize:vertical}
.report-form textarea:focus{outline:2px solid var(--brand)}
@supports(field-sizing:content){.report-form textarea{field-sizing:content;max-height:20em}}
@media(max-width:640px){.act-fields{grid-template-columns:1fr;gap:8px}.mobile-service .panel-body,.mobile-service .voice{padding:12px}}
@media(max-width:640px){
  .task:has(>.date-tag){display:grid;grid-template-columns:10px minmax(0,1fr);gap:4px 9px;align-items:start}
  .task:has(>.date-tag)>.task-mark{grid-column:1;grid-row:1/3}
  .task:has(>.date-tag)>.date-tag{grid-column:2;grid-row:1;margin:0}
  .task:has(>.date-tag)>.task-body{grid-column:2;grid-row:2;min-width:0}
  .desk-choose{display:inline-flex;align-items:center;gap:6px;min-height:40px}
  .desk-choose::after{content:'▾'}.desk-choose[aria-expanded=true]::after{content:'▴'}
  .desk-list-heading,.desk-list[data-list-open=false] #desk-list-body{display:none}
  .desk-list-title{justify-content:flex-start}.desk-list-title>button:last-child:not(.desk-choose){margin-left:auto}
  .desk-name,.desk-icon,.desk-tabs button,.desk-tabs summary{min-height:40px}
  .desk-people button{min-height:42px}.desk-row,.desk-cols{grid-template-columns:minmax(0,1fr) repeat(3,40px)}
  .desk-list-title small{white-space:nowrap}.desk-sort select{min-height:38px}
}
.chat-tools{flex:0 1 22rem}
.chat-tools [data-who]{width:12rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.chat-tools [data-who]{width:0;flex:1 1 7rem}.recipient-head input{font-size:16px}.recipient-list label{min-height:38px}}
@media(max-width:640px){.chat-toolbar>div{flex:1 1 100%}.chat-tools button,.chat-send-actions button{flex:1 1 auto}.chat-send-actions .primary{flex-grow:2}.chat-pop label{padding:6px 1px}.dialog-actions button{white-space:normal;overflow-wrap:anywhere}}

@media(max-width:640px){
  .main .topbar,.main:has(.desk-layout) .topbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:48px;height:auto;padding:6px 0}
  .topbar .path{max-width:100%;flex:1 1 145px;min-width:0;overflow-wrap:anywhere}
  .topbar .top-actions{max-width:100%;flex-wrap:wrap;gap:4px 8px}
}

@media(min-width:901px) and (max-width:1240px){
  .shell:has(.desk-layout){grid-template-columns:148px minmax(0,1fr)}
  .sidebar:has(+.main .desk-layout),.sidebar:has(+.main .desk-layout) .nav{min-width:0}
  .sidebar:has(+.main .desk-layout) .nav{grid-template-columns:minmax(0,1fr)}
  .sidebar:has(+.main .desk-layout) .nav button{width:100%;min-width:0;padding:9px 6px;gap:5px;overflow-wrap:anywhere}
}

@media(max-height:520px){
  .desk-list,.desk-people{position:static}
  #desk-rows{min-height:140px;max-height:clamp(150px,48dvh,240px)}
}
.archive-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:9px;align-items:start;container-type:inline-size}
.folder-group{border:1px solid var(--folder-edge);border-top:3px solid var(--folder-accent);background:var(--folder-bg);border-radius:10px;padding:9px;min-width:0}
.group-customer{--folder-accent:#3374a3;--folder-edge:#cadae8;--folder-bg:#f0f6fb}
.group-supplier{--folder-accent:#43755c;--folder-edge:#cee1d2;--folder-bg:#f0f7f1}
.group-operations{--folder-accent:#80659b;--folder-edge:#ddcfe6;--folder-bg:#f7f3fa}
.folder-group h3{font-size:14px;margin:0 4px 6px}
.folder-group button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:5px;width:100%;min-height:30px;padding:5px 6px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:13px}
.folder-group button b{font-size:11px;font-variant-numeric:tabular-nums}
.folder-group button[aria-pressed=true]{border-color:var(--folder-accent);background:#fff;font-weight:650;box-shadow:inset 3px 0 var(--folder-accent)}
.archive-list{display:grid;border:1px solid var(--line);border-radius:10px;background:white}
.archive-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;min-width:0}
.archive-line+.archive-line{border-top:1px solid var(--line)}
.archive-line .desk-material,.archive-line .desk-material span{min-width:0;overflow-wrap:anywhere}
.archive-line .desk-material small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.archive-row-tools{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.archive-empty{padding:12px;color:var(--muted)}
@container (min-width:360px) and (max-width:542px){.group-operations{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.group-operations h3{grid-column:1/-1}}
.archive-destination select{max-width:100%;min-width:0}
.chat-folder-note{display:block;font-size:12px;color:var(--muted)}
.desk-row[class*=project-color-]{border-inline-start:3px solid var(--project-edge);padding-inline-start:4px}
.project-color-0{--project-edge:#6886ab}.project-color-1{--project-edge:#608e7f}.project-color-2{--project-edge:#a37d4e}.project-color-3{--project-edge:#8874a3}.project-color-4{--project-edge:#ac7886}
.desk-layout .desk-icon[data-tab=topics],.desk-tabs [data-tab=topics]{--section-bg:#eaf3fb;--section-ink:#285b82}
.desk-layout .desk-icon[data-tab=tasks],.desk-tabs [data-tab=tasks]{--section-bg:#fbf0e3;--section-ink:#824c1b}
.desk-layout .desk-icon[data-tab=documents],.desk-tabs [data-tab=documents]{--section-bg:#f1edf8;--section-ink:#664e84}
.desk-layout .desk-icon[data-tab],.desk-layout .desk-tabs button[data-tab]:is([data-tab=topics],[data-tab=tasks],[data-tab=documents]){color:var(--section-ink);background:var(--section-bg)}
.desk-layout .desk-tabs button[aria-pressed=true],.desk-layout .desk-icon.on{box-shadow:inset 0 -3px currentColor;font-weight:650}
.spec-picked:not([hidden]),.task-handoff{display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;background:#eef6fb;border-radius:6px;min-width:0}
.spec-picked span,.task-handoff strong{overflow-wrap:anywhere}
.spec-picked button{flex:none;min-width:32px;min-height:32px;margin-left:auto;font-size:19px}
.task-handoff{flex-wrap:wrap;margin-block:6px}
.task-handoff small{color:#536675}
.task-body h3:has(.task-chat-shortcut),.work-card h3:has(.task-chat-shortcut){display:flex;align-items:flex-start;gap:4px}
.task-body button.task-chat-shortcut,.work-card button.task-chat-shortcut{display:inline-grid;place-items:center;padding:2px;min-width:30px;min-height:30px;border:0;background:transparent;color:#36779d;flex:none;margin-left:auto}
.task-chat-shortcut:is(:hover,:focus-visible){outline:2px solid #73abd4}
.chat-system{overflow-wrap:anywhere}
@media(max-width:600px){.archive-groups{grid-template-columns:1fr}.folder-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px}.folder-group h3{grid-column:1/-1}.archive-line{flex-wrap:wrap}.archive-row-tools{justify-content:flex-start}}
.staff-room{padding:16px;display:grid;gap:10px;max-width:1050px}.staff-room details{color:#314c63}.staff-room textarea{width:100%;resize:vertical}.staff-room form{display:grid;gap:8px}.staff-feed{min-height:65px;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:8px;background:#eef4fa;padding:12px;border-radius:8px}.staff-message{background:white;align-self:flex-start;max-width:min(85%,700px);border-radius:8px;padding:8px 12px;overflow-wrap:anywhere}.staff-message.mine{align-self:flex-end;background:#e0f4fd}.staff-message p{white-space:pre-wrap;margin:4px 0}.staff-message small{color:#496571}.staff-pick{display:grid;gap:7px;max-height:36vh;overflow:auto}.staff-pick label{display:flex;align-items:center;gap:7px}.staff-pick input{width:auto}