/* Feedback portal ("ideas"). Logical properties only (RTL + LTR). Flat, no shadows, system font, weights <= 500. Reuses ornev.css tokens. */
:root{
  --ix-open-bg:#E9ECEF;--ix-open-fg:#364152;--ix-review-bg:#FBEFD2;--ix-review-fg:#7A4B00;--ix-planned-bg:#DCE7FA;--ix-planned-fg:#1F3F85;
  --ix-progress-bg:#E8DDF7;--ix-progress-fg:#4E2A8C;--ix-complete-bg:#D8F0E1;--ix-complete-fg:#14663A;--ix-declined-bg:#F6DEDC;--ix-declined-fg:#8A2A22;
  --ix-warn-bg:#FFF6E0;--ix-warn-line:#E0B24A;--ix-ok-bg:#EAF7EE;--ix-ok-line:#79c58a;
}
html[data-theme=dark]{
  --ix-open-bg:#2a313b;--ix-open-fg:#c9d1db;--ix-review-bg:#3a3014;--ix-review-fg:#f2cc72;--ix-planned-bg:#1c2d52;--ix-planned-fg:#a9c3f5;
  --ix-progress-bg:#33234f;--ix-progress-fg:#cdb6f3;--ix-complete-bg:#15382a;--ix-complete-fg:#86d8a8;--ix-declined-bg:#43211f;--ix-declined-fg:#f2a8a1;
  --ix-warn-bg:#352c13;--ix-warn-line:#8a6d22;--ix-ok-bg:#16301c;--ix-ok-line:#2f6b3d;
}
.ix-wrap{max-width:1200px;margin:0 auto;padding:8px 24px 56px}
.ix-narrow{max-width:860px}.ix-wide{max-width:1280px}
.ix-hero{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.ix-hero h1{overflow-wrap:anywhere}
.ix-new{display:inline-flex;align-items:center;gap:8px;margin-top:8px}
.ix-new .i{inline-size:18px;block-size:18px}
.ix-nav{display:flex;gap:4px;overflow-x:auto;margin-top:14px;border-bottom:1px solid var(--line)}
.ix-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;color:var(--ink-2);border-bottom:2px solid transparent;white-space:nowrap;min-height:44px}
.ix-nav a:hover{color:var(--ink)}
.ix-nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);font-weight:500}
.ix-nav .i,.ix-mi .i,.ix-tag .i,.ix-badge .i{inline-size:1em;block-size:1em;flex:none}

.ix-explain{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;border:1px dashed var(--line);border-radius:14px;padding:10px 14px;margin:6px 0 14px;color:var(--ink-2);font-size:13px}
.ix-e{display:inline-flex;gap:8px;align-items:center}
.ix-mini{display:inline-grid;place-items:center;inline-size:26px;block-size:30px;border:1px solid var(--line);border-radius:8px;color:var(--ink-2)}
.ix-link{border:0;background:none;color:var(--brand);cursor:pointer;margin-inline-start:auto;min-block-size:32px;padding:0 8px}
.ix-search{position:relative;margin-block-end:12px}
.ix-search .i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);inline-size:18px;block-size:18px}
.ix-search input{inline-size:100%;block-size:48px;border:1px solid var(--line);border-radius:14px;padding:0 16px;padding-inline-start:42px;background:var(--surface);font-size:15px}
.ix-search input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.ix-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block-end:10px}
.ix-filters select,.ix-rmfilter select,.ix-wrap .field select{border:1px solid var(--line);border-radius:10px;padding:0 12px;block-size:42px;background:var(--surface);min-inline-size:160px}
.ix-chk{display:inline-flex;gap:6px;align-items:center;min-block-size:42px}
.ix-count{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--ink-2);margin:4px 2px 12px;min-block-size:28px}
.ix-count strong{color:var(--ink)}
.ix-clear{display:inline-flex;gap:4px;align-items:center;font-size:13px}.ix-clear .i{inline-size:14px;block-size:14px}

