/* OPTES model catalog (/models/, /<lang>/models/). Sits on top of /developers/assets/dx.css (same tokens, same
   components: dbar, side, seg, tbl, cb, stats, dcard, badge) and adds only the catalog pieces. RTL first; the
   [dir=ltr] rules mirror the few places where dx.css assumes right-to-left. No external assets. */

.mc .mc-wrap{max-width:1120px;margin:0 auto;padding:36px 44px 56px;min-width:0}
.mc .shell .mc-wrap{max-width:1040px}
.mc .doc h1{margin-bottom:8px}
.mc .lead{margin-bottom:22px}
.mc .crumb .sep{color:var(--x-ink4)}
.mc .dbtn.sm{height:32px;padding-inline:14px;font-size:13.5px}
.mc .dbar-end .dbtn .ico{width:13px;height:13px}
.mc .na{color:var(--x-ink4)}
.mc .fr{color:var(--x-ink)}

/* currency switch: one of USD / IQD shows (no-JS: the page default) */
.cur-usd .q,.cur-iqd .u{display:none}
.mc .cu{font-family:var(--x-sans);font-size:.86em;color:var(--x-ink3)}
.mc .seg.cur button{height:28px;padding-inline:12px;font-size:13px}
.mc .seg button[aria-pressed="true"]{background:var(--x-sel);color:var(--x-ink)}

/* badges */
.badge.own{border-color:var(--x-ink4);color:var(--x-ink)}
.badge.apx{border-style:dashed;color:var(--x-ink3);cursor:help}
.badge.low{border-color:var(--x-line2);color:var(--x-ink)}
.tg{display:inline-flex;align-items:center;height:22px;padding-inline:9px;border-radius:999px;background:var(--x-panel2);border:1px solid var(--x-line);font-size:12px;color:var(--x-ink3);white-space:nowrap}
.mc-tags{display:flex;flex-wrap:wrap;gap:6px}

