/* OSON POCHTA — dasturchilar hujjati (docs.osonpochta.uz). Claude Design "4.6 Dasturchilar" ko'chirmasi.
   Mustaqil fayl: tokenlar va komponentlar — dizayn tizimi (ds/tokens.css, ds/components.css) qiymatlari, kerakli qismi. */
:root{
  --brand:#EA580C;--brand-strong:#C9460C;--brand-strong-hover:#B03C08;--brand-soft:#FDEEE5;--brand-soft-hover:#FBE1D2;--brand-ink:#A93A07;--brand-tint:#FFF7F2;
  --bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F1F2F4;--surface-3:#E7E9EC;--line:#E5E7EB;--line-strong:#D1D5DB;
  --text:#0A0B0D;--text-2:#5B616E;--text-3:#7C8391;--on-brand:#FFFFFF;--inverse:#0A0B0D;--on-inverse:#FFFFFF;--on-inverse-2:#C4C8D0;
  --up:#098551;--up-soft:#E7F6EE;--down:#CF202F;--down-soft:#FDECEC;--warn:#9A5B00;--warn-soft:#FEF3E2;--info:#0B5CC7;--info-soft:#E8F1FD;
  --st-created:#4A505C;--st-created-bg:#F1F2F4;--st-picked_up:#0B5CB8;--st-picked_up-bg:#E8F1FD;--st-at_warehouse:#4338CA;--st-at_warehouse-bg:#EEF0FE;
  --st-sorting:#6D28D9;--st-sorting-bg:#F3EEFE;--st-in_transit:#0E6E86;--st-in_transit-bg:#E5F5F8;--st-at_branch:#8A4B07;--st-at_branch-bg:#FEF3E2;
  --st-out_for_delivery:#A93A07;--st-out_for_delivery-bg:#FDEEE5;--st-delivered:#08703F;--st-delivered-bg:#E7F6EE;--st-delivery_failed:#B42318;--st-delivery_failed-bg:#FDECEC;
  --st-returning:#A3195B;--st-returning-bg:#FCEBF3;--st-returned:#3F4754;--st-returned-bg:#E9ECF0;--st-cancelled:#5B616E;--st-cancelled-bg:#F1F2F4;
  --font:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--topbar-h:64px;
  --ease:cubic-bezier(.2,.8,.2,1);--focus-ring:0 0 0 3px var(--bg),0 0 0 5px var(--brand-strong);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:16px;line-height:24px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--brand-ink);text-decoration:none}
