.opt-inbox{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(240px,280px);gap:var(--space-4);align-items:start}.opt-inbox *,.opt-composer *{box-sizing:border-box}.opt-inbox__list,.opt-inbox__thread,.opt-inbox__context{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-inline-size:0}.opt-inbox__list,.opt-inbox__context{padding:var(--space-3)}@media(min-width:1024px)and (max-width:1279px){.opt-inbox{grid-template-columns:minmax(240px,280px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.opt-inbox[data-view=list] .opt-inbox__context{display:none}.opt-inbox[data-view=list] .opt-inbox__thread,.opt-inbox__list{grid-row:1 / span 2}.opt-inbox__context{grid-column:2;grid-row:1;padding-block:0}.opt-inbox__thread{grid-column:2;grid-row:2}}.opt-inbox__search input{inline-size:100%}.opt-inbox__queues{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;padding:0;margin:var(--space-3) 0}.opt-inbox__queues a{display:inline-flex;align-items:center;min-block-size:var(--touch-target);padding-inline:var(--space-3);border-radius:999px;color:inherit;text-decoration:none}.opt-inbox__queues a:hover{background:var(--surface-sunken)}.opt-inbox__queues a[aria-current=true]{background:var(--brand-subtle);color:var(--brand-subtle-text);font-weight:600}.opt-inbox__rows{list-style:none;padding:0;margin:0;max-block-size:70vh;overflow-y:auto}.opt-inbox__rows a{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none;min-block-size:var(--touch-target)}.opt-inbox__rows li+li{border-block-start:1px solid var(--border)}.opt-inbox__rows a:hover{background:var(--surface-sunken)}.opt-inbox__rows a[aria-current=true]{background:var(--brand-subtle)}.opt-inbox__rows a[aria-current=true] .opt-inbox__when,.opt-inbox__rows a[aria-current=true] .opt-inbox__preview{color:var(--brand-subtle-text)}.opt-inbox__rows a[data-unread] .opt-inbox__who{font-weight:700}.opt-inbox__who{display:inline-flex;align-items:center;gap:var(--space-2);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-inbox__when{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.opt-inbox__preview{grid-column:1 / -1;font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-inbox__badges{grid-column:1 / -1}.opt-inbox__rows a:focus-visible,.opt-inbox__queues a:focus-visible{outline-offset:-2px}.opt-inbox__thread{display:flex;flex-direction:column}.opt-inbox__thread>.opt-state{padding-block:var(--space-12)}.opt-inbox__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border)}.opt-inbox__title{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-inline-size:0}.opt-inbox__title h2{margin:0;font:600 var(--text-lg)/1.25 var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.opt-inbox__resolve{flex:none}.opt-inbox__back{display:none}.opt-inbox__manage{border-block-end:1px solid var(--border)}.opt-inbox__manage>summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-block-size:var(--touch-target);list-style:none;cursor:pointer}.opt-inbox__manage>summary::-webkit-details-marker{display:none}.opt-inbox__manage>summary:hover{background:var(--surface-sunken)}.opt-inbox__manage>summary:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.opt-inbox__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--border);border-radius:999px;font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.opt-inbox__chip[data-level="1"]{background:var(--warning-subtle);color:var(--warning);border-color:transparent}.opt-inbox__chip[data-level="2"]{background:var(--danger-subtle);color:var(--danger);border-color:transparent}.opt-inbox__edit{margin-inline-start:auto;font-size:var(--text-sm);font-weight:500;color:var(--brand)}.opt-inbox__manage[open] .opt-inbox__edit{text-decoration:underline}.opt-inbox__manage-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--surface-sunken);border-block-start:1px solid var(--border)}.opt-inbox__tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:end}.opt-inbox__tag{display:inline-flex;gap:var(--space-2);align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding-inline:var(--space-3) var(--space-1)}.opt-inbox__field{display:grid;gap:var(--space-1);min-inline-size:0}.opt-inbox__field>label{font-size:var(--text-sm);color:var(--text-muted)}.opt-inbox__field>.opt-metric__note{margin:0}.opt-inbox__inline{display:flex;gap:var(--space-2)}.opt-inbox__inline>select,.opt-inbox__inline>input{flex:1 1 auto;min-inline-size:0}.opt-inbox__flash>p{margin:var(--space-2) var(--space-4) 0}.opt-inbox__messages{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);margin:0;background:var(--surface-sunken);min-block-size:12rem;max-block-size:55vh;overflow-y:auto}.opt-inbox__notes{margin:var(--space-3) var(--space-4) 0;background:var(--warning-subtle);color:var(--warning);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.opt-inbox__notes h3{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);font-size:var(--text-sm)}.opt-inbox__notes .opt-metric__note{color:inherit;margin:0}.opt-inbox__notes ul{margin:0;padding-inline-start:var(--space-5, 20px)}.opt-inbox__dock{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.opt-inbox__modes{display:inline-flex;justify-self:start;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.opt-inbox__modes button{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:32px;padding-inline:var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:500 var(--text-sm)/1.25 var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.opt-inbox__modes button:hover{color:var(--text)}.opt-inbox__modes button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.opt-inbox__dock[data-mode=note] .opt-inbox__modes button[aria-selected=true]{background:var(--warning-subtle);color:var(--warning)}.opt-inbox__modes button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@media(pointer:coarse),(max-width:600px){.opt-inbox__modes button{min-block-size:var(--touch-target)}}.opt-inbox__panel{display:grid;gap:var(--space-3)}.opt-inbox__panel[hidden]{display:none}.opt-inbox__note-form{display:grid;gap:var(--space-2)}.opt-inbox__note-form textarea{background:var(--warning-subtle);border-color:var(--warning)}.opt-inbox__note-form button{justify-self:end}.opt-inbox__assist{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding-block-end:var(--space-3);border-block-end:1px dashed var(--border)}.opt-inbox__assist h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);margin:0;font-size:var(--text-sm)}.opt-inbox__assist h3 .opt-metric__note{margin:0}.opt-inbox__assist>[aria-live]{flex-basis:100%}.opt-inbox__assist>[aria-live]:empty{display:none}.opt-inbox__assist p{margin:0}.opt-inbox__assist-row,.opt-inbox__translate{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.opt-inbox__translate .opt-inbox__field{display:flex;align-items:center;gap:var(--space-2)}.opt-inbox__translate .opt-inbox__field>label{white-space:nowrap}.opt-inbox__assist-out{padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.opt-inbox__saved>summary{display:inline-flex;align-items:center;min-block-size:var(--touch-target);padding:0;font-size:var(--text-sm);font-weight:500;color:var(--brand)}.opt-inbox__saved[open]{display:grid;gap:var(--space-3);padding:0 var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.opt-inbox__saved[open]>summary{padding-inline:0}.opt-inbox__saved p{margin:0}.opt-inbox__saved-list{list-style:none;margin:0;padding:0;display:grid}.opt-inbox__saved-list li{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--border)}.opt-inbox__saved-list li>div{display:grid;gap:2px;flex:1 1 14rem;min-inline-size:0}.opt-inbox__saved-list strong{font:500 var(--text-sm)/1.4 var(--font-mono, ui-monospace, monospace)}.opt-inbox__saved-list span{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.opt-inbox__saved-form{display:grid;gap:var(--space-3)}.opt-inbox__saved-form input{max-inline-size:20rem}.opt-inbox__saved-form button{justify-self:start}.opt-inbox__followup{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin:0}.opt-inbox__followup h3{margin:0;font-size:var(--text-sm)}.opt-inbox__followup p,.opt-inbox__followup blockquote{margin:0}.opt-inbox__followup label{display:block;font-size:var(--text-sm);color:var(--text-muted)}.opt-inbox__followup select,.opt-inbox__followup input{inline-size:100%}.opt-inbox__followup blockquote{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--border-strong);background:var(--surface-sunken);border-radius:var(--radius-sm)}.opt-inbox__followup button{justify-self:start}.opt-inbox__context dl{margin:0;display:grid;gap:var(--space-1)}.opt-inbox__context dt{font-size:var(--text-xs);color:var(--text-muted);margin-block-start:var(--space-2)}.opt-inbox__context dd{margin:0;overflow-wrap:anywhere}.opt-inbox__timeline{margin:0;padding-inline-start:var(--space-4);display:grid;gap:var(--space-1);font-size:var(--text-sm)}.opt-inbox__timeline time{color:var(--text-muted)}.opt-inbox__ctx-fold>summary{font-weight:600;min-block-size:var(--touch-target);display:flex;align-items:center;cursor:pointer}.opt-inbox__ctx-fold>summary{list-style:none}.opt-inbox__ctx-fold>summary::-webkit-details-marker{display:none}.opt-inbox__ctx-fold>summary:after{content:"";margin-inline-start:auto;margin-inline-end:var(--space-1);inline-size:7px;block-size:7px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease)}.opt-inbox__ctx-fold[open]>summary:after{transform:rotate(-135deg)}.opt-inbox__ctx-fold[open]>dl,.opt-inbox__ctx-fold[open]>p{padding-block-end:var(--space-3)}@media(min-width:1280px){.opt-inbox__ctx-fold>summary{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}}.opt-inbox select,.opt-inbox input[type=text],.opt-inbox input:not([type]),.opt-inbox input[type=search]{min-block-size:var(--control-height);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding-inline:var(--space-3)}.opt-inbox textarea{inline-size:100%;resize:vertical;padding:var(--space-2) var(--space-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}@media(pointer:coarse),(max-width:1023px){.opt-inbox select,.opt-inbox input[type=text],.opt-inbox input:not([type]),.opt-inbox input[type=search]{min-block-size:var(--touch-target)}}.opt-inbox a{color:var(--brand)}.opt-inbox__queues a,.opt-inbox__rows a{color:inherit}.opt-inbox__queues a[aria-current=true]{color:var(--brand-subtle-text)}@media(max-width:1023px){.opt-inbox{grid-template-columns:minmax(0,1fr)}.opt-inbox[data-view=list] .opt-inbox__thread,.opt-inbox[data-view=list] .opt-inbox__context,.opt-inbox[data-view=thread] .opt-inbox__list{display:none}.opt-inbox__head{flex-wrap:wrap;padding-inline:var(--space-3)}.opt-inbox__back{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-target);flex-basis:100%}[dir=rtl] .opt-inbox__back .opt-icon{transform:scaleX(-1)}.opt-inbox__manage>summary,.opt-inbox__dock,.opt-inbox__manage-body{padding-inline:var(--space-3)}.opt-inbox__messages{max-block-size:none;padding:var(--space-3)}.opt-inbox__notes{margin-inline:var(--space-3)}}