.mmx-inline-success { color:#c9ffe1; margin-bottom:8px; }
.mmx-guide { padding:clamp(8px,2vw,24px) 0; }
.mmx-guide-intro { max-width:800px; margin:0 auto clamp(36px,5vw,64px); }
.mmx-guide-intro h2 { margin:16px 0 8px; font-size:clamp(2rem,4vw,3rem); }
.mmx-guide-card { height:100%; min-height:220px; padding:30px; border:1px solid #d7e2f0; border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(3,37,100,.06); }
.mmx-guide-card .mmx-step { display:inline-flex; min-width:42px; height:32px; align-items:center; justify-content:center; margin-bottom:18px; border-radius:999px; background:#07539c; color:#fff; font-weight:800; }
.mmx-guide-card h3 { margin:0 0 12px; }
.mmx-guide-card p { margin:0; line-height:1.75; }
.mmx-portal-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:28px; align-items:start; }
.mmx-portal-card { padding:clamp(24px,4vw,42px); border:1px solid #d8e3ef; border-radius:18px; background:#fff; box-shadow:0 14px 36px rgba(3,37,100,.06); }
.mmx-portal-card h2 { margin:8px 0 24px; }
.mmx-form { display:grid; gap:18px; }
.mmx-form label { display:grid; gap:8px; color:#18233a; font-weight:700; }
.mmx-form input,.mmx-form select,.mmx-form textarea { width:100%; min-height:50px; padding:11px 13px; border:1px solid #cbd8e8; border-radius:10px; background:#fff; font-weight:400; }
.mmx-form textarea { min-height:130px; resize:vertical; }
.mmx-form input:focus,.mmx-form select:focus,.mmx-form textarea:focus { outline:3px solid rgba(10,100,190,.16); border-color:#07539c; }
.mmx-ticket-list { display:grid; gap:10px; }
.mmx-ticket-list > a,.mmx-ticket-list > div { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px; border:1px solid #d8e3ef; border-radius:11px; color:#18233a; }
.mmx-ticket-list span:first-child { min-width:0; }
.mmx-ticket-list strong,.mmx-ticket-list small { display:block; }
.mmx-ticket-list small { margin-top:4px; color:#60708a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmx-status { display:inline-flex; min-height:28px; align-items:center; padding:4px 9px; border-radius:999px; background:#edf3fa; color:#33445e; font-size:12px; font-weight:800; white-space:nowrap; }
.mmx-status.status-resolved,.mmx-status.status-closed,.mmx-status.status-approved { background:#e8f8ee; color:#08783e; }
.mmx-status.status-open,.mmx-status.status-submitted,.mmx-status.status-in_review { background:#fff3df; color:#8a5100; }
.mmx-ticket-title { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-top:24px; }
.mmx-thread { display:grid; gap:16px; margin:24px 0; }
.mmx-message { max-width:88%; padding:18px; border:1px solid #d7e2f0; border-radius:14px; background:#f7faff; }
.mmx-message.staff { margin-left:auto; background:#eaf3ff; border-color:#bfd6f1; }
.mmx-message header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:8px; font-size:13px; color:#60708a; }
.mmx-attachment { display:inline-flex; align-items:center; gap:7px; margin-top:8px; font-weight:700; }
.mmx-login-required { padding:clamp(36px,7vw,80px); text-align:center; border:1px solid #d7e2f0; border-radius:18px; background:#fff; }
.mmx-login-required i { font-size:42px; color:#07539c; }

.mmx-native-select { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
.mmx-select { position:relative; width:100%; min-width:0; }
.mmx-select-button { display:flex; width:100%; min-width:0; min-height:50px; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; border:1px solid #cbd8e8; border-radius:10px; background:#fff; color:#18233a; text-align:left; }
.mmx-select-button span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmx-select-button:disabled { opacity:.65; cursor:not-allowed; }
.mmx-select-panel { position:absolute; z-index:80; top:calc(100% + 7px); left:0; right:0; width:100%; max-width:100%; padding:8px; border:1px solid #cbd8e8; border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(3,37,100,.18); visibility:hidden; opacity:0; transform:translateY(-5px); transition:.18s ease; overflow:hidden; }
.mmx-select-panel.show { visibility:visible; opacity:1; transform:none; }
.mmx-select-search { position:relative; display:flex; align-items:center; }
.mmx-select-search i { position:absolute; left:12px; color:#60708a; }
.mmx-select-search input { width:100%; min-width:0; height:42px; padding:8px 10px 8px 36px; border:1px solid #b9c9dc; border-radius:8px; }
.mmx-select-options { max-height:230px; margin-top:7px; overflow-y:auto; overflow-x:hidden; }
.mmx-select-options button { display:block; width:100%; min-width:0; padding:10px; border:0; border-radius:7px; background:transparent; color:#263651; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmx-select-options button:hover { background:#edf5ff; }
.mmx-select-options button.active { background:#07539c; color:#fff; }
[data-mmx-wishlist].active { color:#e13c31!important; }

@media(max-width:991.98px){.mmx-portal-grid{grid-template-columns:1fr}.mmx-guide-card{min-height:200px}.compatible-finder .mmx-select-panel{z-index:100}}
@media(max-width:575.98px){.mmx-portal-card{padding:22px}.mmx-ticket-list>a,.mmx-ticket-list>div,.mmx-ticket-title{align-items:flex-start;flex-direction:column}.mmx-message{max-width:96%}.mmx-message.staff{margin-left:4%}}