.market-workspace { padding-bottom:100px; }
.market-heading,.market-toolbar,.market-pagination,.market-order { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.market-heading h1 { font-size:22px;margin:0 0 8px; }
.market-heading > button { flex-shrink:0;white-space:nowrap; }
.market-heading p,#market-admin p { color:#667085;font-size:13px;line-height:1.6; }
.market-workspace button,.market-selection button,#market-confirm button { border:1px solid #d6dce5;border-radius:5px;padding:8px 12px;cursor:pointer;background:#fff;color:#344054;font-size:13px; }
.market-workspace button:disabled { opacity:.45;cursor:default; }
.market-workspace button[aria-selected="true"] { background:#e4f4ee;border-color:#82bda8;color:#145b42; }
.market-toolbar { margin:20px 0;flex-wrap:wrap;font-size:13px; }
.market-toolbar [role="tablist"] { display:flex;gap:8px; }
.market-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px; }
.market-product { border:1px solid #e1e6ed;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer; }
.market-product:has(input:checked) { border-color:#237a60;box-shadow:0 0 0 1px #237a60; }
.market-product-image { display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f6f7f9; }
.market-product-copy { padding:12px;display:grid;gap:9px; }
.market-product h2 { margin:0;font-size:13px;line-height:1.5;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere; }
.market-product-price { color:#bd452d;font-weight:650; }
.market-product-meta { display:flex;justify-content:space-between;align-items:center;gap:8px;color:#667085;font-size:11px; }
.market-product input { width:18px;height:18px;accent-color:#237a60; }
.market-pagination { justify-content:center;margin:24px 0;font-size:13px; }
.market-order { padding:16px 0;border-bottom:1px solid #e1e6ed;flex-wrap:wrap;font-size:13px; }
.market-order-actions { display:flex;gap:8px;flex-wrap:wrap; }
.market-order-history { margin-top:7px;color:#667085;font-size:12px;line-height:1.6; }
.market-selection { position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #d6dce5;box-shadow:0 8px 32px #18223022;border-radius:8px;font-size:13px;max-width:calc(100% - 24px); }
.market-selection .primary-button,#market-confirm .primary-button { background:#17664f;color:white;border-color:#17664f; }
#market-confirm { width:440px;max-width:calc(100% - 32px);padding:24px;border:0;border-radius:8px;color:#344054;font-size:14px;line-height:1.6; }
#market-confirm h2 { font-size:19px; }
#market-confirm::backdrop { background:#18223077; }
#market-confirm>div { display:flex;justify-content:flex-end;gap:12px; }
#market-admin { border-block:1px solid #e1e6ed;margin:16px 0;padding:16px 0; }
#market-admin summary { cursor:pointer;font-size:14px;font-weight:650; }
#market-settings { display:flex;align-items:end;gap:12px;flex-wrap:wrap; }
#market-settings label { display:grid;gap:6px;font-size:12px; }
#market-settings input[type="number"] { width:130px;padding:8px;border:1px solid #d6dce5;border-radius:5px; }
#market-message { color:#a84122;font-size:13px; }
@media(max-width:600px) { .market-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.market-product-copy { padding:8px; }.market-selection { flex-wrap:wrap;justify-content:center;width:calc(100% - 24px); }.market-heading { align-items:start; }.market-product-meta { flex-wrap:wrap; } }