:root{
  --mp-accent: #e73345;
  --mp-ink: #0b0b0f;
  --mp-text: rgba(11,11,15,.88);
  --mp-muted: rgba(11,11,15,.62);
  --mp-border: rgba(11,11,15,.10);
  --mp-soft: rgba(11,11,15,.04);
  --mp-shadow: 0 18px 45px rgba(11,11,15,.10);
  --mp-radius: 24px;
  --mp-radius-sm: 18px;
  --mp-bg: #ffffff;
}
.mp-portal-wrap,.mp-single-wrap{max-width:1040px;margin:0 auto}
.mp-brand{display:flex;justify-content:center;margin-bottom:10px}
.mp-logo{height:40px;width:auto}
.mp-logo-fallback{height:40px;width:40px;border-radius:12px;background:var(--mp-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.mp-login-card{max-width:430px;margin:0 auto;padding:18px 18px 10px;border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-bg);box-shadow:var(--mp-shadow)}
.mp-login-title{margin:0 0 10px;color:var(--mp-ink)}
.mp-portal-top{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:14px 0 18px;flex-wrap:wrap}
.mp-portal-brand{display:flex;align-items:center;gap:10px}
.mp-portal-title .mp-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-muted)}
.mp-portal-title .mp-h1{font-size:22px;font-weight:900;line-height:1.1;color:var(--mp-ink)}
.mp-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--mp-border);background:var(--mp-bg);text-decoration:none;color:var(--mp-ink)}
.mp-pill:hover{border-color:rgba(231,51,69,.35)}
.mp-portal-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin:0 0 16px}
.mp-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.mp-field label{display:block;font-size:12px;color:var(--mp-muted);margin-bottom:4px}
.mp-field select,.mp-input{min-width:170px;padding:10px 12px;border:1px solid var(--mp-border);border-radius:999px;background:#fff;color:var(--mp-ink)}
.mp-textarea{width:100%;padding:12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:#fff;color:var(--mp-ink)}
.mp-btn{padding:10px 14px;border-radius:999px;border:1px solid var(--mp-ink);background:var(--mp-ink);color:#fff;cursor:pointer;font-weight:700}
.mp-btn:hover{filter:brightness(1.05)}
.mp-btn.mp-secondary{background:#fff;color:var(--mp-ink);border-color:var(--mp-border)}
.mp-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mp-summary-pill{padding:8px 12px;border-radius:999px;background:var(--mp-soft);border:1px solid var(--mp-border);font-weight:800;color:var(--mp-ink)}
.mp-summary-pill.ok{border-color:rgba(39,174,96,.28)}
.mp-summary-pill.pending{border-color:rgba(231,51,69,.28);background:rgba(231,51,69,.06)}
.mp-summary-stats{display:flex;gap:10px;color:var(--mp-muted)}
.mp-empty{padding:18px;border:1px dashed var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-bg);color:var(--mp-muted)}
.mp-feed{display:grid;grid-template-columns: repeat(2,minmax(0,1fr));gap:16px}
@media (max-width: 900px){ .mp-feed{grid-template-columns: 1fr} }
.mp-post{border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-bg);box-shadow:var(--mp-shadow);overflow:hidden;position:relative}
.mp-post.is-pending{border-color:rgba(231,51,69,.30)}
.mp-post.is-pending:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--mp-accent),rgba(231,51,69,.20))}
.mp-post-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px}
.mp-post-title{font-weight:900;font-size:16px;line-height:1.2;color:var(--mp-ink)}
.mp-post-sub{font-size:12px;color:var(--mp-muted);margin-top:4px}
.mp-lastfix{font-size:12px;color:var(--mp-muted);margin-top:8px}
.mp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mp-tag{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--mp-soft);border:1px solid var(--mp-border);color:var(--mp-ink)}
.mp-badge{font-size:12px;padding:8px 10px;border-radius:999px;background:var(--mp-ink);color:#fff;white-space:nowrap}
.mp-media{background:var(--mp-soft)}
.mp-media img,.mp-media video{display:block;width:100%;height:auto}
.mp-media img,.mp-media video{aspect-ratio:4/5; object-fit:cover}
.mp-media img,.mp-media video{aspect-ratio:4/5; object-fit:cover}
.mp-media.carousel{position:relative}
.mp-carousel{display:flex;overflow:auto;scroll-snap-type:x mandatory}
.mp-slide{min-width:100%;scroll-snap-align:center}
.mp-slide img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mp-carousel-hint{position:absolute;right:12px;bottom:12px;background:rgba(11,11,15,.65);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
.mp-post-copy{padding:12px 16px 0;color:var(--mp-text)}
.mp-post-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px 16px}
.mp-action{padding:10px 12px;border-radius:999px;border:1px solid var(--mp-border);background:#fff;text-decoration:none;color:var(--mp-ink);font-weight:700}
.mp-action.mp-primary{border-color:rgba(231,51,69,.40)}
.mp-action.mp-primary:hover{border-color:rgba(231,51,69,.70)}
/* Single */
.mp-single-card{border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-bg);box-shadow:var(--mp-shadow);padding:16px}
.mp-single-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.mp-single-sub{font-size:12px;color:var(--mp-muted)}
.mp-single-title{margin:6px 0 0;font-size:28px;line-height:1.15;color:var(--mp-ink)}
.mp-created{margin-top:10px;font-size:12px;color:var(--mp-muted)}
.mp-single-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mp-tabs{display:flex;gap:10px;margin-top:14px}
.mp-tab{border:1px solid var(--mp-border);background:#fff;padding:10px 12px;border-radius:999px;cursor:pointer;font-weight:800;color:var(--mp-ink)}
.mp-tab.is-active{border-color:rgba(231,51,69,.55)}
.mp-single-media{margin-top:12px;border-radius:var(--mp-radius-sm);overflow:hidden;border:1px solid var(--mp-border)}
.mp-single-grid{display:grid;grid-template-columns: 1fr;gap:12px;margin-top:14px}
.mp-block{border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);padding:16px;background:#fff}
.mp-block h3{margin:0 0 10px;font-size:15px;color:var(--mp-ink)}
.mp-rich{line-height:1.55;color:var(--mp-text)}
.mp-pre{white-space:pre-wrap;line-height:1.55;color:var(--mp-text)}
.mp-internal{border-style:dashed;background:#fcfcfd}
.mp-comments-hint{margin-top:14px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);padding:16px;background:#fff}
.mp-client-panel,.mp-staff-panel{margin-top:12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);padding:14px;background:#fff}
.mp-staff-title{font-weight:900;margin-bottom:10px;color:var(--mp-ink)}
.mp-client-actions,.mp-staff-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mp-action-msg{font-size:13px;color:var(--mp-muted)}
.mp-label{display:block;font-size:12px;color:var(--mp-muted);margin:10px 0 6px}
.mp-staff-note{margin:10px 0 12px}
.mp-log{display:flex;flex-direction:column;gap:10px}
.mp-log-row{border:1px solid var(--mp-border);border-radius:16px;padding:12px;background:#fff}
.mp-log-top{font-size:13px;color:var(--mp-muted)}
.mp-log-note{font-size:13px;color:var(--mp-text);margin-top:6px}
.mp-muted{color:var(--mp-muted)}
.mp-ticket-card{max-width:760px;margin:0 auto;border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:16px;background:#fff;box-shadow:var(--mp-shadow)}
.mp-note{font-size:13px;color:var(--mp-muted);margin-top:10px}
@media (max-width: 640px){
  .mp-field select,.mp-input{min-width: 150px}
  .mp-single-title{font-size:22px}
}


/* Impreza/US-Themes friendly tweaks */
.mp-portal-wrap,.mp-single-wrap{padding: 0 14px}
@media (min-width: 1100px){ .mp-portal-wrap,.mp-single-wrap{padding: 0} }
.mp-portal-wrap,.mp-single-wrap,.mp-portal-wrap *,.mp-single-wrap *{ font-family: inherit; }
.mp-portal-wrap .mp-portal-head{
  position: sticky; top: 12px; z-index: 9;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.82);
  border-radius: var(--mp-radius);
  padding: 12px;
  border: 1px solid var(--mp-border);
}
.mp-btn{ box-shadow: 0 10px 24px rgba(11,11,15,.14); border-color: rgba(11,11,15,.95); }
.mp-btn.mp-secondary{ box-shadow: none; }
.mp-post{ transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.mp-post:hover{ transform: translateY(-1px); box-shadow: 0 24px 70px rgba(11,11,15,.12); }
.mp-action.mp-primary{ background: rgba(231,51,69,.06); }
.mp-action.mp-primary:hover{ background: rgba(231,51,69,.10); }
.mp-single-card{ padding: 18px; }


/* Social icons */
.mp-icons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mp-ic{
  width:28px;height:28px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:900;font-size:12px;line-height:1;
  border:1px solid var(--mp-border);
  background: #fff;color: var(--mp-ink);
}
.mp-ic.fb{background:#1877F2;color:#fff;border-color:rgba(24,119,242,.35)}
.mp-ic.ig{
  color:#fff;border-color:rgba(225,48,108,.25);
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.mp-ic.in{background:#0A66C2;color:#fff;border-color:rgba(10,102,194,.35)}
.mp-ic.tt{background:#111;color:#fff;border-color:rgba(17,17,17,.35)}
.mp-ic.yt{background:#FF0000;color:#fff;border-color:rgba(255,0,0,.35)}


/* Facebook-like feed column */
.mp-feed{justify-content:center}
@media (min-width: 980px){
  .mp-feed{grid-template-columns: minmax(0, 680px);}
}
.mp-post{border-radius: 18px}
.mp-post-head{padding: 14px 14px 10px}
.mp-post-actions{padding: 10px 14px 14px}
.mp-post-copy{padding: 10px 14px 0}
.mp-single-wrap{max-width: 720px}
.mp-single-card{border-radius: 18px}


/* Status dot */
.mp-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:10px;vertical-align:middle;border:1px solid var(--mp-border)}
.mp-dot.is-green{background:#2ecc71;border-color:rgba(46,204,113,.35)}
.mp-dot.is-orange{background:#f39c12;border-color:rgba(243,156,18,.35)}
.mp-dot.is-red{background:#e74c3c;border-color:rgba(231,76,60,.35)}
.mp-dot.is-gray{background:#bdc3c7;border-color:rgba(189,195,199,.35)}
button.mp-action{appearance:none;-webkit-appearance:none}