/* Extracted from ecosystem.css — Marketplace / catalog / B2B surfaces. */

/* Extracted from ecosystem.css — B2B/marketplace/catalog modal + list density. */
/* Marketplace / Catalog modals: same dense rhythm as Deals+Finance cards.
 Desktop-only min-width — must not force overflow on narrow viewports. */
@media (min-width:761px) {
    body.pro #mk-rfq-modal .modal,
    body.pro #mk-conn-modal .modal,
    body.pro #b2b-boost-modal .modal,
    body.pro #b2b-review-modal .modal,
    body.pro #b2b-reviews-modal .modal,
    body.pro #b2b-balance-modal .modal,
    body.pro #b2b-card-modal .modal,
    body.pro #b2b-svc-modal .modal,
    body.pro #cat-detail .modal,
    body.pro #cat-lead-modal .modal,
    body.pro #cat-order-modal .modal,
    body.pro #cat-my-orders .modal,
    body.pro #cat-review-modal .modal {
        max-width:780px; min-width:560px;
    }
}
    body.pro #mk-rfq-modal .frow,
    body.pro #mk-conn-modal .frow,
    body.pro #b2b-review-modal .frow,
    body.pro #b2b-card-modal .frow,
    body.pro #b2b-svc-modal .frow,
    body.pro #cat-lead-modal .frow,
    body.pro #cat-order-modal .frow,
    body.pro #cat-review-modal .frow { margin-bottom:5px; }
    body.pro #mk-rfq-modal .frow > label,
    body.pro #mk-conn-modal .frow > label,
    body.pro #b2b-review-modal .frow > label,
    body.pro #b2b-card-modal .frow > label,
    body.pro #b2b-svc-modal .frow > label,
    body.pro #cat-lead-modal .frow > label,
    body.pro #cat-order-modal .frow > label,
    body.pro #cat-review-modal .frow > label {
        flex:0 0 145px; min-width:0; font-size:11px; line-height:1.2;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:.86;
    }
    body.pro #mk-rfq-modal .frow > input,
    body.pro #mk-rfq-modal .frow > select,
    body.pro #mk-conn-modal .frow > input,
    body.pro #b2b-review-modal .frow > input,
    body.pro #b2b-review-modal .frow > textarea,
    body.pro #b2b-card-modal .frow > input,
    body.pro #b2b-card-modal .frow > textarea,
    body.pro #b2b-svc-modal .frow > input,
    body.pro #b2b-svc-modal .frow > select,
    body.pro #cat-lead-modal .frow > input,
    body.pro #cat-order-modal .frow > input,
    body.pro #cat-review-modal .frow > input {
        flex:1 1 auto; width:100%; max-width:none;
    }
    body.pro #b2b-svc-modal #bs-min,
    body.pro #b2b-svc-modal #bs-max { max-width:11ch; }
    body.pro #b2b-review-modal textarea { min-height:82px; }
    body.pro #cat-detail .fbtns,
    body.pro #b2b-balance-modal .fbtns,
    body.pro #cat-my-orders .fbtns { margin-top:6px; }
    body.pro #cat-my-orders .frow { gap:6px; align-items:center; margin-top:4px; }
 #b2b-balance-modal .card-h,
 #cat-detail .card-h { margin-bottom:4px; }
 #b2b-reviews-modal .fin,
 #cat-detail .fin,
 #cat-my-orders .fin { white-space:normal; overflow-wrap:anywhere; }
