/* TCSL members marketplace + admin (extends ../css/style.css) */
body.mkp{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
.mkp-bar{position:sticky;top:0;z-index:50;background:#071d42;box-shadow:0 8px 24px -14px rgba(0,0,0,.6)}
.mkp-bar .wrap{display:flex;align-items:center;gap:16px;min-height:70px;flex-wrap:wrap}
.mkp-bar .brand{width:110px}
.mkp-title{font:800 16px/1.2 var(--head);color:#fff}
.mkp-bar nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.mkp-bar nav a{color:#c9d6ee;font:700 14px/1 var(--head)}
.mkp-bar nav a:hover{color:var(--gold-2)}
.mkp-out{display:flex;gap:10px;align-items:center;color:#c9d6ee;font-size:13.5px}
.mkp-out button{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:700 13px/1 var(--head);cursor:pointer}
.mkp-out button:hover{background:var(--gold);color:var(--navy)}
.mkp-main{flex:1}
.mkp-foot{padding:22px 0;background:#06183a;color:#93a5c6;font-size:13.5px}
.mkp-gate{padding:50px 0 70px}
.mkp-gate-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
@media (max-width:960px){.mkp-gate-grid{grid-template-columns:1fr}}
.mkp-intro h1{font-size:clamp(30px,4vw,46px);font-weight:900;margin:14px 0}
.mkp-intro p{color:var(--muted);font-size:17px}
.mkp-intro .list-check li::before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:12px;font-weight:800}
.mkp-cards{display:grid;gap:20px}
.mkp-cards .form-card h2{margin-top:0}
.mkp-file{display:grid;gap:8px;padding:14px 16px;border-radius:14px;border:1.5px dashed var(--line);background:#f7f9fd;font:600 14px/1.3 var(--body);color:var(--navy)}
.mkp-thumb{width:220px;border-radius:12px;box-shadow:var(--shadow)}
.mk-members{padding-top:30px}
.mk-members .mk-search{margin-top:0}
.mk-photo{width:100%;height:100%;object-fit:cover;display:block}
.mkp-admin{padding:30px 0 70px}
.mkp-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 20px}
.mkp-tabs a{padding:11px 16px;border-radius:12px;background:#fff;border:1.5px solid var(--line);color:var(--navy);font:700 14.5px/1 var(--head)}
.mkp-tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.mkp-tabs a b{margin-left:4px;padding:2px 7px;border-radius:999px;background:#dfe8f6;color:var(--navy);font-size:12px}
.mkp-tabs a i{font-style:normal;margin-left:6px;padding:3px 8px;border-radius:999px;background:#fdeceb;color:#a1352a;font-size:12px}
.mkp-tabs .btn{margin-left:auto;border:0}
.mkp-st{display:inline-block;padding:4px 10px;border-radius:999px;font:800 12px/1 var(--head);text-transform:capitalize;background:#eef3fb;color:var(--navy)}
.st-active,.st-approved{background:#e5f8ee;color:#1d6b44}
.st-pending{background:#fff8e1;color:#8a6d12}
.st-hidden,.st-rejected{background:#f1f3f6;color:#5b6780}
.st-sold{background:#fdeceb;color:#a1352a}
.mkp-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mkp-act form{display:inline}
.mkp-act a,.mkp-act button{padding:7px 11px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--navy);font:700 12.5px/1 var(--head);cursor:pointer}
.mkp-act button.del{color:#a1352a;border-color:#f3c7c2}
.mkp-act a:hover,.mkp-act button:hover{background:var(--navy);color:#fff}

.mkp-bar .brand{background:none;padding:0;box-shadow:none}
/* marketplace switch */
.mkp-switch{margin-left:12px;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.08)}
.mkp-switch a{padding:8px 12px;border-radius:9px;color:#dbe5f7;font:700 13px/1 var(--head)}
.mkp-switch a:hover{background:rgba(255,255,255,.12);color:#fff}
/* inland board */
.ib{padding:30px 0 70px}
.ib-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.ib-head h1{font-size:clamp(28px,3.4vw,40px);font-weight:900;margin:10px 0 6px}
.ib-head p{margin:0;color:var(--muted)}
.ib-search{margin-top:0}
.ib-search input{flex:1;min-width:0;border:0;outline:0;font:500 16px/1.3 var(--body);padding:12px 6px;background:transparent}
.ib-arrow{font:800 20px/1 var(--head);color:var(--gold)}
.ib-count{font:800 15px/1 var(--head);color:var(--navy);margin:4px 0 12px}
.ib-list{display:grid;gap:12px}
.ib-card{display:grid;grid-template-columns:90px 1.4fr 1.3fr .8fr;gap:18px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:.25s;animation:mkin .4s ease both}
.ib-card:hover,.ib-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}
@media (max-width:900px){.ib-card{grid-template-columns:70px 1fr}.ib-meta,.ib-price{grid-column:1/-1}}
.ib-type{display:grid;place-items:center;gap:4px;padding:12px 6px;border-radius:12px;font:800 11.5px/1 var(--head)}
.ib-type svg{width:26px;height:26px}
.is-load .ib-type{background:#fff8e1;color:#8a6d12}
.is-truck .ib-type{background:#e5f8ee;color:#1d6b44}
.ib-route{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:8px}
.ib-route b{display:block;font:800 16px/1.2 var(--head);color:var(--navy)}
.ib-route small{color:var(--muted);font-size:12.5px}
.ib-route>div:last-child{text-align:right}
.ib-line{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 11px)}
.ib-line em{position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 3px rgba(245,184,0,.4);animation:ibmove 2.4s ease-in-out infinite}
@keyframes ibmove{0%{left:0}100%{left:calc(100% - 9px)}}
.ib-meta{display:flex;flex-wrap:wrap;gap:6px}
.ib-meta span{padding:5px 10px;border-radius:999px;background:var(--bg);font:600 12.5px/1.2 var(--body);color:var(--navy)}
.ib-price{text-align:right}
.ib-price b{display:block;font:800 18px/1.2 var(--head);color:var(--navy)}
.ib-price small{color:var(--muted);font-size:12px}
.ib-mt{font-size:24px;margin:6px 40px 12px 0}
.ib-route-lg{margin-bottom:16px;padding:14px;border-radius:14px;background:var(--bg)}

.mkp-bar{background:#fff;box-shadow:0 1px 0 rgba(10,42,92,.08),0 10px 30px -18px rgba(10,42,92,.35)}
.mkp-title{color:var(--navy)}
.mkp-bar nav a{color:var(--navy)}
.mkp-bar nav a:hover{color:var(--blue)}
.mkp-switch{background:var(--bg)}
.mkp-switch a{color:var(--navy)}
.mkp-switch a:hover{background:#fff;color:var(--blue)}
.mkp-out{color:var(--muted)}
.mkp-out button{border-color:var(--line);color:var(--navy)}
.mkp-bar .brand img{filter:none}
.mkp-admin table input,.mkp-admin table select{width:100%;min-width:120px;padding:8px 10px;border-radius:9px;border:1.5px solid var(--line);font:600 13.5px/1.2 var(--body);color:var(--navy);background:#fff}