/* tools row */
.mc-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px}
.mc-q{flex:1 1 300px;display:flex;align-items:center;gap:9px;height:42px;padding-inline:14px;border:1px solid var(--x-line2);border-radius:999px;color:var(--x-ink3);background:var(--x-bg)}
.mc-q:focus-within{border-color:var(--x-ink3)}
.mc-q input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--x-ink);font:400 15px var(--x-sans);outline:0}
.mc-q input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}
.mc-tr{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mc-cnt{min-width:80px}
.mc-sort select{height:34px;border-radius:999px;border:1px solid var(--x-line2);background:var(--x-bg);color:var(--x-ink);padding-inline:12px;font:400 14px var(--x-sans)}

/* the list */
.mc-list{list-style:none;margin:0!important;padding:0!important;border-top:1px solid var(--x-line)}
.mc-row{margin:0!important;border-bottom:1px solid var(--x-line)}
.mc-row[hidden]{display:none}
.mc-a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding:18px 10px;border-radius:10px;margin:2px -10px}
.doc li a.mc-a,.mc-a{text-decoration:none}
.mc-a:hover{background:var(--x-panel)}
.mc-a:hover .mc-n{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--x-ink4)}
.mc-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mc-n{font-weight:600;font-size:16px;color:var(--x-ink)}
.mc-by{font-size:13px;color:var(--x-ink3);margin:3px 0 0;line-height:1.6}
.mc-id{font:400 12.5px/1 var(--x-mono);color:var(--x-ink4);direction:ltr;unicode-bidi:isolate}
.mc-d{font-size:14px;line-height:1.65;color:var(--x-ink3);margin:6px 0 9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-r{display:grid;grid-template-columns:repeat(3,minmax(84px,auto));gap:18px;margin:2px 0 0;text-align:end}
.mc-r dt{font-size:11.5px;color:var(--x-ink4);letter-spacing:.02em}
.mc-r dd{margin:3px 0 0;font:500 14px/1.45 var(--x-sans);color:var(--x-ink);white-space:nowrap}
.mc-r dd small{display:block;font-size:11.5px;font-weight:400;color:var(--x-ink4)}
.mc-none{padding:40px 0;text-align:center;color:var(--x-ink3)}
.mc-src{margin-top:44px}
.mc-src h2{font-size:17px!important;margin:0 0 8px!important}

/* filter sidebar (dx .side) */
.mf{display:flex;flex-direction:column}
.mf[hidden]{display:none}
.mf-h{display:flex;align-items:center;justify-content:space-between;padding:2px 12px 12px}
.mf-h b{color:var(--x-ink);font-weight:600;font-size:14.5px}
.mf-reset{font-size:13px;color:var(--x-ink3);padding:4px 8px;border-radius:7px}
.mf-reset:hover{color:var(--x-ink);background:var(--x-hover)}
.mf-c{display:flex;align-items:center;gap:9px;padding:5px 12px;border-radius:8px;font-size:14px;line-height:1.45;color:var(--x-ink2);cursor:pointer}
.mf-c:hover{background:var(--x-hover);color:var(--x-ink)}
.mf-c input{width:15px;height:15px;margin:0;accent-color:#fafafa;flex:none}
.mf-c .n{margin-inline-start:auto;font:400 12px var(--x-mono);color:var(--x-ink4)}
.mf-scroll{max-height:250px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--x-line2) transparent}
.mf-range{padding:6px 12px 12px}
.mf-range input{width:100%;accent-color:#fafafa;margin:0}
.mf-range output{display:block;margin-top:6px;font-size:13px;color:var(--x-ink2)}

/* model and provider pages */
.mp .mp-head{margin:4px 0 24px}
.mp-t{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.mp-t h1{margin:0!important}
.mp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;font-size:14px;color:var(--x-ink3)}
.mp-meta a{color:var(--x-ink2)}
.mp-meta a:hover{color:var(--x-ink)}
.mid{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.mid:hover{color:var(--x-ink);border-color:var(--x-ink4)}
.mid .ico{width:13px;height:13px}
.mid .ok,.mid.done .cp{display:none}
.mid.done .ok{display:block}
.mp-d{font-size:16px;line-height:1.75;color:var(--x-ink2);margin:14px 0 12px!important;max-width:70ch}
.mp .row{margin-top:16px}
.mp .stats{margin:0 0 22px}
.mp .stats .v{direction:inherit;unicode-bidi:isolate;text-align:center}
.mp .stats .v .dim{display:block;font-size:12.5px;font-weight:400}
.mp-tabs{margin:0 0 22px}
.mp-p{margin:0 0 8px}
.mp-p h3{margin-top:28px!important}
.js .mp-p[hidden]{display:none}
.js .vh-js{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mp-p>h2.vh-js{margin:36px 0 12px}
.js .mp-p>h2:first-child:not(.vh-js){margin-top:6px!important}
.tbl.facts th{width:34%;color:var(--x-ink3);font-weight:400}
.tbl.facts td{color:var(--x-ink)}
.tbl th small,.tbl td small{display:block;font-size:12px;color:var(--x-ink4);font-weight:400}
.tbl small.mono{font-family:var(--x-mono);direction:ltr;unicode-bidi:isolate}
.tbl small.why{margin-top:4px}
.tbl td .badge{margin-inline-end:4px}
.mp-src{margin:-10px 0 18px!important}
.mp-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--x-line);background:var(--x-panel);border-radius:16px;padding:22px 24px;margin:40px 0 0}
.mp-cta h2{margin:0 0 6px!important;font-size:18px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mp-cta p{margin:0!important;color:var(--x-ink3);font-size:14.5px;max-width:58ch}
.mp-cta .row{margin:0}
.mp-cta.soon{border-color:color-mix(in srgb,var(--x-gold) 30%,var(--x-line))}
.mp-more h2{font-size:17px!important;margin:44px 0 12px!important}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.doc .chips a,.doc .mp-meta a,.doc .dcard{text-decoration:none}
.chips a{display:inline-flex;align-items:center;height:32px;padding-inline:13px;border:1px solid var(--x-line2);border-radius:999px;font-size:13.5px;color:var(--x-ink2)}
.chips a:hover{color:var(--x-ink);border-color:var(--x-ink4)}
.mc .dcard .t{direction:inherit}
.mc .dcard .go{color:var(--x-ink3);font-weight:400}

/* right-to-left defaults in dx.css, mirrored for left-to-right languages */
[dir="ltr"] .mc .tbl .num,[dir="ltr"] .tbl .num{text-align:right}
[dir="ltr"] .dcard .go .ico{transform:none}

@media (max-width:1023px){
  .mc .dbar-in{grid-template-columns:auto minmax(0,1fr) auto}
  .mc .tabs{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;justify-self:stretch}
  .mc .tabs::-webkit-scrollbar{display:none}
  .mc .tabs a{white-space:nowrap}
  .mc .dbar-t,.mc .dbar-end{display:none}
  .mc .dbar-cur{display:none}
  [dir="ltr"] .mc .side{transform:translateX(-100%)}
  [dir="ltr"] .mc .side.open{transform:none}
}
@media (max-width:760px){
  .mc .mc-wrap{padding:24px 16px 44px}
  .mc-a{grid-template-columns:minmax(0,1fr);gap:12px}
  .mc-r{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .mc-tools{gap:10px}
  .mc-tr{width:100%;justify-content:space-between}
  .mp .stats .v{font-size:14px}
  .tbl.facts th{width:42%}
}
@media print{.mf,.mc-tools{display:none}}