/* Final polish: denser list rhythm for Marketplace/Catalog/Platform panes. */
 #cat-list { display:grid; gap:6px; }
    body.pro #cat-list { grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); }
    body.pro #suppliers-bar .rcard,
    body.pro #cat-list .rcard { padding:7px 9px; }
    body.pro #suppliers-bar .card-h,
    body.pro #cat-list .card-h {
        font-size:13px; line-height:1.25; margin-bottom:3px;
    }
    body.pro #suppliers-bar .fin,
    body.pro #cat-list .fin { font-size:12px; line-height:1.24; }
    body.pro #suppliers-bar .fin.tight.lead { margin:0 0 6px; }
    body.pro #suppliers-bar .fbtns button,
    body.pro #cat-list .fbtns button { min-height:26px; padding:4px 9px; font-size:12px; }
    body.pro #suppliers-bar .sup-tab,
    body.pro #suppliers-bar .mk-allsvc,
    body.pro #suppliers-bar .mk-fav { min-height:24px; padding:2px 8px; font-size:11.5px; }
    body.pro #suppliers-bar .b2b-code { font-size:13px; letter-spacing:.4px; }
    body.pro #suppliers-bar .b2b-pend { gap:4px; margin:2px 0; }
    body.pro #suppliers-bar .frow > input,
    body.pro #suppliers-bar .frow > select { max-width:none; flex:1 1 auto; }
    body.pro #suppliers-bar #mk-cur,
    body.pro #suppliers-bar #mk-city,
    body.pro #suppliers-bar #mk-cat,
    body.pro #suppliers-bar #mk-sort { min-width:0; }
    body.pro #suppliers-bar .mk-svc-full table.mini td { font-size:12px; padding:3px 5px; }
    body.pro #suppliers-bar .b2b-list-grid {
        display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
        gap:6px; align-items:start;
    }
    body.pro #suppliers-bar .b2b-list-grid .hint-pad { grid-column:1 / -1; }
    body.pro #suppliers-bar #mk-search,
    body.pro #suppliers-bar #b2b-connect { min-width:90px; }
    body.pro #suppliers-bar #mk-cur,
    body.pro #suppliers-bar #mk-city,
    body.pro #suppliers-bar #mk-cat,
    body.pro #suppliers-bar #mk-sort,
    body.pro #suppliers-bar #b2b-code { font-size:13px !important; min-height:28px; }
    body.pro #cat-shell .frow { gap:6px; align-items:center; margin-top:5px; }
    body.pro #cat-shell #cat-city { flex:1 1 auto; min-width:0; max-width:none; }
    body.pro #cat-shell #cat-cur { width:96px !important; max-width:96px !important; }
    body.pro #cat-shell #cat-find { min-width:88px; }
    body.pro #cat-list .cat-card { cursor:pointer; }