a:hover{color:var(--brand-strong-hover);text-decoration:underline}
button,input{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.fi{display:inline-flex;line-height:1}
.muted{color:var(--text-2)}
[hidden]{display:none!important}

/* ── Komponentlar (ds/components.css dan) ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:var(--r-pill);font-size:15px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .2s var(--ease)}
.btn:hover{text-decoration:none}
.btn--primary{background:var(--brand-strong);color:var(--on-brand)}
.btn--primary:hover{background:var(--brand-strong-hover);color:var(--on-brand)}
.btn--ghost{background:transparent;color:var(--brand-ink)}
.btn--ghost:hover{background:var(--brand-tint);color:var(--brand-ink)}
.btn--sm{height:36px;padding:0 16px;font-size:14px}
.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2)}
.search:hover{background:var(--surface-3)}
.search:focus-within{background:var(--surface);box-shadow:inset 0 0 0 2px var(--brand-strong)}
.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:15px;color:var(--text)}
.search input:focus-visible{box-shadow:none}
.search input::placeholder{color:var(--text-2)}
.kbd{font-family:var(--font-mono);font-size:12px;color:var(--text-2);padding:2px 6px;border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--line-strong)}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--surface-2)}
.seg button{height:34px;padding:0 16px;border:0;border-radius:var(--r-pill);background:transparent;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer}
.seg button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(10,11,13,.08)}
.nav-item{display:flex;align-items:center;gap:12px;min-height:34px;padding:0 12px;border-radius:var(--r-pill);color:var(--text);font-size:14px;font-weight:500;text-decoration:none}
.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.nav-item .fi{font-size:18px;color:var(--text-2)}
.nav-item.is-active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}
.nav-item.is-active .fi{color:var(--brand-ink)}
.nav-item__end{margin-left:auto}
.count{display:inline-block;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:600;line-height:20px;text-align:center}
.table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line)}
.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.table th{height:44px;padding:0 16px;text-align:left;font-weight:500;color:var(--text-2);border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:12px 16px;border-bottom:1px solid var(--line)}
.table tbody tr:last-child td{border-bottom:0}
.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-created{background:var(--st-created-bg);color:var(--st-created)}.st-picked_up{background:var(--st-picked_up-bg);color:var(--st-picked_up)}
.st-at_warehouse{background:var(--st-at_warehouse-bg);color:var(--st-at_warehouse)}.st-sorting{background:var(--st-sorting-bg);color:var(--st-sorting)}
.st-in_transit{background:var(--st-in_transit-bg);color:var(--st-in_transit)}.st-at_branch{background:var(--st-at_branch-bg);color:var(--st-at_branch)}
.st-out_for_delivery{background:var(--st-out_for_delivery-bg);color:var(--st-out_for_delivery)}.st-delivered{background:var(--st-delivered-bg);color:var(--st-delivered)}
.st-delivery_failed{background:var(--st-delivery_failed-bg);color:var(--st-delivery_failed)}.st-returning{background:var(--st-returning-bg);color:var(--st-returning)}
.st-returned{background:var(--st-returned-bg);color:var(--st-returned)}.st-cancelled{background:var(--st-cancelled-bg);color:var(--st-cancelled)}

/* ── Sarlavha ── */
.dv-top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.dv-top__in{display:flex;align-items:center;gap:20px;height:var(--topbar-h);padding:0 24px;max-width:1440px;margin:0 auto}
.dv-brand{display:flex;align-items:center;gap:12px;flex:none}
.dv-brand:hover{text-decoration:none}
.dv-brand img{height:30px;display:block}
.dv-brand__tag{height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--inverse);color:var(--on-inverse);font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.dv-search{flex:1;max-width:420px}
.dv-top__end{margin-left:auto;display:flex;align-items:center;gap:8px}
.dv-ver{font-family:var(--font-mono);font-size:12px;color:var(--text-2);padding:4px 8px;border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--line-strong)}

/* ── Uch ustun ── */
.dv-body{display:grid;grid-template-columns:264px minmax(0,1fr) 220px;max-width:1440px;margin:0 auto}
.dv-side{position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));overflow:auto;padding:20px 16px 40px;border-right:1px solid var(--line)}
.dv-side__g{margin-bottom:20px}
.dv-side__h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 12px;margin:0 0 8px}
.dv-main{min-width:0;padding:40px 48px 64px}
.dv-toc{position:sticky;top:var(--topbar-h);align-self:start;padding:40px 20px;font-size:14px}
.dv-toc__h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}
.dv-toc a{display:block;padding:5px 0 5px 12px;border-left:2px solid var(--line);color:var(--text-2)}
.dv-toc a:hover{color:var(--text);text-decoration:none}
.dv-toc a.is-on{border-left-color:var(--brand-strong);color:var(--brand-ink);font-weight:600}

