/* oBeynet 2.5.70 — shared design system: same navy/blue/white storefront everywhere. */
:root{--o70-ink:#15243b;--o70-blue:#0868e8;--o70-dark:#084fba;--o70-muted:#62748b;--o70-line:#e0e8f2;--o70-bg:#f6f8fc;--o70-card:#fff;--o70-radius:16px;--o70-shadow:0 9px 25px rgba(20,48,97,.065)}
body.ob250{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--o70-ink)}
body.ob250:not(.ob-type-home){background:var(--o70-bg)!important;font-size:14px}
body.ob250:not(.ob-type-home) .ob-main{width:100%;max-width:none!important;margin:0!important;padding:0 0 42px!important;min-height:60vh;background:var(--o70-bg)!important;overflow:visible}
body.ob250:not(.ob-type-home) .ob-main > :not(.ob2570-top-shell):not(.ob2570-admin-nav):not(script):not(style){max-width:1360px;margin-left:auto;margin-right:auto}
body.ob250:not(.ob-type-home) .ob-main > .ob2570-page-heading{font-size:24px;line-height:1.2;font-weight:830;letter-spacing:-.5px;margin-top:27px;margin-bottom:16px;padding:0 24px;color:var(--o70-ink)}
body.ob250:not(.ob-type-home) .ob-main > :not(.ob2570-top-shell):not(.ob2570-admin-nav):not(script):not(style):not(.ob2570-page-heading){padding-left:24px;padding-right:24px}
body.ob250:not(.ob-type-home) .ob-main>form,body.ob250:not(.ob-type-home) .ob-main>section{min-width:0}
/* Exact same header component as homepage. Its CSS originally targeted the home route only. */
body.ob250:not(.ob-type-home) .ob2570-top-shell{max-width:none;margin:0 auto;background:white;position:relative;z-index:8}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-head{box-shadow:0 2px 10px rgba(25,46,83,.04)}
body.ob250:not(.ob-type-home) .ob2570-top-shell :is(a,button){text-decoration:none}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-logo{font-size:29px;color:#070b12;font-weight:930;letter-spacing:-1.5px;text-decoration:none}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-mainlinks a{display:inline-flex;align-items:center;font-size:12px;font-weight:680;white-space:nowrap;color:#20344e}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-market{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--o70-ink);font-size:12px;font-weight:650}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-head-link{display:flex;flex-direction:column;align-items:center;min-width:48px;gap:4px;color:var(--o70-ink);font-size:12px}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-head-link small{font-size:10px}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-publish{display:flex;align-items:center;gap:5px;font-size:12px;color:#415570;font-weight:700}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-store-cta{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:var(--o70-blue);padding:9px 13px;color:#fff!important;font-size:12px;font-weight:770}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-search button{cursor:pointer}
body.ob250:not(.ob-type-home) .ob2570-top-shell .ob2565-nav-toggle{cursor:pointer}
/* Beautiful interactive controls, without touching CSRF / POST behavior. */
body.ob250:not(.ob-type-home) .ob-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;border:1px solid #cfdbea;border-radius:9px;background:#fff;color:#182b45;min-height:40px;padding:9px 11px;box-shadow:none;transition:border-color .16s,box-shadow .16s}
body.ob250:not(.ob-type-home) .ob-main :is(input,select,textarea):focus-visible{border-color:var(--o70-blue);outline:3px solid rgba(8,104,232,.13);outline-offset:0}
body.ob250:not(.ob-type-home) .ob-main :is(button,.ob-button,.mx-button,.ob2535-shop-button){cursor:pointer;transition:background-color .18s,box-shadow .18s,transform .18s;border-radius:9px}
body.ob250:not(.ob-type-home) .ob-main :is(.ob-button,.mx-button,.ob2535-shop-button){background:var(--o70-blue);color:#fff;border:1px solid var(--o70-blue);font-size:13px;font-weight:750;text-decoration:none}
body.ob250:not(.ob-type-home) .ob-main :is(.ob-button,.mx-button,.ob2535-shop-button):hover{background:var(--o70-dark);border-color:var(--o70-dark)}
body.ob250:not(.ob-type-home) .ob-main :is(.ob-card,.mx-card,.ob2535-shop-card,.ob2535-store-hero,.ob-detail-summary,.ob-gallery,.ob-seller,.ob-conversation,.ob-description,.ob2535-shop-form,.ob2536-product-edit,.ob2556-blog-card){border:1px solid var(--o70-line);border-radius:var(--o70-radius);background:var(--o70-card);box-shadow:var(--o70-shadow)}
body.ob250:not(.ob-type-home) .ob-main :is(.ob-card,.ob2535-shop-card){transition:box-shadow .18s,transform .18s, border-color .18s;overflow:hidden}
body.ob250:not(.ob-type-home) .ob-main :is(.ob-card,.ob2535-shop-card):hover{transform:translateY(-2px);box-shadow:0 14px 29px rgba(20,45,91,.11);border-color:#c3d5eb}
body.ob250:not(.ob-type-home) .ob-card-media{background:#f6f8fa;aspect-ratio:1/1}
body.ob250:not(.ob-type-home) .ob-card-media img{object-fit:contain}
body.ob250:not(.ob-type-home) .ob-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body.ob250:not(.ob-type-home) .ob-card-info h3{font-size:13px;line-height:1.4;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.ob250:not(.ob-type-home) .ob-price{font-size:17px;color:var(--o70-blue);font-weight:830}
body.ob250:not(.ob-type-home) .ob-filters{background:#fff;border:1px solid var(--o70-line);border-radius:13px;padding:13px 16px;box-shadow:var(--o70-shadow)}
body.ob250:not(.ob-type-home) .ob-detail-layout{gap:20px}
body.ob250:not(.ob-type-home) .ob-detail-price{color:var(--o70-blue)}
body.ob250:not(.ob-type-home) .ob-gallery-stage{background:#fff}
body.ob250:not(.ob-type-home) .ob-category-strip>a{border-color:var(--o70-line);border-radius:11px;background:#fff}
body.ob250:not(.ob-type-home) .ob-bubble.is-own{background:#e9f3ff}
body.ob250:not(.ob-type-home) .ob-conversation:hover{border-color:#9ec1f9;background:#f9fcff}
body.ob250:not(.ob-type-home) .ob2535-shop-form,body.ob250:not(.ob-type-home) .ob2536-product-edit{padding:20px!important;margin-bottom:18px}
body.ob250:not(.ob-type-home) .ob2535-shop-form input[type=file]{padding:8px}
/* Unified shared footer on all screens, including private tools. */
body.ob250:not(.ob-type-home) .ob2565-footer{background:#fff;border-top:1px solid var(--o70-line);padding:25px 24px 10px;color:#24334a}
body.ob250:not(.ob-type-home) .ob2565-footer-brand>a{font-size:27px;font-weight:920;color:#080b12;text-decoration:none}
body.ob250:not(.ob-type-home) .ob2565-footer-inner a{color:#617086;text-decoration:none;font-size:12px}
body.ob250:not(.ob-type-home) .ob2565-footer-inner a:hover{color:var(--o70-blue)}
body.ob250:not(.ob-type-home) .ob2565-copyright{color:#8290a5}
/* Private admin navigation */
.ob2570-admin-nav{max-width:1360px;margin:15px auto 0;padding:0 24px;display:flex;gap:8px;flex-wrap:wrap}
.ob2570-admin-nav a{display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;background:#fff;border:1px solid var(--o70-line);color:#345071!important;text-decoration:none;font-size:12px;font-weight:690}
.ob2570-admin-nav a:hover,.ob2570-admin-nav a:focus-visible{color:var(--o70-blue)!important;border-color:#bdd5fb}
/* Authenticated account dashboard */
.ob2570-dashboard{display:grid;grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:18px;padding-top:4px!important;padding-bottom:35px}
.ob2570-account-side{align-self:start;position:sticky;top:16px;padding:15px;background:#fff;border:1px solid var(--o70-line);border-radius:18px;box-shadow:var(--o70-shadow)}
.ob2570-identity{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--o70-line);padding-bottom:15px;margin-bottom:10px;min-width:0}
.ob2570-identity img,.ob2570-avatar{width:49px;height:49px;min-width:49px;border-radius:50%;object-fit:cover;background:#e9f2ff;color:#045ecf;display:grid;place-items:center;font-size:24px;font-weight:850}
.ob2570-identity>div{min-width:0}
.ob2570-identity strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob2570-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--o70-muted)}
.ob2570-account-side nav{display:flex;flex-direction:column;gap:4px}
.ob2570-account-side nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 11px;color:#31435c;text-decoration:none;font-weight:650;border-radius:10px}
.ob2570-account-side nav a:hover,.ob2570-account-side nav a[aria-current=page]{background:#eaf3ff;color:#075ecb}
.ob2570-account-side nav a span{font-size:18px;font-weight:700}
.ob2570-account-body{min-width:0}
.ob2570-welcome,.ob2570-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(116deg,#092d66,#0a69e7);color:#fff;padding:26px 28px;border-radius:18px;box-shadow:0 14px 26px #0e5cc51a}
.ob2570-kicker,.ob2570-admin-hero>div>span{letter-spacing:.07em;text-transform:uppercase;font-size:11px;color:#b4daff;font-weight:780}
.ob2570-welcome h1,.ob2570-admin-hero h1{font-size:clamp(21px,2vw,28px);font-weight:860;letter-spacing:-.6px;line-height:1.2;color:#fff;margin:7px 0}
.ob2570-welcome p,.ob2570-admin-hero p{color:#e4f1ff;margin:0;max-width:620px;font-size:13px}
.ob2570-primary,.ob2570-admin-hero>a{display:inline-flex;justify-content:center;align-items:center;min-height:41px;padding:11px 17px;border-radius:10px;background:#fff;color:#0458c4!important;text-decoration:none;font-size:12px;font-weight:810;white-space:nowrap}
.ob2570-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0}
.ob2570-metrics a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--o70-line);background:#fff;padding:18px;border-radius:15px;box-shadow:var(--o70-shadow);text-decoration:none;color:var(--o70-ink)}
.ob2570-metrics a:hover{border-color:#abc8f2}
.ob2570-metrics strong{font-size:28px;color:var(--o70-blue);font-weight:860;line-height:1.12}
.ob2570-metrics span{font-size:12px;color:var(--o70-muted)}
.ob2570-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ob2570-quick a{background:#fff;border:1px solid var(--o70-line);padding:14px 12px;border-radius:12px;text-decoration:none;text-align:center;color:#2d4260;font-weight:700;font-size:12px}
.ob2570-quick a:hover{color:var(--o70-blue);background:#f8fbff}
.ob2570-user-list,.ob2570-admin-stats,.ob2570-admin-tools{border:1px solid var(--o70-line);border-radius:17px;background:#fff;padding:19px;box-shadow:var(--o70-shadow)}
.ob2570-section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--o70-line);margin-bottom:4px;padding-bottom:13px}
.ob2570-section-top h2,.ob2570-admin-tools h2,.ob2570-admin-stats h2{margin:0;font-size:18px;color:#182a44}
.ob2570-section-top a{color:var(--o70-blue);font-weight:750;text-decoration:none}
.ob2570-notice{background:#e9f8f0;border:1px solid #b8e1c6;color:#276345;border-radius:10px;padding:12px 16px;margin:13px 0}
.ob2570-listing-row{display:grid;grid-template-columns:105px minmax(0,1fr) minmax(145px,210px);align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #eef2f7}
.ob2570-listing-row:last-child{border-bottom:0}
.ob2570-my-image{display:block;width:105px;height:90px;border-radius:10px;background:#f4f7fb;overflow:hidden}
.ob2570-my-image img{width:100%;height:100%;object-fit:cover}
.ob2570-my-image span{height:100%;display:grid;place-items:center;color:#9bacc0}
.ob2570-listing-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.ob2570-listing-info a{color:#172b44;font-weight:720;text-decoration:none;overflow-wrap:anywhere}
.ob2570-listing-info a:hover{color:var(--o70-blue)}
.ob2570-listing-info strong{color:var(--o70-blue);font-size:15px}
.ob2570-listing-info small{color:var(--o70-muted)}
.ob2570-status-form{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}
.ob2570-status-form label{flex:1;min-width:120px;color:var(--o70-muted);font-size:11px}
.ob2570-status-form select{width:100%;margin-top:5px}
.ob2570-status-form button{min-height:40px;border:1px solid var(--o70-blue);border-radius:9px;background:var(--o70-blue);color:white;padding:9px 12px;font-weight:730}
.ob2570-empty{padding:35px 10px;text-align:center;color:var(--o70-muted)}
.ob2570-empty .ob2570-primary{background:var(--o70-blue);color:#fff!important}
/* Administrator central overview */
.ob2570-admin-home{padding-top:13px!important;padding-bottom:36px}
.ob2570-admin-hero{margin-bottom:20px}
.ob2570-admin-stats{margin-bottom:20px}
.ob2570-admin-stats p{color:var(--o70-muted);margin-top:5px}
.ob2570-admin-stats .ob2570-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
.ob2570-admin-stats .ob2570-metrics a{box-shadow:none}
.ob2570-admin-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.ob2570-admin-tool-grid>a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--o70-line);border-radius:12px;text-decoration:none;color:var(--o70-ink)}
.ob2570-admin-tool-grid>a>span:first-child{display:grid;place-items:center;height:39px;width:39px;background:#e8f2ff;color:var(--o70-blue);font-size:20px;border-radius:10px}
.ob2570-admin-tool-grid>a:hover{border-color:#9fc5fa;background:#fcfdff}
.ob2570-admin-tool-grid>a>strong{flex:1;font-weight:720}
.ob2570-arrow{color:#71829b}
/* Live search suggestions; do not block native form submission. */
.ob2570-suggest{position:fixed;z-index:10050;background:white;border:1px solid #d9e4f3;border-radius:12px;box-shadow:0 16px 38px rgba(12,33,68,.18);padding:5px;max-height:360px;overflow-y:auto}
.ob2570-suggest[hidden]{display:none!important}
.ob2570-suggest a{display:block;border-radius:8px;padding:10px 12px;text-decoration:none;color:#20364e;line-height:1.35;font-size:13px}
.ob2570-suggest a:hover,.ob2570-suggest a:focus-visible{background:#eef5ff;outline:0}
.ob2570-suggest a small{display:block;color:var(--o70-muted);font-size:11px}
.ob2570-search-label{padding:7px 12px 4px;font-size:10px;font-weight:760;color:#71829a;text-transform:uppercase;letter-spacing:.07em}
.ob2570-network{position:fixed;z-index:10020;top:8px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:10px;color:#76470b;background:#fff1cc;border:1px solid #edcc77;font-size:12px;box-shadow:var(--o70-shadow)}
@media(max-width:1060px){body.ob250:not(.ob-type-home) .ob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob2570-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body.ob250:not(.ob-type-home) .ob-main > :not(.ob2570-top-shell):not(.ob2570-admin-nav):not(script):not(style):not(.ob2570-page-heading){padding-left:12px;padding-right:12px}
 body.ob250:not(.ob-type-home) .ob-main > .ob2570-page-heading{margin:16px auto;padding:0 12px;font-size:20px}
 .ob2570-dashboard{display:block;padding-top:5px!important}
 .ob2570-account-side{position:static;margin-bottom:14px}
 .ob2570-account-side nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .ob2570-account-side nav a{min-height:48px;flex-direction:column;justify-content:center;gap:3px;text-align:center;padding:6px 3px;font-size:10px}
 .ob2570-welcome,.ob2570-admin-hero{flex-direction:column;align-items:stretch;padding:22px}
 .ob2570-metrics{gap:8px}
 .ob2570-metrics a{padding:12px}
 .ob2570-metrics strong{font-size:22px}
 .ob2570-metrics span{font-size:10px}
 .ob2570-listing-row{grid-template-columns:82px minmax(0,1fr);gap:11px}
 .ob2570-my-image{width:82px;height:80px}
 .ob2570-status-form{grid-column:1/-1}
 .ob2570-admin-stats .ob2570-metrics,.ob2570-admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ob250:not(.ob-type-home) .ob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ob2570-admin-nav{overflow-x:auto;flex-wrap:nowrap;padding:0 12px;scrollbar-width:thin}
 .ob2570-admin-nav a{flex:0 0 auto}
}
@media(max-width:400px){.ob2570-account-side nav{grid-template-columns:repeat(4,minmax(0,1fr))}.ob2570-admin-tool-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.ob250 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
