/* ==========================================================================
   OXIN RTL — support pages: announcements, knowledge base, network status,
   contact / open ticket (.oxpg)
   ========================================================================== */
.oxpg{display:grid;gap:var(--s6);margin-block-end:var(--s8);min-inline-size:0}
.oxpg>*{min-inline-size:0}

/* ---------- hero ---------- */
.oxpg-hero{--h1:#7DD3FC;--h2:rgba(96,165,250,.28);--h3:rgba(45,212,191,.2);--hb:linear-gradient(135deg,#0B1424,#102A4C 60%,#0B2A33);
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s5) var(--s6);
  padding:clamp(22px,4vw,40px);border-radius:24px;overflow:hidden;isolation:isolate;color:#E2E8F0;
  background:radial-gradient(520px 300px at 0% 100%,var(--h3),transparent 70%),radial-gradient(560px 320px at 100% 0%,var(--h2),transparent 70%),var(--hb);
  box-shadow:0 36px 70px -40px rgba(11,20,36,.65)}
.oxpg-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 30px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/30px 100%;
  -webkit-mask-image:radial-gradient(ellipse at 15% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 15% 20%,#000,transparent 70%)}
.oxpg-hero.is-violet{--h1:#C4B5FD;--h2:rgba(139,92,246,.32);--h3:rgba(96,165,250,.22);--hb:linear-gradient(135deg,#120F2A,#24195A 58%,#0F1F3D)}
.oxpg-hero.is-teal{--h1:#5EEAD4;--h2:rgba(45,212,191,.28);--h3:rgba(96,165,250,.22);--hb:linear-gradient(135deg,#071B1F,#0B3A3F 58%,#0E2547)}
.oxpg-hero.is-blue{--h1:#93C5FD;--h2:rgba(59,130,246,.34);--h3:rgba(45,212,191,.2);--hb:linear-gradient(135deg,#0A1630,#123A7A 60%,#0C2B4A)}
.oxpg-hero.is-indigo{--h1:#A5B4FC;--h2:rgba(99,102,241,.32);--h3:rgba(56,189,248,.2);--hb:linear-gradient(135deg,#0E1230,#1E2A6B 60%,#0E2445)}
.oxpg-hero.is-green{--h1:#86EFAC;--h2:rgba(34,197,94,.28);--h3:rgba(45,212,191,.22);--hb:linear-gradient(135deg,#06180F,#0D3B2A 58%,#0B2A33)}
.oxpg-hero.is-amber{--h1:#FCD34D;--h2:rgba(245,158,11,.3);--h3:rgba(239,68,68,.18);--hb:linear-gradient(135deg,#1C1206,#4A2A0A 58%,#2A1410)}
.oxpg-hero-ic{display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:20px;font-size:26px;color:var(--h1);
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.oxpg-hero-tx{min-inline-size:0}
.oxpg-eye{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:var(--fs-200);font-weight:700;color:var(--h1)}
.ox-body .oxpg-hero h1{margin:10px 0 6px;font-size:clamp(1.3rem,3.2vw,2.1rem);font-weight:900;color:#fff;line-height:1.4;overflow-wrap:anywhere}
.oxpg-hero-tx p{margin:0;color:#A9B6C8;line-height:1.9;max-inline-size:62ch}
.oxpg-hero-act{display:inline-flex;align-items:center;gap:8px;min-block-size:42px;padding-inline:16px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  color:#fff!important;font-size:var(--fs-200);font-weight:700;text-decoration:none!important;transition:background var(--t)}
.oxpg-hero-act:hover{background:rgba(255,255,255,.18)}
.oxpg-hero-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.oxpg-hero-chips li{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:var(--fs-200);font-weight:600;color:#CBD5E1}
.oxpg-hero-chips i{color:var(--h1)}
.oxpg-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;font-size:var(--fs-200);font-weight:600;color:#CBD5E1}
.oxpg-meta li{display:inline-flex;align-items:center;gap:7px}
.oxpg-meta i{color:var(--h1)}
.oxpg-meta.is-dim{color:var(--ink-3);margin:0}
.oxpg-meta.is-dim i{color:var(--ink-3)}
.oxpg-hero.is-compact{padding-block:clamp(20px,3vw,32px)}
/* search hero: text + big search box stacked */
.oxpg-hero.is-search{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.oxpg-hero.is-search .oxpg-hero-chips{grid-column:1/-1}
.oxpg-search{position:relative;display:flex;align-items:center;gap:8px;margin:0;padding:6px;padding-inline-start:44px;border-radius:16px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.55)}
.oxpg-search>i{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:#64748B}
.oxpg-search input{flex:1;min-inline-size:0;block-size:50px;border:0;outline:0;background:none;color:#0E1726;font:500 var(--fs-400) var(--font)}
.oxpg-search input::placeholder{color:#7A8699}
.oxpg-search-go{flex:none;block-size:50px;padding-inline:24px;border:0;border-radius:12px;background:linear-gradient(180deg,#14B8A6,#0E9384);color:#fff;font:800 var(--fs-300) var(--font);cursor:pointer;transition:filter var(--t)}
.oxpg-search-go:hover{filter:brightness(1.08)}
.oxpg-search:focus-within{box-shadow:0 0 0 3px rgba(94,234,212,.45),0 20px 40px -20px rgba(0,0,0,.55)}
/* status hero */
.oxpg-hero.is-status{grid-template-columns:auto minmax(0,1fr) auto}
.oxpg-pulse{position:relative;display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:50%;font-size:26px;color:#06180F;background:var(--h1);box-shadow:0 0 0 8px rgba(255,255,255,.06)}
.oxpg-pulse::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--h1);opacity:0;animation:oxpg-ping 2.6s var(--ease) infinite}
@keyframes oxpg-ping{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.oxpg-hero-stats{display:flex;gap:10px;margin:0}
.oxpg-hero-stats div{display:flex;flex-direction:column;min-inline-size:84px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.oxpg-hero-stats dt{font-size:var(--fs-100);font-weight:600;color:#A9B6C8}
.oxpg-hero-stats dd{margin:0;font-size:var(--fs-700);font-weight:900;color:#fff;line-height:1.25}

/* ---------- shared bits ---------- */
.oxpg-card{padding:clamp(18px,3vw,28px);border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1)}
.oxpg-sec{display:grid;gap:var(--s4)}
.oxpg-sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ox-body .oxpg-sec-h{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--fs-600);font-weight:800}
.oxpg-sec-h i{color:var(--blue);font-size:.9em}
.oxpg-count{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue);font-size:var(--fs-100);font-weight:800;white-space:nowrap}
.oxpg-muted{color:var(--ink-3);margin:0}
.oxpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:18px;border-radius:12px;border:1px solid transparent;
  background:var(--blue);color:var(--on-blue)!important;font:700 var(--fs-300) var(--font);text-decoration:none!important;cursor:pointer;transition:background var(--t),border-color var(--t),transform var(--t-fast)}
.oxpg-btn:hover{background:var(--blue-hover)}
.oxpg-btn:active{transform:translateY(1px)}
.oxpg-btn.is-line{background:var(--surface);border-color:var(--line-2);color:var(--ink)!important}
.oxpg-btn.is-line:hover{border-color:var(--blue);color:var(--blue)!important}
.oxpg-btn.is-ghost{background:transparent;border-color:color-mix(in srgb,var(--blue) 35%,var(--line));color:var(--blue)!important}
.oxpg-btn.is-ghost:hover{background:var(--blue-tint)}
.oxpg-btn.is-big{min-block-size:52px;padding-inline:28px;font-size:var(--fs-400);box-shadow:0 14px 30px -14px color-mix(in srgb,var(--blue) 70%,transparent)}
.oxpg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.oxpg-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;border:1px solid;font-size:var(--fs-300);font-weight:600}
.oxpg-note.is-info{background:var(--blue-tint);border-color:color-mix(in srgb,var(--blue) 30%,transparent);color:var(--ink)}
.oxpg-note.is-info i{color:var(--blue)}
.oxpg-note.is-warn{background:var(--amber-tint);border-color:color-mix(in srgb,var(--amber) 35%,transparent);color:var(--amber-ink)}
.oxpg-note a{margin-inline-start:auto;font-weight:800}

/* empty state */
.oxpg-empty{display:grid;justify-items:center;gap:8px;padding:clamp(32px,6vw,64px) 20px;border-radius:22px;border:1.5px dashed var(--line-2);background:var(--surface);text-align:center}
.oxpg-empty-ic{display:grid;place-items:center;inline-size:72px;block-size:72px;margin-block-end:8px;border-radius:22px;font-size:28px;color:var(--blue);background:var(--blue-tint)}
.ox-body .oxpg-empty h2{margin:0;font-size:var(--fs-600)}
.oxpg-empty p{margin:0 0 8px;color:var(--ink-3);max-inline-size:52ch}
.oxpg-empty.is-inline{border-style:solid;border-color:var(--line)}
.oxpg-empty.is-ok .oxpg-empty-ic{color:var(--teal);background:var(--teal-tint)}

/* pager */
.oxpg-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.oxpg-pager a{display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;padding-inline:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)!important;font-weight:700;text-decoration:none!important}
.oxpg-pager a:hover{border-color:var(--blue);color:var(--blue)!important}
.oxpg-pager a.is-on{background:var(--blue);border-color:var(--blue);color:var(--on-blue)!important}
.oxpg-pager a.is-off{opacity:.45;pointer-events:none}

/* prose (announcement / kb article body) */
.oxpg-prose{padding:clamp(20px,4vw,40px);border-radius:22px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:var(--fs-400);line-height:2.05;overflow-wrap:anywhere}
.oxpg-prose>*:first-child{margin-block-start:0}
.oxpg-prose>*:last-child{margin-block-end:0}
.ox-body .oxpg-prose h1,.ox-body .oxpg-prose h2,.ox-body .oxpg-prose h3,.ox-body .oxpg-prose h4{margin:1.6em 0 .6em;color:var(--ink)}
.oxpg-prose p{margin:0 0 1.1em}
.oxpg-prose a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.oxpg-prose img{max-inline-size:100%;block-size:auto;border-radius:14px}
.oxpg-prose ul,.oxpg-prose ol{padding-inline-start:1.4em;margin:0 0 1.1em}
.oxpg-prose li{margin-block-end:.35em}
.oxpg-prose blockquote{margin:1.2em 0;padding:12px 18px;border-inline-start:4px solid var(--blue);border-radius:10px;background:var(--blue-tint);color:var(--ink)}
.oxpg-prose pre{padding:16px;border-radius:14px;background:var(--term-bg);color:var(--term-ink);overflow:auto;font-size:var(--fs-300);line-height:1.7}
.oxpg-prose :not(pre)>code{padding:1px 6px;border-radius:6px;background:var(--surface-2);font-size:.88em}
.oxpg-prose table{inline-size:100%;border-collapse:collapse;margin:0 0 1.1em;display:block;overflow-x:auto}
.oxpg-prose th,.oxpg-prose td{padding:8px 12px;border:1px solid var(--line)}

/* ---------- announcements ---------- */
.oxpg-ann-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.oxpg-ann{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2.6vw,26px);border-radius:20px;border:1px solid var(--line);background:var(--surface);
  overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t)}
.oxpg-ann::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(90deg,#8B5CF6,var(--blue));opacity:.0;transition:opacity var(--t)}
.oxpg-ann:hover{transform:translateY(-3px);border-color:color-mix(in srgb,#8B5CF6 35%,var(--line));box-shadow:0 22px 44px -28px rgba(14,23,38,.45)}
.oxpg-ann:hover::before{opacity:1}
.oxpg-ann.is-featured{grid-column:1/-1;padding:clamp(22px,3.4vw,36px);background:radial-gradient(600px 240px at 100% 0%,color-mix(in srgb,#8B5CF6 10%,transparent),transparent 70%),var(--surface)}
.oxpg-ann.is-featured::before{opacity:1}
.oxpg-ann-date{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,#8B5CF6 12%,var(--surface));color:color-mix(in srgb,#7C3AED 80%,var(--ink));font-size:var(--fs-200);font-weight:700}
.ox-body .oxpg-ann h2{margin:0;font-size:var(--fs-500);line-height:1.6}
.ox-body .oxpg-ann.is-featured h2{font-size:clamp(1.15rem,2.4vw,1.6rem)}
.oxpg-ann h2 a{color:var(--ink)!important;text-decoration:none!important}
.oxpg-ann h2 a::after{content:"";position:absolute;inset:0}
.oxpg-ann-text{color:var(--ink-3);line-height:1.95;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.oxpg-ann.is-featured .oxpg-ann-text{-webkit-line-clamp:5;color:var(--ink-2)}
.oxpg-ann-text p{margin:0}
.oxpg-ann-foot{display:flex;align-items:center;gap:14px;margin-block-start:auto;padding-block-start:6px}
.oxpg-more{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:var(--fs-300);text-decoration:none!important}
.oxpg-more i{transform:scaleX(-1);transition:transform var(--t)}
.oxpg-ann:hover .oxpg-more i{transform:scaleX(-1) translateX(4px)}
.oxpg-edit{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-200);color:var(--ink-3)!important}
.oxpg-hero.is-article .oxpg-hero-tx h1{font-size:clamp(1.2rem,2.8vw,1.85rem)}
.oxpg-btn i.fa-arrow-left{transform:none}

/* ---------- knowledge base ---------- */
.oxpg-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--s3)}
.oxpg-cat{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink)!important;
  text-decoration:none!important;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t)}
.oxpg-cat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 45%,var(--line));box-shadow:0 18px 36px -24px rgba(14,23,38,.4)}
.oxpg-cat-ic{flex:none;display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;background:var(--teal-tint);color:var(--teal);font-size:19px}
.oxpg-cat-tx{flex:1;min-inline-size:0;display:grid;gap:3px}
.oxpg-cat-tx b{font-size:var(--fs-400);font-weight:800;line-height:1.6}
.oxpg-cat-tx small{color:var(--ink-3);font-size:var(--fs-200);line-height:1.8}
.oxpg-cat .oxpg-count{background:var(--teal-tint);color:var(--teal-ink)}
.oxpg-cat .oxpg-row-go{align-self:center}
.oxpg-list{display:grid;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.oxpg-row{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--ink)!important;text-decoration:none!important;border-block-end:1px solid var(--line);transition:background var(--t)}
.oxpg-row:last-child{border-block-end:0}
.oxpg-row:hover{background:var(--surface-2)}
.oxpg-row-ic{flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:11px;background:var(--blue-tint);color:var(--blue)}
.oxpg-row-tx{flex:1;min-inline-size:0;display:grid;gap:2px}
.oxpg-row-tx b{font-weight:700;line-height:1.7}
.oxpg-row-tx small{color:var(--ink-3);font-size:var(--fs-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxpg-row-go{flex:none;color:var(--ink-3);font-size:13px;transition:transform var(--t)}
.oxpg-row:hover .oxpg-row-go,.oxpg-cat:hover .oxpg-row-go{transform:translateX(-4px);color:var(--blue)}
.oxpg-list>.oxpg-empty{border:0;border-radius:0}
.oxpg-vote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.oxpg-vote b{font-size:var(--fs-400)}
.oxpg-vote-btns{display:flex;gap:8px}
.oxpg-btn.is-yes:hover{border-color:var(--teal);color:var(--teal)!important}
.oxpg-btn.is-no:hover{border-color:var(--red);color:var(--red)!important}

/* help band */
.oxpg-help{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:20px clamp(18px,3vw,28px);border-radius:20px;
  border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));background:linear-gradient(120deg,var(--blue-tint),var(--surface) 70%)}
.oxpg-help-ic{flex:none;display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:16px;background:var(--blue);color:var(--on-blue);font-size:21px}
.oxpg-help-tx{flex:1 1 260px;display:grid;gap:2px;min-inline-size:0}
.oxpg-help-tx b{font-size:var(--fs-500);font-weight:800}
.oxpg-help-tx span{color:var(--ink-3);font-size:var(--fs-300)}
.oxpg-help-act{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- network status ---------- */
.oxpg-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line);background:var(--surface);inline-size:max-content;max-inline-size:100%;overflow-x:auto}
.oxpg-tabs a{flex:none;display:grid;place-items:center;min-block-size:40px;padding-inline:16px;border-radius:10px;color:var(--ink-3)!important;font-weight:700;font-size:var(--fs-300);text-decoration:none!important;white-space:nowrap}
.oxpg-tabs a:hover{color:var(--ink)!important;background:var(--surface-2)}
.oxpg-tabs a.is-on{background:var(--ink);color:var(--surface)!important}
.oxpg-legend{display:flex;gap:14px;font-size:var(--fs-200);font-weight:600;color:var(--ink-3)}
.oxpg-legend span{display:inline-flex;align-items:center;gap:6px}
.oxpg-legend span::before{content:"";inline-size:8px;block-size:8px;border-radius:50%}
.oxpg-legend .is-up::before{background:var(--teal)}
.oxpg-legend .is-down::before{background:var(--red)}
.oxpg-srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:var(--s3)}
.oxpg-srv{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.oxpg-srv>header{display:flex;align-items:center;gap:10px;min-inline-size:0}
.oxpg-srv>header b{text-align:start;unicode-bidi:plaintext;flex:1;min-inline-size:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oxpg-srv-ic{flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:11px;background:var(--surface-2);color:var(--ink-2)}
.oxpg-srv-php{flex:none;font-size:var(--fs-100);font-weight:700;color:var(--ink-3)!important}
.oxpg-ports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.oxpg-ports li{display:grid;justify-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:var(--surface-2);font-size:var(--fs-100);font-weight:700;color:var(--ink-3)}
.oxpg-ports em{font-style:normal;color:var(--ink);font-size:var(--fs-300);line-height:1}
.oxpg-ports em img{max-block-size:16px}
.oxpg-srv-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.oxpg-srv-stats div{padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.oxpg-srv-stats dt{font-size:var(--fs-100);font-weight:600;color:var(--ink-3)}
.oxpg-srv-stats dd{margin:2px 0 0;font-weight:800;font-size:var(--fs-300);color:var(--ink);overflow-wrap:anywhere}
.oxpg-ports .label,.oxpg-ports .badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:var(--fs-100);font-weight:800}
.oxpg-ports .label-success,.oxpg-ports .badge-success,.oxpg-ports .text-success{background:var(--teal-tint);color:var(--teal-ink)}
.oxpg-ports .label-danger,.oxpg-ports .badge-danger,.oxpg-ports .text-danger{background:var(--red-tint);color:var(--red-ink)}
.oxpg-issues{display:grid;gap:var(--s3)}
.oxpg-issue{--c:var(--blue);position:relative;display:grid;gap:10px;padding:18px 22px;padding-inline-start:26px;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.oxpg-issue::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:4px;background:var(--c)}
.oxpg-issue.is-critical{--c:var(--red)} .oxpg-issue.is-high{--c:var(--amber)} .oxpg-issue.is-low{--c:var(--teal)}
.oxpg-issue>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.oxpg-issue>header b{flex:1 1 200px;font-size:var(--fs-500);font-weight:800}
.oxpg-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-100);font-weight:800}
.oxpg-badge.is-prio{background:color-mix(in srgb,var(--c) 14%,var(--surface));color:var(--c)}
.oxpg-issue-aff{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink-2);font-size:var(--fs-300)}
.oxpg-issue-body{color:var(--ink-2);line-height:1.95}
.oxpg-issue-body p:last-child{margin:0}

/* ---------- contact / open ticket ---------- */
.oxpg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:var(--s5);align-items:start}
.oxpg-form{display:grid;gap:var(--s4)}
.oxpg-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.oxpg-fgrid .form-group{margin:0;min-inline-size:0}
.oxpg-fgrid .is-full{grid-column:1/-1}
.oxpg-form label{display:block;margin-block-end:6px;font-size:var(--fs-200);font-weight:700;color:var(--ink-2)}
.oxpg-form .form-control,.oxpg-form .custom-select{block-size:auto;min-block-size:48px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line-2);background-color:var(--surface);color:var(--ink);font:500 var(--fs-300) var(--font);box-shadow:none;transition:border-color var(--t),box-shadow var(--t)}
.oxpg-form .custom-select{padding-inline-end:36px;background-position:left 12px center}
.oxpg-form textarea.form-control{min-block-size:200px;line-height:1.9;resize:vertical}
.oxpg-form .form-control:focus,.oxpg-form .custom-select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
.oxpg-form .form-control:disabled,.oxpg-form .form-control.disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}
.oxpg-in{position:relative}
.oxpg-in>i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;z-index:1}
.oxpg-in .form-control{padding-inline-start:40px}
.oxpg-in input[dir="ltr"]{text-align:right}
.oxpg-in input[dir="ltr"]:not(:placeholder-shown){text-align:left}
.oxpg-hint{display:block;margin-block-start:6px;color:var(--ink-3);font-size:var(--fs-100);line-height:1.8}
.oxpg-attach .attachment-group{display:flex;flex-wrap:nowrap;gap:8px}
.oxpg-attach .custom-file{flex:1;min-inline-size:0;block-size:48px}
.oxpg-attach .custom-file-label{display:flex;align-items:center;block-size:48px;padding-inline:14px 100px;border-radius:12px!important;border:1.5px dashed var(--line-2);background:var(--surface-2);color:var(--ink-3);font-size:var(--fs-300)}
.oxpg-attach .custom-file-label::after{block-size:auto;inset-block:5px;inset-inline-end:5px;inset-inline-start:auto;display:grid;place-items:center;padding-inline:14px;border:0;border-radius:9px;background:var(--surface);color:var(--ink);font-weight:700;content:"انتخاب"}
.oxpg-attach .custom-file-input:focus~.custom-file-label{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
.oxpg-attach .input-group-append .btn{block-size:48px;padding-inline:14px;border-radius:12px!important;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:700;white-space:nowrap}
.oxpg-attach .input-group-append .btn:hover{border-color:var(--blue);color:var(--blue)}
.oxpg-form #customFieldsContainer:empty,.oxpg-form #customFieldsContainer:not(:has(.form-group)){display:none}
.oxpg-form #customFieldsContainer .form-group{margin-block-end:var(--s4)}
.oxpg-captcha:not(:has(*)){display:none}
.oxpg-captcha .row{margin:0}
/* image captcha (WHMCS built-in): contact, open ticket, register, password reset — one clear, labelled box */
.ox-body #default-captcha-domainchecker:not(.input-group){display:grid;grid-template-columns:auto minmax(0,220px);justify-content:start;align-items:center;gap:12px 14px;
  margin:0;padding:16px 18px;border:1.5px solid var(--line-2);border-radius:16px;background:var(--surface-2);text-align:right;direction:rtl}
.ox-body #default-captcha-domainchecker:not(.input-group)>p{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0;color:var(--ink);font-weight:700;font-size:var(--fs-300);line-height:1.9}
.ox-body #default-captcha-domainchecker:not(.input-group)>p::before{content:"\f023";font-family:"Font Awesome 5 Pro","Font Awesome 6 Pro","Font Awesome 5 Free";font-weight:400;
  display:grid;place-items:center;flex:none;inline-size:34px;block-size:34px;border-radius:10px;background:var(--blue-tint);color:var(--blue);font-size:15px}
.ox-body #default-captcha-domainchecker:not(.input-group)>[class*="col-"]{flex:none;max-inline-size:none;inline-size:auto;padding:0}
.ox-body #default-captcha-domainchecker #inputCaptchaImage{display:block;block-size:54px;inline-size:auto;min-inline-size:190px;padding:4px 8px;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;image-rendering:auto}
.ox-body #default-captcha-domainchecker #inputCaptcha{float:none!important;inline-size:100%;block-size:54px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);
  direction:ltr;text-align:center;font-size:1.25rem;font-weight:800;letter-spacing:.35em;text-transform:uppercase}
.ox-body #default-captcha-domainchecker #inputCaptcha:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);outline:0}
.ox-body #default-captcha-domainchecker #inputCaptcha::placeholder{letter-spacing:0;font-size:.9rem;font-weight:500;text-transform:none;color:var(--ink-3)}
.ox-body .oxpg-captcha>.row>[class*="col-"],.ox-body .text-center.row.justify-content-center>.col-md-8:has(#default-captcha-domainchecker){flex:none;max-inline-size:none;inline-size:100%;padding:0;margin:0!important}
.ox-body .text-center.row.justify-content-center:has(#default-captcha-domainchecker){margin-inline:0;margin-block:var(--s3,12px)}
@media (max-width:480px){.ox-body #default-captcha-domainchecker:not(.input-group){grid-template-columns:1fr}.ox-body #default-captcha-domainchecker #inputCaptchaImage{inline-size:100%;object-fit:contain}}
.oxpg-form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.oxpg-side{display:grid;gap:var(--s3);position:sticky;inset-block-start:96px}
.oxpg-office{display:grid;gap:6px;padding:20px}
.oxpg-office-ic{display:grid;place-items:center;inline-size:42px;block-size:42px;margin-block-end:4px;border-radius:13px;background:var(--blue-tint);color:var(--blue)}
.oxpg-office-ic.is-teal{background:var(--teal-tint);color:var(--teal)}
.oxpg-office b{font-size:var(--fs-400);font-weight:800}
.oxpg-office p{margin:0;color:var(--ink-3);font-size:var(--fs-200);line-height:1.9}
.oxpg-tel{display:inline-flex;align-items:center;gap:8px;margin-block-start:4px;min-block-size:36px;font-weight:800;font-size:var(--fs-300);text-decoration:none!important}
.oxpg-tips{padding:20px}
.oxpg-tips b{display:flex;align-items:center;gap:8px;font-weight:800}
.oxpg-tips b i{color:var(--amber)}
.oxpg-tips ul{margin:10px 0 0;padding-inline-start:1.2em;color:var(--ink-3);font-size:var(--fs-200);line-height:1.95}
.oxpg-quick{display:grid;padding:6px}
.oxpg-quick a{display:flex;align-items:center;gap:12px;min-block-size:48px;padding-inline:14px;border-radius:12px;color:var(--ink)!important;font-weight:700;font-size:var(--fs-300);text-decoration:none!important}
.oxpg-quick a:hover{background:var(--surface-2)}
.oxpg-quick a>i:first-child{color:var(--blue);inline-size:18px;text-align:center}
.oxpg-quick a>i:last-child{margin-inline-start:auto;color:var(--ink-3);font-size:12px}
#autoAnswerSuggestions:not(.w-hidden){padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));background:var(--teal-tint)}

/* ---------- markdown editor (ticket / contact message) — themed for light + dark ---------- */
.ox-body .md-editor{display:flex;flex-direction:column;border:1.5px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color var(--t),box-shadow var(--t)}
.ox-body .md-editor.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
.ox-body .md-editor>.md-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:8px;border-block-end:1px solid var(--line);background:var(--surface-2)!important}
.ox-body .md-editor .btn-group{display:inline-flex;margin:0!important;border-radius:9px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.ox-body .md-editor .btn-group>.btn{min-inline-size:34px;min-block-size:34px;margin:0;padding:0 9px;border:0;border-radius:0;background:transparent;color:var(--ink-2);box-shadow:none;float:none}
.ox-body .md-editor .btn-group>.btn+.btn{border-inline-start:1px solid var(--line)}
.ox-body .md-editor .btn-group>.btn:hover{background:var(--blue-tint);color:var(--blue)}
.ox-body .md-editor .btn-group>.btn.active,.ox-body .md-editor .btn-group>.btn.btn-primary{background:var(--blue);color:var(--on-blue)}
.ox-body .md-editor .btn-group>.btn.hidden{display:none}
.ox-body .md-editor>textarea.md-input,.ox-body .md-editor>.md-preview{min-block-size:200px;padding:14px;border:0!important;border-radius:0;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important;font:500 var(--fs-300)/1.9 var(--font);outline:0}
.ox-body .md-editor>.md-preview{overflow:auto}
.ox-body .md-editor>.md-footer{padding:6px 12px;border-block-start:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);font-size:var(--fs-100)}
.ox-body .md-editor>.md-footer:empty{display:none}
.ox-body .md-editor .md-fullscreen-controls{display:none}
.ox-body .md-editor.md-fullscreen-mode{z-index:1060;border-radius:0}
.ox-body .md-editor.md-fullscreen-mode .md-fullscreen-controls{display:block}

/* ---------- responsive ---------- */
@media (max-width:991px){
  /* support pages: content first, the sidebar panels follow it on small screens */
  .ox-shell.has-side:has(.oxpg)>.sidebar{order:2}
  .oxpg-split{grid-template-columns:minmax(0,1fr)}
  .oxpg-side{position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
  .oxpg-hero.is-search{grid-template-columns:minmax(0,1fr)}
  .oxpg-hero.is-status{grid-template-columns:auto minmax(0,1fr)}
  .oxpg-hero.is-status .oxpg-hero-stats{grid-column:1/-1}
}
@media (max-width:767px){
  .oxpg{gap:var(--s4)}
  .oxpg-hero{grid-template-columns:minmax(0,1fr);gap:var(--s4);padding:22px 18px;border-radius:20px}
  .oxpg-hero.is-status{grid-template-columns:minmax(0,1fr)}
  .oxpg-hero-ic,.oxpg-pulse{inline-size:52px;block-size:52px;font-size:21px;border-radius:16px}
  .oxpg-pulse{border-radius:50%}
  .oxpg-hero-act{justify-self:start}
  .oxpg-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .oxpg-hero-stats div{min-inline-size:0;padding:8px 10px}
  .oxpg-search{padding-inline-start:40px}
  .oxpg-search input{block-size:46px;font-size:16px}
  .oxpg-search-go{block-size:46px;padding-inline:16px}
  .oxpg-ann-grid{grid-template-columns:minmax(0,1fr)}
  .oxpg-fgrid{grid-template-columns:minmax(0,1fr)}
  .oxpg-form .form-control{font-size:16px}
  .oxpg-form-foot .oxpg-btn{flex:1 1 100%}
  .oxpg-help-act,.oxpg-help-act .oxpg-btn{flex:1 1 100%}
  .oxpg-vote,.oxpg-vote-btns{flex:1 1 100%}
  .oxpg-vote-btns .oxpg-btn{flex:1}
  .oxpg-tabs{inline-size:100%}
  .oxpg-tabs a{flex:1}
  .oxpg-issue{padding:16px 16px 16px 20px}
}
@media (prefers-reduced-motion:reduce){.oxpg-pulse::after{animation:none}.oxpg-ann,.oxpg-cat{transition:none}}
@media print{.oxpg-hero{background:none!important;color:#000;box-shadow:none}.ox-body .oxpg-hero h1{color:#000}.oxpg-help,.oxpg-actions,.oxpg-vote,.oxpg-hero-act{display:none}}

/* ==========================================================================
   Reseller area (digimodules_Products_Reseller, /reseller_area) in the Oxin
   theme. The module ships self-contained styles (.prr-*, its own colours and a
   media-query dark mode); here they are mapped onto the theme's tokens and
   components so the pages follow the site - light/dark included - and survive
   module updates untouched.
   ========================================================================== */
.ox-body .prr{
  --prr-accent:var(--blue);--prr-success:var(--teal);--prr-warning:var(--amber);--prr-danger:var(--red);--prr-info:var(--blue);
  --prr-bg:var(--surface);--prr-bg-soft:var(--surface-2);--prr-border:var(--line);--prr-text:var(--ink);--prr-muted:var(--ink-3);--prr-radius:16px;
  display:grid;gap:var(--s5);color:var(--ink);font-family:var(--font);min-inline-size:0}
.ox-body .prr>*{min-inline-size:0;margin-block:0}

/* header: the same dark banner as the other client-area pages */
.ox-body .prr-head{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);margin:0;
  padding:clamp(20px,3.4vw,32px);border-radius:22px;color:#E2E8F0;
  background:radial-gradient(520px 280px at 0% 100%,rgba(45,212,191,.2),transparent 70%),radial-gradient(560px 300px at 100% 0%,rgba(96,165,250,.3),transparent 70%),linear-gradient(135deg,#0B1424,#102A4C 60%,#0B2A33);
  box-shadow:0 30px 60px -36px rgba(11,20,36,.7)}
.ox-body .prr-head::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;
  background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 30px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/30px 100%;
  -webkit-mask-image:radial-gradient(ellipse at 15% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 15% 20%,#000,transparent 70%)}
.ox-body .prr-head>div:first-child{display:flex;align-items:center;gap:var(--s4);min-inline-size:0}
.ox-body .prr-head>div:first-child::before{content:"\f2b5";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:400;flex:none;display:grid;place-items:center;
  inline-size:56px;block-size:56px;border-radius:18px;font-size:24px;color:#7DD3FC;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14)}
.ox-body .prr .prr-head-title{margin:0;color:#fff;font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:900;line-height:1.4}
.ox-body .prr-head .prr-muted{color:#A9B6C8;font-size:var(--fs-300)}
.ox-body .prr-chip{gap:10px;min-block-size:44px;padding-inline:18px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;font-size:var(--fs-400);font-weight:800}
.ox-body .prr-chip i{color:#5EEAD4}

/* section menu: one scrollable tab bar */
.ox-body .prr-nav{display:flex;flex-wrap:nowrap;gap:4px;margin:0;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-x:auto;scrollbar-width:none;box-shadow:var(--sh-1)}
.ox-body .prr-nav::-webkit-scrollbar{display:none}
.ox-body .prr-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;min-block-size:40px;padding-inline:14px;border-radius:10px;font-size:var(--fs-300);font-weight:700;color:var(--ink-2)!important;text-decoration:none!important;white-space:nowrap}
.ox-body .prr-nav a i{font-size:13px;opacity:.75}
.ox-body .prr-nav a:hover{background:var(--surface-2);color:var(--ink)!important}
.ox-body .prr-nav a.active{background:var(--blue);color:var(--on-blue)!important;box-shadow:0 8px 18px -10px var(--blue)}
.ox-body .prr-nav a.active i{opacity:1}

/* stats */
.ox-body .prr-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--s3);margin:0}
.ox-body .prr-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--s3);align-items:center;padding:var(--s4) var(--s5);border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1)}
.ox-body .prr-stat::before{display:none}
.ox-body .prr-stat-icon{grid-row:span 2;inline-size:46px;block-size:46px;margin:0;border-radius:14px;font-size:19px;background:var(--blue-tint);color:var(--blue)}
.ox-body .prr-stat.is-success .prr-stat-icon{background:var(--teal-tint);color:var(--teal)}
.ox-body .prr-stat.is-info .prr-stat-icon{background:var(--blue-tint);color:var(--blue)}
.ox-body .prr-stat.is-warning .prr-stat-icon{background:var(--amber-tint);color:var(--amber)}
.ox-body .prr-stat-value{font-size:var(--fs-500);font-weight:900;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}
.ox-body .prr-stat-value small{font-size:var(--fs-200);font-weight:600;color:var(--ink-3)}
.ox-body .prr-stat-label{margin:0;font-size:var(--fs-200);color:var(--ink-3)}

/* cards and grids */
.ox-body .prr-grid-2{gap:var(--s5)}
.ox-body .prr-card{margin:0;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1)}
.ox-body .prr-card-head{flex-wrap:wrap;padding:var(--s4) var(--s5);background:var(--surface);border-block-end:1px solid var(--line)}
.ox-body .prr .prr-card-title,.ox-body .prr-card-head strong{margin:0;font-size:var(--fs-500);font-weight:800;color:var(--ink)}
.ox-body .prr-card-body{padding:var(--s5);color:var(--ink-2);font-size:var(--fs-300);line-height:var(--lh-body)}
.ox-body .prr-card-body h4{margin:var(--s5) 0 var(--s2);font-size:var(--fs-400);font-weight:800}

/* tables */
.ox-body .prr-table{font-size:var(--fs-300);color:var(--ink)}
.ox-body .prr-table th{padding:var(--s3) var(--s4);background:var(--surface-2);color:var(--ink-3);font-size:var(--fs-200);font-weight:700;letter-spacing:0;text-transform:none;border-block-end:1px solid var(--line)}
.ox-body .prr-table td{padding:var(--s3) var(--s4);border-block-end:1px solid var(--line);vertical-align:middle}
.ox-body .prr-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.ox-body .prr-table code{font-family:var(--mono);font-size:var(--fs-200);color:var(--ink-2);background:var(--surface-2);padding:2px 7px;border-radius:6px;direction:ltr;display:inline-block}
.ox-body .prr-price{font-weight:800;color:var(--ink)}

/* badges: the theme's status pills */
.ox-body .prr-badge{display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;font-size:var(--fs-100);font-weight:700;line-height:1.9;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.ox-body .prr-badge::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;flex:none}
.ox-body .prr-badge.is-success{background:var(--teal-tint);color:var(--teal-ink)}
.ox-body .prr-badge.is-warning{background:var(--amber-tint);color:var(--amber-ink)}
.ox-body .prr-badge.is-danger{background:var(--red-tint);color:var(--red-ink)}
.ox-body .prr-badge.is-info{background:var(--blue-tint);color:var(--blue)}

/* buttons: the theme's buttons */
.ox-body .prr-btn{justify-content:center;gap:var(--s2);min-block-size:42px;padding:0 var(--s5);border-radius:10px;font-size:var(--fs-300);font-weight:700;line-height:1.4;white-space:nowrap;text-decoration:none!important;
  transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.ox-body .prr-btn:hover{filter:none}
.ox-body .prr-btn:active{transform:translateY(1px)}
.ox-body .prr-btn-primary{background:var(--blue);color:var(--on-blue)!important}
.ox-body .prr-btn-primary:hover{background:var(--blue-hover)}
.ox-body .prr-btn-success{background:var(--teal);color:#fff!important}
.ox-body .prr-btn-success:hover{background:var(--teal-ink)}
.ox-body .prr-btn-outline{background:var(--surface);border-color:var(--line-2);color:var(--ink)!important}
.ox-body .prr-btn-outline:hover{border-color:var(--blue);color:var(--blue)!important}
.ox-body .prr-card-head .prr-btn{min-block-size:36px;padding-inline:var(--s3);font-size:var(--fs-200)}
.ox-body .prr-actions{gap:var(--s2)}

/* forms */
.ox-body .prr-field{margin-block-end:var(--s4)}
.ox-body .prr-field>label{font-size:var(--fs-200);font-weight:700;color:var(--ink-2)}
.ox-body .prr-field>label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--s2);cursor:pointer}
.ox-body .prr-field input[type=checkbox]{inline-size:18px;block-size:18px;margin:0;accent-color:var(--blue)}
.ox-body .prr-input,.ox-body .prr-select{min-block-size:46px;padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);color:var(--ink);font-size:var(--fs-400);font-family:var(--font)}
.ox-body textarea.prr-input{min-block-size:120px;line-height:1.8;font-family:var(--mono);font-size:var(--fs-300);direction:ltr;text-align:left}
.ox-body .prr-input:focus,.ox-body .prr-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)}
.ox-body .prr-code{padding:12px 14px;border-radius:var(--r);border:1px dashed var(--line-2);background:var(--surface-2);color:var(--ink);font-family:var(--mono);font-size:var(--fs-200);direction:ltr;text-align:left}
.ox-body .prr pre{margin:var(--s3) 0;padding:var(--s4);border-radius:var(--r);background:var(--term-bg);color:var(--term-ink);font-family:var(--mono);font-size:var(--fs-200);direction:ltr;text-align:left;white-space:pre-wrap;border:0}
.ox-body .prr .list-inline{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}

/* key/value, lists, misc */
.ox-body .prr-kv{gap:var(--s3) var(--s5)}
.ox-body .prr-kv dt{color:var(--ink-3);font-size:var(--fs-200);font-weight:600}
.ox-body .prr-kv dd{color:var(--ink);font-size:var(--fs-300)}
.ox-body .prr-kv a,.ox-body .prr-card a:not(.prr-btn){color:var(--blue);font-weight:700}
.ox-body .prr-status-list li{border-radius:10px;background:var(--surface-2);padding:8px 12px}
.ox-body .prr-tags code{border-radius:6px;background:var(--surface-2);border-color:var(--line);font-family:var(--mono)}
.ox-body .prr-details summary{color:var(--blue);font-weight:700}
.ox-body .prr-muted{color:var(--ink-3);font-size:var(--fs-200)}
.ox-body .prr-empty{padding:var(--s10) var(--s4);color:var(--ink-3);font-size:var(--fs-300)}
.ox-body .prr-empty i{display:grid;place-items:center;inline-size:64px;block-size:64px;margin:0 auto var(--s3);border-radius:20px;background:var(--surface-2);color:var(--ink-3);font-size:26px;opacity:1}
.ox-body .prr-alert{margin:0;padding:var(--s3) var(--s5);border-radius:var(--r);font-size:var(--fs-300);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.ox-body .prr-alert.is-success{background:var(--teal-tint);border-color:color-mix(in srgb,var(--teal) 35%,transparent);color:var(--teal-ink)}
.ox-body .prr-alert.is-danger{background:var(--red-tint);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:var(--red-ink)}
.ox-body .prr-alert.is-info{background:var(--blue-tint);border-color:color-mix(in srgb,var(--blue) 35%,transparent);color:var(--blue)}
.ox-body .prr-steps{font-size:var(--fs-300);color:var(--ink-2);line-height:2}
.ox-body .prr-neg{color:var(--red-ink)} .ox-body .prr-pos{color:var(--teal-ink)}
.ox-body .prr-chart{block-size:260px}
@media (max-width:600px){
  .ox-body .prr-head{border-radius:18px}
  .ox-body .prr-head>div:first-child::before{inline-size:46px;block-size:46px;font-size:20px;border-radius:14px}
  .ox-body .prr-chip{inline-size:100%;justify-content:center}
  .ox-body .prr-card-body{padding:var(--s4)}
}