.ix-list{display:flex;flex-direction:column;gap:10px}
.ix-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.ix-row:hover{border-color:var(--faint)}
.ix-merged{opacity:.75;border-style:dashed}
.ix-rowtop{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
.ix-title{font-size:16px;line-height:1.5;margin:0;min-inline-size:0;overflow-wrap:anywhere}
.ix-title a{color:var(--ink)}.ix-title a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.ix-desc{color:var(--ink-2);margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ix-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-block-start:9px;color:var(--ink-3);font-size:12.5px}
.ix-mi{display:inline-flex;gap:5px;align-items:center}
.ix-bmob{display:none}
.ix-open{align-self:center;display:inline-flex;gap:6px;align-items:center;color:var(--ink-2);font-size:13px;padding:8px 10px;border:1px solid transparent;border-radius:10px}
.ix-open:hover{border-color:var(--line);color:var(--brand)}
.ix-av{display:inline-grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:var(--brand-tint);color:var(--brand);font-size:10.5px;font-weight:500;flex:none}
.ix-av.lg{inline-size:32px;block-size:32px;font-size:12px}
.ix-voteform{margin:0}
.ix-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;inline-size:54px;min-block-size:60px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);cursor:pointer;padding:0}
.ix-vote:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}
.ix-vote .n{font-size:15px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.3}
.ix-vote[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.ix-vote[aria-pressed=true] .n{color:#fff}
.ix-vote:disabled{opacity:.6;cursor:not-allowed;background:var(--line-soft)}
.ix-vote .i{inline-size:18px;block-size:18px}
.ix-vote.lg{flex-direction:row;inline-size:100%;min-block-size:50px;gap:10px;font-weight:500}
.ix-vote.lg .vl{color:inherit}
.ix-vote:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.ix-badge{display:inline-flex;align-items:center;gap:5px;padding:1px 10px 1px 8px;border-radius:8px;font-size:12.5px;font-weight:500;line-height:1.7;white-space:nowrap;background:var(--ix-open-bg);color:var(--ix-open-fg);border:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.ix-st-review{background:var(--ix-review-bg);color:var(--ix-review-fg)}.ix-st-planned{background:var(--ix-planned-bg);color:var(--ix-planned-fg)}
.ix-st-progress{background:var(--ix-progress-bg);color:var(--ix-progress-fg)}.ix-st-complete{background:var(--ix-complete-bg);color:var(--ix-complete-fg)}
.ix-st-declined{background:var(--ix-declined-bg);color:var(--ix-declined-fg)}.ix-st-merged{border-style:dashed}
.ix-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;border-radius:8px;padding:1px 9px;background:var(--line-soft);color:var(--ink-2);border:1px solid var(--line)}
.ix-tag.team{background:var(--brand);color:#fff;border-color:var(--brand)}

.ix-state{border:1px dashed var(--line);border-radius:18px;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.ix-state p{color:var(--ink-2);max-inline-size:46ch;margin:0}
.ix-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block-start:6px}
.ix-banner{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:12px 16px;margin-block-end:14px;border:1px solid var(--ix-warn-line);background:var(--ix-warn-bg)}
.ix-banner.ok{border-color:var(--ix-ok-line);background:var(--ix-ok-bg)}
.ix-banner>div{flex:1;min-inline-size:0}
.ix-note{display:flex;gap:8px;align-items:flex-start;background:var(--line-soft);border-radius:12px;padding:10px 14px;color:var(--ink-2);margin:0}
.ix-hint{color:var(--ink-3);font-size:13px;margin:0}
.ix-ok{color:var(--ok);font-size:13px;margin:0;display:flex;gap:6px;align-items:center}

/* boards */
.ix-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ix-bcard{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink)}
.ix-bcard:hover{border-color:var(--brand)}
.ix-bcard h2{font-size:17px}.ix-bcard p{margin:0;color:var(--ink-2);font-size:13.5px}
.ix-bic{display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:12px;background:var(--brand-tint);color:var(--brand)}
.ix-bic .i{inline-size:20px;block-size:20px}
.ix-bm{display:flex;gap:12px;flex-wrap:wrap;color:var(--ink-3);font-size:12.5px;margin-block-start:auto;padding-block-start:6px}

/* forms */
.ix-form{display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--surface)}
.ix-board{border:0;padding:0;margin:0}.ix-board legend{font-weight:500;margin-block-end:6px;padding:0}
.ix-radios{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ix-radio{position:relative}.ix-radio input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ix-radio span{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;min-block-size:46px}
.ix-radio input:checked+span{border-color:var(--brand);background:var(--brand-tint);font-weight:500}
.ix-radio input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.ix-radio .i{inline-size:17px;block-size:17px}
.ix-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ix-errsum{border:1px solid var(--ix-declined-fg);background:var(--ix-declined-bg);border-radius:12px;padding:12px 14px;color:var(--ix-declined-fg)}
.ix-errsum ul{margin:6px 0 0;padding-inline-start:18px}
.ix-form .field{margin:0}
.ix-form .field input[type=text]{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);inline-size:100%}
.ix-form .field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);inline-size:100%}
.ix-similar{border:1px solid var(--brand);background:var(--brand-tint);border-radius:16px;padding:14px;margin-block-start:10px;display:flex;flex-direction:column;gap:10px}
.ix-similar h3{font-size:15px;display:flex;gap:7px;align-items:center;margin:0}.ix-similar p{margin:0;color:var(--ink-2);font-size:13px}
.ix-simlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ix-simitem{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px}
.ix-simitem .ix-vote{inline-size:46px;min-block-size:48px}
.ix-simbody{min-inline-size:0;flex:1}.ix-simbody a{color:var(--ink);font-weight:500}
.ix-simbody div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-block-start:4px;font-size:12.5px;color:var(--ink-3)}

