/* Marina. Load after conversation-density.css. No geometry/text-size changes to chat. */
:root[data-company-appearance] .rail{background:var(--rail-bg);color:var(--rail-ink);border-color:var(--rail-line)}
:root[data-company-appearance] .rail :is(a,.btn,.org-toggle,.menu-toggle){color:var(--rail-ink)}
:root[data-company-appearance] .rail :is(.nav-label,.hint,.count,.rail-icon,.rail-heading,.team-disclosure>summary,.pinned-chats>.nav-label,.rail-tools>summary::after){color:var(--rail-muted)}
:root[data-company-appearance] .rail :is(.org-mark,.chat-initial){background:var(--rail-avatar-bg);color:var(--rail-ink);border-color:var(--rail-line)}
:root[data-company-appearance] .rail :is(.nav>a[aria-current="page"],.chat-row.is-selected){background:var(--rail-selected);color:var(--rail-selected-ink)}
:root[data-company-appearance] .rail .chat-row.is-selected :is(.chat-label,.chat-actions-toggle,.rail-name){color:var(--rail-selected-ink)}
:root[data-company-appearance] .rail :is(.nav>a[aria-current="page"],.chat-row.is-selected) :is(.count,.rail-icon,.chat-initial,small){color:var(--rail-selected-ink);background:transparent}
:root[data-company-appearance] .rail :is(.nav>a:hover,.chat-row>a:hover,.btn.quiet:hover,.rail-tools[open]>summary,.rail-tools>summary:hover){background:var(--rail-hover);color:var(--rail-ink)}
:root[data-company-appearance] .rail :is(.nav>a[aria-current="page"]:hover,.chat-row.is-selected>a:hover,.chat-row.is-selected .chat-actions-toggle:hover){background:var(--rail-selected);color:var(--rail-selected-ink)}
:root[data-company-appearance] .rail :is(.rail-tools,.org-switch){border-color:var(--rail-line)}
:root[data-company-appearance] .rail :is(.rail-tools-body,.rail-inner:has(.nav-wrap):is(.compact-rail.open>.rail-inner)){background:var(--rail-bg);border-color:var(--rail-line)}
:root[data-company-appearance] .compact-rail.open>.rail-inner{background:var(--rail-bg)}
:root[data-company-appearance] .compact-rail.open .nav-wrap{background:var(--rail-bg);border-color:var(--rail-line)}
:root[data-company-appearance] .rail .menu-toggle{border-color:var(--rail-line)}
:root[data-company-appearance] .rail .rail-tools>summary{color:var(--rail-ink)}
:root[data-company-appearance] .rail .theme-picker>button{color:var(--rail-ink);border-color:var(--rail-line);background:transparent}
:root[data-company-appearance] .rail .theme-picker>button:is(.on,[aria-pressed="true"]){background:var(--rail-selected);color:var(--rail-selected-ink)}
:root[data-company-appearance] .rail :is(input,select,textarea){background:var(--rail-bg);color:var(--rail-ink);border-color:var(--rail-line)}
:root[data-company-appearance] .rail .count.attention{background:var(--wait-bg);color:var(--wait-ink)}
:root[data-company-appearance] .rail :is(a,button,summary,select):focus-visible{outline-color:var(--rail-focus)}
:root[data-company-appearance] .rail .chat-row:is(.is-dragging,[aria-grabbed="true"]){outline-color:var(--rail-focus)}
:root[data-company-appearance] .rail-social{border-color:var(--rail-line)}
:root[data-company-appearance] .rail-social .rail-social-link{color:var(--rail-muted)}
:root[data-company-appearance] .rail-social .rail-social-link:hover{color:var(--rail-ink);background:var(--rail-hover)}
.compact-rail .rail-top .brand.company-brand{display:flex;align-items:center;gap:10px;min-width:0;min-height:30px}
.compact-rail .brand.company-brand .company-logo{display:block;max-width:100%;width:auto;height:auto;max-height:28px;margin:0;border:0;border-radius:0;object-fit:contain;background:transparent}
.compact-rail .brand.company-brand.has-wide-logo{display:block;align-content:center}
.compact-rail .brand.company-brand.has-wide-logo .company-logo{max-width:100%;max-height:32px;object-position:left center}
.company-initial{width:24px;height:24px;display:grid;place-items:center;flex:none;border:1px solid var(--rail-line);border-radius:5px;background:var(--rail-avatar-bg);font:600 .6875rem/1 var(--sans)}
.appearance-dialog{padding:0;width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:400 1rem/1.5 var(--sans);box-shadow:0 16px 64px #0005;overflow:hidden}
.appearance-dialog::backdrop{background:#0008}
.appearance-dialog form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 34px);margin:0}
.appearance-head{padding:18px 22px 14px;display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.appearance-head h2{font:600 1.25rem/1.4 var(--sans);margin:0}
.appearance-head p{font:.9375rem/1.5 var(--sans);color:var(--muted);margin:3px 0 0}
.appearance-close{flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font:400 1.5rem/1 var(--sans);cursor:pointer}
.appearance-content{padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;overflow:auto;min-height:0;overscroll-behavior:contain}
.appearance-fields{display:grid;gap:20px;min-width:0;align-content:start}
.appearance-dialog fieldset{margin:0;padding:0;border:0;min-width:0}
.appearance-dialog legend,.appearance-label{font:600 .9375rem/1.5 var(--sans);margin:0 0 8px;display:block}
.appearance-dialog .hint{margin:8px 0 0;color:var(--muted);font:.8125rem/1.5 var(--sans)}
.appearance-logo-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.appearance-logo-stage{width:100%;height:64px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:12px;background:var(--rail-bg);color:var(--rail-ink);overflow:hidden;margin-bottom:10px}
.appearance-logo-stage img{max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;object-position:left center}
.appearance-logo-stage span{font-weight:600}
.appearance-dialog .btn{min-height:44px;font:.9375rem/1.4 var(--sans);padding:9px 12px;cursor:pointer}
.appearance-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.appearance-preset{display:grid;gap:6px;padding:9px 7px;min-height:64px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font:.8125rem/1.4 var(--sans);cursor:pointer;position:relative}
.appearance-preset[aria-pressed="true"]{border:2px solid var(--accent);padding:8px 6px;background:var(--accent-soft);font-weight:600}
.appearance-preset-check{display:none;position:absolute;right:5px;top:2px}
.appearance-preset[aria-pressed="true"] .appearance-preset-check{display:block}
.appearance-swatches{display:flex;gap:3px;align-items:center}
.appearance-swatches i{width:16px;height:16px;border:1px solid #0003;border-radius:50%}
.appearance-color-grid{display:grid;gap:8px;margin-top:12px}
.appearance-color-row{display:grid;grid-template-columns:1fr 36px 94px;gap:8px;align-items:center;font:.875rem/1.4 var(--sans)}
.appearance-color-row label{margin:0}
.appearance-color-row input[type="color"]{width:36px;height:36px;min-height:36px;padding:2px;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:var(--surface)}
.appearance-color-row input[type="text"]{width:100%;min-height:36px;padding:7px 8px;font:400 .8125rem/1.4 var(--mono);text-transform:uppercase;color:var(--ink);background:var(--surface);border:1px solid var(--line)}
.appearance-preview{align-self:start;position:sticky;top:0;min-width:0}
.appearance-preview>p{margin:0 0 8px;color:var(--muted);font:.8125rem/1.5 var(--sans)}
.appearance-mini{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--ground)}
.appearance-mini-brand{padding:12px;background:var(--rail-bg);color:var(--rail-ink);min-height:52px;display:flex;align-items:center;gap:8px}
.appearance-mini-brand img{max-width:100%;max-height:28px;width:auto;height:auto;object-fit:contain}
.appearance-mini-brand strong{font:.875rem/1.3 var(--sans)}
.appearance-mini-chat{padding:14px;display:grid;gap:10px}
.appearance-mini-byline{display:flex;align-items:center;gap:7px;font:600 .875rem/1.4 var(--sans)}
.appearance-mini-byline img{width:28px;height:28px;object-fit:contain;border-radius:50%}
.appearance-mini-message{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:.9375rem/1.5 var(--sans);margin:0}
.appearance-mini-note{padding:10px 12px;border-top:1px solid var(--line);font:.8125rem/1.5 var(--sans);color:var(--muted)}
.appearance-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface)}
.appearance-footer .appearance-reset{margin-right:auto}
.appearance-message{grid-column:1/-1;margin:0;color:var(--muted);font:.875rem/1.5 var(--sans)}
.appearance-error{color:var(--bad-ink)}
.appearance-dialog :is(button,input):focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.appearance-dialog button:disabled{opacity:1;cursor:default;color:var(--muted);background:var(--surface-2);border-color:var(--line)}
.appearance-dialog .btn.primary:disabled{color:var(--muted);background:var(--surface-2)}
.appearance-dialog .appearance-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:560px){
 .appearance-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}
 .appearance-dialog form{max-height:calc(100dvh - 18px)}
 .appearance-head{padding:12px 14px;gap:8px}
 .appearance-content{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:16px}
 .appearance-preview{position:static;order:-1}
 .appearance-mini-chat{display:none}
 .appearance-mini-note{padding:8px 12px}
 .appearance-footer{padding:10px 14px}
 .appearance-footer .appearance-reset{flex:1 1 100%;margin:0;text-align:left}
 .appearance-footer :is(.appearance-cancel,.appearance-save){flex:1}
 .appearance-color-row{grid-template-columns:minmax(0,1fr) 44px 104px}
 .appearance-color-row :is(input[type="color"],input[type="text"]){height:44px;min-height:44px}
 .appearance-color-row input[type="color"]{width:44px}
}
@media(max-width:380px){
 .appearance-color-row{grid-template-columns:44px minmax(0,1fr);gap:6px 8px}
 .appearance-color-row label{grid-column:1/-1}
}
