/* BeEasy Vendor card navigation — isolated mobile-first styling */
article.vendor-market-card,article.vendor-bid-card{cursor:pointer;transition:border-color .15s,transform .15s}
article.vendor-market-card:hover,article.vendor-bid-card:hover{border-color:#d4a017}
article.vendor-market-card:focus-visible,article.vendor-bid-card:focus-visible{outline:3px solid #d4a017;outline-offset:3px}
dialog.bee-vendor-card-detail{color-scheme:dark;position:fixed;inset:0;margin:auto;background:#141414;color:#f5f5f5;border:1px solid #c49723;border-radius:20px;box-shadow:0 30px 100px #000d;width:min(92vw,640px);max-height:85dvh;overflow:auto;padding:0}
dialog.bee-vendor-card-detail::backdrop{background:#000b;backdrop-filter:blur(3px)}
.bee-vcard-head{position:sticky;top:0;z-index:1;background:#171612;border-bottom:1px solid #3d3420;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px}
.bee-vcard-head small{color:#d4a017;letter-spacing:.12em;font-size:12px;font-weight:700}
.bee-vcard-head h2{font-size:23px;line-height:1.2;margin:8px 0 0;color:#f7f7f7}
.bee-vcard-head button{flex:none;min-height:44px}
.bee-vcard-body{padding:22px}
.bee-vcard-body p{line-height:1.55;color:#ccc}
.bee-vcard-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.bee-vcard-meta span{border:1px solid #4b4125;border-radius:50px;padding:7px 12px;color:#e8c565;font-size:13px}
.bee-vcard-body form{display:grid;gap:16px;margin-top:16px}
.bee-vcard-body form label{display:grid;gap:7px;font-size:15px;color:#eee;font-weight:600}
.bee-vcard-body form input,.bee-vcard-body form textarea{box-sizing:border-box;display:block;width:100%;min-height:46px;background:#242424;border:1px solid #555;border-radius:10px;color:#fff;padding:12px;font-size:16px;font-weight:400}
.bee-vcard-body form textarea{min-height:88px;resize:vertical}
.bee-vcard-body form input:focus,.bee-vcard-body form textarea:focus{outline:2px solid #d4a017;outline-offset:1px}
.bee-vcard-body form button{min-height:48px}
.bee-vcard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bee-vcard-status{font-size:14px;color:#f0c24e}
@media(max-width:440px){.bee-vcard-head{padding:16px}.bee-vcard-body{padding:16px}.bee-vcard-head h2{font-size:20px}.bee-vcard-fields{grid-template-columns:1fr}}