/* ── Kirish ── */
.dv-hero{position:relative;padding:40px;border-radius:var(--r-xl);background:var(--inverse);color:var(--on-inverse);overflow:hidden;margin-bottom:48px}
.dv-hero__glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.dv-hero__in{position:relative;max-width:620px}
.dv-eyebrow{display:inline-block;font-size:14px;font-weight:600;color:var(--brand-ink);margin-bottom:8px}
.dv-hero .dv-eyebrow{color:#FDBA8C}
.dv-h1{font-size:44px;line-height:50px;letter-spacing:-.025em;font-weight:700;margin:0 0 12px;text-wrap:balance}
.dv-lead{font-size:18px;line-height:28px;color:var(--on-inverse-2);margin:0 0 24px;text-wrap:pretty}
.dv-base{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 12px 12px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-family:var(--font-mono);font-size:14px}
.dv-base span{color:var(--on-inverse-2)}
.dv-base b{color:#FFFFFF;font-weight:500;flex:1;min-width:0;word-break:break-all}
.dv-base .btn{background:rgba(255,255,255,.1);color:#FFFFFF}
.dv-base .btn:hover{background:rgba(255,255,255,.18);color:#FFFFFF}
.dv-quick{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.dv-q{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-lg);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#FFFFFF}
.dv-q:hover{background:rgba(255,255,255,.1);color:#FFFFFF;text-decoration:none}
.dv-q .fi{font-size:24px;color:#FDBA8C}
.dv-q b{font-size:15px}
.dv-q span{font-size:14px;color:var(--on-inverse-2)}

/* ── Bo'lim ── */
.dv-sec{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--topbar-h) + 16px)}
.dv-sec:last-child{border-bottom:0}
.dv-h2{font-size:34px;line-height:40px;letter-spacing:-.02em;font-weight:700;margin:0 0 12px}
.dv-h3{font-size:22px;line-height:28px;font-weight:700;margin:32px 0 12px}
.dv-p{font-size:16px;line-height:26px;color:var(--text-2);margin:0 0 16px;max-width:68ch;text-wrap:pretty}
.dv-p code,.dv-step__x code,.dv-card__x code,.dv-note code,.dv-ep__note code,.dv-epd__t code{font-family:var(--font-mono);font-size:.88em;padding:1px 6px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--text)}

.dv-steps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:20px;counter-reset:s}
.dv-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px}
.dv-step::before{counter-increment:s;content:counter(s);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);font-weight:700;font-size:15px}
.dv-step::after{content:"";position:absolute;left:17px;top:44px;bottom:-12px;width:2px;background:var(--line)}
.dv-step:last-child::after{display:none}
.dv-step__t{font-size:18px;line-height:36px;font-weight:600;margin:0}
.dv-step__x{font-size:15px;line-height:22px;color:var(--text-2);margin:0 0 12px}

.dv-code{border-radius:var(--r-lg);background:#0E0F12;color:#E7E9EC;overflow:hidden;min-width:0}
.dv-code__bar{display:flex;align-items:center;gap:4px;height:44px;padding:0 8px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.dv-code__tab{height:30px;padding:0 12px;border:0;border-radius:var(--r-pill);background:transparent;color:#9AA0AB;font:600 12px var(--font);cursor:pointer}
.dv-code__tab:hover{color:#FFFFFF}
.dv-code__tab.is-on{background:rgba(255,255,255,.1);color:#FFFFFF}
.dv-code__lbl{font-family:var(--font-mono);font-size:12px;color:#9AA0AB;padding:0 8px}
.dv-code__copy{margin-left:auto;height:30px;padding:0 12px;border:0;border-radius:var(--r-pill);background:transparent;color:#9AA0AB;font:600 12px var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dv-code__copy:hover{background:rgba(255,255,255,.08);color:#FFFFFF}
.dv-pre{margin:0;padding:16px 20px;overflow:auto;font:13px/21px var(--font-mono);white-space:pre;tab-size:2}

.dv-note{display:flex;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--info-soft);font-size:14px;line-height:20px;color:var(--text);margin:16px 0;max-width:72ch}
.dv-note .fi{flex:none;font-size:20px;color:var(--info);margin-top:1px}
.dv-note--warn{background:var(--warn-soft)}
.dv-note--warn .fi{color:var(--warn)}

.dv-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dv-card{padding:20px;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px;min-width:0}
.dv-card__h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.dv-card__h .fi{color:var(--brand-ink);font-size:20px}
.dv-card__x{font-size:14px;line-height:20px;color:var(--text-2);margin:0}
.dv-kv{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);border-radius:var(--r-sm);padding:8px 12px;color:var(--text);white-space:pre-wrap;word-break:break-all}

/* Endpointlar */
.dv-verb{flex:none;height:24px;padding:0 8px;border-radius:var(--r-xs);display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em}
.dv-verb--get{background:var(--info-soft);color:var(--info)}
.dv-verb--post{background:var(--up-soft);color:var(--up)}
.dv-verb--patch{background:var(--warn-soft);color:var(--warn)}
.dv-group{margin-top:28px;scroll-margin-top:calc(var(--topbar-h) + 16px)}
.dv-group__h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dv-group__h h3{font-size:18px;font-weight:700;margin:0}
.dv-eps{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.dv-epd{border-bottom:1px solid var(--line)}
.dv-epd:last-child{border-bottom:0}
.dv-epd>summary{display:grid;grid-template-columns:64px minmax(0,1.2fr) minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:52px;padding:0 16px;cursor:pointer;list-style:none}
.dv-epd>summary::-webkit-details-marker{display:none}
.dv-epd>summary:hover{background:var(--surface-2)}
.dv-epd__p{font-family:var(--font-mono);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-epd__t{font-size:14px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-epd>summary .fi{color:var(--text-3);transition:transform .2s var(--ease)}
.dv-epd[open]>summary .fi{transform:rotate(90deg)}
.dv-epd__b{padding:4px 16px 20px;display:flex;flex-direction:column;gap:12px}
.dv-ep__note{font-size:14px;line-height:21px;color:var(--text-2);margin:0;max-width:72ch}
.dv-params{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.dv-params__h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:4px 0 6px}
.dv-param{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.dv-param__n{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text);word-break:break-all}
.dv-param__x{font-size:14px;line-height:20px;color:var(--text-2)}
.dv-empty{padding:24px;text-align:center;color:var(--text-2);font-size:14px}

/* Webhook */
.dv-ev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.dv-ev__i{padding:16px;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.dv-ev__t{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--brand-ink)}
.dv-ev__x{font-size:14px;color:var(--text-2);margin:4px 0 8px}
.dv-vals{display:flex;flex-wrap:wrap;gap:4px}
.dv-val{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--text-2)}
.dv-ep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:20px}
.dv-ep__side{position:sticky;top:calc(var(--topbar-h) + 16px);display:flex;flex-direction:column;gap:16px;min-width:0}
.dv-retry{display:flex;align-items:center;margin:16px 0}
.dv-retry__s{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px}
.dv-retry__d{width:12px;height:12px;border-radius:50%;background:var(--brand-strong);box-shadow:0 0 0 4px var(--brand-soft)}
.dv-retry__d--x{background:var(--down);box-shadow:0 0 0 4px var(--down-soft)}
.dv-retry__l{font-size:11px;font-weight:600;color:var(--text-2);white-space:nowrap}
.dv-retry__line{flex:1;min-width:4px;height:2px;background:var(--brand-soft);margin-bottom:22px}

/* Holatlar */
.dv-mono{font-family:var(--font-mono);font-size:14px}
.dv-trk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.dv-trk__i{padding:16px;border-radius:var(--r-lg);background:var(--surface-2)}
.dv-trk__c{font-family:var(--font-mono);font-size:18px;font-weight:600}
.dv-trk__x{font-size:14px;color:var(--text-2);margin-top:4px}
.dv-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:14px;color:var(--text-2)}
.dv-err{padding:24px;border-radius:var(--r-lg);background:var(--down-soft);color:var(--down);font-size:14px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:1280px){.dv-body{grid-template-columns:248px minmax(0,1fr)}.dv-toc{display:none}.dv-ep{grid-template-columns:minmax(0,1fr)}.dv-ep__side{position:static}}
@media (max-width:900px){
  .dv-body{grid-template-columns:minmax(0,1fr)}.dv-side{display:none}.dv-main{padding:24px 16px 48px}.dv-search{display:none}
  .dv-quick,.dv-cards,.dv-ev,.dv-trk{grid-template-columns:minmax(0,1fr)}.dv-h1{font-size:34px;line-height:40px}.dv-hero{padding:24px}
  .dv-top__in{padding:0 16px;gap:12px}.dv-param{grid-template-columns:minmax(0,1fr);gap:4px}.dv-ver,.dv-login{display:none}
  .dv-epd>summary{grid-template-columns:56px minmax(0,1fr) 20px}.dv-epd__t{display:none}
}