/* detail */
.ix-back{display:inline-flex;gap:6px;margin-block:4px 10px;color:var(--ink-2);min-block-size:32px;align-items:center}
.ix-metaline{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--ink-3);font-size:13px}
.ix-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-block-start:18px;align-items:start}
.ix-body{line-height:1.9;font-size:15.5px;overflow-wrap:anywhere}
.ix-bug{margin-block-start:14px;display:flex;flex-direction:column;gap:10px}
.ix-bug h4{font-size:13px;color:var(--ink-3);margin:0 0 3px}.ix-bug p{margin:0;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.ix-sec{margin-block-start:26px}.ix-sec>h2{font-size:17px;margin-block-end:12px;display:flex;gap:8px;align-items:center}
.ix-team{background:var(--brand-tint);border:1px solid var(--brand-mark);border-radius:16px;padding:14px 16px;margin-block-end:10px}
.ix-team p{margin:0}
.ix-th{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-block-end:6px;font-size:13px;color:var(--ink-2)}
.ix-th strong{color:var(--brand);display:inline-flex;gap:5px;align-items:center}
.ix-composer,.ix-reply form{display:flex;flex-direction:column;gap:8px}
.ix-composer textarea,.ix-reply textarea{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface);inline-size:100%;resize:vertical}
.ix-row2{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.ix-comments{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.ix-cm{display:flex;gap:10px}.ix-cmb{flex:1;min-inline-size:0}
.ix-cmh{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-3)}.ix-cmh strong{color:var(--ink);font-size:14px}
.ix-cmb p{margin:3px 0 0;overflow-wrap:anywhere}
.ix-reply{margin-block-start:4px}.ix-reply summary{cursor:pointer;color:var(--ink-2);font-size:13px;display:inline-flex;gap:5px;align-items:center;list-style:none;min-block-size:32px}
.ix-reply summary::-webkit-details-marker{display:none}.ix-reply form{margin-block-start:8px;align-items:flex-start}
.ix-replies{list-style:none;margin:12px 0 0;padding:0;padding-inline-start:14px;border-inline-start:2px solid var(--line);display:flex;flex-direction:column;gap:12px}
.ix-empty{list-style:none;border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--ink-3)}
.ix-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:72px}
.ix-cardbox{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ix-cardbox h3{font-size:14.5px;margin:0}.ix-cardbox h2{font-size:18px;margin:0;overflow-wrap:anywhere}.ix-cardbox p{margin:0}
.ix-stack{margin-block-end:14px}
.ix-fw{inline-size:100%;display:inline-flex;gap:8px;align-items:center;justify-content:center}
.ix-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ix-timeline li{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-3)}
.ix-url code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--line-soft);border-radius:8px;padding:5px 8px;font-size:12px;text-align:start}
.ix-links{display:flex;flex-direction:column;gap:6px}
.ix-links a{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:var(--ink)}.ix-links a:hover{border-color:var(--brand)}

