/* Marketplace - frontend base styles.
   Full UI (card dashboard, responsive tables, badges) lands in later phases. */
.pb-mp-account-link{display:flex;align-items:center;gap:.5rem}
.pb-mp-account-link .material-icons{font-size:1.25rem}
.pb-mp-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.4}
.pb-mp-badge--active{background:#e6f4ea;color:#137333}
.pb-mp-badge--pending{background:#fef7e0;color:#b06000}
.pb-mp-badge--suspended{background:#fce8e6;color:#c5221f}
.pb-mp-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff}

/* Phase 3 - seller register / dashboard */
.pb-mp-form .form-group{margin-bottom:1rem}
.pb-mp-stat{text-align:center}
.pb-mp-stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}
.pb-mp-stat-value{font-size:1.4rem;font-weight:700;margin-top:.25rem}
.pb-mp-sections{list-style:none;padding-left:0;margin:0}
.pb-mp-sections li{padding:.35rem 0;border-bottom:1px solid #f0f0f0}

/* Phase 4 - product page seller box */
.pb-mp-seller-box{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:8px;margin:.75rem 0;font-size:.95rem}
.pb-mp-seller-box__label{color:#6b7280}
.pb-mp-seller-box__name{font-weight:700}
.pb-mp-seller-box__rating{color:#b06000}
.pb-mp-seller-box__count{color:#6b7280;font-size:.85rem}

/* Phase 5 - seller products */
.pb-mp-products-table{width:100%;border-collapse:collapse}
.pb-mp-products-table th,.pb-mp-products-table td{padding:.5rem .6rem;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}
.pb-mp-actions a{white-space:nowrap}
.pb-mp-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.pb-mp-thumb{width:64px;height:64px;object-fit:cover;border:1px solid #e5e7eb;border-radius:6px}

/* Phase 7 - improved seller UI */
.pb-mp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem}
@media(max-width:768px){.pb-mp-stats-grid{grid-template-columns:repeat(2,1fr)}}
.pb-mp-row{display:flex;flex-wrap:wrap;gap:1rem}
.pb-mp-col{flex:1 1 200px}
.pb-mp-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.pb-mp-product-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pb-mp-product-thumb{height:160px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pb-mp-product-thumb img{width:100%;height:100%;object-fit:cover}
.pb-mp-noimg{color:#9ca3af;font-size:.85rem}
.pb-mp-product-body{padding:.75rem;display:flex;flex-direction:column;gap:.4rem}
.pb-mp-product-name{font-weight:600}
.pb-mp-product-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.pb-mp-price{font-weight:700}
.pb-mp-product-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}
/* category tree */
.pb-mp-cat-box{max-height:280px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem}
.pb-mp-cat-tree{list-style:none;margin:0;padding-left:1rem}
.pb-mp-cat-tree .pb-mp-cat-tree{border-left:1px dashed #e5e7eb;margin-left:.35rem}
.pb-mp-cat-row{display:flex;align-items:center;gap:1rem;padding:.15rem 0}
.pb-mp-cat-name{margin:0;font-weight:500}
.pb-mp-cat-def{margin:0;font-size:.8rem;color:#6b7280}
/* editor */
.pb-mp-editor{min-height:180px;background:#fff}
/* image manager */
.pb-mp-dropzone{border:2px dashed #cbd5e1;border-radius:10px;padding:1.25rem;text-align:center;color:#6b7280;cursor:pointer;transition:background .15s,border-color .15s}
.pb-mp-dropzone.is-dragover{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}
.pb-mp-image-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}
.pb-mp-img-tile{position:relative;width:104px;height:104px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f7f7f7;cursor:move}
.pb-mp-img-tile.is-cover{outline:2px solid #2563eb;outline-offset:0}
.pb-mp-img-tile img{width:100%;height:100%;object-fit:cover;display:block}
.pb-mp-cover-badge{position:absolute;top:4px;left:4px;background:#2563eb;color:#fff;font-size:.65rem;padding:1px 6px;border-radius:999px;z-index:2}
.pb-mp-img-del{position:absolute;top:2px;right:2px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:20px;cursor:pointer;z-index:2}
.pb-mp-img-del:hover{background:rgba(220,38,38,.9)}
/* BO admin order panel */
.pb-mp-admin-seller{margin-bottom:1rem}

/* Phase 8 - shared seller area nav */
.pb-mp-nav{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}
.pb-mp-nav__link{padding:.4rem .9rem;border-radius:8px;text-decoration:none;color:#374151;font-weight:600}
.pb-mp-nav__link:hover{background:#f3f4f6}
.pb-mp-nav__link.is-active{background:#2563eb;color:#fff}
.pb-mp-form.pb-mp-card{padding:1.25rem}

/* Phase 9b - PS-style product form helpers */
.pb-mp-inline{display:flex;gap:1rem;flex-wrap:wrap}
.pb-mp-inline__item{flex:1 1 200px}
.pb-mp-mini-label{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.25rem}
.pb-mp-qty input[type=number]{text-align:center}
.pb-mp-qty .btn{min-width:42px;font-weight:700}
.pb-mp-product-form .form-control-label{font-weight:600}

/* Phase 10 - small price/quantity fields (not full width) */
.pb-mp-field-sm{max-width:220px}
.pb-mp-field-sm input.form-control{max-width:120px}

/* Phase 10 - messaging (chat) */
.pb-mp-thread-list{list-style:none;margin:0;padding:0}
.pb-mp-thread{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}
.pb-mp-thread a{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;text-decoration:none;color:#374151}
.pb-mp-thread__who{font-weight:700;min-width:160px}
.pb-mp-thread__subj{flex:1}
.pb-mp-thread__date{color:#9ca3af;font-size:.8rem}
.pb-mp-thread__badge{background:#2563eb;color:#fff;border-radius:999px;padding:1px 8px;font-size:.75rem}
.pb-mp-thread.is-unread{border-color:#2563eb;background:#f5f8ff}
.pb-mp-chat{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;max-width:720px}
.pb-mp-chat__head{background:#f9fafb;padding:.6rem .9rem;font-weight:700;border-bottom:1px solid #e5e7eb}
.pb-mp-chat__msgs{height:380px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#fff}
.pb-mp-bubble{max-width:75%;padding:.5rem .75rem;border-radius:12px;background:#f1f3f5;align-self:flex-start}
.pb-mp-bubble.is-mine{align-self:flex-end;background:#2563eb;color:#fff}
.pb-mp-bubble__text{white-space:normal;word-wrap:break-word}
.pb-mp-bubble__date{font-size:.7rem;opacity:.7;margin-top:.2rem;text-align:right}
.pb-mp-chat__composer{display:flex;gap:.5rem;padding:.6rem;border-top:1px solid #e5e7eb;background:#f9fafb}
.pb-mp-chat__composer textarea{flex:1;resize:vertical}

/* Phase 11 - feedback */
.pb-mp-stars{display:inline-flex;flex-direction:row-reverse;gap:4px;font-size:1.6rem}
.pb-mp-stars input{display:none}
.pb-mp-stars label{color:#d1d5db;cursor:pointer}
.pb-mp-stars label:hover,.pb-mp-stars label:hover ~ label,.pb-mp-stars input:checked ~ label{color:#f59e0b}
.pb-mp-review{border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;margin-bottom:.6rem}
.pb-mp-review__head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.pb-mp-review__stars{color:#f59e0b;letter-spacing:1px}
.pb-mp-review__title{font-weight:700;margin-top:.3rem}

/* Phase 11b - reply + public reviews */
.pb-mp-review__reply{margin-top:.4rem;padding:.4rem .6rem;background:#f3f4f6;border-radius:6px}
.pb-mp-reply-form{margin-top:.5rem;display:flex;gap:.5rem;align-items:flex-start}
.pb-mp-reply-form textarea{flex:1}
.pb-mp-avg{font-size:1.05rem}
.pb-mp-public-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.pb-mp-public-head__name{font-size:1.4rem;font-weight:700}

/* Phase 13 - direct offers */
.pb-mp-offer{border:1px solid #e5e7eb;border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}
.pb-mp-offer__head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.35rem}
.pb-mp-offer__body{display:flex;gap:1.2rem;flex-wrap:wrap;color:#374151}
.pb-mp-offer__msg{margin-top:.4rem;padding:.4rem .6rem;background:#f3f4f6;border-radius:6px}
.pb-mp-offer__actions{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}
.pb-mp-counter-form{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.pb-mp-counter-form .form-control{max-width:200px}

/* Phase 13b - offers subnav */
.pb-mp-subnav{list-style:none;display:flex;gap:.5rem;padding:0;margin:0 0 1rem}
.pb-mp-subnav a{display:inline-block;padding:.35rem .8rem;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#374151}
.pb-mp-subnav a.is-active{background:#2563eb;color:#fff;border-color:#2563eb}

/* Seller products: list layout + pagination (1.1.19) */
.pb-mp-product-list{list-style:none;margin:0;padding:0}
.pb-mp-product-row{display:flex;align-items:center;gap:.8rem;padding:.6rem .4rem;border-bottom:1px solid #eef0f2}
.pb-mp-product-row__thumb{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f7f8fa;border-radius:6px;overflow:hidden}
.pb-mp-product-row__thumb img{max-width:56px;max-height:56px;display:block}
.pb-mp-product-row__thumb .pb-mp-noimg{font-size:.65rem;color:#9aa3ad;text-align:center}
.pb-mp-product-row__info{flex:1 1 auto;min-width:0}
.pb-mp-product-row__info .pb-mp-product-name{font-weight:600}
.pb-mp-product-row__actions{flex:0 0 auto;display:flex;gap:.35rem;flex-wrap:wrap}
.pb-mp-pagination{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:1rem}
.pb-mp-pagination .pb-mp-page{display:inline-block;min-width:34px;text-align:center;padding:.3rem .55rem;border:1px solid #dfe3e8;border-radius:6px;text-decoration:none;color:#374151}
.pb-mp-pagination .pb-mp-page.is-active{background:#2563eb;color:#fff;border-color:#2563eb}
/* Disabled (non-selectable) category nodes */
.pb-mp-cat-row--disabled .pb-mp-cat-name--muted{color:#9aa3ad}

/* Seller products: table layout + icon actions (1.1.20) */
.pb-mp-products-table{width:100%;border-collapse:collapse}
.pb-mp-products-table th,.pb-mp-products-table td{padding:.55rem .5rem;border-bottom:1px solid #eef0f2;vertical-align:middle}
.pb-mp-products-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:#6b7280;border-bottom:2px solid #e5e7eb}
.pb-mp-col-name{font-weight:600}
.pb-mp-thumb-sm{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f7f8fa;border-radius:6px;overflow:hidden}
.pb-mp-thumb-sm img{max-width:44px;max-height:44px;display:block}
.pb-mp-thumb-sm .pb-mp-noimg{color:#9aa3ad}
.pb-mp-col-actions{white-space:nowrap}
.pb-mp-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dfe3e8;border-radius:6px;color:#374151;text-decoration:none;margin-left:.2rem}
.pb-mp-iconbtn:hover{background:#f3f4f6}
.pb-mp-iconbtn .material-icons{font-size:18px;line-height:1}
.pb-mp-iconbtn--danger{color:#b91c1c;border-color:#f0c8c8}
.pb-mp-iconbtn--danger:hover{background:#fdeaea}

/* Messaging: two-pane chat (1.1.22) */
.pb-mp-msg{display:flex;gap:1rem;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;min-height:460px}
.pb-mp-msg__list{flex:0 0 280px;max-width:280px;border-right:1px solid #e5e7eb;overflow-y:auto;max-height:560px;background:#fafbfc}
.pb-mp-msg__empty,.pb-mp-msg__placeholder{padding:1rem;color:#6b7280}
.pb-mp-msg__placeholder{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}
.pb-mp-msg__item{display:block;position:relative;padding:.7rem .9rem;border-bottom:1px solid #eef0f2;text-decoration:none;color:#1f2937}
.pb-mp-msg__item:hover{background:#f3f4f6}
.pb-mp-msg__item.is-active{background:#e8f0fe}
.pb-mp-msg__item.is-unread .pb-mp-msg__who{font-weight:700}
.pb-mp-msg__who{display:block;font-weight:600}
.pb-mp-msg__sub{display:block;font-size:.85rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-mp-msg__date{display:block;font-size:.72rem;color:#9aa3ad;margin-top:.15rem}
.pb-mp-msg__badge{position:absolute;top:.7rem;right:.9rem;background:#2563eb;color:#fff;border-radius:10px;font-size:.7rem;padding:.05rem .4rem}
.pb-mp-msg__conv{flex:1 1 auto;display:flex;min-width:0}
.pb-mp-msg__conv .pb-mp-chat{display:flex;flex-direction:column;width:100%;border:0;border-radius:0;max-width:none}
.pb-mp-chat__head{padding:.7rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;background:#fff}
.pb-mp-chat__msgs{flex:1 1 auto;overflow-y:auto;max-height:420px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.4rem}
.pb-mp-bubble{max-width:75%;padding:.45rem .7rem;border-radius:12px;background:#f1f3f5;align-self:flex-start}
.pb-mp-bubble.is-mine{align-self:flex-end;background:#d7e6ff}
.pb-mp-bubble__text{word-wrap:break-word}
.pb-mp-bubble__date{font-size:.68rem;color:#9aa3ad;margin-top:.15rem}
.pb-mp-chat__composer{display:flex;align-items:flex-end;gap:.4rem;padding:.6rem;border-top:1px solid #e5e7eb;background:#fff;position:relative}
.pb-mp-chat__composer textarea{flex:1 1 auto;resize:none}
.pb-mp-emoji-wrap{position:relative}
.pb-mp-emoji-btn{border:1px solid #dfe3e8;background:#fff;border-radius:6px;width:38px;height:38px;font-size:18px;cursor:pointer}
.pb-mp-emoji-panel{position:absolute;bottom:46px;left:0;width:248px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:.4rem;display:flex;flex-wrap:wrap;gap:.15rem;z-index:20}
.pb-mp-emoji{cursor:pointer;font-size:20px;line-height:1;padding:.15rem;border-radius:6px}
.pb-mp-emoji:hover{background:#f0f2f4}
@media (max-width:768px){.pb-mp-msg{flex-direction:column}.pb-mp-msg__list{flex-basis:auto;max-width:none;max-height:220px;border-right:0;border-bottom:1px solid #e5e7eb}}

/* Modals + offer popup (1.1.24) */
.pb-mp-modal{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center}
.pb-mp-modal[hidden]{display:none}
.pb-mp-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.pb-mp-modal__box{position:relative;background:#fff;border-radius:10px;max-width:640px;width:92%;max-height:85vh;overflow:auto;padding:1.2rem 1.4rem;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.pb-mp-modal__close{position:absolute;top:.6rem;right:.8rem;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#6b7280}
.pb-mp-modal__actions{display:flex;gap:.5rem;margin-top:.8rem}
.pb-mp-views-link{font-weight:600;text-decoration:underline}
.pb-mp-offer-loading,.pb-mp-offer-empty{padding:.6rem 0;color:#6b7280}
.pb-mp-offer-visitors{width:100%;border-collapse:collapse}
.pb-mp-offer-visitors td{padding:.45rem .4rem;border-bottom:1px solid #eef0f2;vertical-align:middle}
.pb-mp-offer-visitors .v-meta{font-size:.72rem;color:#9aa3ad}
.pb-mp-offer-visitors .v-price{width:140px}
.pb-mp-offer-visitors .v-msg{width:38%}
.pb-mp-ip{display:flex;align-items:center;gap:.2rem}
.pb-mp-ip>span{color:#6b7280}
.pb-mp-sent-ok{color:#16a34a;font-weight:600}

/* Seller order detail (1.1.29) */
.pb-mp-order-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.pb-mp-print-btn .material-icons{font-size:16px;vertical-align:middle}
.pb-mp-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pb-mp-order-grid .pb-mp-card{margin:0}
.pb-mp-order-grid label{font-weight:600;font-size:.85rem;display:block}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}
@media (max-width:768px){.pb-mp-order-grid{grid-template-columns:1fr}}

/* Order-detail seller feedback (1.1.31) */
.pb-mp-order-feedback{margin-top:1rem}
.pb-mp-order-feedback__list{list-style:none;margin:0;padding:0}
.pb-mp-order-feedback__list li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem 0;border-bottom:1px solid #eef0f2}
.pb-mp-order-feedback__list li:last-child{border-bottom:0}
.pb-mp-order-feedback__list .material-icons{font-size:16px;vertical-align:middle}
