@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,Arial,sans-serif;color:#18191d;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.layout{display:flex;min-height:100vh}.side{background:#15171b;color:#fafafa;width:255px;padding:30px 18px;flex-shrink:0}.brand{font-size:22px;letter-spacing:2px;font-weight:700;padding:8px 14px 28px}.brand small{display:block;letter-spacing:2px;font-size:10px;color:#aab0bd;margin-top:5px}.nav a{display:block;padding:13px 15px;margin:4px 0;border-radius:10px;color:#bec2ca;font-size:14px}.nav a.active,.nav a:hover{background:#30333a;color:white}.main{width:100%;min-width:0;padding:32px clamp(18px,4vw,58px)}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.muted{color:#858994}h1{font-size:30px;margin:4px 0 10px;letter-spacing:-.8px}h2{font-size:18px;margin:0 0 18px}p{line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #e9eaf0;border-radius:18px;padding:24px;box-shadow:0 5px 26px #181b2510;margin-bottom:20px}.metric{font-size:32px;font-weight:700;margin-top:12px}.label{font-size:13px;color:#777d88}.btn{background:#17191e;color:white;padding:11px 18px;border:0;border-radius:10px;font-weight:600;display:inline-block}.btn.light{background:#f0f1f4;color:#222}.field{margin-bottom:16px}label{font-size:13px;font-weight:700;display:block;margin-bottom:7px}input{border:1px solid #dcdfe5;padding:12px 14px;width:100%;border-radius:10px;background:#fff}.auth{max-width:490px;margin:9vh auto;padding:0 18px}.auth .card{padding:34px}.alert{padding:14px 16px;border:1px solid #f1d3c2;background:#fff6ed;border-radius:11px;margin:15px 0;color:#83440d}.success{background:#e9f8ee;border-color:#c7e8d1;color:#215a34}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:13px 10px;border-bottom:1px solid #eeeff2;text-align:left;font-size:13px}th{color:#7a7e88;font-size:12px}td img{width:44px;height:44px;object-fit:cover;border-radius:7px}.tag{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf0f4;color:#4b5260;font-size:11px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer{color:#9da1aa;font-size:12px;margin-top:36px}@media(max-width:850px){.layout{display:block}.side{width:100%;padding:13px}.brand{padding:8px}.nav{display:flex;overflow-x:auto}.nav a{white-space:nowrap}.main{padding:19px}.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}
/* Commerce v1.1 premium enhancements */
.split{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.marketgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.markethead{display:flex;align-items:center;gap:15px;margin-bottom:18px}.markethead h2{margin:0 0 7px}.marketlogo{height:52px;width:52px;display:grid;place-items:center;background:#17191e;color:white;font-size:23px;border-radius:14px;font-weight:700}.marketlogo.neutral{background:#f0f1f4;color:#717681}.market{margin:0}.placeholder{background:#f6f7f9;border:1px dashed #dde1e8;border-radius:12px;padding:18px;color:#858994;font-size:13px}.searchbar{display:flex;gap:10px;margin:18px 0}.searchbar input{flex:1}.compact{margin-bottom:10px}.empty{padding:35px;text-align:center;color:#858994}.hint{font-size:12px}.steps strong{display:inline-block;color:#858994;margin-right:12px}.steps a{text-decoration:underline;text-underline-offset:3px}.card .actions{margin-top:12px}@media(max-width:1100px){.split{grid-template-columns:1fr}.marketgrid{grid-template-columns:1fr}}

/* Trendyol Product V2: grouped content/variant catalog */
.ty-filter{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;align-items:end;gap:12px;margin:20px 0}.ty-filter .field{margin:0}.ty-filter .btn{min-height:46px}.ty-list{display:grid;gap:12px}.ty-product{border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;background:#fff}.ty-product[open]{border-color:#ccd1d9;box-shadow:0 6px 18px #181b250b}.ty-product summary{display:flex;align-items:center;gap:16px;padding:15px;cursor:pointer;list-style:none}.ty-product summary::-webkit-details-marker{display:none}.ty-thumb{width:68px;height:74px;flex:0 0 68px;border-radius:10px;background:#f1f2f4;display:grid;place-items:center;overflow:hidden}.ty-thumb img{width:100%;height:100%;object-fit:cover}.ty-thumb span{font-size:10px;text-align:center;color:#838895;padding:5px}.ty-info{flex:1;min-width:0}.ty-info strong{font-size:14px;line-height:1.45}.ty-sub{font-size:12px;margin-top:6px;overflow-wrap:anywhere}.ty-open{font-size:12px;white-space:nowrap;color:#666c77}.ty-product[open] .ty-open span{display:inline-block;transform:rotate(180deg)}.ty-detail{padding:5px 16px 18px;border-top:1px solid #eef0f3}.ty-detail table{min-width:800px}.ty-pages{display:flex;align-items:center;justify-content:space-between;margin:22px 0 0;gap:12px}.ty-pages form{margin:0}@media(max-width:800px){.ty-filter{grid-template-columns:1fr}.ty-open{font-size:0}.ty-open span{font-size:17px}.ty-thumb{width:54px;height:60px;flex-basis:54px}.ty-product summary{gap:10px;padding:10px}}

/* v1.2.1 fixed compact catalog, independent of theme-wide image rules */
.ty-list{gap:10px!important}.ty-product{display:block;max-width:100%;min-width:0}.ty-product[hidden]{display:none!important}
.ty-product>summary{display:flex!important;align-items:center!important;min-height:94px;gap:14px;max-width:100%;overflow:hidden}
.ty-thumb{width:72px!important;height:80px!important;flex:0 0 72px!important;max-width:72px!important;max-height:80px!important;overflow:hidden!important;display:flex!important;align-items:center;justify-content:center}
.ty-thumb>img{display:block!important;width:72px!important;height:80px!important;max-width:72px!important;max-height:80px!important;object-fit:cover!important;object-position:center!important}
.ty-info{min-width:0!important;flex:1}.ty-info strong{display:block;font-size:14px;line-height:1.5}.ty-dot{padding:0 3px;color:#a4a8b1}
.ty-open{border:1px solid #e5e7eb;padding:8px 12px;border-radius:9px;background:#f8f9fa;color:#343a46}
.ty-detail{padding:14px 16px 18px}.ty-content-ids{margin-bottom:12px;max-height:68px;overflow:auto;line-height:1.6}
.ty-variants{max-height:430px;overflow:auto;border:1px solid #e7e9ed;border-radius:10px}
.ty-variants thead th{position:sticky;top:0;background:#f7f8fa;z-index:2}
.ty-variants td,.ty-variants th{padding:11px 12px}.ty-variants tbody tr:nth-child(even){background:#fcfcfd}
.ty-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.ty-stat{background:#f7f8fa;border:1px solid #eceef1;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.ty-stat strong{font-size:23px;color:#17191e}.ty-stat span{font-size:12px;color:#858994}
.ty-client-search{margin:17px 0}.ty-client-search label{margin-bottom:7px}.ty-client-search input{max-width:540px}
.ty-client-search small{display:block;color:#858994;margin-top:7px;line-height:1.45}
.ty-paging-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:20px 0 10px;font-size:12px}
.ty-pages{border-top:1px solid #e8eaf0;padding-top:20px}.ty-pages .btn{padding:9px 15px}
@media(max-width:700px){.ty-toolbar{grid-template-columns:1fr 1fr}.ty-stat:last-child{grid-column:1/-1}.ty-product>summary{min-height:76px}.ty-thumb,.ty-thumb>img{width:58px!important;max-width:58px!important;height:66px!important;max-height:66px!important}.ty-thumb{flex-basis:58px!important}.ty-open{padding:7px}.ty-detail{padding:10px}.ty-pages{flex-direction:column;align-items:flex-start}}

/* v1.3.1 grouped local brand catalog */
.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px!important}
.catalog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.catalog-stat{background:#f7f8fa;border:1px solid #e9ecf0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:4px}
.catalog-stat strong{font-size:25px;color:#16181c}.catalog-stat span{font-size:12px;color:#788091}
.catalog-warning{border:1px solid #f5d8a3;background:#fff9ed;color:#785016;padding:13px 16px;border-radius:11px;font-size:13px;line-height:1.6}
.catalog-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) auto;gap:12px;align-items:end;margin:18px 0}
.catalog-filters .field{margin:0}.catalog-filters select{width:100%;min-height:46px;border-radius:10px;border:1px solid #dee2e9;padding:0 12px;background:white;color:#23252b}
.catalog-filters .btn{min-height:46px}.catalog-count{font-size:12px;margin:18px 0 12px}
.catalog-groups{display:grid;gap:10px}.catalog-group{border:1px solid #e6e9ef;border-radius:14px;overflow:hidden;background:white}.catalog-group[open]{border-color:#cbd0d9}
.catalog-group>summary{display:flex;align-items:center;gap:14px;padding:14px;list-style:none;cursor:pointer}.catalog-group>summary::-webkit-details-marker{display:none}
.catalog-thumb{flex:0 0 66px;width:66px;height:74px;overflow:hidden;background:#f4f5f7;border-radius:10px;display:flex;align-items:center;justify-content:center}.catalog-thumb img{display:block;width:66px!important;height:74px!important;max-width:66px!important;max-height:74px!important;object-fit:cover!important}.catalog-thumb span{font-size:10px;color:#8a8f9c}
.catalog-group-info{flex:1;min-width:0}.catalog-group-info strong{font-size:14px;display:block;line-height:1.5}.catalog-group-info .muted{font-size:12px;margin-top:5px}.catalog-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.catalog-pills span{font-size:11px;background:#f0f2f5;border-radius:7px;padding:4px 7px;color:#535c6c}.catalog-pills .catalog-pill-warning{background:#fff0d1;color:#8b5800}
.catalog-toggle{white-space:nowrap;font-size:12px;background:#f7f8fa;border:1px solid #e5e7ee;border-radius:9px;padding:9px 11px}.catalog-group[open] .catalog-toggle{background:#eff1f4}
.catalog-detail{padding:13px 14px 16px;border-top:1px solid #eceef1}.catalog-note{font-size:12px;color:#858994;margin-bottom:10px}.catalog-table-scroll{max-height:440px;overflow:auto;border:1px solid #e9ecf0;border-radius:10px}.catalog-table-scroll table{min-width:670px;width:100%;border-collapse:collapse}.catalog-table-scroll th{position:sticky;top:0;background:#f7f8fa;z-index:1}.catalog-table-scroll td,.catalog-table-scroll th{padding:12px;text-align:left}.catalog-table-scroll tbody tr:nth-child(even){background:#fafbfc}.catalog-price-warning{background:#fff1d6;color:#8a5300;border-radius:6px;padding:5px 7px;font-size:12px;white-space:nowrap}
.catalog-pagination{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-pagination>span{color:#858994;font-size:13px}
@media(max-width:760px){.catalog-stats{grid-template-columns:1fr}.catalog-filters{grid-template-columns:1fr}.catalog-group>summary{gap:9px;padding:10px}.catalog-thumb{flex-basis:55px;width:55px;height:62px}.catalog-thumb img{width:55px!important;height:62px!important;max-width:55px!important;max-height:62px!important}.catalog-toggle{font-size:11px;padding:7px}.catalog-pagination{flex-wrap:wrap}}

/* v1.4 — unified product workspace, no change to operational API logic */
.side{display:flex;flex-direction:column}
.pc-nav-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#858e9f;padding:10px 17px 8px}
.pc-nav-divider{margin-top:20px;padding-top:19px;border-top:1px solid #30343e}
.nav a{display:flex;align-items:center;gap:12px;border-radius:11px;transition:background .15s ease}
.pc-nav-symbol{width:21px;min-width:21px;text-align:center;font-size:19px;line-height:1;opacity:.8}
.pc-logout{margin-top:10px}
.pc-side-foot{margin-top:auto;color:#89909e;letter-spacing:1px;font-size:10px;padding:24px 20px 20px}
.pc-side-foot span{display:block;margin-top:6px;letter-spacing:0;font-size:12px;color:#e4e7ee}
.pc-section-heading{margin-bottom:18px}
.pc-eyebrow{font-size:11px;letter-spacing:1.4px;color:#949caa;font-weight:700}
.pc-section-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:7px}
.pc-section-row strong{font-size:25px;letter-spacing:-.8px;color:#15171b}
.pc-readonly{padding:7px 11px;border-radius:99px;background:#e9edf2;font-size:11px;color:#647185}
.pc-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid #dde1e8;padding:0 0 2px;margin:0 0 24px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.pc-tabs a{text-decoration:none;color:#656f7f;font-size:13px;font-weight:650;padding:14px 17px;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease}
.pc-tabs a:hover{color:#111318}
.pc-tabs a.is-active{color:#111318;border-bottom-color:#111318}
.pc-tabs + .top{margin-top:0}
@media(max-width:850px){.pc-section-row strong{font-size:21px}.pc-tabs a{font-size:12px;padding:12px 13px}.pc-nav-label,.pc-side-foot{display:none}.pc-nav-symbol{display:none}}

/* v1.5 Trendyol diagnostic cards */
.check-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.check-tags>div{background:#f5f6f9;border:1px solid #e8ebef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px}.check-tags strong{font-size:21px;color:#17191d}.check-tags span{font-size:12px;color:#798296}.check-hint{color:#748096;font-size:13px;margin:16px 0;line-height:1.6}@media(max-width:850px){.check-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}