:root{--mhd-primary:#3d7bf5;--mhd-purple:#8b5cf6;--mhd-bg:#070b16;--mhd-card:#111c31;--mhd-text:#f2f6ff;--mhd-muted:#94a6cc;--mhd-muted-2:#7182a8;--mhd-green:#10b981;--mhd-danger:#ef4444;--mhd-shadow:0 30px 80px rgba(0,0,0,.35);--mhd-container:1180px}.mhd-container{width:min(var(--mhd-container),calc(100% - 36px));margin:0 auto}.mhd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,var(--mhd-primary),var(--mhd-purple));color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.mhd-btn-soft{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.mhd-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(61,123,245,.28);border-radius:999px;background:rgba(61,123,245,.11);color:#bcd6ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}body .mhd-auth-page{color:var(--mhd-text)} .mhd-auth-page{position:relative;padding:92px 0 104px;background:radial-gradient(circle at 12% 0%,rgba(61,123,245,.25),transparent 34%),radial-gradient(circle at 88% 12%,rgba(139,92,246,.18),transparent 28%),linear-gradient(180deg,#080d19 0%,var(--mhd-bg) 100%);min-height:calc(100vh - 78px)} .mhd-auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:42px;align-items:start} .mhd-auth-copy{position:sticky;top:118px;padding-top:20px}.mhd-auth-copy h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.065em;margin:18px 0;color:#fff}.mhd-auth-copy p{color:var(--mhd-muted);font-size:19px;max-width:680px;margin:0 0 24px}.mhd-auth-bullets{display:grid;gap:12px}.mhd-auth-bullets span{display:flex;align-items:center;gap:10px;color:var(--mhd-muted);font-weight:800}.mhd-auth-bullets svg{width:18px;height:18px;color:var(--mhd-green)} .mhd-auth-card{background:linear-gradient(145deg,rgba(18,28,47,.96),rgba(9,15,29,.98));border:1px solid rgba(255,255,255,.11);border-radius:30px;box-shadow:var(--mhd-shadow);padding:24px;backdrop-filter:blur(16px)} .mhd-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:6px;margin-bottom:20px}.mhd-auth-tabs button{appearance:none;border:0;border-radius:13px;padding:12px 14px;background:transparent;color:var(--mhd-muted);font-weight:900;cursor:pointer;transition:.18s ease}.mhd-auth-tabs button.is-active{color:#fff;background:linear-gradient(135deg,rgba(61,123,245,.9),rgba(139,92,246,.78));box-shadow:0 12px 28px rgba(61,123,245,.22)} .mhd-auth-form{display:none}.mhd-auth-form.is-active{display:block;animation:mhdFadeUp .18s ease both}.mhd-auth-form h2,.mhd-auth-account h2{font-size:30px;line-height:1.08;letter-spacing:-.045em;color:#fff;margin:0 0 8px}.mhd-auth-form p,.mhd-auth-account p{color:var(--mhd-muted);margin:0 0 18px}.mhd-auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mhd-auth-field{display:grid;gap:7px;margin-bottom:14px}.mhd-auth-field--full{grid-column:1/-1}.mhd-auth-field--half{grid-column:auto}.mhd-auth-field span{color:var(--mhd-muted);font-size:13px;font-weight:850}.mhd-auth-field em{color:var(--mhd-danger);font-style:normal}.mhd-auth-field input,.mhd-auth-field textarea,.mhd-auth-field select,.mhd-auth-copy-grid input{width:100%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:12px 13px;outline:none;transition:.18s ease}.mhd-auth-field input:focus,.mhd-auth-field textarea:focus,.mhd-auth-field select:focus,.mhd-auth-copy-grid input:focus{border-color:rgba(61,123,245,.62);box-shadow:0 0 0 4px rgba(61,123,245,.13)}.mhd-auth-field select option{background:#0c1324;color:#fff}.mhd-auth-choice-list{display:grid;gap:8px}.mhd-auth-choice-list label,.mhd-auth-checkbox,.mhd-auth-checkline{display:flex;align-items:flex-start;gap:10px;color:var(--mhd-muted);font-weight:750}.mhd-auth-checkline{margin:6px 0 18px;font-size:13px}.mhd-auth-checkline input,.mhd-auth-choice-list input,.mhd-auth-checkbox input{margin-top:4px;accent-color:var(--mhd-primary)} .mhd-auth-small-link{display:inline-flex;margin-top:13px;color:#9dc1ff;font-weight:800}.mhd-auth-notice{padding:13px 15px;border-radius:14px;margin-bottom:16px;font-weight:750}.mhd-auth-notice ul{margin:8px 0 0 18px}.mhd-auth-notice.success{background:rgba(16,217,138,.1);border:1px solid rgba(16,217,138,.24);color:var(--mhd-green)}.mhd-auth-notice.error{background:rgba(240,82,82,.1);border:1px solid rgba(240,82,82,.26);color:#ffb5b5} .mhd-auth-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.mhd-auth-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mhd-auth-status-grid span,.mhd-auth-connector-box{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:18px;padding:15px}.mhd-auth-status-grid small{display:block;color:var(--mhd-muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.mhd-auth-status-grid strong{display:block;color:#fff;font-size:15px;word-break:break-word}.mhd-auth-connector-box h3{font-size:20px;margin:0 0 6px;color:#fff}.mhd-auth-copy-grid{display:grid;gap:12px;margin-top:16px}.mhd-auth-copy-grid label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.mhd-auth-copy-grid label>span{grid-column:1/-1;color:var(--mhd-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mhd-auth-copy-grid button{border:1px solid rgba(61,123,245,.45);background:rgba(61,123,245,.16);color:#fff;border-radius:12px;padding:12px 14px;font-weight:900;cursor:pointer}.mhd-auth-copy-grid button:disabled{opacity:.55;cursor:not-allowed} @media (max-width:1020px){.mhd-auth-shell{grid-template-columns:1fr}.mhd-auth-copy{position:relative;top:auto;padding-top:0}.mhd-auth-card{max-width:760px}.mhd-auth-status-grid{grid-template-columns:1fr}} @media (max-width:640px){.mhd-auth-page{padding:58px 0 72px}.mhd-auth-card{padding:18px;border-radius:22px}.mhd-auth-fields{grid-template-columns:1fr}.mhd-auth-field--half{grid-column:1/-1}.mhd-auth-account-head{display:grid}.mhd-auth-copy-grid label{grid-template-columns:1fr}.mhd-auth-copy h1{font-size:38px}} /* Customer portal */ .mhd-auth-shell--account{grid-template-columns:1fr}.mhd-auth-card--account{width:100%;max-width:1180px;margin:0 auto}.mhd-customer-portal .mhd-portal-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.mhd-portal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px;padding:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:18px}.mhd-portal-tabs button{appearance:none;border:0;border-radius:13px;padding:11px 14px;background:transparent;color:var(--mhd-muted);font-weight:900;cursor:pointer}.mhd-portal-tabs button.is-active{background:linear-gradient(135deg,rgba(61,123,245,.92),rgba(139,92,246,.78));color:#fff;box-shadow:0 12px 28px rgba(61,123,245,.22)}.mhd-portal-panel{display:none}.mhd-portal-panel.is-active{display:block;animation:mhdFadeUp .18s ease both}.mhd-portal-form{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:20px;padding:18px;margin:0 0 18px}.mhd-portal-form h3,.mhd-customer-portal h3{color:#fff;margin:0 0 12px;font-size:20px}.mhd-portal-grid{display:grid;gap:14px}.mhd-portal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mhd-portal-grid label,.mhd-portal-form label{display:grid;gap:7px;color:var(--mhd-muted);font-size:13px;font-weight:850}.mhd-portal-grid label.wide{grid-column:1/-1}.mhd-portal-form input,.mhd-portal-form select,.mhd-portal-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:12px 13px;outline:none}.mhd-portal-form select option{background:#0c1324;color:#fff}.mhd-hours-grid{display:grid;gap:10px;margin:10px 0 18px}.mhd-hour-row{display:grid;grid-template-columns:140px 1fr 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px;background:rgba(0,0,0,.12)}.mhd-hour-row strong{color:#fff}.mhd-inline-check{display:flex!important;align-items:center;gap:8px;white-space:nowrap}.mhd-inline-check input{width:auto}.mhd-portal-split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.mhd-plan-list{display:grid;gap:10px;margin-bottom:14px}.mhd-plan-card{display:flex!important;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;background:rgba(0,0,0,.12);cursor:pointer}.mhd-plan-card input{width:auto;margin-top:4px}.mhd-plan-card strong{display:block;color:#fff}.mhd-plan-card em{display:block;color:var(--mhd-muted);font-style:normal;margin-top:3px}.mhd-wallet-big{font-size:42px!important;line-height:1;color:#fff!important;margin:0 0 16px!important;font-weight:950;letter-spacing:-.04em}.mhd-inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:12px 0}.mhd-inline-form label{min-width:180px}.mhd-table-wrap{width:100%;overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:16px;margin:0 0 20px}.mhd-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.mhd-table-wrap th,.mhd-table-wrap td{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top;color:var(--mhd-muted)}.mhd-table-wrap th{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.05)}.mhd-portal-muted{color:var(--mhd-muted-2)!important;font-size:13px!important;margin:12px 0 0!important}.mhd-portal-health-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mhd-portal-health-form span{color:var(--mhd-muted)}@media (max-width:1100px){.mhd-customer-portal .mhd-portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mhd-portal-split{grid-template-columns:1fr}}@media (max-width:760px){.mhd-customer-portal .mhd-portal-kpis,.mhd-portal-grid.two{grid-template-columns:1fr}.mhd-hour-row{grid-template-columns:1fr}.mhd-portal-tabs{display:grid;grid-template-columns:1fr 1fr}.mhd-inline-form{display:grid}.mhd-inline-form label{min-width:0}} /* v1.0.7 — AMPED customer portal layout inspired by the uploaded dark command-center design. */ .mhd-auth-page .mhd-container:has(.mhd-auth-shell--account){width:min(1440px,calc(100% - 32px));} .mhd-auth-page--portal{padding:34px 0 60px;background:radial-gradient(circle at 14% 0%,rgba(61,123,245,.18),transparent 32%),radial-gradient(circle at 88% 8%,rgba(123,76,245,.16),transparent 28%),linear-gradient(180deg,#070b16 0%,#0a0f1e 100%)} .mhd-auth-shell--account{width:100%;display:block!important;} .mhd-auth-card--account{width:100%!important;max-width:none!important;padding:0!important;background:#0a0f1e!important;border:1px solid rgba(37,51,84,.95)!important;border-radius:22px!important;box-shadow:0 26px 90px rgba(0,0,0,.36)!important;overflow:hidden!important;backdrop-filter:none!important;} .mhd-customer-portal{--portal-sidebar:260px;--portal-navy:#0a0f1e;--portal-navy2:#111827;--portal-navy3:#16203a;--portal-navy4:#1f2d45;--portal-card:#121c2e;--portal-card2:#16203a;--portal-border:#1e2d45;--portal-border2:#253354;--portal-text:#f0f4ff;--portal-muted:#8b9ec7;--portal-muted2:#56658a;--portal-accent:#3d7bf5;--portal-accent2:#5b92f7;--portal-green:#10d98a;--portal-warning:#f5a623;--portal-danger:#f05252;display:grid;grid-template-columns:var(--portal-sidebar) minmax(0,1fr);gap:18px;padding:18px;background:linear-gradient(180deg,rgba(10,15,30,.98),rgba(7,11,22,.98));color:var(--portal-text);min-height:calc(100vh - 170px);} .mhd-customer-portal *{box-sizing:border-box;} .mhd-customer-portal .mhd-auth-account-head{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:18px 20px;border:1px solid var(--portal-border);background:linear-gradient(135deg,rgba(18,28,46,.98),rgba(15,23,42,.94));border-radius:16px;} .mhd-customer-portal .mhd-auth-account-head .mhd-eyebrow{padding:5px 10px;border-radius:999px;background:rgba(61,123,245,.12);border:1px solid rgba(61,123,245,.28);color:#bcd6ff;font-size:10px;letter-spacing:.12em;} .mhd-customer-portal .mhd-auth-account-head h2{margin:8px 0 2px!important;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.05!important;letter-spacing:-.045em;color:var(--portal-text)!important;word-break:normal!important;overflow-wrap:anywhere;} .mhd-customer-portal .mhd-auth-account-head p{margin:0!important;max-width:760px;color:var(--portal-muted)!important;font-size:13.5px;} .mhd-customer-portal .mhd-auth-account-head .mhd-btn{border-radius:10px;padding:9px 13px;font-size:12.5px;white-space:nowrap;background:rgba(255,255,255,.06);border:1px solid var(--portal-border2);box-shadow:none;} .mhd-customer-portal>.mhd-auth-notice{grid-column:1/-1;margin:0;border-radius:12px;} .mhd-customer-portal .mhd-portal-tabs{grid-column:1;grid-row:4 / span 20;position:sticky;top:18px;align-self:start;display:flex!important;flex-direction:column;gap:6px;margin:0!important;padding:12px!important;background:var(--portal-navy2)!important;border:1px solid var(--portal-border)!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(0,0,0,.22);} .mhd-customer-portal .mhd-portal-tabs::before{content:'Customer Portal';display:block;padding:8px 10px 10px;color:var(--portal-muted2);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--portal-border);margin-bottom:4px;} .mhd-customer-portal .mhd-portal-tabs button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;width:100%;margin:0;padding:10px 11px!important;text-align:left;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--portal-muted)!important;box-shadow:none!important;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;} .mhd-customer-portal .mhd-portal-tabs button::before{grid-row:1/3;content:'◦';width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.045);color:var(--portal-muted2);font-size:16px;line-height:1;margin-top:1px;} .mhd-customer-portal .mhd-portal-tabs button:nth-child(1)::before{content:'▦';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(2)::before{content:'✓';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(3)::before{content:'◈';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(4)::before{content:'◉';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(5)::before{content:'$';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(6)::before{content:'☎';} .mhd-customer-portal .mhd-portal-tabs button:nth-child(7)::before{content:'↔';font-size:15px;font-weight:900;} .mhd-customer-portal .mhd-portal-tabs button span{display:block;min-width:0;color:inherit;font-size:13.5px;font-weight:650;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mhd-customer-portal .mhd-portal-tabs button em{grid-column:2;display:block;margin-top:2px;color:var(--portal-muted2);font-size:11px;font-style:normal;font-weight:500;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mhd-customer-portal .mhd-portal-tabs button:hover{background:var(--portal-navy3)!important;color:var(--portal-text)!important;transform:translateX(2px);} .mhd-customer-portal .mhd-portal-tabs button.is-active{background:rgba(61,123,245,.14)!important;color:var(--portal-accent2)!important;border-color:rgba(61,123,245,.28)!important;} .mhd-customer-portal .mhd-portal-tabs button.is-active::before{background:linear-gradient(135deg,var(--portal-accent),#7b4cf5);color:#fff;box-shadow:0 8px 24px rgba(61,123,245,.25);} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-column:2;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important;margin:0!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span{position:relative;min-width:0;display:block;border:1px solid var(--portal-border)!important;background:linear-gradient(180deg,rgba(18,28,46,.98),rgba(18,28,46,.82))!important;border-radius:14px!important;padding:16px!important;overflow:hidden;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span::after{content:'';position:absolute;right:-18px;top:-18px;width:58px;height:58px;border-radius:999px;background:rgba(61,123,245,.09);} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis small{display:block;margin-bottom:8px;color:var(--portal-muted2)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em;text-transform:uppercase;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis strong{display:block;color:var(--portal-text)!important;font-size:18px!important;font-weight:750!important;line-height:1.15!important;word-break:normal!important;overflow-wrap:anywhere;} .mhd-customer-portal .mhd-portal-panel{grid-column:2;min-width:0;display:none;margin:0!important;} .mhd-customer-portal .mhd-portal-panel.is-active{display:block;animation:mhdFadeUp .18s ease both;} .mhd-portal-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);gap:16px;margin-bottom:16px;} .mhd-portal-hero-card,.mhd-portal-readiness-card{position:relative;border:1px solid var(--portal-border);border-radius:16px;background:linear-gradient(135deg,rgba(18,28,46,.98),rgba(17,24,39,.96));padding:22px;overflow:hidden;} .mhd-portal-hero-card::after{content:'';position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(61,123,245,.23),transparent 62%);pointer-events:none;} .mhd-portal-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(16,217,138,.1);border:1px solid rgba(16,217,138,.24);color:var(--portal-green);font-size:11.5px;font-weight:700;} .mhd-portal-live-pill i{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px rgba(16,217,138,.1);} .mhd-portal-hero-card h3{position:relative;margin:14px 0 8px!important;color:var(--portal-text)!important;font-size:28px!important;line-height:1.05!important;letter-spacing:-.04em;} .mhd-portal-hero-card p{position:relative;max-width:720px;margin:0 0 20px!important;color:var(--portal-muted)!important;font-size:14px;} .mhd-portal-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--portal-muted);font-size:12.5px;margin-bottom:9px;} .mhd-portal-progress-row strong{color:var(--portal-text);font-size:15px;} .mhd-portal-progress{height:7px;background:var(--portal-navy3);border-radius:999px;overflow:hidden;margin-bottom:18px;} .mhd-portal-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--portal-accent),#7b4cf5);box-shadow:0 0 28px rgba(61,123,245,.35);} .mhd-portal-quick-actions{position:relative;display:flex;flex-wrap:wrap;gap:9px;} .mhd-customer-portal .mhd-btn{border-radius:10px!important;padding:10px 14px!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important;} .mhd-customer-portal .mhd-btn-primary{background:linear-gradient(135deg,var(--portal-accent),#7b4cf5)!important;color:#fff!important;border:1px solid rgba(255,255,255,.05)!important;} .mhd-customer-portal .mhd-btn-soft{background:var(--portal-navy3)!important;color:var(--portal-muted)!important;border:1px solid var(--portal-border2)!important;} .mhd-customer-portal .mhd-btn:hover{filter:brightness(1.07);transform:translateY(-1px);} .mhd-portal-readiness-card h3,.mhd-customer-portal .mhd-portal-form h3,.mhd-customer-portal h3{margin:0 0 14px!important;color:var(--portal-text)!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em;} .mhd-portal-checklist{display:grid;gap:8px;} .mhd-portal-checklist div{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--portal-border);border-radius:10px;background:rgba(255,255,255,.035);color:var(--portal-muted);font-size:13px;} .mhd-portal-checklist span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:rgba(245,166,35,.12);color:var(--portal-warning);font-weight:900;font-size:12px;} .mhd-portal-checklist .is-done span{background:rgba(16,217,138,.12);color:var(--portal-green);} .mhd-portal-checklist .is-done{color:var(--portal-text);} .mhd-portal-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .mhd-customer-portal .mhd-portal-form,.mhd-customer-portal .mhd-auth-connector-box{border:1px solid var(--portal-border)!important;background:linear-gradient(180deg,rgba(18,28,46,.98),rgba(18,28,46,.86))!important;border-radius:16px!important;padding:18px!important;margin:0 0 16px!important;box-shadow:0 18px 45px rgba(0,0,0,.15);} .mhd-customer-portal .mhd-portal-panel-card{margin:0!important;} .mhd-portal-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;} .mhd-mini-link{border:1px solid var(--portal-border2);background:var(--portal-navy3);color:var(--portal-muted);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;} .mhd-customer-portal .mhd-portal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} .mhd-customer-portal .mhd-portal-grid label,.mhd-customer-portal .mhd-portal-form label{display:grid;gap:7px;color:var(--portal-muted)!important;font-size:12.5px!important;font-weight:700!important;} .mhd-customer-portal .mhd-portal-grid label.wide{grid-column:1/-1;} .mhd-customer-portal .mhd-portal-form input,.mhd-customer-portal .mhd-portal-form select,.mhd-customer-portal .mhd-portal-form textarea,.mhd-customer-portal .mhd-auth-copy-grid input{width:100%;min-width:0;border:1px solid var(--portal-border2)!important;background:var(--portal-navy3)!important;color:var(--portal-text)!important;border-radius:10px!important;padding:10px 12px!important;outline:none!important;box-shadow:none!important;} .mhd-customer-portal .mhd-portal-form textarea{resize:vertical;} .mhd-customer-portal .mhd-portal-form input:focus,.mhd-customer-portal .mhd-portal-form select:focus,.mhd-customer-portal .mhd-portal-form textarea:focus,.mhd-customer-portal .mhd-auth-copy-grid input:focus{border-color:var(--portal-accent)!important;box-shadow:0 0 0 3px rgba(61,123,245,.15)!important;} .mhd-customer-portal .mhd-portal-form select option{background:#111827;color:#fff;} .mhd-customer-portal .mhd-hours-grid{display:grid;gap:8px;margin:10px 0 18px;} .mhd-customer-portal .mhd-hour-row{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--portal-border);border-radius:12px;padding:10px;background:rgba(255,255,255,.035);} .mhd-customer-portal .mhd-hour-row strong{color:var(--portal-text);font-size:13px;} .mhd-customer-portal .mhd-inline-check{display:flex!important;align-items:center;gap:8px;white-space:nowrap;} .mhd-customer-portal .mhd-inline-check input{width:auto;accent-color:var(--portal-accent);} .mhd-customer-portal .mhd-portal-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;} .mhd-customer-portal .mhd-plan-card{display:flex!important;gap:11px;align-items:flex-start;border:1px solid var(--portal-border)!important;border-radius:12px!important;padding:12px!important;background:rgba(255,255,255,.035)!important;cursor:pointer;} .mhd-customer-portal .mhd-plan-card:hover{border-color:rgba(61,123,245,.35)!important;background:rgba(61,123,245,.08)!important;} .mhd-customer-portal .mhd-plan-card input{width:auto;margin-top:4px;accent-color:var(--portal-accent);} .mhd-customer-portal .mhd-plan-card strong{color:var(--portal-text)!important;font-size:14px;} .mhd-customer-portal .mhd-plan-card em{display:block;color:var(--portal-muted)!important;font-style:normal;font-size:12px;margin-top:3px;} .mhd-customer-portal .mhd-wallet-big{font-size:42px!important;line-height:1!important;color:var(--portal-text)!important;margin:0 0 16px!important;font-weight:800!important;letter-spacing:-.04em;} .mhd-customer-portal .mhd-inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:12px 0;} .mhd-customer-portal .mhd-inline-form label{min-width:180px;} .mhd-customer-portal .mhd-table-wrap{width:100%;overflow:auto;border:1px solid var(--portal-border)!important;border-radius:12px!important;margin:0 0 18px!important;background:rgba(255,255,255,.02);} .mhd-customer-portal .mhd-table-wrap--flush{margin:0!important;} .mhd-customer-portal .mhd-table-wrap table{width:100%;border-collapse:collapse;min-width:620px;} .mhd-customer-portal .mhd-table-wrap th,.mhd-customer-portal .mhd-table-wrap td{padding:11px 12px;border-bottom:1px solid var(--portal-border)!important;text-align:left;vertical-align:top;color:var(--portal-muted)!important;font-size:12.5px;} .mhd-customer-portal .mhd-table-wrap th{color:var(--portal-muted2)!important;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.035)!important;font-weight:800;} .mhd-customer-portal .mhd-table-wrap tr:hover td{background:rgba(255,255,255,.025);color:var(--portal-text)!important;} .mhd-customer-portal .mhd-portal-muted{color:var(--portal-muted2)!important;font-size:12.5px!important;margin:12px 0 0!important;} .mhd-customer-portal .mhd-portal-health-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .mhd-customer-portal .mhd-auth-copy-grid{display:grid;gap:12px;margin-top:14px;} .mhd-customer-portal .mhd-auth-copy-grid label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;} .mhd-customer-portal .mhd-auth-copy-grid label>span{grid-column:1/-1;color:var(--portal-muted2);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;} .mhd-customer-portal .mhd-auth-copy-grid button{border:1px solid rgba(61,123,245,.35);background:rgba(61,123,245,.14);color:#fff;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;} @media (max-width:1100px){.mhd-customer-portal{grid-template-columns:220px minmax(0,1fr);}.mhd-portal-dashboard-grid,.mhd-portal-overview-grid,.mhd-customer-portal .mhd-portal-split{grid-template-columns:1fr;}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;}} @media (max-width:860px){.mhd-auth-page .mhd-container:has(.mhd-auth-shell--account){width:min(100% - 20px,1440px);}.mhd-customer-portal{display:block;padding:12px;min-height:0;}.mhd-customer-portal .mhd-auth-account-head{align-items:flex-start;display:grid!important;}.mhd-customer-portal .mhd-portal-tabs{position:relative;top:auto;display:flex!important;flex-direction:row;overflow:auto;margin:14px 0!important;padding:8px!important;}.mhd-customer-portal .mhd-portal-tabs::before{display:none;}.mhd-customer-portal .mhd-portal-tabs button{min-width:190px;}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{margin:14px 0!important;}.mhd-customer-portal .mhd-portal-panel{margin-top:14px!important;}.mhd-customer-portal .mhd-portal-grid.two,.mhd-customer-portal .mhd-hour-row{grid-template-columns:1fr;}.mhd-customer-portal .mhd-auth-copy-grid label,.mhd-customer-portal .mhd-inline-form{display:grid;grid-template-columns:1fr;}.mhd-customer-portal .mhd-inline-form label{min-width:0;}} @media (max-width:560px){.mhd-auth-page--portal{padding:16px 0 32px;}.mhd-auth-card--account{border-radius:16px!important;}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-template-columns:1fr!important;}.mhd-portal-hero-card,.mhd-portal-readiness-card,.mhd-customer-portal .mhd-portal-form,.mhd-customer-portal .mhd-auth-connector-box{padding:15px!important;}.mhd-portal-quick-actions .mhd-btn{width:100%;}.mhd-customer-portal .mhd-table-wrap table{min-width:560px;}} /* v1.0.8 — dense command-center layout fix: sidebar starts at the top, content uses full width, less wasted space. */ .mhd-auth-page--portal{padding:12px 0 28px!important;min-height:calc(100vh - 62px)!important;} .mhd-auth-page--portal .mhd-container, .mhd-auth-page .mhd-container:has(.mhd-auth-shell--account){width:100%!important;max-width:none!important;margin:0!important;padding:0 14px!important;} .mhd-auth-page--portal .mhd-auth-shell--account{width:100%!important;max-width:none!important;} .mhd-auth-page--portal .mhd-auth-card--account{width:100%!important;max-width:none!important;margin:0!important;border-radius:18px!important;} .mhd-customer-portal{grid-template-columns:244px minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:14px!important;padding:14px!important;min-height:calc(100vh - 110px)!important;align-items:start!important;} .mhd-customer-portal .mhd-auth-account-head{grid-column:2!important;grid-row:1!important;min-height:0!important;padding:14px 16px!important;border-radius:14px!important;} .mhd-customer-portal .mhd-auth-account-head h2{font-size:clamp(20px,1.65vw,28px)!important;margin:6px 0 2px!important;} .mhd-customer-portal .mhd-auth-account-head p{font-size:12.5px!important;max-width:920px!important;margin:0!important;} .mhd-customer-portal .mhd-portal-tabs{grid-column:1!important;grid-row:1 / span 60!important;top:14px!important;margin:0!important;min-height:calc(100vh - 138px)!important;} .mhd-customer-portal .mhd-portal-tabs button{padding:9px 10px!important;} .mhd-customer-portal .mhd-portal-tabs button span{font-size:13px!important;} .mhd-customer-portal .mhd-portal-tabs button em{font-size:10.5px!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-column:2!important;grid-row:2!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span{padding:13px 12px!important;border-radius:13px!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis small{font-size:9.5px!important;margin-bottom:6px!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis strong{font-size:14px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;word-break:normal!important;overflow-wrap:anywhere!important;} .mhd-customer-portal .mhd-portal-panel{grid-column:2!important;grid-row:3!important;} .mhd-customer-portal .mhd-portal-dashboard-grid{gap:14px!important;margin:0 0 14px!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr)!important;} .mhd-portal-hero-card,.mhd-portal-readiness-card{padding:18px!important;border-radius:14px!important;} .mhd-portal-hero-card h3{font-size:clamp(22px,2vw,32px)!important;margin:10px 0 6px!important;} .mhd-portal-hero-card p{font-size:13px!important;margin-bottom:16px!important;} .mhd-portal-overview-grid{gap:14px!important;} .mhd-customer-portal .mhd-portal-form,.mhd-customer-portal .mhd-auth-connector-box{padding:16px!important;border-radius:14px!important;margin-bottom:14px!important;} .mhd-customer-portal .mhd-table-wrap table{min-width:0!important;} @media (max-width:1280px){.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.mhd-customer-portal .mhd-portal-dashboard-grid{grid-template-columns:1fr!important;}} @media (max-width:900px){.mhd-customer-portal{display:block!important;padding:12px!important;min-height:0!important;}.mhd-customer-portal .mhd-auth-account-head{display:grid!important;margin-bottom:12px!important;}.mhd-customer-portal .mhd-portal-tabs{position:relative!important;top:auto!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;min-height:0!important;margin:0 0 12px!important;}.mhd-customer-portal .mhd-portal-tabs button{min-width:180px!important;}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 12px!important;}.mhd-customer-portal .mhd-portal-panel{margin-top:0!important;}} @media (max-width:560px){.mhd-auth-page--portal .mhd-container{padding:0 8px!important;}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis{grid-template-columns:1fr!important;}} .mhd-phone-results { display: grid; gap: 12px; margin-top: 14px; } .mhd-phone-result-row { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(260px, 2fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(148, 163, 184, .25); border-radius: 16px; background: rgba(15, 23, 42, .04); } .mhd-phone-result-row small { display: block; opacity: .72; margin-top: 2px; } @media (max-width: 760px) { .mhd-phone-result-row { grid-template-columns: 1fr; } } /* v0.9.1 learning + behavior controls */ .mhd-customer-portal .mhd-portal-nested-settings { margin-top: 14px !important; padding: 14px !important; border: 1px solid rgba(14,165,233,.18) !important; border-radius: 16px !important; background: linear-gradient(135deg, rgba(14,165,233,.07), rgba(99,102,241,.05)) !important; } .mhd-customer-portal .mhd-portal-nested-settings summary { cursor: pointer; font-weight: 800; color: #0f172a; list-style: none; } .mhd-customer-portal .mhd-portal-nested-settings summary::-webkit-details-marker { display: none; } .mhd-customer-portal .mhd-portal-nested-settings summary:after { content: '+'; float: right; width: 24px; height: 24px; line-height: 22px; text-align: center; border-radius: 999px; border: 1px solid rgba(14,165,233,.25); background: #fff; } .mhd-customer-portal .mhd-portal-nested-settings[open] summary:after { content: '−'; } .mhd-customer-portal .mhd-inline-check { display: flex; gap: 9px; align-items: flex-start; margin: 9px 0; font-weight: 700; } .mhd-customer-portal .mhd-inline-check input { margin-top: 3px; } .mhd-customer-portal .mhd-help { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; color: #64748b; } .mhd-customer-portal .mhd-learning-status-badge { display: inline-flex; align-items: center; justify-content: center; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; background: rgba(148,163,184,.14); color: #334155; } .mhd-customer-portal .mhd-learning-status-badge.is-approved { background: rgba(22,163,74,.13); color: #166534; } .mhd-customer-portal .mhd-learning-status-badge.is-pending { background: rgba(245,158,11,.14); color: #92400e; } .mhd-customer-portal .mhd-learning-status-badge.is-rejected { background: rgba(239,68,68,.12); color: #991b1b; } @media (max-width: 760px) { .mhd-customer-portal .mhd-portal-nested-settings { padding: 12px !important; } } .mhd-customer-portal .mhd-active-knowledge-counts { display:grid; grid-template-columns:repeat(auto-fit,minmax(92px,1fr)); gap:.75rem; margin:.9rem 0 1rem; } .mhd-customer-portal .mhd-active-knowledge-counts span { border:1px solid rgba(15,23,42,.08); background:rgba(248,250,252,.9); border-radius:16px; padding:.8rem; } .mhd-customer-portal .mhd-active-knowledge-counts strong { display:block; font-size:1.35rem; } .mhd-customer-portal .mhd-active-knowledge-counts small { color:#64748b; } .mhd-customer-portal .mhd-knowledge-preview-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.75rem; } .mhd-customer-portal .mhd-knowledge-preview-list article { border:1px solid rgba(15,23,42,.08); border-radius:18px; padding:.9rem; background:#fff; } .mhd-customer-portal .mhd-knowledge-preview-list span { display:inline-flex; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#475569; } .mhd-customer-portal .mhd-knowledge-preview-list strong { display:block; margin:.35rem 0; } .mhd-customer-portal .mhd-knowledge-preview-list small { color:#64748b; line-height:1.45; } .mhd-transcript-block { margin-top: 8px; } .mhd-transcript-block summary { cursor: pointer; font-weight: 700; } .mhd-transcript-block pre { max-height: 260px; overflow: auto; white-space: pre-wrap; margin: 8px 0 0; padding: 12px; border-radius: 12px; background: rgba(15, 23, 42, 0.06); line-height: 1.45; } /* v0.9.12 customer portal control hardening */ .mhd-auth-shell *, .mhd-customer-portal * { box-sizing: border-box; } .mhd-auth-shell input[type="radio"], .mhd-auth-shell input[type="checkbox"], .mhd-customer-portal input[type="radio"], .mhd-customer-portal input[type="checkbox"] { width: auto !important; min-width: 0 !important; height: auto !important; padding: 0 !important; margin: 3px 0 0 !important; box-shadow: none !important; accent-color: var(--mhd-primary); flex: 0 0 auto; } .mhd-auth-shell input[type="hidden"], .mhd-customer-portal input[type="hidden"] { display: none !important; } .mhd-auth-choice-list label, .mhd-auth-checkbox, .mhd-auth-checkline, .mhd-plan-card, .mhd-inline-check { min-width: 0; } .mhd-auth-choice-list label span, .mhd-plan-card span { min-width: 0; } .mhd-portal-form button, .mhd-customer-portal .button { border-radius: 999px; font-weight: 850; } /* v1.1.8 billing/trial cancellation UI */ .mhd-btn-danger{ border:1px solid #fca5a5!important; color:#991b1b!important; background:#fff!important; box-shadow:none!important; } .mhd-btn-danger:hover{background:#fee2e2!important;color:#7f1d1d!important} .mhd-cancel-subscription-form{border:1px solid #fecaca;background:#fff7f7;border-radius:18px;padding:1rem!important} /* v1.3.0 commercial portal modules: appointments, shared inbox, automations, AI quality */ .mhd-frontdesk-command-card{border:1px solid rgba(14,165,233,.18)!important;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(99,102,241,.06))!important} .mhd-frontdesk-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px} .mhd-frontdesk-metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))} .mhd-frontdesk-metric-grid button,.mhd-frontdesk-metric-grid span{appearance:none;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:18px;padding:14px;text-align:left;box-shadow:0 10px 24px rgba(15,23,42,.05);cursor:pointer;color:#0f172a} .mhd-frontdesk-metric-grid span{cursor:default} .mhd-frontdesk-metric-grid button:hover{border-color:rgba(14,165,233,.35);transform:translateY(-1px)} .mhd-frontdesk-metric-grid small{display:block;color:#64748b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px} .mhd-frontdesk-metric-grid strong{display:block;font-size:24px;line-height:1.1;color:#0f172a;margin-bottom:4px} .mhd-frontdesk-metric-grid span span,.mhd-frontdesk-metric-grid button span{display:block;color:#64748b;font-size:12px;line-height:1.35} .mhd-frontdesk-mini-list{display:grid;gap:10px;margin-top:12px} .mhd-frontdesk-mini-list span{display:block;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.9);padding:11px 12px;color:#334155;font-weight:650;line-height:1.35} .mhd-portal-thread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px} .mhd-frontdesk-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:15px;box-shadow:0 12px 28px rgba(15,23,42,.06)} .mhd-frontdesk-card strong{display:block;color:#0f172a;font-size:15px;margin-bottom:2px} .mhd-frontdesk-card small,.mhd-frontdesk-card span{display:block;color:#64748b;font-size:12px} .mhd-frontdesk-card p{color:#334155;line-height:1.45;margin:10px 0} .mhd-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .mhd-row-actions form{margin:0!important;display:inline-flex!important} .mhd-mini-link{border:1px solid rgba(14,165,233,.22);background:#fff;color:#0369a1;border-radius:999px;padding:7px 10px;font-weight:850;cursor:pointer;text-decoration:none} .mhd-mini-link:hover{background:#eff6ff;color:#075985} .mhd-inline-form input[type="text"]{max-width:280px} @media(max-width:900px){.mhd-frontdesk-metric-grid{grid-template-columns:1fr}.mhd-portal-thread-grid{grid-template-columns:1fr}.mhd-row-actions{display:grid;grid-template-columns:1fr}.mhd-row-actions form,.mhd-row-actions button{width:100%}} .mhd-frontdesk-connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}.mhd-frontdesk-connect-grid article{border:1px solid rgba(14,165,233,.18);background:linear-gradient(135deg,#fff,#f8fbff);border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.mhd-frontdesk-connect-grid strong,.mhd-frontdesk-connect-grid span,.mhd-frontdesk-connect-grid em{display:block}.mhd-frontdesk-connect-grid strong{font-size:16px;color:#0f172a}.mhd-frontdesk-connect-grid span{font-size:13px;color:#64748b;line-height:1.45;margin-top:6px}.mhd-frontdesk-connect-grid em{font-style:normal;color:#0369a1;font-weight:850;margin-top:10px}.mhd-portal-form.wide{grid-column:1/-1} .mhd-frontdesk-connect-grid article.is-connected{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,#f0fdf4,#ffffff)}.mhd-frontdesk-connect-grid article.is-connected em{color:#166534} /* v1.0.15 workflow recipe/certification polish */ .mhd-workflow-recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px} .mhd-workflow-recipe-grid article{border:1px solid rgba(15,23,42,.08);border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbff);padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06)} .mhd-workflow-recipe-grid strong,.mhd-workflow-recipe-grid span,.mhd-workflow-recipe-grid small{display:block} .mhd-workflow-recipe-grid strong{font-size:16px;color:#0f172a}.mhd-workflow-recipe-grid span{color:#64748b;line-height:1.45;margin-top:5px}.mhd-workflow-recipe-grid small{color:#0369a1;font-weight:800;margin:10px 0;line-height:1.35} .mhd-flow-mini{display:flex;align-items:center;gap:7px;margin:12px 0;flex-wrap:wrap}.mhd-flow-mini b{font-size:10px;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(14,165,233,.18);background:#eff6ff;color:#075985;border-radius:999px;padding:5px 7px}.mhd-flow-mini i{width:16px;height:1px;background:rgba(14,165,233,.35)} .mhd-workflow-canvas-card{background:linear-gradient(135deg,rgba(2,132,199,.08),rgba(99,102,241,.06))!important;border-color:rgba(14,165,233,.22)!important} .mhd-flow-canvas{display:grid;grid-template-columns:minmax(160px,1fr) 32px minmax(180px,1.2fr) 32px minmax(200px,1.3fr) 32px minmax(170px,1fr);gap:10px;align-items:center;margin-top:14px} .mhd-flow-node{min-height:104px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;padding:14px;box-shadow:0 14px 34px rgba(15,23,42,.07);position:relative;overflow:hidden}.mhd-flow-node:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#0ea5e9,#6366f1)} .mhd-flow-node small{display:block;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:900;font-size:10px;margin-bottom:7px}.mhd-flow-node strong{display:block;color:#0f172a;line-height:1.35;font-size:14px}.mhd-flow-arrow{text-align:center;font-size:24px;font-weight:900;color:#0ea5e9} .mhd-flow-node.is-fallback:before{background:linear-gradient(90deg,#f97316,#ef4444)}.mhd-flow-node.is-action:before{background:linear-gradient(90deg,#22c55e,#0ea5e9)} @media(max-width:980px){.mhd-flow-canvas{grid-template-columns:1fr}.mhd-flow-arrow{transform:rotate(90deg);font-size:20px}.mhd-workflow-recipe-grid{grid-template-columns:1fr}} .mhd-launch-fixit-card{border-color:#dbeafe;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)} .mhd-fixit-list{display:grid;gap:12px;margin-top:14px}.mhd-fixit-list article{display:grid;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.mhd-fixit-list article strong{font-size:15px}.mhd-fixit-list article span{color:#64748b;line-height:1.45}.mhd-fixit-list article small,.mhd-fixit-list article em{color:#475569}.mhd-fixit-list .is-critical{border-color:#fecaca;background:#fff7f7}.mhd-fixit-list .is-high{border-color:#fed7aa;background:#fffaf3}.mhd-fixit-list .is-medium{border-color:#bfdbfe;background:#f8fbff}.mhd-fixit-list .is-ready{border-color:#bbf7d0;background:#f6fff9}.mhd-flow-validation{margin-top:12px;display:grid;gap:7px}.mhd-flow-validation span{display:block;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:12px;padding:9px 11px;font-weight:700}.mhd-flow-validation.is-ready span{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mhd-flow-node{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mhd-flow-node.is-selected{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,235,.18)!important;outline:2px solid rgba(37,99,235,.28)} /* v1.0.18 Launch Center / production gate polish */ .mhd-launch-center-grid{align-items:start}.mhd-production-gate-card .mhd-production-actions,.mhd-portal-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mhd-production-gate-card .mhd-production-actions form,.mhd-portal-actions-row form{margin:0}.mhd-production-checks span.is-good{border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.08)}.mhd-production-checks span.is-blocking{border-color:rgba(220,38,38,.28);background:rgba(220,38,38,.08)}.mhd-production-checks span.is-warning{border-color:rgba(217,119,6,.28);background:rgba(217,119,6,.08)}.mhd-provider-setup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.mhd-provider-setup-list article{border:1px solid rgba(15,23,42,.1);border-radius:18px;padding:14px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:8px;min-width:0}.mhd-provider-setup-list article.is-connected{border-color:rgba(22,163,74,.3)}.mhd-provider-setup-list article.needs-platform{border-color:rgba(217,119,6,.28)}.mhd-provider-setup-list article div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mhd-provider-setup-list article small{color:#64748b;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.mhd-provider-setup-list article p{margin:0;color:#475569;font-size:13px}.mhd-provider-setup-list code{display:block;max-width:100%;overflow:auto;white-space:nowrap;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;padding:7px 9px;color:#334155;font-size:11px}.mhd-btn[disabled]{opacity:.55;cursor:not-allowed}.mhd-provider-copy-card{overflow:hidden}@media(max-width:760px){.mhd-provider-setup-list{grid-template-columns:1fr}.mhd-production-gate-card .mhd-production-actions,.mhd-portal-actions-row{flex-direction:column}.mhd-production-gate-card .mhd-production-actions .mhd-btn,.mhd-portal-actions-row .mhd-btn{width:100%}} /* v1.0.19 Compliance Center / privacy request polish */ .mhd-compliance-center-grid{align-items:start}.mhd-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:12px 0}.mhd-checkbox-grid label{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#f8fafc;color:#334155;font-size:13px}.mhd-checkbox-grid input{margin-top:2px}.mhd-governance-checks span.is-good{border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.08)}.mhd-governance-checks span.is-blocking{border-color:rgba(220,38,38,.28);background:rgba(220,38,38,.08)}.mhd-auth-status-grid.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:12px} /* v1.0.20 visual workflow designer */ .mhd-workflow-designer-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:16px;align-items:start;margin-top:14px} .mhd-workflow-node-palette{border:1px solid rgba(14,165,233,.18);background:linear-gradient(135deg,#ffffff,#f8fbff);border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.06)} .mhd-workflow-node-palette strong,.mhd-workflow-node-palette span{display:block}.mhd-workflow-node-palette strong{color:#0f172a;font-size:15px}.mhd-workflow-node-palette span{color:#64748b;font-size:12px;line-height:1.4;margin-top:4px} .mhd-flow-palette-buttons{display:grid;gap:8px;margin-top:12px}.mhd-flow-palette-buttons button{appearance:none;border:1px solid rgba(14,165,233,.18);background:#fff;border-radius:14px;padding:10px 11px;text-align:left;color:#0f172a;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mhd-flow-palette-buttons button:hover{border-color:rgba(14,165,233,.45);box-shadow:0 12px 26px rgba(14,165,233,.12);transform:translateY(-1px)} .mhd-workflow-design-main{min-width:0}.mhd-flow-canvas--designer{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}.mhd-flow-canvas--designer .mhd-flow-node{cursor:grab;min-height:auto;padding-right:50px}.mhd-flow-canvas--designer .mhd-flow-node:active{cursor:grabbing}.mhd-flow-canvas--designer .mhd-flow-node.is-dragging{opacity:.56;transform:scale(.99);outline:2px dashed rgba(14,165,233,.45)} .mhd-flow-node[data-flow-id] small{display:flex;justify-content:space-between;gap:8px}.mhd-flow-node [data-flow-remove]{position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(239,68,68,.22);background:#fff;color:#991b1b;font-weight:900;line-height:1;cursor:pointer}.mhd-flow-node [data-flow-remove]:hover{background:#fee2e2}.mhd-flow-node.is-trigger [data-flow-remove],.mhd-flow-node.is-condition [data-flow-remove],.mhd-flow-node.is-fallback [data-flow-remove]{display:none} .mhd-workflow-advanced{margin-top:12px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fafc;padding:12px}.mhd-workflow-advanced summary{cursor:pointer;font-weight:900;color:#0f172a}.mhd-workflow-advanced .mhd-inline-check{display:inline-flex;margin:8px 12px 0 0}.mhd-flow-validation span.is-error{border-color:#fecaca;background:#fff7f7;color:#991b1b}.mhd-flow-validation span.is-warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.mhd-flow-validation span.is-ready{border-color:#bbf7d0;background:#f0fdf4;color:#166534} @media(max-width:980px){.mhd-workflow-designer-layout{grid-template-columns:1fr}.mhd-flow-palette-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.mhd-flow-palette-buttons{grid-template-columns:1fr}.mhd-flow-canvas--designer .mhd-flow-node{padding-right:44px}} /* v1.3.9 threaded shared inbox replies */ .mhd-frontdesk-thread-card.has-unread{border-color:rgba(245,158,11,.45);background:#fffbeb}.mhd-thread-reply-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important;margin-top:12px!important}.mhd-thread-reply-form textarea{width:100%;min-height:68px;border:1px solid rgba(15,23,42,.14);border-radius:14px;padding:10px 12px;box-sizing:border-box;background:#fff}.mhd-thread-reply-form .mhd-mini-link{height:max-content}@media(max-width:720px){.mhd-thread-reply-form{grid-template-columns:1fr!important}.mhd-thread-reply-form .mhd-mini-link{width:100%}} /* v1.0.23 Portal OS surface/module synchronization */ .mhd-portal-os-sync-grid{align-items:start}.mhd-portal-module-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}.mhd-portal-module-card{appearance:none;text-align:left;border:1px solid rgba(15,23,42,.1);border-radius:18px;background:#fff;padding:14px;display:grid;gap:7px;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mhd-portal-module-card:hover{transform:translateY(-2px);border-color:rgba(61,123,245,.35);box-shadow:0 18px 40px rgba(37,99,235,.11)}.mhd-portal-module-card small{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em}.mhd-portal-module-card strong{color:#0f172a;font-size:16px}.mhd-portal-module-card em{color:#2563eb;font-style:normal;font-weight:800}.mhd-portal-module-card span{color:#475569;font-size:13px;line-height:1.45}.mhd-portal-module-card.is-needs_setup,.mhd-portal-module-card.is-needs_review{border-color:rgba(217,119,6,.3);background:linear-gradient(135deg,#fff,#fff7ed)}.mhd-portal-module-card.is-active,.mhd-portal-module-card.is-ready{border-color:rgba(22,163,74,.22)}.mhd-portal-surface-list{display:grid;gap:10px;margin-top:14px}.mhd-portal-surface-list article{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:16px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.mhd-portal-surface-list strong{color:#0f172a}.mhd-portal-surface-list span{grid-column:1;color:#475569;font-size:13px;line-height:1.45}.mhd-portal-surface-list em{grid-row:1 / span 2;grid-column:2;align-self:start;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;font-style:normal;text-transform:uppercase}.mhd-portal-os-quickstart .mhd-portal-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.mhd-customer-portal .mhd-portal-tabs button[data-mhd-portal-tab="portal-os"]::before{content:'OS';font-size:10px;font-weight:950}@media(max-width:760px){.mhd-portal-module-map{grid-template-columns:1fr}.mhd-portal-surface-list article{grid-template-columns:1fr}.mhd-portal-surface-list em{grid-column:1;grid-row:auto;justify-self:start}.mhd-portal-os-quickstart .mhd-portal-quick-actions .mhd-btn{width:100%}} /* v1.0.24 Audio QA review surfaces */ .mhd-frontdesk-mini-list span strong { font-weight: 800; } .mhd-table-wrap td small { color: rgba(77, 88, 118, .82); } /* v1.0.25 Launch evidence pack */ .mhd-launch-evidence-card{border-color:rgba(37,99,235,.18)!important;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(14,165,233,.04))!important}.mhd-launch-evidence-card .mhd-auth-status-grid span{background:rgba(255,255,255,.72)} /* v1.0.26 managed fallback SLA operations */ .mhd-fallback-sla-grid { margin: 14px 0 18px; } .mhd-sla-overdue td { background: rgba(185, 28, 28, 0.06); } .mhd-sla-overdue td:first-child { border-left: 4px solid #b91c1c; } .mhd-fallback-update-form { gap: 8px; align-items: center; flex-wrap: wrap; } .mhd-fallback-update-form input[type="text"] { min-width: 130px; } .mhd-fallback-update-form .mhd-inline-check { display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; } @media (max-width: 760px) { .mhd-fallback-update-form input[type="text"], .mhd-fallback-update-form select { width: 100%; min-width: 0; } } /* v1.0.27 provider certification evidence ledger */ .mhd-customer-portal .mhd-table-wrap table td:nth-child(3) { white-space: nowrap; } .mhd-customer-portal [data-mhd-portal-panel="launch"] .mhd-table-wrap table tr td:nth-child(3) { font-weight: 700; } .mhd-customer-portal [data-mhd-portal-panel="launch"] .mhd-portal-muted + .mhd-table-wrap { margin-top: 10px; } /* v1.0.28 Launch Snapshot */ .mhd-launch-lock-card{border-color:#c7d2fe;background:linear-gradient(135deg,#ffffff,#f8fbff)} .mhd-launch-lock-card .mhd-portal-details{margin-top:14px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;overflow:hidden} .mhd-launch-lock-card .mhd-portal-details summary{cursor:pointer;padding:12px 14px;font-weight:900;color:#1e3a8a;list-style:none} .mhd-launch-lock-card .mhd-portal-details summary::-webkit-details-marker{display:none} @media(max-width:760px){.mhd-launch-lock-card .mhd-portal-actions-row{display:grid}.mhd-launch-lock-card .mhd-portal-actions-row .mhd-btn{width:100%}} /* v1.0.30 — Gateway customer portal UI refresh, aligned with the Front Desk OS redesign. */ .mhd-auth-page--portal{background:radial-gradient(circle at 8% -8%,rgba(56,189,248,.24),transparent 36%),linear-gradient(135deg,#edf3f9,#f8fbff)!important;color:#10233f!important;} .mhd-auth-page--portal .mhd-auth-card--account{background:#f8fbff!important;border:1px solid rgba(15,92,168,.12)!important;box-shadow:0 28px 90px rgba(27,45,78,.16)!important;} .mhd-customer-portal{background:transparent!important;color:#10233f!important;} .mhd-customer-portal .mhd-portal-tabs{background:linear-gradient(180deg,#071f3b,#092d53)!important;border:0!important;border-radius:26px!important;box-shadow:18px 18px 55px rgba(8,29,54,.18)!important;} .mhd-customer-portal .mhd-portal-tabs button{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;border-radius:17px!important;color:rgba(255,255,255,.78)!important;} .mhd-customer-portal .mhd-portal-tabs button.is-active{background:#fff!important;color:#0f2c4c!important;box-shadow:0 16px 38px rgba(0,0,0,.20)!important;} .mhd-customer-portal .mhd-portal-tabs button em{color:rgba(255,255,255,.52)!important}.mhd-customer-portal .mhd-portal-tabs button.is-active em{color:#65758a!important} .mhd-customer-portal .mhd-auth-account-head{background:linear-gradient(135deg,#fff,#f2f8ff)!important;border:1px solid #dbe7f5!important;box-shadow:0 18px 48px rgba(27,45,78,.08)!important;color:#10233f!important;} .mhd-customer-portal .mhd-auth-account-head h2,.mhd-customer-portal .mhd-auth-account-head p{color:#10233f!important}.mhd-customer-portal .mhd-auth-account-head p{color:#65758a!important} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span,.mhd-customer-portal .mhd-portal-form,.mhd-customer-portal .mhd-auth-connector-box,.mhd-portal-hero-card,.mhd-portal-readiness-card{background:#fff!important;border:1px solid #dbe7f5!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(27,45,78,.08)!important;color:#10233f!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis small,.mhd-customer-portal .mhd-portal-muted{color:#6f8298!important}.mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis strong,.mhd-customer-portal .mhd-portal-form h3,.mhd-customer-portal .mhd-auth-connector-box h3,.mhd-portal-hero-card h3,.mhd-portal-readiness-card h3{color:#0b243f!important;} .mhd-customer-portal .mhd-btn,.mhd-customer-portal .mhd-mini-link{border-radius:14px!important}.mhd-customer-portal .mhd-btn.primary{background:linear-gradient(135deg,#0f5ca8,#1788d4)!important;box-shadow:0 15px 32px rgba(15,92,168,.22)!important} .mhd-customer-portal .mhd-table-wrap{background:#fff!important;border-color:#dbe7f5!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(27,45,78,.05)!important}.mhd-customer-portal .mhd-table-wrap th{background:#f3f7fb!important;color:#6f8298!important}.mhd-customer-portal .mhd-table-wrap td{color:#344963!important}.mhd-customer-portal .mhd-table-wrap tr:hover td{background:#f8fbff!important;color:#0b243f!important} .mhd-portal-module-card,.mhd-provider-evidence-card,.mhd-launch-lock-card{border-radius:22px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid #dbe7f5!important;box-shadow:0 14px 40px rgba(27,45,78,.07)!important;color:#10233f!important;} @media(max-width:860px){.mhd-customer-portal .mhd-portal-tabs{border-radius:20px!important}.mhd-customer-portal .mhd-portal-tabs button{min-width:210px!important}} /* v1.0.30 — gateway feature parity ribbon */ .mhd-portal-feature-ribbon{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:14px 0 18px!important;padding:12px!important;border:1px solid #dbe7f5!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fbff,#eef7ff)!important}.mhd-portal-feature-ribbon span{border-radius:999px!important;background:#fff!important;color:#075985!important;padding:7px 10px!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.04em!important;border:1px solid #dbe7f5!important}.mhd-portal-feature-ribbon span:first-child{background:#0f5ca8!important;color:#fff!important;border-color:#0f5ca8!important} /* v1.3.16 — web portal jQuery UI polish for workflow sorting and focused panels. */ .mhd-portal-jquery-ready .mhd-flow-node{transition:transform .16s ease, box-shadow .16s ease} .mhd-portal-jquery-ready .mhd-flow-node:hover{transform:translateY(-1px)} .mhd-flow-placeholder{height:70px;border:2px dashed rgba(56,189,248,.65)!important;border-radius:18px!important;background:rgba(56,189,248,.10)!important;margin:10px 0!important} .mhd-flow-node.ui-sortable-helper{box-shadow:0 22px 50px rgba(15,92,168,.22)!important;transform:rotate(.4deg)!important} .mhd-panel-focus{box-shadow:0 0 0 4px rgba(56,189,248,.20),0 22px 60px rgba(15,92,168,.13)!important} /* v1.3.17 billing availability guard */ .mhd-inline-form button[disabled],.mhd-inline-form input[disabled]{opacity:.62;cursor:not-allowed}.mhd-portal-form .mhd-auth-notice.error{border-left:4px solid #dc2626} /* v1.3.18 — Commercial standalone customer dashboard revamp */ :root { --rmx-app-bg: #f3f7fb; --rmx-app-surface: rgba(255,255,255,.92); --rmx-app-card: #ffffff; --rmx-app-card-soft: #f8fbff; --rmx-app-line: #dbe7f5; --rmx-app-line-strong: #c6d7ea; --rmx-app-text: #0b243f; --rmx-app-muted: #5e7188; --rmx-app-muted-soft: #8192a8; --rmx-app-blue: #2563eb; --rmx-app-blue-2: #0ea5e9; --rmx-app-indigo: #635bff; --rmx-app-green: #13b981; --rmx-app-amber: #f59e0b; --rmx-app-red: #ef4444; --rmx-app-shadow: 0 20px 55px rgba(27,45,78,.10); --rmx-app-shadow-strong: 0 28px 80px rgba(17,38,74,.18); } body.mhd-portal-dashboard-app { background: var(--rmx-app-bg) !important; color: var(--rmx-app-text) !important; } body.mhd-portal-dashboard-app .mhd-site-header { position: sticky !important; top: 0 !important; z-index: 90 !important; background: rgba(7,18,36,.92) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; backdrop-filter: blur(18px) !important; box-shadow: 0 14px 42px rgba(3,9,20,.18) !important; } body.mhd-portal-dashboard-app.admin-bar .mhd-site-header { top: 32px !important; } body.mhd-portal-dashboard-app .mhd-site-footer { display:none !important; } body.mhd-portal-dashboard-app .mhd-site-main { background: transparent !important; } body.mhd-portal-dashboard-app .mhd-auth-page--portal, body.mhd-portal-dashboard-app .mhd-portal-os-page--app { min-height: calc(100vh - 72px) !important; padding: 16px 0 28px !important; background: radial-gradient(circle at 8% 0%, rgba(37,99,235,.13), transparent 28%), radial-gradient(circle at 96% 8%, rgba(14,165,233,.16), transparent 28%), linear-gradient(180deg,#f4f8fd 0%,#eef4fa 100%) !important; overflow: visible !important; } body.mhd-portal-dashboard-app .mhd-auth-page--portal .mhd-container, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-container { width: min(100% - 28px, 1680px) !important; max-width: 1680px !important; margin: 0 auto !important; padding: 0 !important; } body.mhd-portal-dashboard-app .mhd-auth-context, body.mhd-portal-dashboard-app .mhd-portal-orb, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-portal-os-hero, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-portal-os-sync-banner, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-portal-os-command-deck { display:none !important; } body.mhd-portal-dashboard-app .mhd-portal-os-shell, body.mhd-portal-dashboard-app .mhd-auth-card--account { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; backdrop-filter: none !important; } body.mhd-portal-dashboard-app .mhd-auth-shell--account { width: 100% !important; max-width: none !important; display: block !important; } body.mhd-portal-dashboard-app .mhd-customer-portal { width: 100% !important; min-height: calc(100vh - 116px) !important; display: grid !important; grid-template-columns: 286px minmax(0,1fr) !important; grid-template-areas: "nav head" "nav notices" "nav kpis" "nav mode" "nav panel" !important; align-items: start !important; gap: 16px !important; padding: 16px !important; border: 1px solid rgba(198,215,234,.76) !important; border-radius: 30px !important; background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(248,251,255,.80)) !important; box-shadow: var(--rmx-app-shadow-strong) !important; color: var(--rmx-app-text) !important; overflow: visible !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head { grid-area: head !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 18px 20px !important; border-radius: 24px !important; border: 1px solid var(--rmx-app-line) !important; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,247,255,.92)), radial-gradient(circle at 100% 0%, rgba(37,99,235,.12), transparent 35%) !important; box-shadow: var(--rmx-app-shadow) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head .mhd-eyebrow { background: #eaf3ff !important; border-color: #cce0fb !important; color: #1d5fae !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head h2 { margin: 8px 0 4px !important; color: var(--rmx-app-text) !important; font-size: clamp(22px,2vw,34px) !important; line-height: 1.05 !important; letter-spacing: -.045em !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head p { max-width: 980px !important; margin: 0 !important; color: var(--rmx-app-muted) !important; font-size: 14px !important; line-height: 1.48 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head .mhd-btn-soft { flex: 0 0 auto !important; background: #071f3b !important; color: #fff !important; border: 1px solid rgba(7,31,59,.15) !important; box-shadow: 0 14px 34px rgba(7,31,59,.16) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-notice:not(.mhd-portal-mode-notice) { grid-area: notices !important; margin: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-mode-notice { grid-area: mode !important; display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 12px 14px !important; border-radius: 18px !important; background: #eef7ff !important; color: var(--rmx-app-text) !important; border: 1px solid #cce7ff !important; box-shadow: none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-mode-notice strong { color:#075985 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-mode-notice span { color:#31546f !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs { grid-area: nav !important; position: sticky !important; top: 90px !important; display: grid !important; grid-auto-rows: auto !important; gap: 8px !important; min-height: 0 !important; max-height: calc(100vh - 112px) !important; overflow-y: auto !important; overscroll-behavior: contain !important; margin: 0 !important; padding: 16px !important; border-radius: 26px !important; border: 1px solid rgba(255,255,255,.10) !important; background: radial-gradient(circle at 0% 0%, rgba(99,91,255,.25), transparent 34%), linear-gradient(180deg,#071f3b 0%,#091b31 100%) !important; box-shadow: 18px 24px 60px rgba(8,29,54,.20) !important; scrollbar-width: thin; } body.admin-bar.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs { top: 122px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs:before { content: 'Receptionist Max'; display: block; padding: 4px 4px 12px; color: #fff; font-weight: 950; font-size: 18px; letter-spacing: -.03em; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs:after { content: 'Customer portal'; order: -1; display: inline-flex; width: fit-content; margin: 0 0 4px; padding: 5px 9px; border-radius: 999px; background: rgba(56,189,248,.12); border: 1px solid rgba(125,211,252,.18); color: #8ed9ff; font-size: 10px; font-weight: 950; text-transform: uppercase; letter-spacing: .08em; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button { position: relative !important; display: grid !important; grid-template-columns: 1fr auto !important; gap: 3px 10px !important; width: 100% !important; min-width: 0 !important; padding: 12px 12px !important; border-radius: 17px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(255,255,255,.055) !important; color: rgba(255,255,255,.78) !important; text-align: left !important; box-shadow: none !important; transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button:hover { transform: translateX(2px) !important; background: rgba(255,255,255,.10) !important; border-color: rgba(125,211,252,.22) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button.is-active { background: #fff !important; color: #0b243f !important; box-shadow: 0 16px 36px rgba(0,0,0,.22) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button span { grid-column: 1 !important; color: inherit !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button em { grid-column: 1 !important; color: rgba(255,255,255,.50) !important; font-size: 11px !important; font-style: normal !important; font-weight: 750 !important; line-height: 1.15 !important; text-transform: none !important; letter-spacing: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button.is-active em { color:#687c94 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button:before { content: '' !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; width: 8px !important; height: 8px !important; border-radius: 999px !important; background: rgba(125,211,252,.55) !important; box-shadow: 0 0 0 5px rgba(125,211,252,.07) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button.is-active:before { background: var(--rmx-app-green) !important; box-shadow: 0 0 0 5px rgba(19,185,129,.12) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-nav-search { order: -1; width: 100%; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; border-radius: 14px !important; padding: 11px 12px !important; outline: none !important; font-size: 13px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-nav-search::placeholder { color: rgba(255,255,255,.48); } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis { grid-area: kpis !important; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; margin: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal:not(.mhd-show-all-kpis) .mhd-auth-status-grid.mhd-portal-kpis span:nth-child(n+9) { display:none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span { position: relative !important; overflow: hidden !important; min-height: 82px !important; padding: 15px 15px 14px !important; border-radius: 20px !important; border: 1px solid var(--rmx-app-line) !important; background: linear-gradient(145deg,#fff,#f8fbff) !important; color: var(--rmx-app-text) !important; box-shadow: 0 14px 38px rgba(27,45,78,.07) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:after { content: ''; position: absolute; right: -24px; top: -34px; width: 96px; height: 96px; border-radius: 999px; background: rgba(37,99,235,.07); } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:nth-child(1), body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:nth-child(3), body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:nth-child(4), body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:nth-child(5) { border-color: rgba(37,99,235,.18) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis small { position: relative !important; z-index: 1 !important; display:block !important; margin: 0 0 8px !important; color: var(--rmx-app-muted-soft) !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis strong { position: relative !important; z-index: 1 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: var(--rmx-app-text) !important; font-size: 17px !important; line-height: 1.18 !important; letter-spacing: -.02em !important; word-break: normal !important; overflow-wrap: anywhere !important; } body.mhd-portal-dashboard-app .mhd-kpi-toggle { grid-area: kpis !important; justify-self: end !important; align-self: end !important; z-index: 4 !important; margin: 0 10px 10px 0 !important; border: 1px solid #dbe7f5 !important; background: #fff !important; color: #1d5fae !important; border-radius: 999px !important; padding: 8px 12px !important; font-weight: 900 !important; font-size: 12px !important; box-shadow: 0 10px 24px rgba(27,45,78,.08) !important; cursor: pointer !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-panel { grid-area: panel !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-panel.is-active { display: block !important; animation: mhdFadeUp .16s ease both !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-dashboard-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-overview-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-split { display: grid !important; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr) !important; gap: 16px !important; margin: 0 0 16px !important; align-items: start !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card { position: relative !important; overflow: hidden !important; margin: 0 0 16px !important; padding: 20px !important; border-radius: 24px !important; border: 1px solid var(--rmx-app-line) !important; background: var(--rmx-app-card) !important; color: var(--rmx-app-text) !important; box-shadow: var(--rmx-app-shadow) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card { min-height: 250px !important; background: radial-gradient(circle at 100% 0%, rgba(37,99,235,.14), transparent 40%), linear-gradient(145deg,#fff,#f7fbff) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal h3, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form h3, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box h3, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card h3, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card h3 { margin: 0 0 12px !important; color: var(--rmx-app-text) !important; font-size: clamp(18px,1.4vw,24px) !important; line-height: 1.12 !important; letter-spacing: -.03em !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card h3 { font-size: clamp(28px,2.5vw,44px) !important; max-width: 760px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal p, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-muted, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-help { color: var(--rmx-app-muted) !important; font-size: 14px !important; line-height: 1.55 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-live-pill, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-learning-status-badge, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-card-head span, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-notice.soft, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-notice.success { border-radius: 999px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-live-pill { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #eafaf4 !important; color: #047857 !important; border: 1px solid #bff2de !important; padding: 7px 11px !important; font-weight: 950 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .06em !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-live-pill i { width: 8px; height: 8px; border-radius: 999px; background: var(--rmx-app-green); box-shadow: 0 0 0 5px rgba(19,185,129,.12); } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-progress-row { display:flex !important; justify-content:space-between !important; gap:12px !important; margin: 18px 0 8px !important; color: var(--rmx-app-muted) !important; font-size: 13px !important; font-weight: 800 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-progress { height: 10px !important; border-radius: 999px !important; overflow: hidden !important; background: #e5eef8 !important; box-shadow: inset 0 1px 2px rgba(17,38,74,.08) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-progress span { display:block !important; height:100% !important; border-radius:999px !important; background: linear-gradient(90deg,var(--rmx-app-blue),var(--rmx-app-blue-2)) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-quick-actions, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-actions-row { display:flex !important; flex-wrap:wrap !important; gap: 10px !important; margin-top: 18px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-mini-link, body.mhd-portal-dashboard-app .mhd-customer-portal button, body.mhd-portal-dashboard-app .mhd-customer-portal input[type="submit"] { min-height: 38px !important; border-radius: 14px !important; font-weight: 900 !important; transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-mini-link:hover { transform: translateY(-1px) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn-primary, body.mhd-portal-dashboard-app .mhd-customer-portal button.button-primary, body.mhd-portal-dashboard-app .mhd-customer-portal input.button-primary { background: linear-gradient(135deg,var(--rmx-app-blue),var(--rmx-app-indigo)) !important; color: #fff !important; border: 1px solid rgba(37,99,235,.28) !important; box-shadow: 0 14px 32px rgba(37,99,235,.24) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn-soft, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-mini-link, body.mhd-portal-dashboard-app .mhd-customer-portal .button:not(.button-primary) { background: #f1f6fc !important; color: #174a7d !important; border: 1px solid #d3e2f2 !important; box-shadow: none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn-danger, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-cancel-subscription-form .mhd-btn { background: #fff1f2 !important; color: #be123c !important; border: 1px solid #fecdd3 !important; box-shadow: none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal label, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-grid label, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form label { color: #36526c !important; font-size: 13px !important; font-weight: 850 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal input[type="text"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="email"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="url"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="tel"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="number"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="time"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="datetime-local"], body.mhd-portal-dashboard-app .mhd-customer-portal select, body.mhd-portal-dashboard-app .mhd-customer-portal textarea, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form input, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form select, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form textarea { width: 100% !important; min-height: 42px !important; border: 1px solid #ccdae8 !important; background: #f8fbff !important; color: #10233f !important; border-radius: 13px !important; padding: 11px 12px !important; outline: none !important; box-shadow: inset 0 1px 1px rgba(17,38,74,.03) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal textarea { min-height: 112px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal input:focus, body.mhd-portal-dashboard-app .mhd-customer-portal select:focus, body.mhd-portal-dashboard-app .mhd-customer-portal textarea:focus { border-color: rgba(37,99,235,.62) !important; box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal select option { background: #fff !important; color: #10233f !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-grid.two, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis) { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis) span, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-active-knowledge-counts span { border: 1px solid #dbe7f5 !important; background: #f8fbff !important; color: var(--rmx-app-text) !important; border-radius: 16px !important; padding: 13px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis) small { color: var(--rmx-app-muted-soft) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis) strong { color: var(--rmx-app-text) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap { width: 100% !important; overflow: auto !important; border: 1px solid var(--rmx-app-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(27,45,78,.06) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table { width: 100% !important; min-width: 720px !important; border-collapse: separate !important; border-spacing: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap th, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap td { padding: 13px 14px !important; border-bottom: 1px solid #edf2f7 !important; color: #344963 !important; font-size: 13px !important; vertical-align: top !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap th { position: sticky !important; top: 0 !important; z-index: 1 !important; background: #f3f7fb !important; color: #5f7388 !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: .075em !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap tr:hover td { background: #f8fbff !important; color:#10233f !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-checklist { display:grid !important; gap: 10px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-checklist div { display:flex !important; align-items:center !important; gap: 10px !important; min-height: 40px !important; border: 1px solid #dbe7f5 !important; background: #f8fbff !important; border-radius: 14px !important; padding: 10px 12px !important; color: #36526c !important; font-weight: 800 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-checklist div span { display:grid !important; place-items:center !important; width: 22px !important; height: 22px !important; border-radius: 999px !important; background: #fff7ed !important; color: #b45309 !important; font-size: 12px !important; font-weight: 950 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-checklist div.is-done span { background:#dcfce7 !important; color:#15803d !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-plan-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid button, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-provider-evidence-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-launch-lock-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-fixit-list article, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-surface-list article, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-knowledge-preview-list article { border: 1px solid var(--rmx-app-line) !important; background: linear-gradient(145deg,#fff,#f8fbff) !important; color: var(--rmx-app-text) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(27,45,78,.06) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-map, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-active-knowledge-counts, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-knowledge-preview-list { display:grid !important; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)) !important; gap: 12px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid button { text-align: left !important; padding: 16px !important; cursor: pointer !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid small, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card small { display:block !important; color:#5f81a5 !important; font-size:10px !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-weight:950 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid strong, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card strong, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-active-knowledge-counts strong { display:block !important; color:var(--rmx-app-text) !important; font-size:24px !important; line-height:1.05 !important; margin:7px 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid span, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card span, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-active-knowledge-counts small { color: var(--rmx-app-muted) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-inline-form { display:flex !important; align-items:flex-end !important; gap: 10px !important; flex-wrap: wrap !important; margin: 12px 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-inline-check { display:flex !important; align-items:flex-start !important; gap:8px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-inline-check input { width:auto !important; min-height:0 !important; margin-top:3px !important; accent-color: var(--rmx-app-blue) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal details.mhd-portal-nested-settings, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-details { border: 1px solid #dbe7f5 !important; border-radius: 16px !important; background: #f8fbff !important; padding: 12px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal summary { cursor:pointer !important; color: var(--rmx-app-text) !important; font-weight: 900 !important; } body.mhd-portal-dashboard-app .mhd-portal-mobile-toggle { display:none; } @media (max-width: 1320px) { body.mhd-portal-dashboard-app .mhd-customer-portal { grid-template-columns: 252px minmax(0,1fr) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-dashboard-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-split { grid-template-columns: 1fr !important; } } @media (max-width: 980px) { body.mhd-portal-dashboard-app.admin-bar .mhd-site-header { top: 46px !important; } body.mhd-portal-dashboard-app .mhd-auth-page--portal .mhd-container, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-container { width: min(100% - 18px, 1680px) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal { display: block !important; min-height: 0 !important; padding: 12px !important; border-radius: 22px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head { display:grid !important; gap: 12px !important; margin-bottom: 12px !important; } body.mhd-portal-dashboard-app .mhd-portal-mobile-toggle { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; margin:0 0 10px !important; border:1px solid #dbe7f5 !important; background:#fff !important; color:#0b243f !important; border-radius:16px !important; padding:12px 14px !important; font-weight:950 !important; box-shadow:0 12px 30px rgba(27,45,78,.08) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs { position: relative !important; top: auto !important; max-height: 0 !important; overflow: hidden !important; margin: 0 0 12px !important; padding: 0 12px !important; transition: max-height .22s ease, padding .22s ease !important; } body.mhd-portal-dashboard-app .mhd-customer-portal.mhd-mobile-nav-open .mhd-portal-tabs { max-height: 70vh !important; overflow-y: auto !important; padding: 14px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-overview-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-grid.two, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body.mhd-portal-dashboard-app .mhd-kpi-toggle { display:block !important; margin: -4px 0 12px auto !important; } } @media (max-width: 640px) { body.mhd-portal-dashboard-app .mhd-auth-page--portal, body.mhd-portal-dashboard-app .mhd-portal-os-page--app { padding: 9px 0 20px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-overview-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-grid.two, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid:not(.mhd-portal-kpis), body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-frontdesk-metric-grid, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-map, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-active-knowledge-counts, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-knowledge-preview-list { grid-template-columns: 1fr !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card { padding: 16px !important; border-radius: 18px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card h3 { font-size: 28px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table { min-width: 640px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-mini-link { width: 100% !important; } } /* v1.3.18.1 — keep stacked notices from overlapping in the dashboard grid. */ body.mhd-portal-dashboard-app .mhd-customer-portal > .mhd-auth-notice:not(.mhd-portal-mode-notice) { grid-area: auto !important; grid-column: 2 !important; } @media (max-width: 980px) { body.mhd-portal-dashboard-app .mhd-customer-portal > .mhd-auth-notice:not(.mhd-portal-mode-notice) { grid-column: auto !important; } } /* v1.3.20 — commercial frontend portal hardening. Final override layer: removes marketing chrome from the logged-in app, tightens the SaaS shell, improves mobile navigation/tables, and keeps the dashboard readable on real customer screens. */ body.mhd-portal-dashboard-app .mhd-site-header, body.mhd-portal-dashboard-app .mhd-site-footer { display: none !important; } body.mhd-portal-dashboard-app .mhd-site-main { min-height: 100vh !important; background: var(--rmx-app-bg, #f3f7fb) !important; } body.mhd-portal-dashboard-app .mhd-auth-page--portal, body.mhd-portal-dashboard-app .mhd-portal-os-page--app { min-height: 100vh !important; padding: 14px 0 !important; } body.admin-bar.mhd-portal-dashboard-app .mhd-auth-page--portal, body.admin-bar.mhd-portal-dashboard-app .mhd-portal-os-page--app { min-height: calc(100vh - 32px) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal { grid-template-columns: minmax(260px,292px) minmax(0,1fr) !important; grid-template-areas: "nav head" "nav kpis" "nav notices" "nav mode" "nav panel" !important; gap: 14px !important; padding: 14px !important; border-radius: 28px !important; background: linear-gradient(135deg, rgba(255,255,255,.93), rgba(246,250,255,.86)) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs { top: 14px !important; max-height: calc(100vh - 28px) !important; border-radius: 24px !important; } body.admin-bar.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs { top: 46px !important; max-height: calc(100vh - 60px) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head { min-height: 112px !important; align-items: center !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head h2 { max-width: 100% !important; overflow-wrap: anywhere !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head .mhd-btn-soft { align-self: flex-start !important; } body.mhd-portal-dashboard-app .mhd-customer-portal > .mhd-auth-notice:not(.mhd-portal-mode-notice) { grid-area: notices !important; grid-column: 2 !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(27,45,78,.06) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-mode-notice { border-radius: 18px !important; } body.mhd-portal-dashboard-app .mhd-kpi-toggle { grid-area: auto !important; grid-column: 2 !important; justify-self: end !important; align-self: start !important; margin: -4px 4px 2px 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-plan-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-provider-evidence-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-launch-lock-card { transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-plan-card:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-module-card:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-provider-evidence-card:hover, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-launch-lock-card:hover { transform: translateY(-1px) !important; border-color: #c6d7ea !important; box-shadow: 0 20px 48px rgba(27,45,78,.10) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-nav-empty { display: none; padding: 10px 12px; border: 1px dashed rgba(255,255,255,.16); border-radius: 14px; color: rgba(255,255,255,.64); font-size: 12px; font-weight: 800; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-nav-empty.is-visible { display: block; } body.mhd-portal-dashboard-app .mhd-customer-portal :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid rgba(37,99,235,.24) !important; outline-offset: 2px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal input[type="checkbox"], body.mhd-portal-dashboard-app .mhd-customer-portal input[type="radio"] { width: 16px !important; height: 16px !important; min-height: 0 !important; accent-color: var(--rmx-app-blue) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap { scrollbar-width: thin; scrollbar-color: #b7c8dc #eef4fa; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap::-webkit-scrollbar { height: 9px; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap::-webkit-scrollbar-track { background: #eef4fa; border-radius: 999px; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap::-webkit-scrollbar-thumb { background: #b7c8dc; border-radius: 999px; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-copy-grid input, body.mhd-portal-dashboard-app .mhd-customer-portal input[readonly] { background: #edf4fb !important; color: #24415f !important; } @media (max-width: 1320px) { body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } @media (max-width: 980px) { body.mhd-portal-dashboard-app .mhd-auth-page--portal, body.mhd-portal-dashboard-app .mhd-portal-os-page--app { padding: 9px 0 18px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal { display: block !important; padding: 12px !important; border-radius: 22px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head { min-height: 0 !important; } body.mhd-portal-dashboard-app .mhd-kpi-toggle, body.mhd-portal-dashboard-app .mhd-customer-portal > .mhd-auth-notice:not(.mhd-portal-mode-notice) { grid-column: auto !important; } } @media (max-width: 720px) { body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis { grid-template-columns: 1fr !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap { overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table { min-width: 0 !important; border-collapse: separate !important; border-spacing: 0 10px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table thead { display: none !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table tbody, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table tr, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table td { display: block !important; width: 100% !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table tr { border: 1px solid var(--rmx-app-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(27,45,78,.06) !important; overflow: hidden !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table td { display: grid !important; grid-template-columns: minmax(112px,.45fr) minmax(0,1fr) !important; gap: 12px !important; border-bottom: 1px solid #edf3fa !important; padding: 11px 12px !important; white-space: normal !important; word-break: break-word !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table td:last-child { border-bottom: 0 !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table.mhd-responsive-table td:before { content: attr(data-label); color: var(--rmx-app-muted-soft); font-size: 10px; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; } } @media (max-width: 520px) { body.mhd-portal-dashboard-app .mhd-auth-page--portal .mhd-container, body.mhd-portal-dashboard-app .mhd-portal-os-page--app .mhd-container { width: min(100% - 12px, 1680px) !important; } body.mhd-portal-dashboard-app .mhd-customer-portal { padding: 8px !important; border-radius: 18px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card { border-radius: 16px !important; padding: 14px !important; } body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head h2 { font-size: 22px !important; } } /* v1.3.21 commercial customer portal finishing pass */ body.mhd-portal-dashboard-app .mhd-customer-portal{--rmx-app-bg:#f4f8fc;--rmx-app-card:#fff;--rmx-app-ink:#0e1c31;--rmx-app-muted:#607086;--rmx-app-line:#dce7f3;--rmx-app-blue:#245df5;--rmx-app-cyan:#0ea5e9;--rmx-app-green:#16a34a;--rmx-app-shadow:0 24px 70px rgba(15,23,42,.10);} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-hero-card, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-form, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-connector-box, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-readiness-card{border-color:var(--rmx-app-line)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:var(--rmx-app-shadow)!important;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-account-head h2, body.mhd-portal-dashboard-app .mhd-customer-portal h3{letter-spacing:-.045em;color:var(--rmx-app-ink)!important;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-mode-notice, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-auth-notice{border-radius:18px!important;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button{border-radius:16px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-portal-tabs button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn, body.mhd-portal-dashboard-app .mhd-customer-portal button.mhd-btn, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-mini-link{border-radius:999px!important;font-weight:950!important;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-btn-primary{background:linear-gradient(135deg,var(--rmx-app-blue),var(--rmx-app-cyan))!important;box-shadow:0 14px 32px rgba(36,93,245,.22)!important;} body.mhd-portal-dashboard-app .mhd-customer-portal input, body.mhd-portal-dashboard-app .mhd-customer-portal textarea, body.mhd-portal-dashboard-app .mhd-customer-portal select{border-radius:16px!important;border-color:#cbd8ea!important;} body.mhd-portal-dashboard-app .mhd-customer-portal input:focus, body.mhd-portal-dashboard-app .mhd-customer-portal textarea:focus, body.mhd-portal-dashboard-app .mhd-customer-portal select:focus{border-color:var(--rmx-app-blue)!important;box-shadow:0 0 0 4px rgba(36,93,245,.12)!important;outline:none!important;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-support-only-technical{margin-top:8px;border:1px dashed #cbd8ea;border-radius:14px;background:#f8fbff;padding:10px;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-support-only-technical summary{cursor:pointer;font-weight:950;color:#245df5;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-support-only-technical code{display:block;word-break:break-all;margin-top:8px;border-radius:10px;background:#0f172a;color:#dbeafe;padding:8px;} body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table td, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-table-wrap table th{vertical-align:top;} .mhd-frontdesk-connect-grid article.is-coming-soon{opacity:.72;background:linear-gradient(135deg,#f8fafc,#ffffff)}.mhd-frontdesk-connect-grid article.is-coming-soon em{color:#64748b}.mhd-frontdesk-connect-grid article.is-coming-soon button[disabled]{cursor:not-allowed;filter:grayscale(.15);} /* v1.4.7 — Premium hosted customer portal UI refresh */ .mhd-auth-page,.mhd-auth-page--portal{background:radial-gradient(900px 560px at 80% 0%,rgba(6,182,212,.16),transparent 62%),radial-gradient(800px 520px at 4% -5%,rgba(61,123,245,.22),transparent 58%),linear-gradient(180deg,#070b16,#0a1020 48%,#070b16)!important;} .mhd-auth-shell,.mhd-auth-card,.mhd-customer-portal{position:relative;isolation:isolate;} .mhd-auth-card{border-color:rgba(255,255,255,.12)!important;box-shadow:0 34px 110px rgba(0,0,0,.32)!important;} .mhd-customer-portal{ border:1px solid rgba(255,255,255,.10)!important; border-radius:28px!important; background: radial-gradient(900px 560px at var(--rmx-mouse-x,84%) var(--rmx-mouse-y,4%),rgba(61,123,245,.18),transparent 62%), linear-gradient(180deg,rgba(10,15,30,.98),rgba(7,11,22,.98))!important; box-shadow:0 34px 120px rgba(0,0,0,.28)!important; overflow:clip; } .mhd-customer-portal:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 55%)} .mhd-customer-portal .mhd-auth-account-head,.mhd-portal-panel,.mhd-portal-form,.mhd-auth-connector-box,.mhd-portal-hero-card,.mhd-portal-readiness-card,.mhd-frontdesk-card,.mhd-launch-evidence-card,.mhd-launch-fixit-card,.mhd-launch-lock-card,.mhd-flow-canvas,.mhd-flow-node,.mhd-compliance-center-grid article,.mhd-fallback-sla-grid article,.mhd-portal-module-card{ border-color:rgba(255,255,255,.10)!important; background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important; box-shadow:0 18px 60px rgba(0,0,0,.18)!important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span{border-radius:20px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;} .mhd-customer-portal .mhd-auth-status-grid.mhd-portal-kpis span:hover,.mhd-portal-module-card:hover,.mhd-frontdesk-card:hover,.mhd-auth-connector-box:hover{transform:translateY(-3px);border-color:rgba(106,163,255,.36)!important;box-shadow:0 26px 78px rgba(0,0,0,.28)!important;} .mhd-customer-portal .mhd-portal-tabs{top:18px!important;border-radius:22px!important;background:rgba(17,24,39,.78)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);} .mhd-customer-portal .mhd-portal-tabs button{border-radius:14px!important;} .mhd-customer-portal .mhd-portal-tabs button.is-active{background:linear-gradient(135deg,rgba(61,123,245,.24),rgba(6,182,212,.16))!important;color:#dbeafe!important;border-color:rgba(106,163,255,.36)!important;} .mhd-customer-portal .mhd-portal-tabs button.is-active:after{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#22d3ee);} .mhd-portal-commandbar{grid-column:2!important;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin:0 0 14px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.06);box-shadow:0 18px 60px rgba(0,0,0,.18);backdrop-filter:blur(18px);} .mhd-portal-commandbar input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;padding:10px 14px!important;} .mhd-portal-commandbar input::placeholder{color:#8091b7!important;} .mhd-portal-commandbar button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#dbeafe;border-radius:999px;padding:10px 13px;font-weight:900;cursor:pointer;} .mhd-portal-commandbar button:hover{background:rgba(61,123,245,.18);} .mhd-customer-portal .mhd-btn,.mhd-auth-card .mhd-btn{border-radius:999px!important;font-weight:900!important;transition:transform .16s ease,box-shadow .16s ease!important;} .mhd-customer-portal .mhd-btn:hover,.mhd-auth-card .mhd-btn:hover{transform:translateY(-1px);} .mhd-customer-portal .mhd-btn-primary,.mhd-auth-card .mhd-btn-primary{background:linear-gradient(135deg,#2563eb,#06b6d4 58%,#7c3aed)!important;box-shadow:0 18px 46px rgba(37,99,235,.30)!important;} .mhd-customer-portal input,.mhd-customer-portal textarea,.mhd-customer-portal select,.mhd-auth-card input,.mhd-auth-card textarea,.mhd-auth-card select{border-radius:16px!important;} .mhd-customer-portal input:focus,.mhd-customer-portal textarea:focus,.mhd-customer-portal select:focus,.mhd-auth-card input:focus,.mhd-auth-card textarea:focus,.mhd-auth-card select:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px rgba(96,165,250,.14)!important;outline:none!important;} .mhd-portal-panel.is-active{animation:rmx-portal-fade .22s ease both;} @keyframes rmx-portal-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .mhd-table-wrap{border-radius:20px!important;box-shadow:0 18px 60px rgba(0,0,0,.16)!important;} .rmx-panel-hidden-by-search{display:none!important}.rmx-highlight{animation:rmx-portal-highlight 1.1s ease both}@keyframes rmx-portal-highlight{0%{box-shadow:0 0 0 0 rgba(96,165,250,.38),0 18px 60px rgba(0,0,0,.18)}60%{box-shadow:0 0 0 7px rgba(96,165,250,.14),0 18px 60px rgba(0,0,0,.18)}100%{box-shadow:0 18px 60px rgba(0,0,0,.18)}} .rmx-reveal{opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s ease}.rmx-reveal.is-visible{opacity:1;transform:none} @media(max-width:860px){.mhd-portal-commandbar{grid-column:auto!important;grid-template-columns:1fr;margin:14px 0}.mhd-customer-portal{border-radius:20px!important}.mhd-customer-portal .mhd-portal-tabs{position:relative!important;top:auto!important}.mhd-customer-portal .mhd-portal-tabs button.is-active:after{left:12px;right:12px;top:auto;bottom:6px;width:auto;height:2px}} @media(prefers-reduced-motion:reduce){.mhd-customer-portal *,.mhd-auth-card *{animation-duration:0ms!important;transition-duration:0ms!important}} /* v1.0.117 — launch-finish SaaS polish layer */ body.rmx-launch-polished-117, body.mhd-fdt-executive-ui{background:#eef5ff!important;color:#0b1728!important;} body.rmx-launch-polished-117 #wpcontent, body.mhd-fdt-executive-ui #wpcontent{background:radial-gradient(circle at 86% 3%,rgba(0,184,255,.16),transparent 34%),linear-gradient(135deg,#eef5ff 0%,#f8fbff 44%,#ecf6ff 100%)!important;} body.rmx-launch-polished-117 .mhd-fdos-wrap{max-width:1580px!important;margin:0 auto!important;padding:18px 22px 56px!important;} body.rmx-launch-polished-117 .mhd-fdt-shell, body.mhd-fdt-executive-ui .mhd-fdt-shell{grid-template-columns:268px minmax(0,1fr)!important;gap:22px!important;max-width:1540px!important;margin:0 auto!important;align-items:start!important;} body.rmx-launch-polished-117 .mhd-fdt-sidebar, body.mhd-fdt-executive-ui .mhd-fdt-sidebar{border-radius:30px!important;padding:16px!important;background:linear-gradient(180deg,#071b38 0%,#08294f 100%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(6,24,51,.22)!important;} body.rmx-launch-polished-117 .mhd-fdt-tabs{gap:9px!important;} body.rmx-launch-polished-117 .mhd-fdt-tabs button, body.mhd-fdt-executive-ui .mhd-fdt-tabs button{border-radius:18px!important;padding:12px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;} body.rmx-launch-polished-117 .mhd-fdt-tabs button.active, body.mhd-fdt-executive-ui .mhd-fdt-tabs button.active{background:linear-gradient(135deg,#0d7cff,#7c3cff)!important;box-shadow:0 18px 40px rgba(36,104,255,.28)!important;} body.rmx-launch-polished-117 .mhd-fdt-tabs em{font-size:11.5px!important;line-height:1.28!important;color:rgba(229,241,255,.72)!important;} body.rmx-launch-polished-117 .mhd-fdt-brand b{width:42px!important;height:42px!important;border-radius:14px!important;} body.rmx-launch-polished-117 .mhd-fdt-topbar, body.mhd-fdt-executive-ui .mhd-fdt-topbar{border-radius:32px!important;padding:30px 34px!important;min-height:152px!important;align-items:center!important;background:radial-gradient(circle at 86% 0%,rgba(0,184,255,.34),transparent 40%),linear-gradient(135deg,#101a52 0%,#0b3d75 58%,#087a9b 100%)!important;box-shadow:0 30px 85px rgba(12,46,93,.23)!important;} body.rmx-launch-polished-117 .mhd-fdt-topbar h1, body.mhd-fdt-executive-ui .mhd-fdt-topbar h1{font-size:clamp(40px,4vw,60px)!important;letter-spacing:-.075em!important;line-height:.95!important;text-shadow:0 7px 30px rgba(0,0,0,.22)!important;} body.rmx-launch-polished-117 .mhd-fdt-topbar p{font-size:15.5px!important;max-width:760px!important;color:rgba(239,248,255,.84)!important;} body.rmx-launch-polished-117 .mhd-fdt-global-search{max-width:520px!important;background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important;} body.rmx-launch-polished-117 .mhd-fdt-summary-strip, body.mhd-fdt-executive-ui .mhd-fdt-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important;} body.rmx-launch-polished-117 .mhd-fdt-summary-tile, body.mhd-fdt-executive-ui .mhd-fdt-summary-tile{min-height:94px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 16px 42px rgba(15,43,85,.08)!important;padding:16px!important;} body.rmx-launch-polished-117 .mhd-fdt-summary-tile strong{font-size:24px!important;} body.rmx-launch-polished-117 .mhd-fdt-pagehead, body.mhd-fdt-executive-ui .mhd-fdt-pagehead{border-radius:28px!important;padding:22px 26px!important;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(247,251,255,.88))!important;box-shadow:0 18px 48px rgba(15,43,85,.08)!important;border:1px solid rgba(148,163,184,.22)!important;} body.rmx-launch-polished-117 .mhd-fdt-pagehead h2{font-size:28px!important;letter-spacing:-.045em!important;} body.rmx-launch-polished-117 .mhd-fdt-grid, body.rmx-launch-polished-117 .mhd-fdt-command-grid, body.rmx-launch-polished-117 .mhd-fdt-launch-grid, body.rmx-launch-polished-117 .mhd-fdt-wizard-layout{align-items:start!important;gap:18px!important;} body.rmx-launch-polished-117 .mhd-fdt-card, body.rmx-launch-polished-117 .mhd-fdt-launch-console, body.rmx-launch-polished-117 .mhd-fdt-action-center, body.rmx-launch-polished-117 .mhd-fdt-launch-hero, body.mhd-fdt-executive-ui .mhd-fdt-card{border-radius:28px!important;padding:22px!important;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(248,251,255,.91))!important;border:1px solid rgba(148,163,184,.23)!important;box-shadow:0 20px 55px rgba(15,43,85,.09)!important;} body.rmx-launch-polished-117 .mhd-fdt-card:before, body.rmx-launch-polished-117 .mhd-fdt-action-center:before{height:3px!important;opacity:.9!important;background:linear-gradient(90deg,#1477ff,#00b8ff,#7c3cff)!important;} body.rmx-launch-polished-117 .mhd-fdt-card h3, body.rmx-launch-polished-117 .mhd-fdt-action-center h3{font-size:20px!important;line-height:1.15!important;letter-spacing:-.035em!important;} body.rmx-launch-polished-117 .mhd-fdt-kpis--overview{grid-template-columns:repeat(4,minmax(0,1fr))!important;} body.rmx-launch-polished-117 .mhd-fdt-kpi{border-radius:24px!important;min-height:112px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:0 15px 38px rgba(15,43,85,.07)!important;} body.rmx-launch-polished-117 .mhd-fdt-kpi strong{font-size:28px!important;} body.rmx-launch-polished-117 .mhd-fdt-app-marketplace{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;} body.rmx-launch-polished-117 .mhd-fdt-app-card{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;border-radius:24px!important;padding:18px!important;background:#fff!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 14px 36px rgba(15,43,85,.07)!important;} body.rmx-launch-polished-117 .mhd-fdt-app-actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;} body.rmx-launch-polished-117 .mhd-fdt-form.two{grid-template-columns:repeat(2,minmax(220px,1fr))!important;} body.rmx-launch-polished-117 .mhd-fdt-form.three{grid-template-columns:repeat(3,minmax(190px,1fr))!important;} body.rmx-launch-polished-117 input, body.rmx-launch-polished-117 select, body.rmx-launch-polished-117 textarea{min-height:42px!important;border-radius:14px!important;border:1px solid #d9e5f3!important;background:#fff!important;box-shadow:0 7px 18px rgba(15,43,85,.035)!important;} body.rmx-launch-polished-117 textarea{min-height:98px!important;} body.rmx-launch-polished-117 .mhd-fdt-btn{border-radius:13px!important;font-weight:900!important;letter-spacing:-.01em!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} body.rmx-launch-polished-117 .mhd-fdt-btn.primary{background:linear-gradient(135deg,#1477ff,#02a9ff)!important;box-shadow:0 13px 26px rgba(20,119,255,.24)!important;color:#fff!important;border-color:transparent!important;} body.rmx-launch-polished-117 .mhd-fdt-pill{border-radius:999px!important;font-size:11px!important;font-weight:950!important;padding:5px 9px!important;} body.rmx-launch-polished-117 .mhd-fdt-note{border-radius:16px!important;line-height:1.45!important;} body.rmx-launch-polished-117 .mhd-fdt-table{display:grid!important;gap:10px!important;} body.rmx-launch-polished-117 .mhd-fdt-row{border-radius:18px!important;background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 10px 24px rgba(15,43,85,.05)!important;} body.rmx-launch-polished-117 details.mhd-fdt-advanced-drawer{border-radius:24px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 14px 38px rgba(15,43,85,.06)!important;} body.rmx-launch-polished-117 details.mhd-fdt-advanced-drawer summary{padding:17px 20px!important;font-weight:950!important;color:#10233f!important;} body.rmx-launch-polished-117 pre, body.rmx-launch-polished-117 code, body.rmx-launch-polished-117 .mhd-fdt-code{max-width:100%!important;white-space:pre-wrap!important;word-break:break-word!important;border-radius:16px!important;} @media(max-width:1280px){body.rmx-launch-polished-117 .mhd-fdt-shell,body.mhd-fdt-executive-ui .mhd-fdt-shell{grid-template-columns:1fr!important;}body.rmx-launch-polished-117 .mhd-fdt-sidebar{position:relative!important;top:auto!important;max-height:none!important;}body.rmx-launch-polished-117 .mhd-fdt-tabs{display:flex!important;overflow:auto!important;padding-bottom:6px!important;}body.rmx-launch-polished-117 .mhd-fdt-tabs button{min-width:224px!important;}} @media(max-width:860px){body.rmx-launch-polished-117 .mhd-fdos-wrap{padding:10px 10px 48px!important;}body.rmx-launch-polished-117 .mhd-fdt-topbar{padding:22px 18px!important;border-radius:24px!important;}body.rmx-launch-polished-117 .mhd-fdt-topbar h1{font-size:34px!important;}body.rmx-launch-polished-117 .mhd-fdt-summary-strip,body.rmx-launch-polished-117 .mhd-fdt-kpis--overview,body.rmx-launch-polished-117 .mhd-fdt-grid,body.rmx-launch-polished-117 .mhd-fdt-command-grid,body.rmx-launch-polished-117 .mhd-fdt-form.two,body.rmx-launch-polished-117 .mhd-fdt-form.three{grid-template-columns:1fr!important;}body.rmx-launch-polished-117 .mhd-fdt-app-marketplace{grid-template-columns:1fr!important;}} /* v1.4.27 clean commercial portal tabs */ .mhd-portal-tabs--clean{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px} .mhd-portal-tabs--clean button span{font-weight:900} .mhd-portal-tabs--clean button em{font-size:11px;line-height:1.25} /* v1.4.34 hosted customer portal commercial polish */ .mhd-portal-feature-ribbon,.mhd-portal-panel .mhd-internal-matrix,.mhd-portal-panel .mhd-launch-coverage{display:none!important}.mhd-portal-shell,.mhd-portal-card,.mhd-portal-panel{min-width:0}.mhd-portal-card{border-radius:22px}.mhd-portal-panel h1,.mhd-portal-panel h2,.mhd-portal-card h3{letter-spacing:-.03em}.mhd-portal-actions,.mhd-portal-card-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.mhd-portal-actions button:not([type]),.mhd-portal-card-actions button:not([type]),.mhd-auth-card button:not([type]){appearance:auto}.mhd-portal-card details{border-radius:16px}.mhd-portal-card details>summary{cursor:pointer;font-weight:750}.mhd-portal-card pre,.mhd-portal-card code{max-width:100%;white-space:pre-wrap;word-break:break-word}.mhd-billing-external-note{font-size:.85rem;opacity:.78;margin-top:.5rem}@media(max-width:760px){.mhd-portal-actions>*{width:100%;justify-content:center}.mhd-portal-card{padding:1rem}.mhd-portal-card-actions>*{width:100%}} /* v1.4.35 hosted customer portal commercial cleanup */ .mhd-portal-panel[data-mhd-portal-panel="launch"] .mhd-launch-center-grid{grid-template-columns:minmax(0,1fr)!important;} .mhd-portal-panel[data-mhd-portal-panel="launch"] .mhd-production-gate-card, .mhd-portal-panel[data-mhd-portal-panel="launch"] .mhd-launch-evidence-card, .mhd-portal-panel[data-mhd-portal-panel="launch"] .mhd-launch-lock-card{border-radius:24px!important;box-shadow:0 18px 46px rgba(15,43,85,.07)!important;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;} .mhd-portal-details{display:block;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(15,43,85,.045);overflow:hidden;margin:0 0 16px}.mhd-portal-details>summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:950;color:#102033;display:flex;align-items:center;justify-content:space-between;gap:12px}.mhd-portal-details>summary::-webkit-details-marker{display:none}.mhd-portal-details>summary:after{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f1f5f9;color:#334155}.mhd-portal-details[open]>summary:after{content:'–';background:#eaf3ff;color:#1d4ed8}.mhd-portal-details .mhd-portal-form{box-shadow:none!important;border:0!important;border-top:1px solid rgba(148,163,184,.18)!important;border-radius:0!important;margin:0!important} .mhd-frontdesk-connect-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;gap:12px!important}.mhd-integration-simple-card{min-height:116px;padding:16px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 32px rgba(15,43,85,.055)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important}.mhd-integration-simple-card .mhd-integration-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eef6ff;color:#1d4ed8;font-weight:950}.mhd-integration-simple-card strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#102033;font-size:14px}.mhd-integration-simple-card form,.mhd-integration-simple-card>button{grid-column:1/-1;width:100%;margin:0}.mhd-integration-simple-card .mhd-btn{width:100%;justify-content:center;min-height:38px}.mhd-integration-simple-card span,.mhd-integration-simple-card em,.mhd-frontdesk-connect-grid .mhd-row-actions{display:none!important}.mhd-custom-app-details,.mhd-delivery-outbox-details,.mhd-launch-review-history{grid-column:1/-1}.mhd-appointments-manual,.mhd-appointments-rules{grid-column:span 1}.mhd-inbox-empty-card{grid-column:1/-1;text-align:center;padding:36px!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important}.mhd-inbox-empty-card p{max-width:560px;margin:8px auto 16px;color:#64748b;line-height:1.55}.mhd-portal-tabs--clean button{min-height:44px;border-radius:14px}.mhd-portal-tabs--clean button span{white-space:nowrap}.mhd-portal-panel[data-mhd-portal-panel="automations"] .mhd-frontdesk-command-card .mhd-frontdesk-metric-grid:nth-of-type(2){display:none!important}.mhd-portal-panel[data-mhd-portal-panel="automations"] .mhd-frontdesk-command-card{border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbff)}@media(max-width:760px){.mhd-frontdesk-connect-grid{grid-template-columns:1fr!important}.mhd-integration-simple-card{grid-template-columns:auto minmax(0,1fr)!important}.mhd-appointments-manual,.mhd-appointments-rules{grid-column:1/-1}.mhd-portal-details>summary{align-items:flex-start}.mhd-portal-tabs--clean{grid-template-columns:repeat(2,minmax(0,1fr))}.mhd-portal-tabs--clean button span{font-size:12px}} /* v1.4.37 branded integration logos */ .mhd-integration-simple-card .mhd-integration-logo.mhd-integration-logo-shell{background:#fff!important;color:inherit!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 10px 24px rgba(15,43,85,.07)!important;overflow:hidden!important;} .mhd-integration-logo .mhd-integration-logo-svg{width:30px!important;height:30px!important;display:block!important;} /* v1.4.39 no-refresh portal form actions */ .mhd-portal-live-toast{position:fixed;right:20px;bottom:20px;z-index:99999;transform:translateY(16px);opacity:0;pointer-events:none;background:#10233f;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 42px rgba(15,23,42,.22);font-weight:800;transition:.18s ease} .mhd-portal-live-toast.is-visible{opacity:1;transform:translateY(0)} .mhd-portal-live-toast.is-error{background:#991b1b} .mhd-customer-portal form.is-saving{opacity:.76} body:not(.rmax-support-mode) .mhd-customer-portal .mhd-support-only{display:none!important} /* v1.4.44 dropdown option visibility */ .mhd-auth-field select option,.mhd-auth-field select optgroup,.mhd-auth-card select option,.mhd-auth-card select optgroup,.mhd-portal-form select option,.mhd-portal-form select optgroup{background:#0c1324!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;} body.mhd-portal-dashboard-app .mhd-customer-portal select,body.mhd-portal-dashboard-app .mhd-customer-portal select option,body.mhd-portal-dashboard-app .mhd-customer-portal select optgroup{background:#fff!important;color:#102033!important;-webkit-text-fill-color:#102033!important;opacity:1!important;appearance:auto!important;-webkit-appearance:menulist!important;visibility:visible!important;} /* v1.4.44 launch-ready owner portal select/readability and support-tool hardening */ body.mhd-portal-dashboard-app .mhd-customer-portal select, body.mhd-portal-dashboard-app .mhd-customer-portal .mhd-model-select{ appearance:auto!important;-webkit-appearance:menulist!important;background:#fff!important;color:#102033!important;-webkit-text-fill-color:#102033!important;opacity:1!important;visibility:visible!important;min-height:42px!important;line-height:1.35!important; } body.mhd-portal-dashboard-app .mhd-customer-portal select option, body.mhd-portal-dashboard-app .mhd-customer-portal select optgroup{ background:#fff!important;color:#102033!important;-webkit-text-fill-color:#102033!important;opacity:1!important;visibility:visible!important; } body:not(.rmax-support-mode) .mhd-customer-portal .mhd-support-only{display:none!important;}