:root { --bg:#0a0d0c; --surface:#111614; --line:#27302c; --text:#f1f5f2; --muted:#8f9b95; --accent:#58f09a; --accent-ink:#07130e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font-family:Manrope,system-ui,sans-serif; }
button,input,textarea,select { font:inherit; }
button { color:inherit; }
[hidden] { display:none!important; }
.login-screen { min-height:100vh; display:grid; grid-template-columns:minmax(220px,.55fr) minmax(420px,1fr); grid-template-rows:1fr auto; background:#090c0b; }
.login-brand { padding:42px; border-right:1px solid var(--line); display:flex; align-items:flex-start; gap:13px; }
.login-brand>div { display:grid; font-size:14px; }.login-brand>div span { color:var(--muted); font-size:12px; }
.login-form { width:min(480px,calc(100vw - 40px)); align-self:center; justify-self:center; }
.login-form h1 { margin-bottom:12px; font-size:42px; }.login-form>p:not(.eyebrow) { color:var(--muted); font-size:13px; margin-bottom:36px; }
.login-form label { display:grid; gap:9px; padding:19px 0; border-bottom:1px solid var(--line); }.login-form label span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.login-form .primary-action { width:100%; margin-top:28px; }.login-form>small { display:block; min-height:20px; margin-top:12px; color:#ff8b83; font-size:11px; }
.login-foot { grid-column:1/-1; margin:0; padding:18px 42px; border-top:1px solid var(--line); color:#5f6b65; font:10px "DM Mono",monospace; }
.shell { min-height:100vh; display:grid; grid-template-columns:250px 1fr; }
.sidebar { position:sticky; top:0; height:100vh; padding:32px 24px; border-right:1px solid var(--line); display:flex; flex-direction:column; background:#0c100f; }
.brand { display:flex; gap:12px; align-items:center; }
.brand-mark { display:grid; place-items:center; width:40px; height:40px; background:var(--accent); color:var(--accent-ink); font-weight:800; letter-spacing:-1px; }
.brand div { display:grid; font-size:14px; }
.brand div span { color:var(--muted); font-size:12px; }
nav { margin-top:72px; display:grid; gap:6px; }
.nav-link { appearance:none; border:0; background:none; padding:12px 10px; text-align:left; color:var(--muted); cursor:pointer; border-left:2px solid transparent; transition:.2s ease; }
.nav-link span { font-family:"DM Mono",monospace; font-size:10px; margin-right:14px; }
.nav-link:hover,.nav-link.active { color:var(--text); border-left-color:var(--accent); transform:translateX(3px); }
.sidebar-foot { margin-top:auto; display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:12px; }
.sidebar-foot p { margin:0; }.sidebar-foot small { color:#5f6b65; }
.logout-action { padding:0; border:0; background:transparent; color:#65706a; font-size:10px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }.logout-action:hover{color:var(--accent)}
.security-dot { width:8px; height:8px; background:var(--accent); border-radius:50%; margin-top:5px; box-shadow:0 0 14px var(--accent); }
main { padding:0 7vw 80px; max-width:1500px; width:100%; }
.topbar { min-height:150px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.topbar-actions { display:flex; align-items:center; gap:14px; }.company-switcher { min-width:210px; display:grid; gap:3px; padding:8px 12px; border:1px solid var(--line); }.company-switcher small { color:var(--muted); font:9px "DM Mono",monospace; letter-spacing:.1em; }.company-switcher select { font-size:12px; line-height:1.2; }.add-company { border:1px solid var(--line); background:transparent; padding:12px 14px; font-size:11px; cursor:pointer; }.add-company:hover{border-color:var(--accent);color:var(--accent)}
.eyebrow { margin:0 0 8px; color:var(--accent); font:500 10px/1 "DM Mono",monospace; letter-spacing:.16em; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:0; font-size:clamp(24px,3vw,38px); letter-spacing:-.04em; } h2 { margin-bottom:0; font-size:clamp(30px,4vw,54px); letter-spacing:-.055em; }
.live-status { display:flex; gap:9px; align-items:center; color:var(--muted); font-size:12px; }
.live-status span { width:8px; height:8px; border-radius:50%; background:#68716d; }
.live-status.connected span,.live-status.qr span { background:var(--accent); box-shadow:0 0 12px var(--accent); }
.panel { display:none; opacity:0; transform:translateY(12px); }.panel.active-panel { display:block; animation:panelIn .42s ease forwards; }
@keyframes panelIn { to { opacity:1; transform:none; } }
.section-heading { padding:58px 0 36px; display:grid; grid-template-columns:1fr minmax(280px,420px); gap:48px; align-items:end; }
.section-heading>p { margin-bottom:2px; color:var(--muted); line-height:1.65; font-size:14px; }
.connection-layout { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(360px,1fr) minmax(320px,.7fr); min-height:520px; }
.qr-stage { display:grid; place-items:center; position:relative; overflow:hidden; border-right:1px solid var(--line); background:radial-gradient(circle at 50% 45%,rgba(88,240,154,.08),transparent 40%); }
.qr-stage img { width:min(72%,390px); padding:16px; background:white; animation:qrIn .45s cubic-bezier(.2,.8,.2,1); }
@keyframes qrIn { from { opacity:0; transform:scale(.9) rotate(-2deg); } }
.qr-idle,.connected-state { text-align:center; max-width:300px; }.qr-idle p,.connected-state p { color:var(--muted); font-size:13px; line-height:1.6; }
.signal-orbit { position:relative; width:120px; height:120px; margin:0 auto 28px; border:1px solid #26342d; border-radius:50%; animation:pulse 2.5s ease-in-out infinite; }
.signal-orbit:before,.signal-orbit:after { content:""; position:absolute; inset:16px; border:1px solid #253029; border-radius:50%; }.signal-orbit:after{inset:34px;background:var(--accent);border:0;box-shadow:0 0 30px rgba(88,240,154,.28)}
@keyframes pulse { 50% { transform:scale(1.04); border-color:#395749; } }
.checkmark { margin:0 auto 24px; width:90px; height:90px; display:grid; place-items:center; border:1px solid var(--accent); border-radius:50%; color:var(--accent); font-size:36px; }
.connection-context { padding:42px; display:flex; flex-direction:column; }
.status-line { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }.status-line span { color:var(--muted); }.status-line strong { text-align:right; }
.metrics { display:grid; grid-template-columns:.7fr .7fr 1.25fr; margin:32px 0 auto; }.metrics div { display:grid; }.metrics div+div { border-left:1px solid var(--line); padding-left:20px; }.metrics strong { font-size:34px; letter-spacing:-.05em; }.metrics span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.company-dialog { width:min(440px,calc(100vw - 32px)); border:1px solid var(--line); background:var(--surface); color:var(--text); padding:28px; }.company-dialog::backdrop{background:rgba(0,0,0,.72)}.company-dialog h3{font-size:25px}.company-dialog label{display:grid;gap:9px;border-bottom:1px solid var(--line);padding:20px 0}.company-dialog label span{color:var(--muted);font-size:11px}.company-dialog form>div{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.company-dialog .secondary-action{margin:0}
.company-dialog form>p:not(.eyebrow){color:var(--muted);font-size:12px;margin-bottom:4px}
.primary-action { border:0; background:var(--accent); color:var(--accent-ink); font-weight:700; padding:15px 18px; display:flex; justify-content:space-between; cursor:pointer; transition:.2s ease; }.primary-action:hover { background:#7bfaad; transform:translateY(-2px); }.primary-action:disabled { opacity:.45; cursor:wait; transform:none; }
.secondary-action { border:1px solid var(--line); background:transparent; color:var(--text); font-weight:600; padding:14px 18px; margin-top:12px; display:flex; justify-content:space-between; cursor:pointer; transition:.2s ease; }.secondary-action:hover { border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }.secondary-action:disabled { opacity:.45; cursor:wait; transform:none; }
.text-action { border:0; background:none; color:var(--muted); margin-top:14px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }.helper { color:#65706a; font-size:11px; line-height:1.5; margin:16px 0 0; }
.form-layout { border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; column-gap:56px; }.form-layout label,.access-layout label { display:grid; gap:10px; padding:28px 0; border-bottom:1px solid var(--line); }.form-layout label span,.access-layout label span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.form-layout .wide { grid-column:1/-1; }
.context-workspace { display:grid; grid-template-columns:230px minmax(0,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.context-tabs { display:flex; flex-direction:column; border-right:1px solid var(--line); padding:10px 0; }
.context-tab { position:relative; min-height:64px; border:0; background:transparent; color:var(--muted); padding:12px 18px; display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start; text-align:left; cursor:pointer; transition:color .18s ease,background .18s ease,transform .18s ease; }
.context-tab::before { content:""; position:absolute; left:0; top:10px; bottom:10px; width:2px; background:transparent; }
.context-tab .tab-index { color:#56615c; font:9px/1.5 "DM Mono",monospace; }
.context-tab>span:last-child { display:grid; gap:3px; }
.context-tab strong { color:inherit; font-size:12px; font-weight:600; }
.context-tab small { color:#66716c; font-size:10px; line-height:1.35; }
.context-tab:hover { color:var(--text); background:#0f1412; transform:translateX(2px); }
.context-tab.active { color:var(--text); background:#111815; }
.context-tab.active::before { background:var(--accent); }
.context-tab.active .tab-index { color:var(--accent); }
.context-tab:focus-visible { outline:1px solid var(--accent); outline-offset:-3px; }
.context-form { position:relative; min-width:0; padding-left:34px; }
.context-pane { display:none; opacity:0; border-top:0; }
.context-pane.active { display:grid; animation:contextPaneIn .22s ease forwards; }
.context-pane-heading { grid-column:1/-1; padding:22px 0 16px; border-bottom:1px solid var(--line); }
.context-pane-heading>span { display:block; margin-bottom:7px; color:var(--accent); font:9px "DM Mono",monospace; letter-spacing:.12em; }
.context-pane-heading h3 { margin:0 0 4px; font-size:20px; letter-spacing:-.025em; }
.context-pane-heading p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.context-save { position:sticky; bottom:0; z-index:3; min-height:72px; display:flex; justify-content:flex-end; align-items:center; gap:24px; border-top:1px solid var(--line); background:rgba(10,13,12,.96); backdrop-filter:blur(12px); }.context-save>span { color:#65706a; font-size:10px; }.context-save .primary-action { min-width:310px; }.catalog-layout textarea { min-height:100px; }
@keyframes contextPaneIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
input,textarea,select { width:100%; border:0; outline:0; background:transparent; color:var(--text); resize:vertical; font-size:15px; line-height:1.6; } select { cursor:pointer; color-scheme:dark; } select option { background:var(--surface); color:var(--text); } input:focus,textarea:focus,select:focus { color:var(--accent); } label:focus-within { border-bottom-color:var(--accent); } label small { color:#65706a; }
.form-action { display:flex; align-items:end; padding:28px 0; }.form-action button { width:100%; }
.access-layout { border-top:1px solid var(--line); display:grid; grid-template-columns:1.15fr .85fr; gap:70px; }.access-note { padding:42px 0; align-self:start; }.access-note>strong { font-size:22px; }.access-note p { color:var(--muted); font-size:14px; line-height:1.7; margin:14px 0 30px; }
.conversation-heading { padding-bottom:28px; }
.conversation-support p { margin:0 0 12px; color:var(--muted); line-height:1.65; font-size:14px; }.feed-status { display:inline-flex; align-items:center; gap:7px; color:#69746e; font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }.feed-status i { width:7px; height:7px; border-radius:50%; background:#68716d; }.feed-status.live { color:var(--accent); }.feed-status.live i { background:var(--accent); box-shadow:0 0 10px rgba(88,240,154,.65); }
.conversation-workspace { height:620px; min-height:520px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(270px,.72fr) minmax(420px,1.5fr); overflow:hidden; }
.conversation-list { border-right:1px solid var(--line); overflow-y:auto; }
.conversation-item { width:100%; border:0; border-bottom:1px solid var(--line); background:transparent; padding:19px 20px; text-align:left; cursor:pointer; transition:.2s ease; }
.conversation-item:hover,.conversation-item.active { background:#131a17; }.conversation-item.active { box-shadow:inset 3px 0 var(--accent); }
.conversation-item-head { display:flex; justify-content:space-between; gap:14px; align-items:baseline; }.conversation-item-head strong { font-size:13px; }.conversation-item-head time { color:#65706a; font:10px "DM Mono",monospace; }
.conversation-preview { margin:8px 0 9px; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.conversation-meta { color:#5f6b65; font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.conversation-identity { display:block; margin-top:3px; color:#69746e; font-size:10px; font-weight:400; }
.thread-pane { min-width:0; display:grid; grid-template-rows:auto 1fr auto; background:#0b0f0d; }.thread-header { min-height:74px; padding:16px 24px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:20px; }.thread-header>div:first-child { display:grid; gap:3px; }.thread-header div span { font-weight:700; }.thread-header small,.thread-count { color:var(--muted); font-size:11px; }
.inbox-tabs{display:flex;gap:3px;margin-top:9px}.inbox-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:7px 10px;font-size:10px;cursor:pointer}.inbox-tab.active,.inbox-tab:hover{color:var(--text);border-color:var(--accent)}.inbox-tab span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;background:#1b2520;color:var(--accent);font:9px "DM Mono",monospace}.human-badge{color:var(--accent);font-style:normal}.thread-actions{display:flex!important;align-items:center;gap:12px}.thread-mode{padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:9px "DM Mono",monospace}.thread-mode.human{border-color:var(--accent);color:var(--accent)}.mode-action{border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.mode-action:hover{color:var(--accent)}
.human-composer{display:flex;gap:12px;padding:14px 18px;border-top:1px solid var(--line);background:#0d1210}.human-composer[hidden]{display:none!important}.human-composer textarea{min-height:42px;max-height:120px;padding:9px 12px;background:#151c19;resize:none}.human-composer button{min-width:120px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer}.human-composer button:disabled{opacity:.45}
.message-thread { padding:28px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
.message-row { display:flex; flex-direction:column; max-width:min(76%,620px); animation:messageIn .25s ease both; }.message-row.user { align-self:flex-start; }.message-row.assistant { align-self:flex-end; }
.message-bubble { padding:12px 15px; font-size:13px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }.message-row.user .message-bubble { background:#19201d; border:1px solid #29332e; }.message-row.assistant .message-bubble { background:#163824; border:1px solid #235c39; }
.message-time { margin-top:5px; color:#5e6863; font:9px "DM Mono",monospace; }.message-row.assistant .message-time { text-align:right; }
.empty-list,.empty-thread { color:var(--muted); font-size:12px; line-height:1.6; text-align:center; }.empty-list { padding:40px 24px; }.empty-thread { margin:auto; max-width:260px; }.empty-thread span { width:54px; height:54px; margin:0 auto 16px; display:grid; place-items:center; background:#15241c; color:var(--accent); font-weight:800; }
.privacy-note { margin:16px 0 0; color:#65706a; font-size:10px; }
.portfolio-totals { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.portfolio-totals div { padding:25px 24px; display:grid; gap:8px; }.portfolio-totals div+div { border-left:1px solid var(--line); }.portfolio-totals span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }.portfolio-totals strong { font-size:28px; letter-spacing:-.04em; }
.company-report-head { min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }.company-report-head>div { display:grid; gap:4px; }.company-report-head strong { font-size:14px; }.company-report-head div span { color:var(--muted); font-size:11px; }.company-report-head .primary-action { min-width:180px; }
.company-report-row { display:grid; grid-template-columns:minmax(165px,1fr) repeat(3,minmax(80px,.45fr)) minmax(150px,.8fr) minmax(290px,1.25fr); gap:20px; align-items:center; padding:18px 0; border-bottom:1px solid var(--line); }.company-report-row.paused>:not(.company-actions){opacity:.46}
.company-report-name { display:grid; gap:4px; }.company-report-name strong { font-size:13px; }.company-report-name span,.company-stat span { color:var(--muted); font-size:10px; }.company-state { color:#68736d; font:9px "DM Mono",monospace; text-transform:uppercase; }.company-state.connected { color:var(--accent); }
.company-stat { display:grid; gap:5px; }.company-stat strong { font-size:16px; }.company-activity { display:grid; gap:7px; }.company-activity>div { height:5px; background:#151b18; overflow:hidden; }.company-activity i { display:block; height:100%; background:var(--accent); }.company-activity small { color:#65706a; font-size:9px; }
.manage-company { border:1px solid var(--line); background:transparent; padding:9px 12px; color:var(--muted); font-size:10px; cursor:pointer; }.manage-company:hover{border-color:var(--accent);color:var(--accent)}
.company-state.paused{color:#ff9b71}.company-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:end}.company-actions label{grid-column:1/-1;display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center}.company-actions label span{color:#69746e;font-size:9px}.company-actions input{padding:4px 7px;border:1px solid var(--line);font-size:10px;text-align:right}.company-actions button{margin:0;white-space:nowrap}.pause-company,.activate-company{border:1px solid #7d493d;background:transparent;color:#ff9b82;padding:9px 11px;font-size:10px;cursor:pointer}.activate-company{border-color:#2d754b;color:var(--accent)}.company-actions button:disabled,.company-actions input:disabled{opacity:.25;cursor:not-allowed}
@keyframes messageIn { from { opacity:0; transform:translateY(6px); } }
.conversation-mode { overflow:hidden; }
.conversation-mode main { max-width:none; height:100vh; padding:0 3vw; overflow:hidden; }
.conversation-mode .topbar { min-height:76px; height:76px; }
.conversation-mode .topbar .eyebrow { display:none; }
.conversation-mode .topbar h1 { font-size:22px; letter-spacing:-.035em; }
.conversation-mode #conversations.active-panel { height:calc(100vh - 76px); min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.conversation-mode .conversation-heading { flex:0 0 92px; padding:9px 0; display:flex; grid-template-columns:none; justify-content:space-between; align-items:center; gap:32px; }
.conversation-mode .conversation-heading .eyebrow { margin-bottom:5px; }
.conversation-mode .conversation-heading h2 { font-size:29px; letter-spacing:-.045em; }
.conversation-mode .conversation-support { display:flex; align-items:center; gap:22px; }
.conversation-mode .conversation-support p { display:none; }
.conversation-mode .conversation-workspace { flex:1 1 auto; min-height:0; height:auto; grid-template-columns:minmax(280px,.58fr) minmax(480px,1.7fr); }
.conversation-mode .conversation-list,.conversation-mode .thread-pane,.conversation-mode .message-thread { min-height:0; }
.conversation-mode .privacy-note { flex:0 0 26px; margin:9px 0 0; }
.compact-mode { overflow:hidden; }
.compact-mode main { max-width:none; height:100vh; padding:0 3vw; overflow:hidden; }
.compact-mode .topbar { min-height:76px; height:76px; }
.compact-mode .topbar .eyebrow { display:none; }
.compact-mode .topbar h1 { font-size:22px; letter-spacing:-.035em; }
.compact-mode .panel.active-panel:not(#conversations) { height:calc(100vh - 76px); overflow-y:auto; padding-bottom:24px; scrollbar-width:thin; scrollbar-color:#34413b transparent; }
.compact-mode .section-heading:not(.conversation-heading) { min-height:76px; padding:12px 0; grid-template-columns:1fr minmax(260px,390px); gap:32px; }
.compact-mode .section-heading:not(.conversation-heading) .eyebrow { margin-bottom:5px; }
.compact-mode .section-heading:not(.conversation-heading) h2 { font-size:29px; letter-spacing:-.045em; }
.compact-mode .section-heading:not(.conversation-heading)>p { font-size:12px; line-height:1.5; }
.compact-mode .connection-layout { min-height:0; height:calc(100vh - 176px); grid-template-columns:minmax(420px,1.35fr) minmax(300px,.65fr); }
.compact-mode .connection-context { padding:28px 34px; }
.compact-mode .status-line { padding:12px 0; }
.compact-mode .metrics { margin:24px 0 auto; }
.compact-mode .metrics strong { font-size:34px; }
.compact-mode .signal-orbit { width:98px; height:98px; margin-bottom:22px; }
.compact-mode .form-layout { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:30px; }
.compact-mode .context-pane:not(.catalog-layout) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.compact-mode .context-pane[data-context-pane="general"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.compact-mode .context-pane[data-context-pane="general"] .wide { grid-column:1/-1; }
.compact-mode .form-layout label,.compact-mode .access-layout label { padding:18px 0; gap:7px; }
.compact-mode .form-layout .wide { grid-column:span 2; }
.compact-mode input,.compact-mode textarea,.compact-mode select { font-size:13px; line-height:1.45; }
.compact-mode label small { font-size:10px; line-height:1.45; }
.compact-mode .form-action { padding:18px 0; align-items:end; }
.compact-mode .access-layout { grid-template-columns:1.4fr .75fr; gap:48px; }
.compact-mode .access-note { padding:28px 0; }
.compact-mode .access-note>strong { font-size:18px; }
.compact-mode .access-note p { font-size:12px; margin:10px 0 22px; }
.behavior-layout textarea { min-height:62px; }
.behavior-layout label { align-content:start; }
.behavior-layout .form-action { grid-column:3; }
.toast { position:fixed; right:28px; bottom:28px; background:var(--text); color:var(--accent-ink); padding:14px 18px; font-size:13px; opacity:0; transform:translateY(20px); pointer-events:none; transition:.25s ease; }.toast.show { opacity:1; transform:none; }.toast.error { background:#ff786f; }
@media (max-width:800px) { .shell{display:block}.sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.sidebar nav{margin:0 0 0 auto;display:flex}.nav-link{font-size:0;padding:10px}.nav-link span{font-size:11px;margin:0}.sidebar-foot{display:none}main{padding:0 20px 60px}.topbar{min-height:110px}.topbar h1{font-size:25px}.section-heading{padding:40px 0 25px;grid-template-columns:1fr;gap:18px}.connection-layout{grid-template-columns:1fr}.qr-stage{min-height:380px;border-right:0;border-bottom:1px solid var(--line)}.connection-context{padding:28px 0}.form-layout,.access-layout{grid-template-columns:1fr;gap:0}.form-layout .wide{grid-column:auto}.metrics{margin-bottom:32px}.brand div{display:none}.conversation-workspace{height:auto;min-height:0;grid-template-columns:1fr}.conversation-list{max-height:230px;border-right:0;border-bottom:1px solid var(--line)}.thread-pane{min-height:520px}.message-thread{padding:20px}.message-row{max-width:88%}.compact-mode,.conversation-mode{overflow:auto}.compact-mode main,.conversation-mode main{height:auto;min-height:100vh;padding:0 20px 30px;overflow:visible}.compact-mode .topbar,.conversation-mode .topbar{height:80px;min-height:80px}.compact-mode .panel.active-panel:not(#conversations){height:auto;overflow:visible}.compact-mode .section-heading:not(.conversation-heading){padding:20px 0;grid-template-columns:1fr;gap:12px}.compact-mode .connection-layout{height:auto;grid-template-columns:1fr}.compact-mode .form-layout,.compact-mode .access-layout{grid-template-columns:1fr;gap:0}.compact-mode .form-layout .wide,.behavior-layout .form-action{grid-column:auto}.conversation-mode #conversations.active-panel{height:auto;min-height:calc(100vh - 80px);overflow:visible}.conversation-mode .conversation-heading{flex-basis:auto;padding:20px 0}.conversation-mode .conversation-workspace{height:calc(100vh - 210px);min-height:560px;grid-template-columns:1fr}.conversation-mode .thread-pane{min-height:0}.conversation-mode .privacy-note{flex-basis:auto} }
@media (max-width:800px) { .compact-mode .context-pane,.compact-mode .context-pane:not(.catalog-layout),.compact-mode .context-pane[data-context-pane="general"]{grid-template-columns:1fr}.context-workspace{display:block}.context-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0;scrollbar-width:none}.context-tab{min-width:132px;min-height:50px;padding:11px 13px;grid-template-columns:22px 1fr}.context-tab::before{left:10px;right:10px;top:auto;bottom:0;width:auto;height:2px}.context-tab small{display:none}.context-form{padding-left:0}.context-pane-heading{padding:20px 0 8px}.context-save{padding:12px 0;align-items:stretch;flex-direction:column;gap:8px}.context-save .primary-action{min-width:0;width:100%}.context-save>span{display:none}.topbar-actions{gap:7px}.company-switcher{min-width:150px}.add-company{font-size:0}.add-company::after{content:'+';font-size:18px} }
@media (max-width:800px) { .login-screen{display:block;padding:24px 20px}.login-brand{padding:0 0 80px;border:0}.login-form{width:100%}.login-form h1{font-size:34px}.login-foot{position:fixed;left:0;right:0;bottom:0;padding:16px 20px}.portfolio-totals{grid-template-columns:1fr 1fr}.portfolio-totals div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.portfolio-totals div:nth-child(4){border-top:1px solid var(--line)}.company-report-row{grid-template-columns:1fr 1fr;gap:14px}.company-activity,.company-actions{grid-column:1/-1}.company-report-head{align-items:flex-start;padding:18px 0}.company-report-head .primary-action{min-width:0}.tenant-view .topbar-actions .live-status{display:flex} }

/* Interfaz clara y directa para operación cotidiana. */
:root{--bg:#f4f6f8;--surface:#fff;--line:#d7dee6;--text:#17212b;--muted:#5d6b78;--accent:#1769aa;--accent-ink:#fff}
body{background:var(--bg);font-family:Arial,"Segoe UI",sans-serif;font-size:15px}
.shell{grid-template-columns:230px 1fr}
.sidebar{padding:24px 18px;background:#fff;border-color:var(--line)}
.brand-mark{width:42px;height:42px;border-radius:6px;background:#174a7e;color:#fff;letter-spacing:0}
.brand div{font-size:15px}.brand div span{font-size:13px}
nav{margin-top:42px;gap:4px}.nav-link{padding:13px 14px;border:0;border-radius:5px;font-size:14px;color:#455463;transition:background .15s ease,color .15s ease}.nav-link span{display:none}.nav-link:hover{transform:none;background:#eef4fa;color:#174a7e}.nav-link.active{transform:none;background:#e4eff9;color:#174a7e;font-weight:700}
.security-dot{background:#26874e;box-shadow:none}.logout-action{font-size:12px;color:#526372}.logout-action:hover{color:#174a7e}
main,.compact-mode main,.conversation-mode main{padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px);max-width:none}
.topbar,.compact-mode .topbar,.conversation-mode .topbar{height:82px;min-height:82px;background:var(--bg);border-color:var(--line)}
.topbar h1,.compact-mode .topbar h1,.conversation-mode .topbar h1{font-size:24px;letter-spacing:-.02em}.eyebrow{color:#52708c;font:700 11px/1 Arial,sans-serif;letter-spacing:.08em}
.company-switcher{min-width:220px;padding:8px 12px;border:1px solid #b9c6d2;border-radius:5px;background:#fff}.company-switcher small{font:700 10px Arial,sans-serif;letter-spacing:.04em}.company-switcher select{font-size:14px;color:var(--text);color-scheme:light}
.add-company,.manage-company{border:1px solid #aebdca;border-radius:5px;background:#fff;color:#24435f;font-size:13px;padding:10px 14px}.add-company:hover,.manage-company:hover{background:#edf4fa;border-color:#1769aa;color:#174a7e}
.live-status{font-size:13px}.live-status.connected span,.live-status.qr span{background:#26874e;box-shadow:none}
.panel{transform:none}.panel.active-panel{animation:panelIn .18s ease forwards}
.compact-mode .panel.active-panel:not(#conversations){height:calc(100vh - 82px);padding-bottom:32px}.compact-mode .section-heading:not(.conversation-heading){min-height:92px;padding:18px 0}.compact-mode .section-heading:not(.conversation-heading) h2,.conversation-mode .conversation-heading h2{font-size:30px;letter-spacing:-.025em}.section-heading>p,.compact-mode .section-heading:not(.conversation-heading)>p{font-size:14px;color:#586978}
.connection-layout,.context-workspace,.access-layout,.conversation-workspace,.portfolio-totals{border-color:var(--line);background:#fff}.qr-stage{border-color:var(--line);background:#f8fafc}.signal-orbit{border-color:#9db8d0;animation:none}.signal-orbit:before,.signal-orbit:after{border-color:#b7cadb}.signal-orbit:after{background:#1769aa;box-shadow:none}.checkmark{border-color:#26874e;color:#26874e}
.connection-context{background:#fff}.status-line{font-size:14px}.metrics strong{font-size:31px}.metrics span{font-size:11px;letter-spacing:.02em;text-transform:none}
.primary-action{border-radius:5px;background:#1769aa;padding:13px 18px;font-size:14px;justify-content:center;gap:12px}.primary-action:hover{background:#12578e;transform:none}.secondary-action{border-color:#9fb0bf;border-radius:5px;background:#fff;color:#174a7e;font-size:14px;justify-content:center;gap:12px}.secondary-action:hover{background:#edf4fa;transform:none}.text-action{font-size:13px}.helper{color:#667786;font-size:12px}
.context-tabs{background:#f8fafc;border-color:var(--line);padding:8px}.context-tab{min-height:62px;border-radius:5px;padding:11px 12px;grid-template-columns:1fr;color:#526372;transform:none}.context-tab .tab-index{display:none}.context-tab strong{font-size:14px}.context-tab small{font-size:11px;color:#6b7986}.context-tab:hover{background:#eef4fa;color:#174a7e;transform:none}.context-tab.active{background:#e3eef8;color:#174a7e}.context-tab::before{display:none}.context-form{padding:0 28px;background:#fff}.context-pane-heading>span{color:#52708c;font:700 10px Arial,sans-serif}.context-pane-heading h3{font-size:21px;letter-spacing:-.01em}.context-pane-heading p{font-size:13px}.form-layout label span,.access-layout label span{color:#435463;font-size:12px;letter-spacing:.03em;text-transform:none;font-weight:700}
input,textarea,select{color:#17212b;font-size:15px;background:#fff;color-scheme:light}input:focus,textarea:focus,select:focus{color:#17212b}label:focus-within{border-color:#1769aa}label small{color:#687785;font-size:12px}.context-save{background:#fff;backdrop-filter:none}.context-save>span{font-size:12px}.context-save .primary-action{min-width:230px}
.thread-pane{background:#fff}.conversation-list{background:#f8fafc;border-color:var(--line)}.conversation-item{padding:18px;border-color:var(--line)}.conversation-item:hover,.conversation-item.active{background:#e9f2fa}.conversation-item.active{box-shadow:inset 4px 0 #1769aa}.conversation-item-head strong{font-size:14px}.conversation-preview{font-size:13px}.conversation-meta,.conversation-identity,.conversation-item-head time{font-family:Arial,sans-serif;font-size:11px;color:#657585}.thread-header{border-color:var(--line)}.inbox-tab{font-size:13px}.inbox-tab.active,.inbox-tab:hover{color:#174a7e;border-color:#1769aa}.inbox-tab span{background:#dcebf7;color:#174a7e;font-family:Arial,sans-serif}.thread-mode{font-family:Arial,sans-serif;font-size:11px}.thread-mode.human{border-color:#1769aa;color:#174a7e}.mode-action{font-size:12px;color:#526372}.human-composer{background:#f5f7f9;border-color:var(--line)}.human-composer textarea{background:#fff;border:1px solid #bdc9d4;border-radius:5px}.human-composer button{background:#1769aa;color:#fff;border-radius:5px}.message-bubble{font-size:14px}.message-row.user .message-bubble{background:#eef1f4;border-color:#d4dbe2}.message-row.assistant .message-bubble{background:#dcecf9;border-color:#b8d5eb}.message-time{font-family:Arial,sans-serif;color:#687785}.empty-thread span{background:#e3eef8;color:#174a7e;border-radius:5px}.feed-status{font-family:Arial,sans-serif;font-size:11px;color:#667786}.feed-status.live{color:#26724a}.feed-status.live i{background:#26874e;box-shadow:none}
.portfolio-totals div{background:#fff}.portfolio-totals span{font-size:11px;letter-spacing:.02em;text-transform:none}.company-report-row{background:#fff;padding:18px 12px}.company-state,.company-activity small{font-family:Arial,sans-serif}.company-state.connected{color:#26724a}.company-activity>div{background:#e0e6ec}.company-activity i{background:#1769aa}.company-actions input{border-color:#b9c5d0;border-radius:4px}.pause-company,.activate-company{border-radius:5px;font-size:12px}.activate-company{border-color:#43805e;color:#26724a}.company-dialog{background:#fff;border-radius:7px;box-shadow:0 18px 50px rgba(23,42,58,.18)}.company-dialog::backdrop{background:rgba(25,39,52,.45)}
.login-screen{background:#eef3f7;grid-template-columns:minmax(240px,.5fr) minmax(420px,1fr)}.login-brand{background:#174a7e;border:0;color:#fff}.login-brand .brand-mark{background:#fff;color:#174a7e}.login-brand>div span{color:#d3e1ed}.login-form{padding:36px;border:1px solid #d1dae3;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(32,55,75,.1)}.login-form h1{font-size:34px;letter-spacing:-.02em}.login-form label{border-color:#cbd5de}.login-form label span{font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:700}.login-foot{background:#174a7e;border:0;color:#d7e4ef;font:12px Arial,sans-serif}
.toast{border-radius:5px;background:#174a7e;color:#fff}.toast.error{background:#a53939}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(23,105,170,.28);outline-offset:2px}
@media(max-width:1400px){.company-report-row{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(80px,.5fr))}.company-activity,.company-actions{grid-column:1/-1}.company-actions{grid-template-columns:minmax(220px,1fr) auto auto auto}.company-actions label{grid-column:auto}}
@media(max-width:800px){.sidebar{padding:12px 16px;background:#fff}.sidebar nav{gap:2px;overflow-x:auto}.nav-link{font-size:12px;white-space:nowrap}.compact-mode main,.conversation-mode main{padding:0 16px 24px}.topbar-actions{gap:8px}.company-switcher{min-width:135px}.login-screen{padding:18px;background:#eef3f7}.login-brand{padding:16px;margin:-18px -18px 36px}.login-form{padding:24px}.login-foot{position:static;margin:36px -18px -18px}.context-tabs{padding:6px}.context-tab{min-width:145px;grid-template-columns:1fr}.context-form{padding:0 16px}.message-thread{padding:16px}.company-actions{grid-template-columns:1fr}.company-actions label{grid-template-columns:1fr 90px}.company-actions button{width:100%}}

/* Tema y navegación adaptable. */
.shell{transition:grid-template-columns .2s ease}.nav-link{display:flex;align-items:center;gap:11px}.nav-link span{display:inline}.nav-link .nav-icon{width:20px;margin:0;font:700 17px/1 Arial,sans-serif;text-align:center;color:#52708c}.nav-link .nav-label{font:inherit}.sidebar-toggle{width:100%;height:38px;margin-top:14px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.sidebar-toggle:hover,.theme-toggle:hover{background:#e8f1f8;color:#174a7e}.theme-toggle{width:40px;height:40px;flex:0 0 40px;border:1px solid #b9c6d2;border-radius:5px;background:#fff;color:#24435f;font-size:19px;cursor:pointer}.sidebar-collapsed .shell{grid-template-columns:76px 1fr}.sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .brand>div,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed nav{margin-top:42px}.sidebar-collapsed .nav-link{justify-content:center;padding:13px 8px}.sidebar-collapsed .nav-link .nav-icon{width:auto}.sidebar-collapsed .sidebar-toggle{margin-top:auto}
main,.compact-mode main,.conversation-mode main{padding-left:0;padding-right:0}.topbar,.section-heading,.conversation-heading,.privacy-note,.company-report-head{margin-left:24px;margin-right:24px}.context-workspace,.connection-layout,.conversation-workspace,.portfolio-totals,.company-report{margin-left:0;margin-right:0}.access-layout{padding-left:24px;padding-right:24px}.company-report-row{padding-left:24px;padding-right:24px}
[data-theme="dark"]{--bg:#0f141b;--surface:#151c25;--line:#2b3644;--text:#e7edf4;--muted:#9aa8b7;--accent:#4da3e3;--accent-ink:#fff;color-scheme:dark}
[data-theme="dark"] body,[data-theme="dark"] .topbar,[data-theme="dark"] .compact-mode .topbar,[data-theme="dark"] .conversation-mode .topbar{background:#0f141b}
[data-theme="dark"] .sidebar,[data-theme="dark"] .connection-context,[data-theme="dark"] .context-form,[data-theme="dark"] .context-save,[data-theme="dark"] .thread-pane,[data-theme="dark"] .portfolio-totals div,[data-theme="dark"] .company-report-row,[data-theme="dark"] .company-dialog{background:#151c25}
[data-theme="dark"] .nav-link{color:#aab6c3}[data-theme="dark"] .nav-link:hover{background:#1b2a38;color:#75baf0}[data-theme="dark"] .nav-link.active{background:#20354a;color:#8ac7f4}[data-theme="dark"] .nav-link .nav-icon{color:#75a8ce}
[data-theme="dark"] .company-switcher,[data-theme="dark"] .add-company,[data-theme="dark"] .manage-company,[data-theme="dark"] .theme-toggle,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#111820;color:#e7edf4;border-color:#3b4958;color-scheme:dark}
[data-theme="dark"] .theme-toggle:hover,[data-theme="dark"] .sidebar-toggle:hover,[data-theme="dark"] .add-company:hover,[data-theme="dark"] .manage-company:hover{background:#20354a;color:#8ac7f4;border-color:#4d86b2}
[data-theme="dark"] .qr-stage,[data-theme="dark"] .conversation-list,[data-theme="dark"] .context-tabs{background:#111820}[data-theme="dark"] .context-tab:hover{background:#1b2a38;color:#8ac7f4}[data-theme="dark"] .context-tab.active{background:#20354a;color:#8ac7f4}[data-theme="dark"] .context-tab small{color:#91a0ae}
[data-theme="dark"] .conversation-item:hover,[data-theme="dark"] .conversation-item.active{background:#1d2b39}[data-theme="dark"] .message-row.user .message-bubble{background:#26313d;border-color:#374554}[data-theme="dark"] .message-row.assistant .message-bubble{background:#163854;border-color:#285b80}[data-theme="dark"] .human-composer{background:#111820}[data-theme="dark"] .human-composer textarea{background:#18212b}
[data-theme="dark"] .login-screen{background:#0f141b}[data-theme="dark"] .login-form{background:#151c25;border-color:#344151;box-shadow:none}[data-theme="dark"] .login-brand,[data-theme="dark"] .login-foot{background:#102f4c}
[data-theme="dark"] .company-activity>div{background:#2a3642}[data-theme="dark"] .secondary-action{background:#151c25;color:#8ac7f4;border-color:#405164}[data-theme="dark"] .secondary-action:hover{background:#20354a}
@media(max-width:800px){.sidebar-toggle{display:none}.theme-toggle{width:36px;height:36px;flex-basis:36px}.sidebar-collapsed .shell{display:block}.sidebar-collapsed .brand>div,.sidebar-collapsed .nav-label{display:initial}.sidebar-collapsed .sidebar-foot{display:none}main,.compact-mode main,.conversation-mode main{padding-left:0;padding-right:0}.topbar,.section-heading,.conversation-heading,.privacy-note,.company-report-head{margin-left:16px;margin-right:16px}.access-layout{padding-left:16px;padding-right:16px}.company-report-row{padding-left:16px;padding-right:16px}}

.company-switcher{position:relative;min-width:230px;padding:8px 38px 8px 13px;border-color:#aebdca;box-shadow:0 1px 2px rgba(22,45,66,.05);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.company-switcher::after{content:"⌄";position:absolute;right:13px;bottom:12px;color:#52708c;font-size:17px;line-height:1;pointer-events:none}.company-switcher:focus-within{border-color:#3983ba;box-shadow:0 0 0 3px rgba(23,105,170,.12)}.company-switcher select{appearance:none;padding:2px 0;background:transparent;border:0;font-weight:600}.company-switcher select:focus{outline:0}.company-switcher small{color:#61768a}
.tenant-view .metrics{grid-template-columns:1fr 1fr}.tenant-view .metrics div{padding-left:20px}.tenant-view .metrics div:first-child{padding-left:0}
[data-theme="dark"] .access-layout{background:#151c25}[data-theme="dark"] .access-note{color:#e7edf4}[data-theme="dark"] .company-switcher{background:#111820;border-color:#405064;box-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme="dark"] .company-switcher:focus-within{border-color:#5aa8df;box-shadow:0 0 0 3px rgba(77,163,227,.16)}[data-theme="dark"] .company-switcher::after{color:#8fc4ec}[data-theme="dark"] .company-switcher small{color:#8ea2b5}

.context-heading-actions{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,220px) auto;gap:12px;align-items:end}.context-heading-actions>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}.context-heading-actions label{display:grid;gap:5px}.context-heading-actions label span{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.context-heading-actions select{padding:9px 11px;border:1px solid var(--line);border-radius:5px}.context-heading-actions .secondary-action{margin:0;padding:10px 13px}.context-workspace.simple-mode{grid-template-columns:1fr}.context-workspace.simple-mode .context-form{padding:0 28px}.simple-context-pane{grid-template-columns:1fr!important}.simple-context-pane label{grid-column:1/-1!important}.simple-context-pane textarea{min-height:260px}.global-instructions-dialog{width:min(680px,calc(100vw - 32px))}.global-instructions-dialog textarea{min-height:260px}.global-instructions-dialog label small{font-size:11px}
.compact-mode #behavior .compact-heading{min-height:72px;padding:8px 0;gap:24px}.compact-mode #behavior .compact-heading h2{font-size:26px}.compact-mode #behavior .context-heading-actions{grid-template-columns:minmax(180px,220px) auto;gap:6px 12px}.compact-mode #behavior .context-heading-actions>p{font-size:11px;line-height:1.25}.compact-mode #behavior .context-heading-actions select{padding-top:7px;padding-bottom:7px}.compact-mode #behavior .context-heading-actions .secondary-action{padding-top:8px;padding-bottom:8px}
[data-theme="dark"] .context-heading-actions select{background:#111820;border-color:#405064;color:#e7edf4}
@media(max-width:800px){.context-heading-actions{grid-template-columns:1fr}.context-heading-actions>p{grid-column:auto}.context-heading-actions .secondary-action{width:100%}.context-workspace.simple-mode .context-form{padding:0 16px}}

.catalog-items-section{padding:20px 0;border-bottom:1px solid var(--line)}.catalog-items-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.catalog-items-head>div{display:grid;gap:4px}.catalog-items-head strong{font-size:14px}.catalog-items-head small{color:var(--muted);font-size:11px}.catalog-items-head .secondary-action{margin:0;padding:9px 13px}.catalog-items{display:grid;gap:10px}.catalog-empty{margin:0;padding:24px;border:1px dashed var(--line);color:var(--muted);font-size:12px;text-align:center}.catalog-item-row{padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--bg);animation:contextPaneIn .18s ease}.catalog-item-row label{padding:0!important;border:0!important;gap:5px!important}.catalog-item-row label span{font-size:10px!important}.catalog-item-main{display:grid;grid-template-columns:130px minmax(180px,1fr) minmax(150px,.7fr) 34px;gap:10px;align-items:end}.catalog-item-row input,.catalog-item-row select,.catalog-item-row textarea{padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.catalog-description{margin-top:10px}.catalog-description textarea{min-height:64px}.catalog-delete{height:36px;border:1px solid #b96b6b;border-radius:4px;background:transparent;color:#b44c4c;font-size:20px;cursor:pointer}.catalog-optional{display:grid;grid-template-columns:auto minmax(140px,1fr) auto minmax(140px,1fr) auto minmax(140px,1fr);gap:10px;align-items:center;margin-top:10px}.catalog-optional .option-toggle{display:flex!important;grid-template:none!important;align-items:center;gap:6px!important;white-space:nowrap}.option-toggle input{width:16px;height:16px;padding:0}.catalog-optional input:disabled{opacity:.45;background:transparent}.catalog-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.catalog-details textarea{min-height:62px}.catalog-layout .catalog-items-section.wide{grid-column:1/-1}
[data-theme="dark"] .catalog-item-row{background:#111820}[data-theme="dark"] .catalog-item-row input,[data-theme="dark"] .catalog-item-row select,[data-theme="dark"] .catalog-item-row textarea{background:#151c25}
.catalog-item-row>summary{display:grid;grid-template-columns:90px minmax(180px,1fr) minmax(140px,.7fr) auto;align-items:center;gap:12px;min-height:42px;cursor:pointer;list-style:none}.catalog-item-row>summary::-webkit-details-marker{display:none}.catalog-summary-type{color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.catalog-summary-name{font-size:13px}.catalog-summary-category,.catalog-summary-action{color:var(--muted);font-size:11px}.catalog-summary-action::after{content:' +';color:var(--accent)}.catalog-item-row[open] .catalog-summary-action::after{content:' −'}.catalog-item-body{padding-top:14px;margin-top:4px;border-top:1px solid var(--line)}
@media(max-width:1100px){.catalog-optional{grid-template-columns:auto 1fr}.catalog-details{grid-template-columns:1fr}}@media(max-width:900px){.catalog-item-main{grid-template-columns:1fr 1fr}.catalog-delete{grid-column:2;justify-self:end;width:40px}.catalog-items-head{align-items:flex-start;flex-direction:column}.catalog-items-head .secondary-action{width:100%}.catalog-item-row>summary{grid-template-columns:70px 1fr auto}.catalog-summary-category{display:none}}
.catalog-item-main>*,.catalog-optional>*,.catalog-details>*{min-width:0}