@import url('/assets/base.css');

.sale-summary{display:grid;gap:8px;padding:16px;background:#f5f4ef;border-radius:8px}.sale-summary span{font-size:13px;color:#6f726d}.sale-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e5df;padding-top:18px}.sale-total strong{font-size:24px;color:#285b4d}

/* Keep form actions visible while long fields scroll, especially on phones. */
dialog:has(#modal-form){overflow:hidden}#modal-form .form-grid{max-height:calc(80dvh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:12px -4px}#modal-form .modal-foot{background:#fff;padding-top:14px;margin-top:10px;border-top:1px solid #e9e9e9}#modal-form .form-error{margin:0} @media(max-width:760px){#modal-form .form-grid{max-height:calc(82dvh - 220px)}#modal-form .modal-foot{position:relative;margin-bottom:0}.sale-summary{padding:12px}}

/* Multi-merchant market: compact catalog first, separate from the merchant workspace. */
.market-page{min-height:100vh;background:#f5f5f3;color:#282a28}.market-header{background:#fff;border-bottom:1px solid #e5e5e1;display:flex;gap:35px;align-items:center;padding:18px max(24px,calc((100vw - 1360px)/2));min-height:90px}.market-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.market-brand>b{background:#282d29;color:#e8d3a1;width:42px;height:42px;display:grid;place-items:center;font-size:25px;border-radius:4px}.market-brand>span{font-size:21px;font-weight:700;white-space:nowrap}.market-brand small{display:block;font-size:10px;color:#888;font-weight:400;margin-top:3px;letter-spacing:2px}.market-header nav{display:flex;gap:28px;align-items:center;flex:1;font-size:14px;white-space:nowrap}.market-header nav a{padding:12px 0;color:#656862}.market-header nav a.active{color:#92713a;border-bottom:2px solid #b49253;font-weight:600}.market-account{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px}.market-main{max-width:1360px;margin:auto;padding:28px 24px 60px}.market-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.market-title h1{font-size:25px;margin:0 0 7px;letter-spacing:1px}.market-title p{margin:0;font-size:13px;color:#797c75}.market-title>a{font-size:13px}.market-demo{color:#888;font-size:11px}.market-search{display:flex;align-items:center;gap:14px;border:1px solid #c7b58f;background:#fff;padding:5px 5px 5px 17px;max-width:700px;border-radius:5px}.market-search input{border:0;outline:none;flex:1;min-width:0;height:36px;background:none}.market-search .primary{background:#a48448;border-color:#a48448;min-width:85px}.market-categories{display:flex;gap:24px;border-bottom:1px solid #deded7;margin-top:22px;overflow:auto}.market-categories button{border:0;background:transparent;padding:14px 6px;font-size:15px;white-space:nowrap;cursor:pointer;color:#656862}.market-categories button.selected{font-weight:700;color:#98763e;border-bottom:3px solid #b69658}.market-filters{display:flex;align-items:end;gap:18px;padding:17px 0;border-bottom:1px solid #e2e2dd}.market-filters label{font-size:12px;color:#777;display:flex;align-items:center;gap:10px}.market-filters select{width:155px;min-width:0;background:#fff;border:1px solid #deded7;border-radius:4px;padding:8px;font-size:12px}.market-results{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;margin:19px 0}.market-results label{display:flex;gap:10px;align-items:center}.market-results select{padding:7px;border:1px solid #deded7;border-radius:4px;background:#fff;font-size:12px}.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.market-card{background:#fff;border:1px solid #e9e9e4;border-radius:5px;overflow:hidden;transition:box-shadow .15s}.market-card:hover{box-shadow:0 3px 12px #0000000c}.market-photo{display:block;aspect-ratio:1.08;position:relative;background:#f0eee9;overflow:hidden}.market-photo>img{width:100%;height:100%;object-fit:cover}.market-photo>span{position:absolute;top:10px;left:10px;background:#ffffffdf;font-size:11px;padding:3px 7px;border-radius:2px;color:#605c52}.market-demo-art{position:relative;display:grid;place-items:center;width:100%;height:100%;background:#efeee9}.market-demo-art svg{width:82%;height:82%}.market-demo-art>small{position:absolute;right:9px;bottom:8px;color:#98968e;font-size:10px}.market-card-body{padding:13px 13px 0}.market-card-body>small{font-size:10px;color:#8b8b84;letter-spacing:.5px}.market-card h2{font-size:14px;line-height:1.5;font-weight:500;margin:7px 0 13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.market-price{display:flex;align-items:center;justify-content:space-between;gap:5px}.market-price strong{font-size:18px;color:#a26836}.market-price>span{font-size:10px;color:#999;white-space:nowrap}.market-seller{display:flex;gap:6px;align-items:center;padding:12px 0;margin-top:13px;border-top:1px solid #eee;font-size:11px;color:#666}.market-seller span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.market-footnote{font-size:12px;color:#8b8d86;margin-top:24px}.market-empty{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e7e7df;margin:20px 0}.market-empty h2{font-size:18px}.market-empty p{color:#888;font-size:13px;margin-bottom:25px}.market-breadcrumb{display:flex;gap:14px;color:#888;font-size:12px;margin:0 0 22px}.market-detail{background:#fff;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e7e7df}.market-detail-photo{aspect-ratio:1;max-height:540px;background:#eeede7}.market-detail-photo>img{width:100%;height:100%;object-fit:contain}.market-detail-info{padding:36px}.market-item-tag{font-size:12px;color:#8f774c}.market-detail-info h1{font-size:27px;margin:15px 0}.market-detail-info>p{font-size:13px;color:#888}.market-detail-price{margin:26px 0;padding:20px;background:#f8f7f3}.market-detail-price small{display:block;font-size:11px;color:#888;margin-bottom:8px}.market-detail-price strong{font-size:30px;color:#a26836}.market-detail-info dl{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:13px}.market-detail-info dt{color:#999}.market-detail-info dd{margin:0}.market-detail-seller{display:flex;gap:13px;align-items:center;border-top:1px solid #eee;padding:20px 0;margin-top:20px}.market-detail-seller>span{flex:1;font-size:14px}.market-detail-seller small{display:block;color:#999;font-size:11px;font-weight:400;margin-top:5px}.market-detail-info .primary{background:#a48448;border-color:#a48448}.market-description{background:#fff;padding:26px;margin-top:20px;border:1px solid #e7e7df}.market-description h2{font-size:16px}.market-description p{font-size:14px;line-height:1.9;white-space:pre-wrap}.buying-card{background:#fff;border:1px solid #e5e5de;margin:18px 0;border-radius:5px}.buying-card>header,.buying-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;font-size:13px}.buying-card>header{border-bottom:1px solid #eee}.buying-card>header a{display:flex;align-items:center;gap:6px}.buying-card>div{padding:20px 22px}.buying-card h2{font-size:17px;margin-top:0}.buying-card p{font-size:13px;color:#888}.buying-card>footer{border-top:1px solid #eee;color:#888}.buying-progress{display:flex;align-items:center;gap:18px;font-size:12px;padding:15px 0}.buying-progress i{font-style:normal;color:#bbb}.market-workspace-entry{display:flex;align-items:center;gap:20px;margin:20px 0}.market-workspace-entry>div{flex:1}.market-workspace-entry p{font-size:12px;color:#888;margin:5px 0}.back-link{font-size:13px;color:#777}.market-page a:focus-visible,.market-page button:focus-visible{outline:2px solid #a48448;outline-offset:3px}
@media(min-width:1500px){.market-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.market-header{gap:20px;flex-wrap:wrap}.market-header nav{gap:22px;order:3;flex-basis:100%;justify-content:space-between}.market-account{margin-left:auto}.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.market-detail-info{padding:24px}.market-filters{flex-wrap:wrap}}
@media(max-width:700px){.market-header{padding:13px 16px 0;gap:7px}.market-brand>span{font-size:18px}.market-brand small{font-size:9px}.market-brand>b{width:35px;height:35px;font-size:22px}.market-header nav{gap:10px;font-size:12px}.market-account{font-size:11px;gap:1px;max-width:140px}.market-account button{overflow:hidden;text-overflow:ellipsis;max-width:95px}.market-main{padding:20px 12px 36px}.market-title{align-items:start;margin-bottom:18px}.market-title h1{font-size:22px}.market-title p{font-size:11px;max-width:250px;line-height:1.7}.market-demo{font-size:9px;max-width:75px;text-align:right}.market-categories{gap:20px;margin-top:12px}.market-categories button{font-size:13px}.market-filters{gap:10px}.market-filters label{display:grid;gap:5px;flex:1;font-size:10px}.market-filters select{width:100%;font-size:11px;padding:7px 3px}.market-filters button{font-size:10px;padding:5px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-card-body{padding:10px 10px 0}.market-card h2{font-size:12px;margin-bottom:10px}.market-price strong{font-size:16px}.market-price>span{font-size:9px}.market-seller{font-size:10px;padding:10px 0;margin-top:10px}.market-seller>svg:last-child{display:none}.market-card-body>small{font-size:9px}.market-results{font-size:11px}.market-results select{font-size:11px}.market-detail{grid-template-columns:1fr}.market-detail-info{padding:20px}.market-detail-info h1{font-size:23px}.market-detail-photo{max-height:380px}.market-detail-price{margin:20px 0}.market-detail-price strong{font-size:27px}.market-breadcrumb{font-size:10px;gap:8px}.market-description{padding:20px}.buying-card>header,.buying-card>footer{padding:13px;flex-wrap:wrap}.buying-card>div{padding:16px 13px}.buying-progress{gap:10px;font-size:11px}.market-workspace-entry{flex-wrap:wrap;gap:12px}.market-workspace-entry>div{flex-basis:100%}.market-page .pager{font-size:10px;gap:5px}.market-page .pager .secondary{padding:8px;font-size:11px}.store-header nav{flex-wrap:wrap}}

.market-filters label,.market-results label{flex-direction:row}.market-detail-photo{min-width:0}.market-demo{white-space:nowrap}@media(max-width:700px){.market-title{flex-wrap:wrap;gap:8px}.market-demo{max-width:none;text-align:left}.market-results label{flex-direction:row}.market-filters label{min-width:0}}
.market-results label{white-space:nowrap;flex-shrink:0}.market-results select{width:auto;min-width:120px}
.demo-login-panel{margin:18px 0;padding:16px;background:#f7f3e9;border:1px solid #e6dcc5;border-radius:7px}.demo-login-panel>div:first-child{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.demo-login-panel strong{font-size:14px;color:#6e5c39}.demo-login-panel>div>span{font-size:12px;color:#84775f}.demo-login-panel label{font-size:12px;margin:0;gap:6px}.demo-login-panel select{width:100%;font-size:12px;background:#fff;padding:9px}.demo-password{display:grid;gap:7px;margin-top:12px}.demo-password code{font-size:12px;overflow-wrap:anywhere;word-break:break-all;color:#4d483c;user-select:all;font-family:ui-monospace,SFMono-Regular,monospace}.login-page:has(.demo-login-panel){height:auto;min-height:100dvh}.login-card:has(.demo-login-panel){padding-top:24px;padding-bottom:24px}@media(max-width:760px){.login-page:has(.demo-login-panel) .login-side{padding:18px}.demo-login-panel{padding:13px}}