/* Extracted from ecosystem.css — B2B badge hit state. */
.b2b-from-tight { margin-top: 2px; }
.b2b-badge.is-hit {
  background: var(--tg-theme-button-color, #3390ec);
  color: #fff;
}

/* Load after ecosystem_finance.css and before ecosystem_platform.css. */

 /* Marketplace workspace : structured sections, full-width single cards and calm actions. */
 #suppliers-bar {
        width:min(1600px,calc(100% - 20px)); max-width:none; margin:0 auto;
    }
    .mk-workspace { display:grid; gap:10px; min-width:0; }
    .mk-section {
        min-width:0; padding:12px; border:1px solid var(--app-border); border-radius:14px;
        background:var(--app-surface); box-shadow:var(--app-shadow);
    }
    .mk-section-head {
        display:flex; align-items:flex-start; justify-content:space-between; gap:10px; min-width:0;
        margin-bottom:8px;
    }
    .mk-section-title { display:flex; align-items:flex-start; gap:8px; min-width:0; }
    .mk-section-icon {
        display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:9px;
        background:rgba(51,144,236,.11); box-shadow:inset 0 0 0 1px rgba(51,144,236,.11);
    }
    .mk-section-title h2 { margin:0; font-size:15px; line-height:1.25; }
    .mk-section-title p {
        margin:2px 0 0; max-width:78ch; color:var(--tg-theme-hint-color,#777);
        font-size:12px; line-height:1.4;
    }
    .mk-section-aside { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
    .mk-count {
        display:inline-flex; align-items:center; min-height:25px; padding:0 8px; border-radius:999px;
        background:rgba(127,127,127,.08); color:var(--tg-theme-hint-color,#777);
        font-size:10.5px; white-space:nowrap;
    }
    .mk-section-aside button { min-height:30px; padding:5px 10px; }
    .mk-segment {
        display:inline-grid; grid-template-columns:1fr 1fr; gap:3px; padding:3px; margin-bottom:8px;
        border-radius:10px; background:rgba(127,127,127,.07);
    }
    .mk-segment .sup-tab {
        min-height:30px; padding:5px 12px; border-color:transparent; background:transparent;
        font-size:11.5px; white-space:nowrap;
    }
    .mk-segment .sup-tab.active {
        background:var(--tg-theme-bg-color,#fff); color:var(--tg-theme-text-color,#111);
        box-shadow:0 1px 4px rgba(0,0,0,.09),inset 0 0 0 1px rgba(127,127,127,.11);
    }
    .mk-pane {
        min-width:0; padding:10px; border-radius:12px; background:var(--app-surface-soft);
        box-shadow:inset 0 0 0 1px var(--app-border);
    }
    .mk-pane-intro {
        display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:7px;
    }
    .mk-pane-intro > div { display:flex; flex-direction:column; gap:2px; min-width:0; }
    .mk-pane-intro b { font-size:12.5px; }
    .mk-pane-intro span:not(.mk-count) {
        color:var(--tg-theme-hint-color,#777); font-size:10.5px; line-height:1.35;
    }
    .mk-filter-grid {
        display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)) auto; align-items:end;
        gap:6px; padding:7px; border-radius:9px; background:rgba(127,127,127,.055);
    }
    .mk-filter-grid label, .mk-catalog-filter label {
        display:flex; flex-direction:column; gap:3px; min-width:0;
        color:var(--tg-theme-hint-color,#777); font-size:9.5px; font-weight:650;
    }
    .mk-filter-grid input, .mk-filter-grid select,
    .mk-catalog-filter input, .mk-connect-bar input, .mk-order-find input {
        width:100% !important; max-width:none !important; min-width:0; min-height:34px;
        box-sizing:border-box; padding:5px 7px; border:1px solid rgba(127,127,127,.20);
        border-radius:9px; background:var(--tg-theme-bg-color,#fff); color:inherit;
        font-size:12px !important; text-align:left;
    }
    .mk-search-btn { min-height:34px; min-width:82px; padding:5px 11px; white-space:nowrap; }
    .mk-results-head {
        display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:25px;
        margin:4px 1px 2px; color:var(--tg-theme-hint-color,#777); font-size:10.5px;
    }
    .mk-results-head small { font-size:9.5px; opacity:.75; }
    .mk-market-grid, .mk-partner-grid, .mk-own-grid, .mk-order-grid {
        display:grid; grid-template-columns:1fr; gap:7px; align-items:start; min-width:0;
    }
    body.pro #suppliers-bar .mk-market-grid {
        grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));
    }
    body.pro #suppliers-bar .mk-partner-grid,
    body.pro #suppliers-bar .mk-own-grid {
        grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));
    }
    body.pro #suppliers-bar .mk-order-grid {
        grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));
    }
    .mk-market-grid > .fin-empty, .mk-partner-grid > .fin-empty,
    .mk-own-grid > .fin-empty, .mk-order-grid > .fin-empty { grid-column:1/-1; }
 #suppliers-bar .rcard, .mk-order-card {
        min-width:0; padding:11px; border-color:var(--app-border); border-radius:12px;
        background:var(--tg-theme-bg-color,#fff); box-shadow:0 4px 14px -12px rgba(0,0,0,.65);
    }
    .mk-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; min-width:0; }
    .mk-card-top > div:first-child { min-width:0; }
    .mk-card-top .card-h, .mk-card-top .mk-card-title { margin:0; font-size:13px; line-height:1.3; }
    .mk-card-rating { flex:0 0 auto; font-size:11px; white-space:nowrap; color:#c68a17; }
    .mk-card-meta {
        margin-top:3px; color:var(--tg-theme-hint-color,#777); font-size:10.5px;
        line-height:1.35; white-space:normal; overflow-wrap:anywhere;
    }
    .mk-card-body { margin-top:6px; }
    .mk-token-row, .mk-rate-row { display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin-top:5px; }
    .mk-rate-row { font-size:12px; font-weight:650; }
    .mk-svc-full { margin-top:6px; }
    .mk-table-wrap {
        width:100%; margin-top:6px; overflow:auto; border:1px solid rgba(127,127,127,.11);
        border-radius:8px;
    }
    .mk-table-wrap table.mini th, .mk-table-wrap table.mini td { padding:4px 5px; font-size:11px; }
    .mk-card-actions {
        display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:7px;
        padding-top:7px; border-top:1px solid rgba(127,127,127,.10);
    }
    .mk-card-actions button { min-height:28px; min-width:0 !important; padding:4px 8px; font-size:11px; }
    .mk-card-actions button { min-height:32px; border-radius:9px; font-size:11.5px; }
    .mk-card-actions .del { margin-left:auto; }
    .mk-detail-block {
        display:grid; grid-template-columns:90px minmax(0,1fr); gap:7px; margin-top:6px; padding:6px 7px;
        border-radius:8px; background:rgba(127,127,127,.045); font-size:11px; line-height:1.35;
    }
    .mk-detail-block b {
        color:var(--ui-muted-strong,color-mix(in srgb,var(--tg-theme-text-color,#111) 90%,#1f2937));
        font-size:10px;
    }
    .mk-detail-block span { white-space:pre-wrap; overflow-wrap:anywhere; }
    .mk-invite-row {
        display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:6px;
        padding:7px; border-radius:9px; background:rgba(51,144,236,.055);
    }
    .mk-invite-row > div:first-child { display:flex; align-items:center; gap:7px; min-width:0; }
    .mk-invite-row small { color:var(--tg-theme-hint-color,#777); font-size:9.5px; white-space:nowrap; }
    .mk-invite-actions { display:flex; gap:4px; flex:0 0 auto; }
    .mk-invite-actions button { min-height:27px; padding:3px 7px; font-size:10.5px; }
 #suppliers-bar .b2b-code { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .mk-service-list {
        display:grid; gap:3px; margin-top:6px; padding:5px; border:1px solid rgba(127,127,127,.10);
        border-radius:8px;
    }
    .mk-service-row {
        display:grid; grid-template-columns:minmax(90px,1fr) minmax(100px,auto) 24px;
        align-items:center; gap:6px; min-height:28px; padding:2px 4px; border-radius:6px;
        font-size:11px;
    }
    .mk-service-row:nth-child(odd) { background:rgba(127,127,127,.035); }
    .mk-service-row > span:nth-child(2) { color:var(--tg-theme-hint-color,#777); text-align:right; }
    .mk-service-row .del { min-width:24px; min-height:24px; padding:0; }
    .mk-own-card .fin-empty, .mk-supplier-card .fin-empty {
        min-height:58px; margin-top:6px; padding:8px;
    }
    .mk-card-notices {
        margin-top:6px; padding:6px 7px; border-radius:8px;
        background:rgba(255,168,0,.07); border-left:2px solid rgba(255,168,0,.55);
    }
    .mk-card-notices.is-calm {
        background:rgba(26,141,62,.055); border-left-color:rgba(26,141,62,.5);
    }
    .mk-card-notices > b { display:block; margin-bottom:3px; font-size:10px; }
    .mk-connect-bar {
        display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:6px;
        padding:7px; border-radius:9px; background:rgba(127,127,127,.055);
    }
    .mk-connect-bar label { font-size:10px; font-weight:650; white-space:nowrap; }
    .mk-connect-bar button { min-height:31px; padding:5px 10px; }
    .mk-inline-hint { margin:3px 7px 7px; color:var(--tg-theme-hint-color,#777); font-size:9.5px; }
    .mk-order-tools {
        display:flex; align-items:end; justify-content:space-between; gap:7px; margin-bottom:7px;
        padding:7px; border-radius:9px; background:rgba(127,127,127,.05);
    }
    .mk-order-tools > button { min-height:31px; }
    .mk-order-find { display:grid; grid-template-columns:auto minmax(140px,260px) auto; align-items:center; gap:5px; }
    .mk-order-find label { font-size:10px; color:var(--tg-theme-hint-color,#777); }
    .mk-order-find button { min-height:31px; }
    .mk-order-top { display:flex; align-items:center; justify-content:space-between; gap:7px; }
    .mk-order-top > b { font-family:ui-monospace,SFMono-Regular,monospace; font-size:12px; }
    .mk-order-status {
        padding:2px 7px; border-radius:999px; background:rgba(127,127,127,.08);
        font-size:10.5px; white-space:nowrap;
    }
    .mk-order-terms { margin-top:5px; font-size:12px; font-weight:650; }
    .mk-order-terms span {
        display:block; margin-top:2px; color:var(--tg-theme-hint-color,#777);
        font-size:10.5px; font-weight:400; white-space:normal;
    }
    .catalog-workspace {
        width:min(1600px,calc(100% - 20px));
        max-width:none !important; margin:8px auto !important;
        padding:0 !important; text-align:left !important;
    }
    .mk-catalog-filter {
        display:grid; grid-template-columns:minmax(180px,1fr) minmax(130px,.5fr) auto;
        align-items:end; gap:6px; margin-bottom:7px; padding:7px;
        border-radius:9px; background:rgba(127,127,127,.055);
    }
    .mk-catalog-filter button { min-height:31px; }
 #cat-list { display:grid; grid-template-columns:1fr; gap:7px; min-width:0; }
    body.pro #cat-list { grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); }
 #cat-list > .fin-empty { grid-column:1/-1; }
    .mk-catalog-card { cursor:pointer; }
    .mk-catalog-card:focus-visible { outline:2px solid var(--tg-theme-link-color,#3390ec); outline-offset:2px; }
    .mk-catalog-card .mk-rate-row {
        padding:6px 7px; border-radius:8px; background:rgba(51,144,236,.055);
        font-variant-numeric:tabular-nums;
    }
    .mk-card-link {
        display:flex; align-items:center; justify-content:space-between; margin-top:6px; padding-top:6px;
        border-top:1px solid rgba(127,127,127,.10); color:var(--tg-theme-link-color,#3390ec);
        font-size:10.5px; font-weight:650;
    }
    .mk-modal-form { display:block; }
    .mk-modal-grid {
        display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; align-items:start;
    }
    .mk-modal-grid .frow {
        display:grid !important; grid-template-columns:1fr !important; gap:3px !important; margin:0 !important;
    }
    .mk-modal-grid .frow > label { min-width:0 !important; font-size:10px !important; }
    .mk-modal-grid .frow > input, .mk-modal-grid .frow > select,
    .mk-modal-grid .frow > textarea {
        width:100% !important; max-width:none !important; min-height:34px; box-sizing:border-box;
        padding:5px 7px; border:1px solid rgba(127,127,127,.20); border-radius:7px;
        background:var(--tg-theme-bg-color,#fff); color:inherit; font-size:13px !important;
    }
    .mk-modal-grid .mk-modal-wide { grid-column:1/-1; }
    .mk-range-row > div { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
    .mk-range-row input { width:100% !important; max-width:none !important; }
    .mk-toggle-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:7px; }
    .mk-check-row {
        display:flex; align-items:flex-start; gap:8px; padding:7px; border-radius:8px;
        background:rgba(127,127,127,.045); cursor:pointer;
    }
    .mk-check-row input[type="checkbox"] {
        flex:0 0 19px !important; width:19px !important; height:19px !important; margin:1px 0 0;
        min-height:0 !important;
    }
    .mk-check-row span { display:flex; flex-direction:column; gap:1px; }
    .mk-check-row b { font-size:11px; }
 /* Hint copy must clear WCAG AA against modal surface (axe on #b2b-card-modal).
 Do not use --tg-theme-hint-color here — Telegram often sets it to ~#999. */
    .mk-check-row small {
        color:var(--ui-muted-strong,color-mix(in srgb,var(--tg-theme-text-color,#111) 90%,#1f2937));
        font-size:9.5px; line-height:1.3;
    }
    .mk-stars { display:flex; gap:3px; margin:3px 0 7px; }
 #prompt-modal .modal { width:min(440px,calc(100vw - 20px)); min-width:0; }
 #prompt-modal .prompt-field { margin:8px 0; }
 #prompt-modal #pm-inp {
        width:100%; min-height:38px; box-sizing:border-box; padding:7px 9px;
        border:1px solid rgba(127,127,127,.24); border-radius:8px;
        background:var(--tg-theme-bg-color,#fff); color:inherit; font:inherit; font-size:16px;
        text-align:left;
    }
 #prompt-modal textarea#pm-inp { min-height:100px; resize:vertical; }
    html[data-theme="dark"] .mk-section {
        background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
        border-color:rgba(255,255,255,.10);
    }
    html[data-theme="dark"] .mk-pane,
    html[data-theme="dark"] .mk-filter-grid,
    html[data-theme="dark"] .mk-catalog-filter,
    html[data-theme="dark"] .mk-connect-bar,
    html[data-theme="dark"] .mk-order-tools { background:rgba(255,255,255,.025); }
    html[data-theme="dark"] #suppliers-bar .rcard,
    html[data-theme="dark"] .mk-order-card { border-color:rgba(255,255,255,.10); }

    @media (max-width:900px) {
        .mk-filter-grid { grid-template-columns:1fr 1fr; }
        .mk-search-btn { grid-column:1/-1; }
    }
    @media (max-width:620px) {
 #suppliers-bar { max-width:none; }
        .mk-workspace { gap:7px; }
        .mk-section { padding:8px; }
        .mk-section-head { align-items:stretch; flex-direction:column; }
        .mk-section-aside { justify-content:flex-start; }
        .mk-section-aside .btn-primary { margin-left:auto; }
        .mk-segment { display:grid; width:100%; box-sizing:border-box; }
        .mk-pane { padding:7px; }
        .mk-filter-grid, .mk-catalog-filter { grid-template-columns:1fr; }
        .mk-search-btn { grid-column:auto; }
        .mk-results-head small { display:none; }
        .mk-connect-bar { grid-template-columns:1fr auto; }
        .mk-connect-bar label { grid-column:1/-1; }
        .mk-invite-row { align-items:flex-start; flex-direction:column; }
        .mk-invite-actions { width:100%; }
        .mk-invite-actions button { flex:1 1 0; }
        .mk-detail-block { grid-template-columns:1fr; gap:2px; }
        .mk-card-actions .del { margin-left:0; }
        body.lite .mk-card-actions button { flex:1 1 calc(50% - 5px); min-height:38px; }
        .mk-order-tools { align-items:stretch; flex-direction:column; }
        .mk-order-find { grid-template-columns:1fr auto; }
        .mk-order-find label { grid-column:1/-1; }
        .mk-modal-grid, .mk-toggle-grid { grid-template-columns:1fr; }
        .mk-modal-grid .mk-modal-wide { grid-column:auto; }
        .catalog-workspace { width:auto; margin:6px 0 !important; }
    }

/* B2C showcase + B2B supplier cards → ecosystem_market_storefront.css. */

/* marketplace/catalog modal min-width reset on narrow viewports. */
@media (max-width:760px) {
    body.pro #mk-rfq-modal .modal,
    body.pro #mk-conn-modal .modal,
    body.pro #b2b-boost-modal .modal,
    body.pro #b2b-review-modal .modal,
    body.pro #b2b-reviews-modal .modal,
    body.pro #b2b-balance-modal .modal,
    body.pro #b2b-card-modal .modal,
    body.pro #b2b-svc-modal .modal,
    body.pro #cat-detail .modal,
    body.pro #cat-lead-modal .modal,
    body.pro #cat-order-modal .modal,
    body.pro #cat-my-orders .modal,
    body.pro #cat-review-modal .modal {
        width:100%; max-width:100%; min-width:0;
    }
}