/* roadmap */
.ix-flow{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;color:var(--ink-2);font-size:13px;margin-block-end:14px}
.ix-rmfilter{margin-inline-start:auto}
.ix-rmtabs{display:none;gap:8px;overflow-x:auto;margin-block-end:12px}
.ix-rmtabs a{display:inline-flex;gap:6px;align-items:center;min-block-size:44px;padding:0 14px;border:1px solid var(--line);border-radius:99px;color:var(--ink-2);white-space:nowrap}
.ix-rmtabs a[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#fff}
.ix-rmgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.ix-col{background:var(--line-soft);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;min-block-size:140px}
.ix-col header{display:flex;justify-content:space-between;align-items:center;padding:2px}.ix-col header h2{font-size:15px;margin:0}.ix-col header>span{color:var(--ink-3)}
.ix-rmcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 13px;color:var(--ink)}
.ix-rmcard:hover{border-color:var(--brand)}
.ix-rmcard h3{font-size:14.5px;line-height:1.55;margin:0 0 8px;font-weight:500}
.ix-colempty{border:1px dashed var(--line);border-radius:12px;padding:18px 12px;text-align:center;color:var(--ink-3);font-size:13px}
@media (max-width:1180px){.ix-rmgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* changelog + chips + team */
.ix-chips{display:flex;gap:8px;overflow-x:auto;margin-block-end:12px}
.ix-chips a{display:inline-flex;gap:6px;align-items:center;min-block-size:38px;padding:0 14px;border:1px solid var(--line);border-radius:99px;color:var(--ink-2);white-space:nowrap}
.ix-chips a[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#fff}
.ix-rel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px 0;border-block-start:1px solid var(--line)}
.ix-rel:first-of-type{border-block-start:0}
.ix-ver{font-size:18px;font-weight:500}.ix-when{color:var(--ink-3);font-size:13px}
.ix-rel h2{font-size:18px;margin-block-end:6px}.ix-rel p{color:var(--ink-2);margin:0}
.ix-tags{display:flex;gap:6px;margin-block-end:8px;flex-wrap:wrap}
.ix-related{margin-block-start:12px;display:flex;flex-direction:column;gap:6px}
.ix-related a{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--ink)}.ix-related a:hover{border-color:var(--brand)}
.ix-rt{flex:1;min-inline-size:160px}
.ix-qitem{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 14px;color:var(--ink-3);font-size:12.5px}
.ix-qitem:hover{border-color:var(--brand)}.ix-qt{flex:1;min-inline-size:220px;color:var(--ink);font-size:14.5px;font-weight:500}
.ix-dup{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px 11px}
.ix-dupb{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:3px}.ix-dupb span{display:flex;gap:8px;align-items:center;color:var(--ink-3);font-size:12.5px}
.ix-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px}

@media (max-width:900px){
  .ix-grid{grid-template-columns:1fr}.ix-side{order:-1;position:static}
  .ix-rel{grid-template-columns:1fr;gap:6px}
}
@media (max-width:720px){
  .ix-wrap{padding:8px 16px 48px}
  .ix-new{margin-block-start:4px}.ix-new span{display:none}.ix-new{padding-inline:14px}
  .ix-bdesk{display:none}.ix-bmob{display:inline-flex}
  .ix-row{grid-template-columns:auto 1fr;padding:12px;gap:12px}.ix-open{display:none}
  .ix-filters select{flex:1 1 calc(50% - 5px);min-inline-size:130px}
  .ix-two{grid-template-columns:1fr}.ix-form{padding:16px}
  .ix-rmtabs{display:flex}.ix-col{display:none}.ix-col.is-active{display:flex}.ix-rmgrid{grid-template-columns:1fr}
  .btn,.ix-link{min-block-size:44px}
}

/* sidebar (replaces the docs tree on feedback pages) */
.ix-sb .sb-in{min-height:100%;grid-template-rows:auto 1fr auto;padding:0 8px 8px;gap:0}
.ix-sbbrand{display:flex;align-items:center;gap:10px;padding:14px 10px;margin:0 -8px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
.ix-sbbrand strong{font-size:20px;font-weight:500}
.ix-sb .sb-item{border-radius:10px;border-inline-start:0;min-height:44px;gap:12px;font-weight:400}
.ix-sb .sb-item.on{background:var(--line-soft);color:var(--ink);font-weight:500}
.ix-sb .sb-item .i{inline-size:20px;block-size:20px;flex:none}
.ix-sbh{padding:22px 12px 6px;font-size:13px;color:var(--muted)}
.ix-sbh a{color:inherit}
.ix-sbnew{color:var(--brand)}
.ix-sbfoot{display:flex;flex-direction:column;gap:2px;padding-block-start:12px;border-top:1px solid var(--line);margin-top:16px}
.ix-sbfoot .back{padding:6px 12px;font-size:13px;color:var(--muted)}
.ix-sb .sb-in{align-content:stretch}
.ix-sb a.sb-item,.ix-sbbrand{color:var(--ink)}
.ix-sb a.ix-sbnew{color:var(--brand)}
.ix-sbfoot .back,.ix-sbh a{color:var(--muted)}
.ix-sb .ix-sbfoot a.sb-item{color:var(--ink)}