/* Master Stellenportal – Arbeitgeberportal */
.msp-employer-portal-page{overflow:hidden!important}
.msp-employer-portal-page #wpadminbar{display:none!important}
.msp-employer-portal-page .msp-employer-portal,
.msp-employer-portal-page .msp-portal-screen{font-family:inherit}
.msp-portal-screen{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--msp-primary) 9%,transparent),transparent 36%),#f4f7fb}
.msp-portal-shell--secret{width:min(1080px,100%);margin:0;min-height:620px}
.msp-employer-portal{position:fixed;inset:0;z-index:2147482000;display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden;background:#f5f7fb;color:#172033}
.msp-ep-sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 18px;background:#111827;color:#fff}
.msp-ep-brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.09)}
.msp-ep-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--msp-primary);font-weight:900}
.msp-ep-brand strong,.msp-ep-brand small{display:block}.msp-ep-brand strong{font-size:15px}.msp-ep-brand small{margin-top:2px;color:rgba(255,255,255,.55);font-size:11px}
.msp-ep-nav{display:grid;gap:6px;margin-top:22px}
.msp-ep-nav a,.msp-ep-sidebar-foot a{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border-radius:12px;color:rgba(255,255,255,.74);font-size:13px;font-weight:750;text-decoration:none!important;transition:.2s}
.msp-ep-nav-icon{display:grid;place-items:center;width:22px;height:22px;font-size:15px}
.msp-ep-nav a:hover,.msp-ep-sidebar-foot a:hover,.msp-ep-nav a.is-active{background:rgba(255,255,255,.09);color:#fff}
.msp-ep-nav a.is-active{box-shadow:inset 3px 0 0 var(--msp-primary)}
.msp-ep-nav b{margin-left:auto;min-width:23px;padding:3px 6px;border-radius:999px;background:var(--msp-primary);color:#fff;font-size:10px;text-align:center}
.msp-ep-sidebar-foot{display:grid;gap:5px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}
.msp-ep-main{min-width:0;overflow:auto;background:#f5f7fb}
.msp-ep-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:17px 30px;border-bottom:1px solid #e5ebf1;background:rgba(255,255,255,.94);backdrop-filter:blur(15px)}
.msp-ep-topbar>div:first-child>span{display:block;color:var(--msp-primary);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.msp-ep-topbar h1{margin:3px 0 0;color:#101828;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.msp-ep-user{display:flex;align-items:center;gap:10px}.msp-ep-user>span,.msp-ep-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--msp-primary) 10%,#fff);color:var(--msp-primary);font-size:12px;font-weight:900}.msp-ep-user strong,.msp-ep-user small{display:block}.msp-ep-user strong{font-size:12px}.msp-ep-user small{margin-top:2px;color:#8a94a3;font-size:10px}
.msp-ep-content{max-width:1420px;margin:0 auto;padding:28px 30px 42px}
.msp-ep-alert{margin-bottom:18px;padding:13px 15px;border:1px solid;border-radius:13px;font-size:13px;font-weight:750}.msp-ep-alert.is-success{border-color:#b7e2c5;background:#f0fbf4;color:#18743a}.msp-ep-alert.is-error{border-color:#efc1c7;background:#fff4f5;color:#a5293b}
.msp-ep-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:24px 26px;border:1px solid #e6ecf2;border-radius:20px;background:linear-gradient(135deg,#fff 30%,color-mix(in srgb,var(--msp-primary) 5%,#fff));box-shadow:0 14px 35px rgba(15,23,42,.04)}
.msp-ep-welcome span{color:var(--msp-primary);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.msp-ep-welcome h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.025em}.msp-ep-welcome p{margin:0;color:#667085;font-size:13px}
.msp-ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 15px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;color:#263142;font:inherit;font-size:12px;font-weight:800;text-decoration:none!important;cursor:pointer;transition:.2s}.msp-ep-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(15,23,42,.08)}.msp-ep-btn.is-primary{border-color:var(--msp-primary);background:var(--msp-primary);color:var(--msp-primary-text);box-shadow:0 10px 24px color-mix(in srgb,var(--msp-primary) 18%,transparent)}.msp-ep-btn.is-wide{width:100%}
.msp-ep-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.msp-ep-stat{padding:18px 19px;border:1px solid #e7edf3;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.035)}.msp-ep-stat>span,.msp-ep-stat>small{display:block}.msp-ep-stat>span{color:#667085;font-size:11px;font-weight:750}.msp-ep-stat>strong{display:block;margin:6px 0 4px;color:#101828;font-size:29px;line-height:1}.msp-ep-stat>small{color:#98a2b3;font-size:10px}.msp-ep-stat.is-accent{border-color:color-mix(in srgb,var(--msp-primary) 22%,#e7edf3);background:color-mix(in srgb,var(--msp-primary) 3%,#fff)}
.msp-ep-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.msp-ep-panel{min-width:0;overflow:hidden;border:1px solid #e6ecf2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.035)}.msp-ep-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #edf2f6}.msp-ep-panel-head h3{margin:0;font-size:15px}.msp-ep-panel-head p{margin:3px 0 0;color:#8a94a3;font-size:11px}.msp-ep-panel-head>a{color:var(--msp-primary);font-size:11px;font-weight:800;text-decoration:none}
.msp-ep-mini-list{display:grid}.msp-ep-mini-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #f0f3f6;color:#172033;text-decoration:none!important}.msp-ep-mini-list>a:last-child{border-bottom:0}.msp-ep-mini-list>a:hover{background:#fbfcfe}.msp-ep-mini-list strong,.msp-ep-mini-list small{display:block}.msp-ep-mini-list strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.msp-ep-mini-list small{margin-top:3px;color:#98a2b3;font-size:10px}.msp-ep-job-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f3f6fa;color:var(--msp-primary)}
.msp-ep-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#667085;font-size:9px;font-weight:850;white-space:nowrap}.msp-ep-status.is-active,.msp-ep-status.is-offer{background:#ecf9f0;color:#20733b}.msp-ep-status.is-new{background:#edf5ff;color:#1769c2}.msp-ep-status.is-review,.msp-ep-status.is-interview{background:#fff6e8;color:#9a5b08}.msp-ep-status.is-rejected{background:#fff0f2;color:#a32b3d}.msp-ep-status.is-talentpool{background:#f3efff;color:#6541a5}.msp-ep-status.is-archived,.msp-ep-status.is-draft{background:#f2f4f7;color:#667085}
.msp-ep-toolbar,.msp-ep-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px}.msp-ep-toolbar{justify-content:space-between}.msp-ep-search{position:relative;display:flex;min-width:260px}.msp-ep-search input{width:100%;height:42px;padding:10px 42px 10px 13px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;font:inherit;font-size:12px;outline:none}.msp-ep-search button{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;border-radius:9px;background:#f4f7fa;color:#667085;cursor:pointer}.msp-ep-filters select{min-width:170px;height:42px;padding:8px 34px 8px 12px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;font:inherit;font-size:12px;color:#344054}
.msp-ep-table-panel{overflow:visible}.msp-ep-table-head,.msp-ep-table-row{display:grid;grid-template-columns:minmax(280px,1fr) 130px 110px 90px;align-items:center;gap:16px}.msp-ep-table-head--apps,.msp-ep-table-row--apps{grid-template-columns:minmax(220px,1.1fr) minmax(200px,1fr) 120px 120px 70px}.msp-ep-table-head{padding:12px 18px;border-bottom:1px solid #e9eef3;background:#fbfcfe;color:#7b8798;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.msp-ep-table-row{min-height:68px;padding:12px 18px;border-bottom:1px solid #f0f3f6;font-size:12px}.msp-ep-table-row:last-child{border-bottom:0}.msp-ep-title-cell strong,.msp-ep-title-cell small{display:block}.msp-ep-title-cell strong{font-size:12px}.msp-ep-title-cell small{margin-top:4px;color:#98a2b3;font-size:10px}.msp-ep-count{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#f3f6f9;color:#344054;font-weight:850;text-decoration:none}.msp-ep-row-actions{text-align:right}.msp-ep-row-actions a{color:var(--msp-primary);font-size:11px;font-weight:800;text-decoration:none}
.msp-ep-empty{padding:34px 20px;color:#7b8798;text-align:center;font-size:12px}.msp-ep-empty.is-small{padding:20px}
.msp-ep-form{display:block}.msp-ep-form-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.msp-ep-form-head h2{margin:0;font-size:20px}.msp-ep-form-head p{margin:4px 0 0;color:#8a94a3;font-size:11px}.msp-ep-form-head>div:last-child{display:flex;gap:8px}.msp-ep-form-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.msp-ep-form-side{display:grid;gap:16px}.msp-ep-form-card{padding:20px;border:1px solid #e6ecf2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.03)}.msp-ep-form-card h3{margin:0 0 16px;font-size:14px}.msp-ep-field{margin-bottom:14px}.msp-ep-field:last-child{margin-bottom:0}.msp-ep-field label{display:block;margin-bottom:6px;color:#667085;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.msp-ep-field input,.msp-ep-field textarea,.msp-ep-field select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #dfe6ee;border-radius:11px;background:#fbfcfe;color:#172033;font:inherit;font-size:12px;outline:none}.msp-ep-field textarea{line-height:1.55;resize:vertical}.msp-ep-field input:focus,.msp-ep-field textarea:focus,.msp-ep-field select:focus{border-color:var(--msp-primary);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--msp-primary) 10%,transparent)}.msp-ep-field small{display:block;margin-top:6px;color:#98a2b3;font-size:10px;line-height:1.5}.msp-ep-grid-fields{display:grid;grid-template-columns:110px 1fr;gap:10px}.msp-ep-switch{display:flex;align-items:center;gap:10px;margin:7px 0 16px;cursor:pointer}.msp-ep-switch input{position:absolute;opacity:0}.msp-ep-switch>span{position:relative;width:40px;height:22px;border-radius:999px;background:#dfe5ec;transition:.2s}.msp-ep-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}.msp-ep-switch input:checked+span{background:var(--msp-primary)}.msp-ep-switch input:checked+span:after{transform:translateX(18px)}.msp-ep-switch strong,.msp-ep-switch small{display:block}.msp-ep-switch strong{font-size:11px}.msp-ep-switch small{margin-top:2px;color:#98a2b3;font-size:9px}
.msp-ep-detail-head{margin-bottom:16px}.msp-ep-detail-head>a{color:var(--msp-primary);font-size:11px;font-weight:800;text-decoration:none}.msp-ep-detail-head h2{margin:12px 0 3px;font-size:23px}.msp-ep-detail-head p{margin:0;color:#7b8798;font-size:11px}.msp-ep-detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:start}.msp-ep-application-main,.msp-ep-workflow-card{padding:21px}.msp-ep-application-main h3,.msp-ep-workflow-card h3{margin:0 0 13px;font-size:14px}.msp-ep-application-main h3:not(:first-child){margin-top:24px}.msp-ep-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.msp-ep-contact-grid>div{padding:12px;border:1px solid #edf1f5;border-radius:12px;background:#fbfcfe}.msp-ep-contact-grid span,.msp-ep-contact-grid strong,.msp-ep-contact-grid a{display:block}.msp-ep-contact-grid span{margin-bottom:5px;color:#98a2b3;font-size:9px;font-weight:850;text-transform:uppercase}.msp-ep-contact-grid strong,.msp-ep-contact-grid a{color:#172033;font-size:11px;font-weight:750;text-decoration:none}.msp-ep-message{padding:15px;border:1px solid #edf1f5;border-radius:13px;background:#fbfcfe;color:#475467;font-size:12px;line-height:1.65}.msp-ep-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.msp-ep-files>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e7edf3;border-radius:12px;background:#fff;color:#172033;text-decoration:none}.msp-ep-files>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f2f6fa;color:var(--msp-primary)}.msp-ep-files strong,.msp-ep-files small{display:block}.msp-ep-files strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.msp-ep-files small{margin-top:2px;color:#98a2b3;font-size:9px}
.msp-ep-no-access{max-width:480px;padding:34px;border:1px solid #e4eaf0;border-radius:20px;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(15,23,42,.1)}.msp-ep-no-access h2{margin:0 0 8px}.msp-ep-no-access p{margin:0 0 20px;color:#667085}
@media(max-width:1100px){.msp-employer-portal{grid-template-columns:210px minmax(0,1fr)}.msp-ep-content{padding:24px 22px 36px}.msp-ep-stats{grid-template-columns:repeat(2,1fr)}.msp-ep-form-layout,.msp-ep-detail-layout{grid-template-columns:1fr}.msp-ep-form-side{grid-template-columns:1fr 1fr}.msp-ep-table-head,.msp-ep-table-row{grid-template-columns:minmax(220px,1fr) 110px 90px 70px}.msp-ep-table-head--apps,.msp-ep-table-row--apps{grid-template-columns:minmax(190px,1fr) minmax(170px,1fr) 105px 100px 60px}}
@media(max-width:800px){.msp-employer-portal{grid-template-columns:76px minmax(0,1fr)}.msp-ep-sidebar{padding:18px 10px}.msp-ep-brand{justify-content:center;padding:0 0 18px}.msp-ep-brand>div,.msp-ep-nav a:not(.is-active){font-size:0}.msp-ep-nav a,.msp-ep-sidebar-foot a{justify-content:center;padding:9px}.msp-ep-nav-icon{font-size:16px}.msp-ep-nav b{position:absolute;margin:0 0 24px 24px}.msp-ep-sidebar-foot a{font-size:0}.msp-ep-grid-2{grid-template-columns:1fr}.msp-ep-form-side{grid-template-columns:1fr}.msp-ep-filters{align-items:stretch;flex-wrap:wrap}.msp-ep-search{min-width:100%;flex:1 1 100%}.msp-ep-filters select{flex:1 1 180px}.msp-ep-table-head{display:none}.msp-ep-table-row,.msp-ep-table-row--apps{grid-template-columns:1fr auto;gap:8px}.msp-ep-table-row>div:nth-child(n+2):not(:last-child){font-size:10px}.msp-ep-row-actions{grid-column:2;grid-row:1/4}.msp-ep-contact-grid{grid-template-columns:1fr}.msp-ep-files{grid-template-columns:1fr}}
@media(max-width:560px){.msp-employer-portal{grid-template-columns:1fr;grid-template-rows:auto 1fr}.msp-ep-sidebar{position:relative;display:flex;flex-direction:row;align-items:center;padding:9px 10px}.msp-ep-brand{padding:0;border:0}.msp-ep-brand-mark{width:34px;height:34px}.msp-ep-nav{display:flex;margin:0 0 0 auto;gap:3px}.msp-ep-nav a{width:38px;height:38px;min-height:38px}.msp-ep-nav a:nth-child(4){display:none}.msp-ep-sidebar-foot{display:flex;margin:0;padding:0;border:0}.msp-ep-sidebar-foot a:first-child{display:none}.msp-ep-topbar{min-height:68px;padding:12px 15px}.msp-ep-topbar h1{font-size:19px}.msp-ep-user>div{display:none}.msp-ep-content{padding:16px 12px 28px}.msp-ep-welcome{align-items:flex-start;flex-direction:column;padding:19px}.msp-ep-welcome h2{font-size:21px}.msp-ep-stats{grid-template-columns:1fr 1fr;gap:9px}.msp-ep-stat{padding:14px}.msp-ep-stat>strong{font-size:24px}.msp-ep-toolbar{align-items:stretch;flex-direction:column}.msp-ep-toolbar .msp-ep-search{min-width:0}.msp-ep-form-head{align-items:flex-start;flex-direction:column}.msp-ep-form-head>div:last-child{width:100%}.msp-ep-form-head .msp-ep-btn{flex:1}.msp-ep-form-card{padding:15px}.msp-ep-grid-fields{grid-template-columns:1fr 2fr}.msp-portal-screen{padding:10px}.msp-portal-shell--secret{min-height:0}}
.msp-portal-login-form{margin-top:2px}
.msp-portal-remember{display:flex!important;align-items:center;gap:8px;margin:3px 0 18px!important;color:#667085!important;font-size:12px!important;font-weight:650!important}
.msp-portal-remember input{margin:0}
.msp-portal-login-button{width:100%;min-height:49px;border:0;border-radius:12px;background:var(--msp-primary);color:var(--msp-primary-text);font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--msp-primary) 20%,transparent);transition:.2s}
.msp-portal-login-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px color-mix(in srgb,var(--msp-primary) 24%,transparent)}

/* True viewport portal – 2.1.1 */
html.msp-employer-portal-active,
html.msp-employer-portal-active body,
body.msp-employer-portal-page,
body.msp-employer-portal-active{
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.msp-employer-portal-page .msp-employer-portal,
body.msp-employer-portal-page .msp-portal-screen,
body.msp-employer-portal-active .msp-employer-portal,
body.msp-employer-portal-active .msp-portal-screen{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  transform:none!important;
  z-index:2147483000!important;
  isolation:isolate;
}
body.msp-employer-portal-active .msp-employer-portal{
  grid-template-columns:250px minmax(0,1fr)!important;
}
body.msp-employer-portal-active .msp-ep-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.msp-employer-portal-active .msp-ep-content{
  width:100%!important;
  max-width:1600px!important;
}
@media(max-width:1100px){
  body.msp-employer-portal-active .msp-employer-portal{grid-template-columns:210px minmax(0,1fr)!important}
}
@media(max-width:800px){
  body.msp-employer-portal-active .msp-employer-portal{grid-template-columns:76px minmax(0,1fr)!important}
}
@media(max-width:560px){
  body.msp-employer-portal-active .msp-employer-portal{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
}


/* Portal form containment & image upload – 2.1.2 */
.msp-employer-portal,
.msp-employer-portal *,
.msp-employer-portal *::before,
.msp-employer-portal *::after,
.msp-portal-screen,
.msp-portal-screen *,
.msp-portal-screen *::before,
.msp-portal-screen *::after{
  box-sizing:border-box!important;
}
.msp-ep-main,
.msp-ep-content,
.msp-ep-form,
.msp-ep-form-layout,
.msp-ep-form-layout>* ,
.msp-ep-form-side,
.msp-ep-form-card,
.msp-ep-field,
.msp-ep-grid-fields,
.msp-ep-grid-fields>*{
  min-width:0!important;
  max-width:100%;
}
.msp-ep-form,
.msp-ep-form-layout,
.msp-ep-form-card{width:100%}
.msp-ep-form-card{overflow:hidden}
.msp-ep-field input:not([type="checkbox"]):not([type="radio"]),
.msp-ep-field textarea,
.msp-ep-field select,
.msp-ep-search input,
.msp-ep-filters select,
.msp-portal-login-form input:not([type="checkbox"]):not([type="radio"]),
.msp-ep-workflow-card input:not([type="checkbox"]):not([type="radio"]),
.msp-ep-workflow-card textarea,
.msp-ep-workflow-card select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.msp-ep-field input[type="date"]{appearance:auto;min-inline-size:0!important}
.msp-ep-field textarea{overflow:auto}
.msp-ep-grid-fields{grid-template-columns:minmax(86px,110px) minmax(0,1fr)}

.msp-ep-image-card{display:block}
.msp-ep-image-preview{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-height:154px;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px dashed #d7e1eb;
  border-radius:14px;
  background:linear-gradient(145deg,#f8fafc,#eef3f8);
}
.msp-ep-image-preview.has-image{border-style:solid;background:#edf2f7}
.msp-ep-image-preview img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.msp-ep-image-preview img[hidden],
.msp-ep-image-placeholder[hidden]{display:none!important}
.msp-ep-image-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:18px;
  color:#667085;
  text-align:center;
}
.msp-ep-image-placeholder>span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin-bottom:5px;
  border-radius:12px;
  background:#fff;
  color:var(--msp-primary);
  font-size:20px;
  box-shadow:0 7px 20px rgba(15,23,42,.08);
}
.msp-ep-image-placeholder strong{font-size:11px;color:#344054}
.msp-ep-image-placeholder small{max-width:250px;color:#98a2b3;font-size:9px;line-height:1.45}
.msp-ep-image-upload{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:42px;
  margin-top:10px;
  padding:9px 12px;
  overflow:hidden;
  border:1px solid #dfe6ee;
  border-radius:11px;
  background:#fff;
  color:#344054;
  font-size:11px;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.msp-ep-image-upload:hover{border-color:var(--msp-primary);box-shadow:0 8px 20px rgba(15,23,42,.07);transform:translateY(-1px)}
.msp-ep-image-upload input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.msp-ep-image-upload>span{color:var(--msp-primary);font-size:15px;font-weight:900}
.msp-ep-image-upload>strong{font-size:11px}
.msp-ep-image-help{display:block;margin-top:7px;color:#98a2b3;font-size:9px;line-height:1.45}
.msp-ep-image-remove{display:flex;align-items:center;gap:8px;margin-top:11px;color:#667085;font-size:10px;cursor:pointer}
.msp-ep-image-remove input{width:14px;height:14px;margin:0;accent-color:var(--msp-primary)}

@media(max-width:560px){
  .msp-ep-grid-fields{grid-template-columns:1fr}
  .msp-ep-image-preview{min-height:130px}
}

/* Rich text editor and SEO fields – 2.1.3 */
.msp-ep-content-card{overflow:visible!important}
.msp-ep-rich-editor-field{min-width:0}
.msp-ep-rich-editor,
.msp-ep-rich-editor .wp-editor-wrap,
.msp-ep-rich-editor .wp-editor-container,
.msp-ep-rich-editor .mce-tinymce,
.msp-ep-rich-editor .mce-container,
.msp-ep-rich-editor .mce-container-body{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.msp-ep-rich-editor .wp-editor-wrap{position:relative}
.msp-ep-rich-editor .wp-editor-container{
  overflow:hidden;
  border:1px solid #dfe6ee!important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.msp-ep-rich-editor .mce-tinymce{border:0!important;box-shadow:none!important}
.msp-ep-rich-editor .mce-top-part:before{box-shadow:none!important}
.msp-ep-rich-editor .mce-panel{border-color:#edf1f5!important;background:#fbfcfe!important}
.msp-ep-rich-editor .mce-toolbar-grp{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  border-bottom:1px solid #edf1f5!important;
  background:#fbfcfe!important;
  scrollbar-width:thin;
}
.msp-ep-rich-editor .mce-toolbar .mce-btn{border-radius:7px!important}
.msp-ep-rich-editor .mce-toolbar .mce-btn:hover,
.msp-ep-rich-editor .mce-toolbar .mce-btn.mce-active{background:#eef5ff!important}
.msp-ep-rich-editor .mce-statusbar{border-top:1px solid #edf1f5!important;background:#fbfcfe!important}
.msp-ep-rich-editor iframe{display:block;width:100%!important;max-width:100%!important;background:#fff}
.msp-ep-rich-editor textarea.wp-editor-area{width:100%!important;max-width:100%!important;min-height:360px}
.msp-ep-rich-editor-field>small{margin-top:8px}

.msp-ep-seo-section{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #edf1f5;
}
.msp-ep-seo-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}
.msp-ep-seo-heading h4{margin:0;color:#172033;font-size:13px;line-height:1.3}
.msp-ep-seo-heading p{margin:4px 0 0;color:#98a2b3;font-size:10px;line-height:1.5}
.msp-ep-seo-heading>span{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--msp-primary) 15%,#e4eaf0);
  border-radius:999px;
  background:color-mix(in srgb,var(--msp-primary) 7%,#fff);
  color:var(--msp-primary);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.msp-ep-seo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
.msp-ep-seo-grid .msp-ep-field{min-width:0}
.msp-ep-seo-preview{
  padding:14px 15px;
  overflow:hidden;
  border:1px solid #e7edf3;
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.msp-ep-seo-preview>span{
  display:block;
  margin-bottom:7px;
  color:#98a2b3;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.msp-ep-seo-preview>strong{
  display:block;
  overflow:hidden;
  color:#1a0dab;
  font-size:14px;
  font-weight:650;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.msp-ep-seo-preview>p{
  display:-webkit-box;
  margin:5px 0 0;
  overflow:hidden;
  color:#4d5156;
  font-size:10px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(max-width:700px){
  .msp-ep-seo-grid{grid-template-columns:1fr}
  .msp-ep-rich-editor .mce-toolbar-grp{padding-bottom:3px}
}


/* Native visual job editor – 2.1.4 */
.msp-ep-rich-editor{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe6ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  transition:border-color .2s,box-shadow .2s;
}
.msp-ep-rich-editor:focus-within{
  border-color:var(--msp-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--msp-primary) 10%,transparent);
}
.msp-ep-rich-editor.has-error{
  border-color:#d92d20;
  box-shadow:0 0 0 3px rgba(217,45,32,.08);
}
.msp-ep-editor-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  min-width:0;
  padding:8px 9px;
  border-bottom:1px solid #e9eef3;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.msp-ep-editor-group{
  display:flex;
  align-items:center;
  gap:3px;
  min-width:0;
  padding-right:7px;
  margin-right:1px;
  border-right:1px solid #e5eaf0;
}
.msp-ep-editor-group:last-child{padding-right:0;border-right:0}
.msp-ep-editor-toolbar button,
.msp-ep-editor-toolbar select,
.msp-ep-editor-color{
  min-width:32px;
  height:32px;
  margin:0;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#344054;
  font:inherit;
  font-size:12px;
  line-height:1;
}
.msp-ep-editor-toolbar button{
  display:inline-grid;
  place-items:center;
  padding:0 8px;
  cursor:pointer;
  font-weight:750;
  transition:background .15s,border-color .15s,color .15s;
}
.msp-ep-editor-toolbar button:hover,
.msp-ep-editor-toolbar button.is-active{
  border-color:#dbe7f4;
  background:#edf5ff;
  color:var(--msp-primary);
}
.msp-ep-editor-toolbar button:focus-visible,
.msp-ep-editor-toolbar select:focus-visible,
.msp-ep-editor-color:focus-within{
  outline:2px solid color-mix(in srgb,var(--msp-primary) 35%,transparent);
  outline-offset:1px;
}
.msp-ep-editor-toolbar select{
  min-width:126px;
  padding:0 28px 0 9px;
  border-color:#dfe6ee;
  background:#fff;
  font-size:11px;
  cursor:pointer;
}
.msp-ep-editor-underline{text-decoration:underline;text-underline-offset:2px}
.msp-ep-editor-color{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-color:#dfe6ee;
  background:#fff;
  cursor:pointer;
}
.msp-ep-editor-color>span{
  font-weight:850;
  text-decoration:underline;
  text-decoration-color:var(--msp-primary);
  text-decoration-thickness:3px;
  text-underline-offset:3px;
}
.msp-ep-editor-color input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.msp-ep-editor-content{
  width:100%;
  min-width:0;
  min-height:350px;
  max-height:520px;
  padding:17px 18px 22px;
  overflow:auto;
  background:#fff;
  color:#263142;
  font-size:14px;
  line-height:1.68;
  outline:none;
  overflow-wrap:anywhere;
  white-space:normal;
}
.msp-ep-editor-content:empty:before{
  content:attr(data-placeholder);
  color:#98a2b3;
  pointer-events:none;
}
.msp-ep-editor-content p{margin:0 0 14px}
.msp-ep-editor-content p:last-child{margin-bottom:0}
.msp-ep-editor-content h2,
.msp-ep-editor-content h3,
.msp-ep-editor-content h4{
  margin:20px 0 9px;
  color:#101828;
  line-height:1.3;
}
.msp-ep-editor-content h2{font-size:21px}
.msp-ep-editor-content h3{font-size:18px}
.msp-ep-editor-content h4{font-size:16px}
.msp-ep-editor-content ul,
.msp-ep-editor-content ol{margin:8px 0 16px;padding-left:24px}
.msp-ep-editor-content li{margin:5px 0}
.msp-ep-editor-content a{color:var(--msp-primary);text-decoration:underline}
.msp-ep-editor-input[hidden]{display:none!important}
.msp-ep-editor-error{
  display:block;
  margin-top:7px!important;
  color:#b42318!important;
  font-size:10px!important;
  font-weight:750;
}
.msp-ep-editor-error[hidden]{display:none!important}
@media(max-width:700px){
  .msp-ep-editor-toolbar{gap:5px;padding:7px}
  .msp-ep-editor-group{padding-right:5px}
  .msp-ep-editor-toolbar select{min-width:112px}
  .msp-ep-editor-content{min-height:300px;max-height:460px;padding:15px;font-size:13px}
}
@media(max-width:480px){
  .msp-ep-editor-group{border-right:0;padding-right:0}
  .msp-ep-editor-toolbar button,.msp-ep-editor-color{height:30px;min-width:30px}
  .msp-ep-editor-toolbar select{height:30px;min-width:108px}
}


/* Collapsible sidebar, SVG navigation and reliable filters – 2.1.5 */
.msp-employer-portal{
  transition:grid-template-columns .22s ease;
}
.msp-ep-sidebar{
  position:relative;
  transition:padding .22s ease;
}
.msp-ep-nav a,
.msp-ep-sidebar-foot a{
  position:relative;
  white-space:nowrap;
}
.msp-ep-nav-icon{
  display:grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:22px;
}
.msp-ep-nav-icon svg,
.msp-ep-sidebar-toggle svg{
  display:block;
  width:18px;
  height:18px;
}
.msp-ep-nav-label{
  display:block;
  min-width:0;
  width:auto;
  height:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.msp-ep-sidebar-toggle{
  position:absolute;
  top:28px;
  right:-15px;
  z-index:20;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#1f2937;
  color:#dbe7f5;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(15,23,42,.22);
  transition:background .18s,color .18s,transform .18s;
}
.msp-ep-sidebar-toggle:hover{
  background:var(--msp-primary);
  color:#fff;
  transform:translateX(1px);
}
.msp-ep-sidebar-toggle:focus-visible{
  outline:3px solid color-mix(in srgb,var(--msp-primary) 38%,transparent);
  outline-offset:2px;
}
.msp-ep-toggle-expand{display:none}
.msp-employer-portal.is-sidebar-collapsed{
  grid-template-columns:84px minmax(0,1fr);
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-sidebar{
  padding-left:12px;
  padding-right:12px;
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-brand{
  justify-content:center;
  padding-left:0;
  padding-right:0;
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-brand>div,
.msp-employer-portal.is-sidebar-collapsed .msp-ep-nav-label{
  display:none!important;
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-nav a,
.msp-employer-portal.is-sidebar-collapsed .msp-ep-sidebar-foot a{
  justify-content:center;
  gap:0;
  padding-left:9px;
  padding-right:9px;
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-nav b{
  position:absolute;
  top:3px;
  right:2px;
  min-width:18px;
  padding:2px 5px;
  font-size:8px;
}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-toggle-collapse{display:none}
.msp-employer-portal.is-sidebar-collapsed .msp-ep-toggle-expand{display:block}
.msp-ep-filters input,
.msp-ep-filters select,
.msp-ep-filters button{
  flex-shrink:0;
}
.msp-ep-filters .msp-ep-search{
  flex:1 1 260px;
}
@media(max-width:800px){
  .msp-ep-sidebar-toggle{display:none}
  .msp-ep-brand>div,
  .msp-ep-nav-label{display:none!important}
  .msp-ep-nav a,
  .msp-ep-sidebar-foot a{justify-content:center;gap:0;padding-left:9px;padding-right:9px;font-size:13px!important}
  .msp-ep-nav b{position:absolute;top:3px;right:2px;margin:0;min-width:18px;padding:2px 5px;font-size:8px}
}
@media(max-width:560px){
  .msp-ep-sidebar-toggle{display:none}
}
@media(prefers-reduced-motion:reduce){
  .msp-employer-portal,.msp-ep-sidebar{transition:none}
}


/* Sidebar width priority fix – 2.1.6 */
body.msp-employer-portal-page .msp-employer-portal.is-sidebar-collapsed,
body.msp-employer-portal-active .msp-employer-portal.is-sidebar-collapsed,
html.msp-employer-portal-active body .msp-employer-portal.is-sidebar-collapsed{
  grid-template-columns:84px minmax(0,1fr)!important;
}
body.msp-employer-portal-page .msp-employer-portal.is-sidebar-collapsed .msp-ep-sidebar,
body.msp-employer-portal-active .msp-employer-portal.is-sidebar-collapsed .msp-ep-sidebar{
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
body.msp-employer-portal-page .msp-employer-portal:not(.is-sidebar-collapsed) .msp-ep-sidebar,
body.msp-employer-portal-active .msp-employer-portal:not(.is-sidebar-collapsed) .msp-ep-sidebar{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
@media(max-width:800px) and (min-width:561px){
  body.msp-employer-portal-page .msp-employer-portal,
  body.msp-employer-portal-active .msp-employer-portal,
  body.msp-employer-portal-page .msp-employer-portal.is-sidebar-collapsed,
  body.msp-employer-portal-active .msp-employer-portal.is-sidebar-collapsed{
    grid-template-columns:76px minmax(0,1fr)!important;
  }
  body.msp-employer-portal-page .msp-employer-portal .msp-ep-sidebar,
  body.msp-employer-portal-active .msp-employer-portal .msp-ep-sidebar{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
  }
}
@media(max-width:560px){
  body.msp-employer-portal-page .msp-employer-portal,
  body.msp-employer-portal-active .msp-employer-portal,
  body.msp-employer-portal-page .msp-employer-portal.is-sidebar-collapsed,
  body.msp-employer-portal-active .msp-employer-portal.is-sidebar-collapsed{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body.msp-employer-portal-page .msp-employer-portal .msp-ep-sidebar,
  body.msp-employer-portal-active .msp-employer-portal .msp-ep-sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* Horizontal overflow guard – 2.1.7 */
body.msp-employer-portal-page .msp-employer-portal,
body.msp-employer-portal-active .msp-employer-portal,
body.msp-employer-portal-page .msp-ep-main,
body.msp-employer-portal-active .msp-ep-main{
  max-width:100vw!important;
}
body.msp-employer-portal-page .msp-ep-main,
body.msp-employer-portal-active .msp-ep-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.msp-employer-portal-page .msp-ep-content,
body.msp-employer-portal-active .msp-ep-content{
  width:100%!important;
  min-width:0!important;
  max-width:1600px!important;
  overflow-x:hidden;
}
.msp-ep-toolbar,
.msp-ep-filters{
  width:100%;
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
}
.msp-ep-filters input,
.msp-ep-filters select,
.msp-ep-filters button,
.msp-ep-toolbar input,
.msp-ep-toolbar select,
.msp-ep-toolbar button{
  min-width:0!important;
  max-width:100%;
  flex-shrink:1;
}
.msp-ep-filters .msp-ep-search,
.msp-ep-toolbar .msp-ep-search{
  flex:1 1 260px;
  min-width:min(260px,100%);
  max-width:100%;
}
.msp-ep-filters select,
.msp-ep-toolbar select{
  flex:1 1 220px;
}
.msp-ep-filters .msp-ep-btn,
.msp-ep-toolbar .msp-ep-btn{
  flex:0 1 auto;
}
.msp-ep-table-panel{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}
.msp-ep-table-head,
.msp-ep-table-row,
.msp-ep-table-head--apps,
.msp-ep-table-row--apps{
  min-width:0;
}
@media(max-width:1200px){
  .msp-ep-filters select,
  .msp-ep-toolbar select{flex:1 1 190px}
}
@media(max-width:900px){
  .msp-ep-filters,
  .msp-ep-toolbar{gap:8px}
  .msp-ep-filters .msp-ep-btn,
  .msp-ep-toolbar .msp-ep-btn{flex:0 0 auto}
}

/* User and role settings – 2.2.0 */
.msp-ep-settings-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding:22px 24px;
  border:1px solid #e5ebf1;
  border-radius:20px;
  background:linear-gradient(135deg,#fff 35%,color-mix(in srgb,var(--msp-primary) 5%,#fff));
  box-shadow:0 13px 32px rgba(15,23,42,.035);
}
.msp-ep-settings-intro>div:first-child>span{
  color:var(--msp-primary);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.msp-ep-settings-intro h2{margin:5px 0 5px;color:#101828;font-size:23px;letter-spacing:-.025em}
.msp-ep-settings-intro p{max-width:760px;margin:0;color:#667085;font-size:12px;line-height:1.55}
.msp-ep-settings-count{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  min-width:110px;
  padding:15px 17px;
  border:1px solid color-mix(in srgb,var(--msp-primary) 14%,#e6ecf2);
  border-radius:16px;
  background:#fff;
  text-align:center;
}
.msp-ep-settings-count strong{color:var(--msp-primary);font-size:26px;line-height:1}
.msp-ep-settings-count span{margin-top:5px;color:#7b8798;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.msp-ep-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:18px;align-items:start}
.msp-ep-settings-main,.msp-ep-settings-side{display:grid;gap:18px;min-width:0}
.msp-ep-settings-panel{overflow:hidden}
.msp-ep-user-management-list{display:grid}
.msp-ep-user-management-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:18px;padding:16px 18px;border-bottom:1px solid #edf2f6}
.msp-ep-user-management-row:last-child{border-bottom:0}
.msp-ep-user-management-identity{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0}
.msp-ep-user-management-identity .msp-ep-avatar{width:38px;height:38px;border-radius:12px}
.msp-ep-user-management-identity strong,.msp-ep-user-management-identity small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msp-ep-user-management-identity strong{color:#172033;font-size:12px}
.msp-ep-user-management-identity small{margin-top:3px;color:#98a2b3;font-size:9px}
.msp-ep-user-management-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.msp-ep-user-role-form{display:flex;align-items:flex-end;gap:8px;min-width:0}
.msp-ep-user-role-form label{display:grid;gap:5px;min-width:180px}
.msp-ep-user-role-form label>span,.msp-ep-settings-form label>span{color:#667085;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.msp-ep-user-role-form select,.msp-ep-settings-form input,.msp-ep-settings-form select{
  width:100%;
  min-width:0;
  height:40px;
  padding:8px 11px;
  border:1px solid #dfe6ee;
  border-radius:11px;
  background:#fff;
  color:#344054;
  font:inherit;
  font-size:11px;
  outline:none;
}
.msp-ep-user-role-form select:focus,.msp-ep-settings-form input:focus,.msp-ep-settings-form select:focus{border-color:var(--msp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--msp-primary) 10%,transparent)}
.msp-ep-user-quick-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.msp-ep-user-quick-actions form{margin:0}
.msp-ep-text-button{padding:5px 0;border:0;background:transparent;color:var(--msp-primary);font:inherit;font-size:9px;font-weight:850;cursor:pointer;text-decoration:none}
.msp-ep-text-button:hover{text-decoration:underline}
.msp-ep-text-button.is-danger{color:#b42318}
.msp-ep-text-button:disabled{color:#98a2b3;cursor:not-allowed;text-decoration:none}
.msp-ep-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.msp-ep-role-card{min-width:0;padding:15px;border:1px solid #e8edf3;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.msp-ep-role-card-head{display:flex;align-items:center;gap:10px}
.msp-ep-role-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--msp-primary) 8%,#fff);color:var(--msp-primary)}
.msp-ep-role-icon svg{width:17px;height:17px}
.msp-ep-role-card-head strong,.msp-ep-role-card-head small{display:block}
.msp-ep-role-card-head strong{font-size:11px}.msp-ep-role-card-head small{margin-top:3px;color:#98a2b3;font-size:9px}
.msp-ep-role-permissions{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 10px}
.msp-ep-role-permissions span{padding:5px 7px;border-radius:999px;background:#f2f4f7;color:#98a2b3;font-size:8px;font-weight:800}
.msp-ep-role-permissions span.is-on{background:#edf8f1;color:#20733b}
.msp-ep-role-system{display:block;color:#98a2b3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.msp-ep-settings-form-card{padding:19px}
.msp-ep-settings-form-card h3{margin:0;color:#101828;font-size:14px}
.msp-ep-settings-form-card>p{margin:5px 0 16px;color:#7b8798;font-size:10px;line-height:1.5}
.msp-ep-settings-form{display:grid;gap:12px}
.msp-ep-settings-form>label,.msp-ep-settings-form-grid label{display:grid;gap:6px}
.msp-ep-settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.msp-ep-settings-check{display:flex!important;align-items:flex-start;grid-template-columns:none!important;gap:8px!important;padding:10px 11px;border:1px solid #edf1f5;border-radius:11px;background:#fbfcfe}
.msp-ep-settings-check input{flex:0 0 auto;width:14px!important;height:14px!important;margin:1px 0 0;padding:0}
.msp-ep-settings-check span{font-size:9px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4}
.msp-ep-permission-list{display:grid;gap:8px}
.msp-ep-permission-list label{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #e8edf3;border-radius:11px;background:#fbfcfe;cursor:pointer}
.msp-ep-permission-list input{flex:0 0 auto;width:14px!important;height:14px!important;margin:2px 0 0;padding:0;accent-color:var(--msp-primary)}
.msp-ep-permission-list strong,.msp-ep-permission-list small{display:block}
.msp-ep-permission-list strong{color:#344054;font-size:10px}.msp-ep-permission-list small{margin-top:2px;color:#98a2b3;font-size:8px;line-height:1.4}
@media(max-width:1180px){
  .msp-ep-settings-layout{grid-template-columns:1fr}
  .msp-ep-settings-side{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .msp-ep-user-management-row{grid-template-columns:1fr}
  .msp-ep-user-management-actions{justify-content:flex-start;flex-wrap:wrap}
  .msp-ep-user-role-form{flex:1 1 420px}
  .msp-ep-user-role-form label{flex:1;min-width:160px}
}
@media(max-width:700px){
  .msp-ep-settings-intro{align-items:flex-start;flex-direction:column}
  .msp-ep-settings-count{width:100%;display:flex;justify-content:center;gap:8px}
  .msp-ep-settings-count span{margin-top:0}
  .msp-ep-settings-side{grid-template-columns:1fr}
  .msp-ep-role-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .msp-ep-user-management-identity{grid-template-columns:36px minmax(0,1fr)}
  .msp-ep-user-management-identity>.msp-ep-status{grid-column:2;justify-self:start}
  .msp-ep-user-role-form{align-items:stretch;flex-direction:column}
  .msp-ep-user-role-form .msp-ep-btn{width:100%}
  .msp-ep-settings-form-grid{grid-template-columns:1fr}
}

.msp-ep-stats.is-reduced{grid-template-columns:repeat(2,minmax(0,1fr))}
.msp-ep-grid-2.is-single{grid-template-columns:1fr}
@media(max-width:560px){.msp-ep-stats.is-reduced{grid-template-columns:1fr 1fr}}


/* Applicant communication & mail settings – 2.3.0 */
.msp-ep-mail-settings-panel{margin-bottom:18px;overflow:hidden}
.msp-ep-mail-badge,.msp-ep-mail-recipient{display:inline-flex;align-items:center;max-width:420px;padding:6px 10px;border:1px solid #dce9f8;border-radius:999px;background:#f1f7ff;color:var(--msp-primary);font-size:10px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msp-ep-mail-settings-form{padding:20px}
.msp-ep-mail-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.msp-ep-mail-settings-general,.msp-ep-mail-template-card{min-width:0;padding:17px;border:1px solid #e8edf3;border-radius:15px;background:#fbfcfe}
.msp-ep-mail-settings-form h4{margin:0 0 14px;color:#172033;font-size:13px}
.msp-ep-mail-settings-form label,.msp-ep-communication-card label{display:block;margin-bottom:12px}
.msp-ep-mail-settings-form label>span,.msp-ep-communication-card label>span{display:block;margin-bottom:6px;color:#667085;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.msp-ep-mail-settings-form input,.msp-ep-mail-settings-form textarea,.msp-ep-communication-card input,.msp-ep-communication-card textarea,.msp-ep-communication-card select{display:block;width:100%;min-width:0;max-width:100%;padding:10px 12px;border:1px solid #dfe6ee;border-radius:11px;background:#fff;color:#172033;font:inherit;font-size:12px;outline:none;box-sizing:border-box}
.msp-ep-mail-settings-form input,.msp-ep-communication-card input,.msp-ep-communication-card select{min-height:42px}
.msp-ep-mail-settings-form textarea,.msp-ep-communication-card textarea{resize:vertical;line-height:1.55}
.msp-ep-mail-settings-form input:focus,.msp-ep-mail-settings-form textarea:focus,.msp-ep-communication-card input:focus,.msp-ep-communication-card textarea:focus,.msp-ep-communication-card select:focus{border-color:var(--msp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--msp-primary) 10%,transparent)}
.msp-ep-mail-settings-form small{display:block;margin-top:6px;color:#98a2b3;font-size:9px;line-height:1.45}
.msp-ep-mail-settings-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid #edf1f5}
.msp-ep-mail-settings-foot p{margin:0;color:#7b8798;font-size:10px;line-height:1.55}

.msp-ep-communication-panel{width:100%;max-width:100%;margin-top:18px;overflow:hidden}
.msp-ep-communication-warning{margin:16px 20px 0}
.msp-ep-communication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}
.msp-ep-communication-card{min-width:0;padding:18px;border:1px solid #e6ecf2;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.msp-ep-communication-card.is-rejection{border-color:#f0d9dd}
.msp-ep-communication-card.is-invitation{border-color:#d9e8f8}
.msp-ep-communication-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}
.msp-ep-communication-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#f1f5f9;color:#475467;font-size:17px;font-weight:900}
.is-rejection .msp-ep-communication-icon{background:#fff1f3;color:#b4233a}
.is-invitation .msp-ep-communication-icon{background:#eef6ff;color:var(--msp-primary)}
.msp-ep-communication-card-head h4{margin:1px 0 4px;font-size:14px}
.msp-ep-communication-card-head p{margin:0;color:#8a94a3;font-size:10px;line-height:1.45}
.msp-ep-appointment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,.7fr);gap:10px}
.msp-ep-btn.is-danger{border-color:#d92d20;background:#d92d20;color:#fff;box-shadow:0 10px 24px rgba(217,45,32,.16)}
.msp-ep-btn.is-danger:hover{background:#b42318;border-color:#b42318}
.msp-ep-communication-history{padding:0 20px 20px}
.msp-ep-communication-history>h4{margin:0 0 10px;font-size:13px}
.msp-ep-communication-history-list{overflow:hidden;border:1px solid #e8edf3;border-radius:14px;background:#fff}
.msp-ep-communication-history-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;border-bottom:1px solid #eef2f6}
.msp-ep-communication-history-row:last-child{border-bottom:0}
.msp-ep-communication-history-row strong,.msp-ep-communication-history-row small,.msp-ep-communication-history-row em{display:block}
.msp-ep-communication-history-row strong{font-size:11px}
.msp-ep-communication-history-row small{margin-top:3px;color:#98a2b3;font-size:9px}
.msp-ep-communication-history-row em{margin-top:5px;color:#667085;font-size:9px;font-style:normal}
@media(max-width:1180px){.msp-ep-mail-settings-grid{grid-template-columns:1fr 1fr}.msp-ep-mail-settings-general{grid-column:1/-1}.msp-ep-communication-grid{grid-template-columns:1fr}}
@media(max-width:700px){.msp-ep-mail-settings-grid{grid-template-columns:1fr}.msp-ep-mail-settings-general{grid-column:auto}.msp-ep-mail-settings-foot{align-items:stretch;flex-direction:column}.msp-ep-mail-settings-foot .msp-ep-btn{width:100%}.msp-ep-appointment-grid{grid-template-columns:1fr 1fr}.msp-ep-appointment-grid label:last-child{grid-column:1/-1}.msp-ep-mail-recipient{max-width:180px}.msp-ep-communication-grid{padding:14px}.msp-ep-communication-history{padding:0 14px 14px}}


/* Direct employee login access – 2.4.0 */
.msp-ep-access-panel{margin-bottom:20px;overflow:hidden}
.msp-ep-access-badge{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--msp-primary) 18%,#e4eaf0);
  border-radius:999px;
  background:color-mix(in srgb,var(--msp-primary) 7%,#fff);
  color:var(--msp-primary);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.msp-ep-access-body{display:grid;gap:14px;padding:18px 20px 20px}
.msp-ep-access-link-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid #e7edf3;
  border-radius:15px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.msp-ep-access-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:color-mix(in srgb,var(--msp-primary) 8%,#fff);
  color:var(--msp-primary);
}
.msp-ep-access-icon svg{width:19px;height:19px}
.msp-ep-access-link-text{min-width:0}
.msp-ep-access-link-text span,.msp-ep-access-link-text strong{display:block}
.msp-ep-access-link-text span{margin-bottom:4px;color:#98a2b3;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.msp-ep-access-link-text strong{overflow:hidden;color:#172033;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.msp-ep-access-settings-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
}
.msp-ep-access-settings-form label{min-width:0}
.msp-ep-access-settings-form label>span{display:block;margin-bottom:6px;color:#667085;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.msp-ep-access-settings-form small{display:block;margin-top:6px;color:#98a2b3;font-size:9px;line-height:1.45}
.msp-ep-access-slug{display:flex;align-items:center;min-width:0;overflow:hidden;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.msp-ep-access-slug>span{flex:0 0 auto;max-width:44%;padding:0 0 0 12px;overflow:hidden;color:#98a2b3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.msp-ep-access-slug input{width:100%;min-width:0;height:42px;padding:9px 12px 9px 2px;border:0!important;background:transparent!important;color:#172033;font:inherit;font-size:12px;outline:0!important;box-shadow:none!important}
@media(max-width:900px){
  .msp-ep-access-link-card{grid-template-columns:42px minmax(0,1fr)}
  .msp-ep-access-link-card .msp-ep-btn{width:100%}
  .msp-ep-access-settings-form{grid-template-columns:1fr}
  .msp-ep-access-settings-form>.msp-ep-btn{width:100%}
}
@media(max-width:560px){
  .msp-ep-access-body{padding:14px}
  .msp-ep-access-link-card{grid-template-columns:1fr}
  .msp-ep-access-icon{display:none}
  .msp-ep-access-link-text strong{white-space:normal;overflow-wrap:anywhere}
  .msp-ep-access-slug{align-items:stretch;flex-direction:column;padding-top:8px}
  .msp-ep-access-slug>span{max-width:100%;padding:0 12px;white-space:normal;overflow-wrap:anywhere}
  .msp-ep-access-slug input{padding:5px 12px 10px}
}