:root{--ra-blue:#0b9df3;--ra-blue2:#0794e8;--ra-navy:#17255f;--ra-bg:#eef8ff;--ra-text:#15233f;--ra-muted:#7e899c;--ra-border:#e6ebf2;--ra-shadow:0 12px 35px rgba(39,73,112,.12)}
body{margin:0}.ra-app,.ra-app *{box-sizing:border-box}.ra-app{width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);display:flex;background:var(--ra-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ra-text);font-size:14px}.ra-sidebar{width:180px;min-height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#079ef4,#078fe0);color:#fff;padding:22px 12px 18px;display:flex;flex-direction:column;flex:none;box-shadow:5px 0 20px rgba(0,120,210,.13)}.ra-brand{display:flex;align-items:center;gap:9px;padding:4px 8px 30px}.ra-brand-logo{width:39px;height:39px;border-radius:10px;background:#fff;color:#0796e9;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(0,80,160,.15)}.ra-brand strong,.ra-brand span{display:block}.ra-brand strong{font-size:10px;letter-spacing:.08em}.ra-brand span{font-size:9px;letter-spacing:.14em;margin-top:3px;opacity:.82}.ra-profile{display:flex;align-items:center;gap:9px;padding:10px 8px 22px}.ra-avatar,.ra-user-circle{display:grid;place-items:center;border-radius:50%;font-weight:800}.ra-avatar{width:35px;height:35px;background:#fff;color:#0a91e7}.ra-profile strong{display:block;font-size:12px}.ra-profile span{display:block;font-size:10px;opacity:.8;margin-top:2px}.ra-nav{display:flex;flex-direction:column;gap:5px}.ra-nav a,.ra-signout{display:flex;align-items:center;gap:11px;padding:12px 11px;border-radius:9px;color:#eaf8ff;text-decoration:none;font-size:12px;font-weight:650;transition:.15s}.ra-nav a:hover,.ra-nav a.active{background:rgba(255,255,255,.18);color:#fff}.ra-nav a.active{box-shadow:inset 3px 0 0 #fff}.ra-nav i,.ra-signout i{font-style:normal;font-size:17px;width:19px;text-align:center}.ra-signout{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);border-radius:0;padding-top:20px}.ra-main{flex:1;min-width:0;padding:26px 32px 45px;background:#f8fbfe}.ra-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.ra-welcome{font-size:9px;color:#8994a7;letter-spacing:.12em;font-weight:800;margin-bottom:3px}.ra-header h1{margin:0;color:#15213f;font-size:28px;letter-spacing:-.04em}.ra-tools{display:flex;align-items:center;gap:15px}.ra-search{width:270px;height:36px;background:#fff;border:1px solid var(--ra-border);border-radius:20px;color:#a1aaba;display:flex;align-items:center;gap:7px;padding:0 14px;font-size:12px}.ra-tool{font-size:20px;color:#8b96a8}.ra-user-circle{width:38px;height:38px;background:#ffb449;color:#fff;border:4px solid #ffe2b4}.ra-flash{padding:11px 14px;border-radius:9px;margin-bottom:16px;font-weight:700}.ra-flash-success{background:#e6f8ee;color:#14764a}.ra-flash-error{background:#ffebeb;color:#b12626}.ra-dashboard-grid{display:grid;grid-template-columns:1.1fr 1.45fr .75fr;gap:14px}.ra-hero-card,.ra-current-card,.ra-options-card,.ra-gauge-card,.ra-consumption-card,.ra-monthly-card,.ra-recent-card,.ra-form-card,.ra-list-card,.ra-detail-card{background:#fff;border:1px solid var(--ra-border);border-radius:13px;box-shadow:0 5px 18px rgba(31,68,105,.045)}.ra-hero-card{min-height:150px;background:linear-gradient(135deg,#0ca3f4,#1194e9);color:#fff;padding:22px 25px;display:flex;justify-content:space-between;overflow:hidden}.ra-hero-card span{font-size:12px;font-weight:700;display:block;opacity:.9}.ra-hero-card strong{display:block;font-size:32px;line-height:1;margin-top:8px}.ra-hero-card p{font-size:12px;margin:8px 0 0}.ra-hero-art{position:relative;width:110px}.ra-hero-art span{font-size:54px;position:absolute;right:10px;top:8px}.ra-hero-art b{position:absolute;right:0;bottom:2px;font-size:52px;opacity:.16}.ra-current-card{padding:18px 20px}.ra-current-card h3,.ra-options-card h3,.ra-gauge-card h3,.ra-consumption-card h3{margin:0 0 15px;font-size:13px}.ra-metrics{display:grid;grid-template-columns:repeat(3,1fr);height:92px}.ra-metrics a{border-right:1px solid #edf0f4;text-decoration:none;padding:6px 16px}.ra-metrics a:last-child{border:0}.ra-metrics b{font-size:24px;color:#159df2;display:block}.ra-metrics b.orange{color:#ff9828}.ra-metrics span{font-size:10px;color:#8a94a5;display:block;margin-top:4px}.ra-options-card{padding:18px}.ra-option-btn{display:flex;align-items:center;justify-content:center;height:43px;background:#0a9cf1;color:#fff;border-radius:9px;text-decoration:none;font-weight:750;font-size:12px}.ra-option-link{display:block;text-align:center;margin-top:13px;color:#1397e8;text-decoration:none;font-size:10px;font-weight:700}.ra-gauge-card{padding:17px;text-align:center}.ra-gauge{width:116px;height:116px;margin:5px auto 8px;border-radius:50%;background:conic-gradient(#159df2 var(--p),#eaf1f6 0);display:grid;place-items:center;position:relative}.ra-gauge:after{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.ra-gauge>div{position:relative;z-index:1}.ra-gauge strong{display:block;font-size:22px}.ra-gauge span{display:block;font-size:9px;color:#8a94a5}.orange-gauge{background:conic-gradient(#ff9828 var(--p),#f1f1f1 0)}.ra-gauge-card small{font-size:9px;color:#939dac}.ra-consumption-card{padding:17px}.ra-bar-row{display:grid;grid-template-columns:72px 1fr 20px;gap:8px;align-items:center;margin:11px 0;font-size:9px;color:#8590a0}.ra-bar-row>div{height:8px;background:#edf2f6;border-radius:10px;overflow:hidden}.ra-bar-row i{display:block;height:100%;background:#19a3ef;border-radius:10px}.ra-bar-row i.purple{background:#8270e8}.ra-bar-row b{font-size:10px;color:#556277}.ra-monthly-card{grid-column:1/-1;padding:17px 20px}.ra-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.ra-card-head h2,.ra-card-head h3,.ra-list-toolbar h2,.ra-detail-card h2{margin:0;font-size:15px;color:#17213d}.ra-card-head span,.ra-list-toolbar span{display:block;color:#8a95a6;font-size:10px;margin-top:4px}.ra-card-head a{color:#0797eb;text-decoration:none;font-size:10px;font-weight:800}.ra-mini-bars{height:50px;display:flex;align-items:end;gap:22px;margin-top:10px}.ra-mini-bars i{width:22%;max-width:160px;background:linear-gradient(180deg,#7ed3f7,#18a4ef);border-radius:6px 6px 2px 2px}.ra-mini-bars i:nth-child(2){background:#ffab4a}.ra-mini-bars i:nth-child(3){background:#65c9f2}.ra-mini-bars i:nth-child(4){background:#ffb9bd}.ra-month-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:9px;color:#9ba4b2;margin-top:5px}.ra-recent-card{grid-column:1/-1;overflow:hidden}.ra-recent-card .ra-card-head{padding:18px 20px}.ra-table-wrap{overflow:auto}.ra-table{width:100%;border-collapse:collapse;min-width:760px;font-size:11px}.ra-table th{text-align:left;background:#fbfcfe;color:#8993a4;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:11px 15px;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4}.ra-table td{padding:12px 15px;border-bottom:1px solid #eef1f4;color:#526076}.ra-table tr:last-child td{border-bottom:0}.ra-table small{display:block;color:#a1a9b6;margin-top:3px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra-request-link{color:#078fe5;font-weight:800;text-decoration:underline}.ra-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.ra-status-pending_approval{background:#fff0db;color:#e28a18}.ra-status-approved{background:#e7f7ed;color:#188454}.ra-status-pending_issuance{background:#e4f2ff;color:#177dc1}.ra-status-completed{background:#e3f8ee;color:#148151}.ra-status-rejected{background:#ffe9e9;color:#c12b2b}.ra-view-btn,.ra-primary-btn,.ra-small-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;border-radius:7px;font-weight:750}.ra-view-btn{padding:6px 12px;border:1px solid #0b9df3;color:#078fe5;background:#fff;font-size:10px}.ra-primary-btn{background:#0b9df3;color:#fff;padding:11px 17px;font-size:12px}.ra-actions{display:flex;gap:6px}.ra-small-btn{padding:7px 10px;font-size:10px;color:#fff}.ra-small-btn.success{background:#20a66b}.ra-small-btn.danger{background:#df5555}.ra-small-btn.primary{background:#0b9df3}.ra-empty{text-align:center!important;padding:40px!important;color:#9aa4b2!important}.ra-list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ra-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.ra-filter-row a{padding:7px 11px;border:1px solid var(--ra-border);background:#fff;border-radius:20px;text-decoration:none;color:#768195;font-size:10px;font-weight:700}.ra-filter-row a.active{background:#0b9df3;color:#fff;border-color:#0b9df3}.ra-list-card{overflow:hidden}.ra-form-card{padding:24px}.ra-form-card .ra-card-head{margin-bottom:22px}.ra-form-card h2{margin:0;font-size:20px}.ra-label,.ra-form-card label>span{display:block;font-size:11px;font-weight:800;color:#4e5b70;margin-bottom:8px}.ra-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.ra-type{position:relative;border:1px solid #e1e7ef;border-radius:10px;padding:17px;text-align:center;cursor:pointer}.ra-type input{position:absolute;opacity:0}.ra-type:has(input:checked){border:2px solid #0b9df3;background:#f0f9ff}.ra-type-icon{width:38px;height:38px;margin:0 auto 9px;border-radius:10px;background:#e9f7ff;color:#0b9df3;display:grid;place-items:center;font-weight:900}.ra-type b{font-size:12px}.ra-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ra-form-card input,.ra-form-card textarea{width:100%;padding:12px;border:1px solid #e0e6ed;border-radius:8px;background:#fbfcfe;outline:0;font:inherit;margin-top:6px}.ra-form-card textarea{resize:vertical}.ra-form-card input:focus,.ra-form-card textarea:focus{border-color:#0b9df3;box-shadow:0 0 0 3px rgba(11,157,243,.1)}.ra-form-card .ra-primary-btn{margin-top:5px}.ra-detail-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:15px}.ra-detail-card{padding:22px}.ra-detail-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0f4;padding-bottom:16px;margin-bottom:18px}.ra-eyebrow{font-size:9px;letter-spacing:.12em;color:#8c96a7;font-weight:800}.ra-detail-card h2{font-size:24px;margin-top:5px}.ra-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ra-detail-fields span,.ra-comment>span{display:block;color:#8993a3;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.ra-detail-fields b{display:block;margin-top:4px;font-size:12px}.ra-comment{margin-top:22px;padding-top:17px;border-top:1px solid #edf0f4}.ra-comment p{font-size:12px;line-height:1.6;color:#5e6a7e}.ra-back-link{color:#0b96e8;font-size:11px;font-weight:800;text-decoration:none}.ra-timeline>div{position:relative;padding:0 0 20px 22px;border-left:2px solid #dceffb;margin-left:6px}.ra-timeline>div:last-child{border-left:0}.ra-timeline i{position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:#0b9df3}.ra-timeline strong,.ra-timeline span,.ra-timeline p{display:block}.ra-timeline strong{font-size:11px}.ra-timeline span{font-size:9px;color:#8a95a5;margin-top:3px}.ra-timeline p{font-size:10px;color:#647085;line-height:1.5}.ra-empty-box,.ra-login{background:#fff;border:1px solid var(--ra-border);border-radius:12px;padding:25px}.ra-login{max-width:450px;margin:60px auto}.ra-login h2{margin-top:0}
@media(max-width:1050px){.ra-dashboard-grid{grid-template-columns:1fr 1fr}.ra-hero-card,.ra-current-card,.ra-options-card,.ra-monthly-card,.ra-recent-card{grid-column:auto}.ra-options-card{grid-column:1/-1}.ra-recent-card,.ra-monthly-card{grid-column:1/-1}}
@media(max-width:760px){.ra-app{display:block}.ra-sidebar{position:static;width:100%;min-height:auto;padding:12px}.ra-brand{padding-bottom:14px}.ra-profile{display:none}.ra-nav{flex-direction:row;overflow:auto}.ra-nav a{white-space:nowrap}.ra-signout{display:none}.ra-main{padding:18px 14px}.ra-header{align-items:flex-start}.ra-search,.ra-tool{display:none}.ra-dashboard-grid{grid-template-columns:1fr}.ra-hero-card,.ra-current-card,.ra-options-card,.ra-monthly-card,.ra-recent-card{grid-column:auto}.ra-type-grid{grid-template-columns:1fr 1fr}.ra-form-grid,.ra-detail-grid{grid-template-columns:1fr}.ra-list-toolbar{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:430px){.ra-type-grid{grid-template-columns:1fr}.ra-current-card .ra-metrics{height:auto;grid-template-columns:1fr}.ra-metrics a{border-right:0;border-bottom:1px solid #edf0f4;padding:10px 0}.ra-metrics a:last-child{border-bottom:0}.ra-header h1{font-size:23px}}

/* ===== v2.7.1 - True full-screen app (covers the whole browser window) ===== */
html:has(.ra-app),body:has(.ra-app){margin:0!important;padding:0!important;overflow:hidden!important;height:100%!important;max-width:none!important;width:100%!important}
.ra-app{
  position:fixed!important;top:0;left:0;right:0;bottom:0;
  width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;max-width:none!important;
  z-index:99990;overflow:hidden;display:flex;
  font-size:clamp(14px,.95vw,17px);
}
.admin-bar .ra-app{top:32px;height:calc(100% - 32px)!important}
@media(max-width:782px){.admin-bar .ra-app{top:46px;height:calc(100% - 46px)!important}}

/* Sidebar fills the full height and never scrolls away */
.ra-sidebar{position:relative!important;top:auto!important;height:100%;min-height:0!important;width:clamp(200px,15vw,260px);overflow-y:auto;flex:none}
.ra-brand strong{font-size:clamp(11px,.8vw,13px)}
.ra-brand span{font-size:clamp(9px,.65vw,11px)}
.ra-profile strong{font-size:clamp(12px,.9vw,15px)}
.ra-profile span{font-size:clamp(10px,.75vw,12px)}
.ra-nav a,.ra-signout{font-size:clamp(13px,.95vw,16px);padding:13px 12px}

/* Main area scrolls on its own and uses the whole width */
.ra-main{flex:1 1 0;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:clamp(18px,2.2vw,40px) clamp(16px,2.6vw,52px) 60px;-webkit-overflow-scrolling:touch}
.ra-main>*{max-width:none}
.ra-header h1{font-size:clamp(24px,2.2vw,34px)}
.ra-welcome{font-size:clamp(10px,.75vw,12px)}
.ra-search{width:clamp(200px,22vw,360px);font-size:clamp(12px,.9vw,14px)}

/* Readable text sizes on big screens */
.ra-current-card h3,.ra-options-card h3,.ra-gauge-card h3,.ra-consumption-card h3{font-size:clamp(14px,1vw,17px)}
.ra-card-head h2,.ra-card-head h3,.ra-list-toolbar h2{font-size:clamp(16px,1.15vw,20px)}
.ra-card-head span,.ra-list-toolbar span,.ra-card-head a{font-size:clamp(11px,.8vw,13px)}
.ra-hero-card strong{font-size:clamp(32px,2.8vw,46px)}
.ra-hero-card span,.ra-hero-card p{font-size:clamp(12px,.9vw,15px)}
.ra-metrics{height:auto;min-height:92px}
.ra-metrics b{font-size:clamp(24px,2.2vw,36px)}
.ra-metrics span{font-size:clamp(11px,.8vw,13px)}
.ra-option-btn{height:clamp(43px,3.2vw,52px);font-size:clamp(12px,.9vw,15px)}
.ra-option-link{font-size:clamp(11px,.8vw,13px)}
.ra-gauge{width:clamp(116px,9vw,150px);height:clamp(116px,9vw,150px)}
.ra-gauge strong{font-size:clamp(22px,1.8vw,28px)}
.ra-gauge span,.ra-gauge-card small,.ra-bar-row,.ra-month-labels{font-size:clamp(10px,.75vw,12px)}
.ra-bar-row{grid-template-columns:clamp(72px,7vw,110px) 1fr 24px}
.ra-bar-row b{font-size:clamp(11px,.85vw,13px)}
.ra-table{font-size:clamp(12px,.9vw,14px);min-width:0;width:100%}
.ra-table th{font-size:clamp(10px,.75vw,12px);padding:13px 16px}
.ra-table td{padding:14px 16px}
.ra-pill{font-size:clamp(10px,.75vw,12px);padding:6px 11px}
.ra-view-btn,.ra-small-btn{font-size:clamp(11px,.8vw,13px)}
.ra-primary-btn{font-size:clamp(12px,.9vw,15px);padding:12px 20px}
.ra-filter-row a{font-size:clamp(11px,.8vw,13px);padding:8px 14px}
.ra-label,.ra-form-card label>span{font-size:clamp(12px,.85vw,14px)}
.ra-form-card input,.ra-form-card textarea{font-size:clamp(13px,.95vw,15px)}
.ra-type b{font-size:clamp(13px,.95vw,15px)}
.ra-type-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ra-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ra-detail-fields b{font-size:clamp(13px,.95vw,15px)}
.ra-detail-fields span,.ra-eyebrow{font-size:clamp(10px,.75vw,12px)}
.ra-comment p{font-size:clamp(13px,.95vw,15px)}
.ra-timeline strong{font-size:clamp(12px,.9vw,14px)}
.ra-timeline span,.ra-timeline p{font-size:clamp(11px,.8vw,13px)}

/* Dashboard grid uses all available width */
.ra-dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.45fr) minmax(0,.75fr);gap:clamp(12px,1.2vw,22px)}
.ra-detail-grid{gap:clamp(12px,1.2vw,22px)}
.ra-mini-bars{height:clamp(50px,6vw,90px)}

/* Tablet */
@media(max-width:1050px){
  .ra-sidebar{width:190px}
  .ra-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
/* Mobile: stacked layout, whole screen scrolls inside the app */
@media(max-width:760px){
  .ra-app{display:flex!important;flex-direction:column;font-size:14px}
  .ra-sidebar{width:100%;height:auto;flex:none;overflow:visible;padding:12px}
  .ra-nav{flex-direction:row;overflow-x:auto;gap:6px}
  .ra-nav a{padding:10px 14px;white-space:nowrap}
  .ra-main{flex:1 1 0;height:auto;padding:18px 14px 50px}
  .ra-dashboard-grid{grid-template-columns:1fr}
  .ra-table{min-width:700px}
}

/* v2.7.2 — framed full-size application */
html, body { background:#eaf6ff !important; }
body { margin:0 !important; }

.ra-app{
  width:calc(100vw - 40px) !important;
  max-width:none !important;
  min-height:calc(100vh - 40px) !important;
  margin:20px auto !important;
  border-radius:26px !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(35,91,135,.18) !important;
  isolation:isolate;
}

.ra-sidebar{
  min-height:calc(100vh - 40px) !important;
}

.ra-main{
  min-height:calc(100vh - 40px) !important;
}

/* Keep the rounded application frame clean against WordPress themes. */
.ra-app,
.ra-app .ra-sidebar,
.ra-app .ra-main{
  border-radius:0;
}

@media (max-width: 782px){
  .ra-app{
    width:calc(100vw - 24px) !important;
    min-height:calc(100vh - 24px) !important;
    margin:12px auto !important;
    border-radius:20px !important;
  }
  .ra-sidebar{
    min-height:calc(100vh - 24px) !important;
  }
  .ra-main{
    min-height:calc(100vh - 24px) !important;
  }
}

/* Top-right account dropdown */
.ra-account{position:relative}
.ra-user-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--ra-text);font:inherit}
.ra-user-button:focus-visible{outline:2px solid #0b9df3;outline-offset:4px;border-radius:20px}
.ra-user-name{font-size:12px;font-weight:750;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-user-chevron{font-size:15px;color:#7f8999;line-height:1;transform:translateY(-1px)}
.ra-account-menu{position:absolute;right:0;top:calc(100% + 10px);width:170px;background:#fff;border:1px solid var(--ra-border);border-radius:12px;padding:7px;box-shadow:0 14px 35px rgba(31,52,79,.16);z-index:1000;display:none}
.ra-account.is-open .ra-account-menu{display:block}
.ra-account-menu a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;color:#344258;text-decoration:none;font-size:11px;font-weight:700}
.ra-account-menu a:hover{background:#eef8ff;color:#078fe5}
.ra-account-menu a span{width:18px;text-align:center;font-size:14px}
@media(max-width:760px){.ra-user-name{display:none}.ra-account-menu{right:0}}

/* v2.7.3 — interactive request search and clean header */
.ra-search-form{width:clamp(220px,24vw,360px);height:38px;background:#fff;border:1px solid var(--ra-border);border-radius:22px;display:flex;align-items:center;gap:7px;padding:0 7px 0 13px;box-shadow:0 2px 8px rgba(31,68,105,.025)}
.ra-search-icon{color:#9aa5b5;font-size:17px;line-height:1;flex:none}
.ra-search-input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#42516a;font:inherit;font-size:12px}
.ra-search-input::placeholder{color:#a1aaba}
.ra-search-submit{border:0;background:#0b9df3;color:#fff;border-radius:16px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer;flex:none}
.ra-search-submit:hover{background:#078fe5}
.ra-search-submit:focus-visible{outline:2px solid #0b9df3;outline-offset:2px}
@media(max-width:760px){.ra-search-form{width:100%;max-width:none}.ra-tools{width:100%}.ra-search-submit{display:none}}

/* v2.7.5 — polished login and registration screen */
.ra-auth-page{min-height:calc(100vh - 40px);width:calc(100vw - 40px);margin:20px auto;box-sizing:border-box;border-radius:26px;background:linear-gradient(135deg,#eaf7ff 0%,#f7fbff 52%,#eef8ff 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(35,91,135,.16)}
.ra-auth-page:before,.ra-auth-page:after{content:"";position:absolute;border-radius:50%;background:rgba(11,157,243,.08);pointer-events:none}.ra-auth-page:before{width:420px;height:420px;top:-180px;right:-120px}.ra-auth-page:after{width:330px;height:330px;bottom:-170px;left:-120px}
.ra-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;z-index:1;color:#142452}.ra-auth-brand strong{display:block;font-size:15px;letter-spacing:.08em}.ra-auth-brand span{display:block;font-size:9px;color:#0b9df3;font-weight:800;letter-spacing:.18em;margin-top:2px}.ra-auth-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1a2460,#0096ff);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(0,150,255,.25)}
.ra-auth-card{width:min(100%,960px);background:#fff;border:1px solid rgba(213,226,238,.9);border-radius:24px;box-shadow:0 22px 60px rgba(36,71,105,.14);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;z-index:1}.ra-auth-hero{padding:48px;background:linear-gradient(160deg,#142452,#1a2460 58%,#0096ff);color:#fff;display:flex;flex-direction:column;justify-content:center}.ra-auth-hero .ra-eyebrow{color:#9fdcff}.ra-auth-hero h1{font-size:34px;line-height:1.1;margin:14px 0 12px;letter-spacing:-.03em}.ra-auth-hero p{margin:0;color:#d9ecff;line-height:1.7;font-size:13px;max-width:390px}.ra-auth-card>div:nth-child(2){padding:34px 40px}.ra-auth-tabs{display:flex;gap:8px;border-bottom:1px solid #e8eef5;margin-bottom:22px}.ra-auth-tabs button{border:0;background:transparent;padding:11px 4px;margin-right:18px;color:#8a96a8;font-weight:800;font-size:12px;cursor:pointer;position:relative}.ra-auth-tabs button.is-active{color:#142452}.ra-auth-tabs button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:#0096ff}.ra-auth-panel{display:none}.ra-auth-panel.is-active{display:block}.ra-auth-form{display:flex;flex-direction:column;gap:15px}.ra-auth-form label{display:flex;flex-direction:column;gap:7px}.ra-auth-form label>span{font-size:10px;font-weight:800;color:#59677a;text-transform:uppercase;letter-spacing:.06em}.ra-auth-form input[type=text],.ra-auth-form input[type=email],.ra-auth-form input[type=password]{width:100%;box-sizing:border-box;border:1px solid #dfe7ef;border-radius:11px;padding:12px 13px;background:#fbfdff;color:#26364d;font-size:12px;outline:none;transition:.2s}.ra-auth-form input:focus{border-color:#0096ff;box-shadow:0 0 0 3px rgba(0,150,255,.1);background:#fff}.ra-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ra-check{flex-direction:row!important;align-items:center;gap:8px!important}.ra-check input{accent-color:#0096ff}.ra-check span{text-transform:none!important;font-size:11px!important;letter-spacing:0!important;font-weight:600!important;color:#778397!important}.ra-auth-btn{border:0;border-radius:11px;background:linear-gradient(135deg,#1a2460,#0096ff);color:#fff;padding:13px 16px;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 10px 20px rgba(0,150,255,.2);margin-top:3px}.ra-auth-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.ra-auth-btn b{float:right;font-size:16px;line-height:12px}.ra-forgot{display:block;text-align:center;margin-top:16px;color:#078fe5;text-decoration:none;font-size:11px;font-weight:750}.ra-auth-alert{padding:10px 12px;border-radius:10px;margin-bottom:15px;font-size:11px;font-weight:700}.ra-auth-alert.success{background:#eafaf1;color:#16834c}.ra-auth-alert.error{background:#fff0f0;color:#b83a3a}.ra-auth-footer{z-index:1;color:#8b98aa;font-size:10px;margin:18px 0 0}
@media(max-width:820px){.ra-auth-card{grid-template-columns:1fr}.ra-auth-hero{padding:30px}.ra-auth-card>div:nth-child(2){padding:28px}.ra-auth-page{min-height:calc(100vh - 24px);width:calc(100vw - 24px);margin:12px auto;border-radius:20px}.ra-auth-hero h1{font-size:28px}}
@media(max-width:520px){.ra-auth-two{grid-template-columns:1fr}.ra-auth-page{padding:28px 14px}.ra-auth-card>div:nth-child(2){padding:24px 20px}.ra-auth-hero{padding:26px 22px}.ra-auth-brand{margin-bottom:16px}}

/* v2.7.6 — Login/Register matches the framed dashboard */
html:has(.ra-auth-page), body:has(.ra-auth-page){margin:0!important;padding:0!important;background:#eaf6ff!important;max-width:none!important;width:100%!important;min-height:100%!important}
.ra-auth-page{
  position:fixed!important;
  inset:20px!important;
  width:auto!important;
  min-height:0!important;
  height:calc(100vh - 40px)!important;
  margin:0!important;
  padding:28px!important;
  border-radius:22px!important;
  background:#f8fbfe!important;
  box-shadow:0 18px 50px rgba(39,73,112,.14)!important;
  border:1px solid #dfeaf3!important;
  overflow:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.ra-auth-page:before{width:420px;height:420px;top:-220px;right:-160px;background:rgba(11,157,243,.055)!important}
.ra-auth-page:after{width:360px;height:360px;bottom:-200px;left:-170px;background:rgba(23,37,95,.045)!important}
.ra-auth-brand{position:absolute!important;top:28px!important;left:32px!important;margin:0!important;z-index:3!important}
.ra-auth-logo{width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(135deg,#0b9df3,#17255f)!important}
.ra-auth-card{
  width:min(100%,1040px)!important;
  min-height:560px!important;
  grid-template-columns:1fr 1fr!important;
  border-radius:16px!important;
  border:1px solid #e1e9f1!important;
  box-shadow:0 10px 30px rgba(31,68,105,.08)!important;
  margin:20px auto!important;
}
.ra-auth-hero{
  padding:54px!important;
  background:linear-gradient(160deg,#079ef4 0%,#078fe0 58%,#17255f 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
.ra-auth-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;bottom:-130px;background:rgba(255,255,255,.10)}
.ra-auth-hero h1{font-size:clamp(30px,3vw,42px)!important}
.ra-auth-card>div:nth-child(2){padding:48px 54px!important;background:#fff!important}
.ra-auth-tabs{margin-bottom:28px!important}
.ra-auth-tabs button{font-size:13px!important;padding:12px 4px!important}
.ra-auth-form{gap:17px!important}
.ra-auth-form input[type=text],.ra-auth-form input[type=email],.ra-auth-form input[type=password]{min-height:46px!important;border-radius:9px!important;font-size:13px!important}
.ra-auth-btn{min-height:46px!important;border-radius:9px!important;font-size:13px!important;background:linear-gradient(135deg,#0b9df3,#078fe0)!important}
.ra-auth-footer{position:absolute!important;bottom:14px!important;left:0!important;right:0!important;text-align:center!important;margin:0!important}
@media(max-width:820px){
 .ra-auth-page{inset:12px!important;height:calc(100vh - 24px)!important;padding:18px!important;border-radius:18px!important}
 .ra-auth-brand{top:18px!important;left:22px!important}
 .ra-auth-card{grid-template-columns:1fr!important;min-height:auto!important;width:min(100%,620px)!important;margin:58px auto 34px!important}
 .ra-auth-hero{padding:34px!important}
 .ra-auth-card>div:nth-child(2){padding:32px!important}
}
@media(max-width:520px){
 .ra-auth-page{inset:8px!important;height:calc(100vh - 16px)!important;padding:12px!important;border-radius:15px!important}
 .ra-auth-brand{top:14px!important;left:16px!important}
 .ra-auth-brand strong{font-size:12px!important}
 .ra-auth-card{margin-top:58px!important;border-radius:13px!important}
 .ra-auth-hero{padding:28px 24px!important}
 .ra-auth-card>div:nth-child(2){padding:24px 20px!important}
 .ra-auth-two{grid-template-columns:1fr!important}
 .ra-auth-footer{font-size:9px!important}
}

/* v2.7.7 — Login/Register uses the exact same framed size + rounded corners as the dashboard */
html:has(.ra-auth-page),body:has(.ra-auth-page){overflow:hidden!important;height:100%!important;background:#eaf6ff!important}
.ra-auth-page{
  position:fixed!important;
  top:20px!important;right:20px!important;bottom:20px!important;left:20px!important;
  inset:20px!important;
  width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;
  margin:0!important;
  border-radius:26px!important;
  border:0!important;
  box-shadow:0 18px 50px rgba(35,91,135,.18)!important;
  overflow:hidden auto!important;
  isolation:isolate;
  z-index:99990;
  padding:clamp(20px,3vw,48px)!important;
  box-sizing:border-box!important;
}
.admin-bar .ra-auth-page{top:52px!important;inset-block-start:52px!important}
@media(max-width:782px){.admin-bar .ra-auth-page{top:66px!important;inset-block-start:66px!important}}

/* Card fills the frame like the dashboard content does */
.ra-auth-card{
  width:min(100%,1400px)!important;
  min-height:min(680px,calc(100% - 80px))!important;
  border-radius:20px!important;
  margin:0 auto!important;
}
.ra-auth-hero{padding:clamp(34px,4.5vw,76px)!important}
.ra-auth-hero h1{font-size:clamp(32px,3.4vw,52px)!important}
.ra-auth-hero p{font-size:clamp(14px,1.05vw,17px)!important;max-width:480px!important}
.ra-auth-card>div:nth-child(2){padding:clamp(32px,4vw,72px)!important;display:flex;flex-direction:column;justify-content:center}
.ra-auth-brand strong{font-size:clamp(13px,.95vw,16px)!important}
.ra-auth-tabs button{font-size:clamp(13px,.95vw,16px)!important}
.ra-auth-form label>span{font-size:clamp(11px,.8vw,13px)!important}
.ra-auth-form input[type=text],.ra-auth-form input[type=email],.ra-auth-form input[type=password]{min-height:clamp(46px,3.2vw,54px)!important;font-size:clamp(13px,.95vw,16px)!important;border-radius:11px!important}
.ra-auth-btn{min-height:clamp(46px,3.2vw,54px)!important;font-size:clamp(13px,.95vw,16px)!important;border-radius:11px!important}

@media(max-width:820px){
  .ra-auth-page{top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;inset:12px!important;border-radius:20px!important;padding:18px!important}
  .admin-bar .ra-auth-page{top:58px!important}
  .ra-auth-card{width:min(100%,640px)!important;min-height:0!important;margin:56px auto 30px!important;border-radius:16px!important}
}
@media(max-width:520px){
  .ra-auth-page{top:8px!important;right:8px!important;bottom:8px!important;left:8px!important;inset:8px!important;border-radius:16px!important;padding:12px!important}
  .ra-auth-card{margin-top:54px!important;border-radius:14px!important}
}

/* v2.7.8 — Login recreated from the supplied reference design */
html:has(.ra-auth-page), body:has(.ra-auth-page){
  margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;
  background:linear-gradient(180deg,#075f9d 0%,#064f86 100%)!important;
  overflow:hidden!important;
}
.ra-auth-page{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:hidden!important;
}
.ra-auth-page:before,.ra-auth-page:after{display:none!important}
.ra-auth-brand{display:none!important}
.ra-auth-card{
  position:relative!important;
  width:min(88vw,1180px)!important;height:min(78vh,650px)!important;
  min-height:560px!important;margin:0!important;
  display:grid!important;grid-template-columns:46% 54%!important;
  background:#fff!important;border:0!important;border-radius:20px!important;
  box-shadow:0 22px 45px rgba(0,34,67,.30)!important;
  overflow:hidden!important;
}
.ra-auth-hero{
  position:relative!important;overflow:hidden!important;
  padding:70px 72px!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
  background:linear-gradient(145deg,#079cf1 0%,#0787d9 55%,#075b9f 100%)!important;
  color:#fff!important;
}
.ra-auth-hero:after{
  content:""!important;position:absolute!important;z-index:2!important;
  width:260px!important;height:760px!important;right:-190px!important;top:-55px!important;
  border-radius:50%!important;background:#fff!important;
}
.ra-auth-hero:before{
  content:""!important;position:absolute!important;z-index:1!important;
  width:270px!important;height:270px!important;left:-150px!important;bottom:-145px!important;
  border-radius:50%!important;background:linear-gradient(145deg,#0b9ef4,#0762a9)!important;
  box-shadow:0 -25px 0 rgba(255,255,255,.04)!important;
}
.ra-auth-hero-copy{position:relative!important;z-index:5!important;max-width:390px!important;margin-top:38px!important}
.ra-auth-hero .ra-eyebrow{
  display:block!important;color:#fff!important;font-size:11px!important;
  letter-spacing:.18em!important;font-weight:800!important;margin-bottom:18px!important;
}
.ra-auth-hero h1{
  margin:0!important;font-size:clamp(38px,4vw,58px)!important;
  line-height:1!important;letter-spacing:.02em!important;font-weight:800!important;color:#fff!important;
}
.ra-auth-hero h2{
  margin:12px 0 18px!important;font-size:16px!important;letter-spacing:.16em!important;
  font-weight:800!important;color:#fff!important;
}
.ra-auth-hero p{
  margin:0!important;max-width:320px!important;font-size:11px!important;
  line-height:1.7!important;color:rgba(255,255,255,.82)!important;
}
.ra-auth-orb{position:absolute!important;border-radius:50%!important;z-index:3!important}
.ra-auth-orb-one{
  width:170px!important;height:170px!important;left:31%!important;bottom:22px!important;
  background:linear-gradient(145deg,#079cf1,#0865ac)!important;
  box-shadow:0 12px 28px rgba(0,48,94,.18)!important;
}
.ra-auth-orb-two{
  width:230px!important;height:230px!important;left:-130px!important;bottom:-95px!important;
  background:linear-gradient(145deg,#078fe5,#075b9c)!important;
}
.ra-auth-content{
  min-width:0!important;padding:62px 74px!important;background:#fff!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.ra-auth-alert{
  position:absolute!important;z-index:20!important;right:54px!important;top:30px!important;
  width:min(42%,430px)!important;margin:0!important;
}
.ra-auth-panel{display:none!important}
.ra-auth-panel.is-active{display:block!important}
.ra-auth-heading{margin-bottom:22px!important}
.ra-auth-heading h1{
  margin:0 0 7px!important;color:#202020!important;font-size:34px!important;
  line-height:1.1!important;font-weight:700!important;letter-spacing:.01em!important;
}
.ra-auth-heading p{margin:0!important;color:#8c8c8c!important;font-size:10px!important}
.ra-auth-form{gap:14px!important}
.ra-auth-form label{gap:6px!important}
.ra-auth-form label>span{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.ra-auth-form input[type=text],.ra-auth-form input[type=email],.ra-auth-form input[type=password]{
  min-height:44px!important;border:0!important;border-radius:8px!important;
  background:#f2f2f2!important;color:#333!important;padding:12px 14px 12px 40px!important;
  font-size:11px!important;box-shadow:none!important;
}
.ra-auth-form input::placeholder{color:#999!important}
.ra-auth-form input:focus{
  background:#eee!important;border:0!important;box-shadow:0 0 0 2px rgba(9,126,205,.16)!important;
}
.ra-auth-form label:nth-child(1) input{
  background-color:#f2f2f2!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c.7-4 3-6 7-6s6.3 2 7 6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:14px center!important;
}
.ra-auth-form label:nth-child(2) input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.8'%3E%3Crect x='5' y='10' width='14' height='10' rx='1.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:14px center!important;
}
.ra-auth-options{display:flex!important;align-items:center!important;justify-content:space-between!important}
.ra-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important}
.ra-check input{width:12px!important;height:12px!important;margin:0!important;accent-color:#0a70ae!important}
.ra-check span{
  position:static!important;width:auto!important;height:auto!important;clip:auto!important;
  overflow:visible!important;margin:0!important;font-size:9px!important;color:#666!important;font-weight:500!important;
}
.ra-forgot{display:inline-block!important;margin:0!important;color:#4d6b80!important;font-size:9px!important;font-weight:600!important;text-decoration:none!important}
.ra-auth-btn{
  width:100%!important;min-height:43px!important;margin-top:2px!important;
  border-radius:7px!important;background:#07538d!important;color:#fff!important;
  padding:12px 16px!important;font-size:12px!important;font-weight:700!important;
  box-shadow:none!important;transition:.18s ease!important;
}
.ra-auth-btn:hover{background:#063f6c!important;transform:none!important}
.ra-auth-btn b{display:none!important}
.ra-auth-or{display:flex!important;align-items:center!important;gap:9px!important;margin:9px 0!important;color:#9a9a9a!important;font-size:9px!important}
.ra-auth-or:before,.ra-auth-or:after{content:""!important;flex:1!important;height:1px!important;background:#d8d8d8!important}
.ra-auth-other{
  width:100%!important;height:43px!important;border:1px solid #202020!important;border-radius:7px!important;
  background:#fff!important;color:#202020!important;font-size:11px!important;letter-spacing:.03em!important;
  cursor:not-allowed!important;
}
.ra-auth-switch{
  margin:25px 0 0!important;text-align:center!important;color:#777!important;font-size:9px!important;
}
.ra-auth-switch button{
  border:0!important;background:transparent!important;padding:0!important;color:#236b91!important;
  font-size:9px!important;font-weight:700!important;cursor:pointer!important;
}
.ra-auth-footer{position:absolute!important;bottom:12px!important;left:0!important;right:0!important;
  margin:0!important;text-align:center!important;color:rgba(255,255,255,.6)!important;font-size:9px!important;z-index:5!important}
.ra-auth-two{gap:10px!important}
@media(max-width:820px){
  .ra-auth-card{width:92vw!important;height:auto!important;min-height:0!important;grid-template-columns:1fr!important;border-radius:18px!important}
  .ra-auth-hero{min-height:250px!important;padding:34px 38px!important}
  .ra-auth-hero:after{display:none!important}
  .ra-auth-hero-copy{margin-top:0!important}
  .ra-auth-orb-one{width:130px!important;height:130px!important;right:30px!important;left:auto!important;bottom:-55px!important}
  .ra-auth-content{padding:38px!important}
  .ra-auth-alert{right:25px!important;top:25px!important;width:calc(100% - 50px)!important}
  .ra-auth-footer{display:none!important}
}
@media(max-width:520px){
  .ra-auth-page{inset:0!important}
  .ra-auth-card{width:94vw!important}
  .ra-auth-hero{min-height:210px!important;padding:28px!important}
  .ra-auth-hero h1{font-size:38px!important}
  .ra-auth-content{padding:30px 24px!important}
  .ra-auth-heading h1{font-size:30px!important}
  .ra-auth-two{grid-template-columns:1fr!important}
}

/* v2.7.9 — Branded login, clean WordPress chrome, and smooth Login/Register transition */
body.ra-auth-screen{
  background:#064f86!important;
  margin:0!important;
  padding:0!important;
  min-height:100vh!important;
}
body.ra-auth-screen #wpadminbar,
body.ra-auth-screen .site-header,
body.ra-auth-screen .site-footer,
body.ra-auth-screen header:not(.ra-auth-header),
body.ra-auth-screen footer:not(.ra-auth-footer),
body.ra-auth-screen .page-header,
body.ra-auth-screen .entry-header,
body.ra-auth-screen .entry-footer,
body.ra-auth-screen .breadcrumbs,
body.ra-auth-screen .breadcrumb,
body.ra-auth-screen .site-breadcrumbs,
body.ra-auth-screen .wp-block-template-part{
  display:none!important;
}
body.ra-auth-screen .site,
body.ra-auth-screen .site-content,
body.ra-auth-screen .content-area,
body.ra-auth-screen main,
body.ra-auth-screen article,
body.ra-auth-screen .entry-content{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  background:transparent!important;
}
.ra-auth-hero-copy{
  width:100%!important;
}
.ra-auth-logo-image{
  display:block!important;
  width:min(100%,360px)!important;
  height:auto!important;
  max-height:105px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 48px!important;
  filter:none!important;
}
.ra-auth-hero-copy h1{
  margin-top:0!important;
}
.ra-auth-content{
  position:relative!important;
  overflow:hidden!important;
}
.ra-auth-panel{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(28px)!important;
  pointer-events:none!important;
  transition:opacity .34s ease, transform .34s ease, visibility 0s linear .34s!important;
}
.ra-auth-panel.is-active{
  position:relative!important;
  inset:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
  pointer-events:auto!important;
  transition:opacity .34s ease, transform .34s ease, visibility 0s linear 0s!important;
}
.ra-auth-other.ra-auth-register-btn{
  cursor:pointer!important;
  border-color:#07538d!important;
  color:#07538d!important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.ra-auth-other.ra-auth-register-btn:hover{
  background:#07538d!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(7,83,141,.18)!important;
}
@media(max-width:820px){
  .ra-auth-logo-image{
    width:min(100%,300px)!important;
    max-height:82px!important;
    margin-bottom:28px!important;
  }
}
@media(max-width:520px){
  .ra-auth-logo-image{
    width:min(100%,250px)!important;
    max-height:68px!important;
    margin-bottom:24px!important;
  }
}


/* v2.8.0 — Login is the complete front-end screen; WordPress chrome is fully covered */
html.ra-auth-screen, body.ra-auth-screen{
  background:#064f86!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
}
body.ra-auth-screen .ra-auth-page{
  position:fixed!important;
  inset:20px!important;
  z-index:2147483000!important;
  width:auto!important;
  height:calc(100vh - 40px)!important;
  min-height:0!important;
  margin:0!important;
  isolation:isolate!important;
}
/* Cover every theme/header/footer layer so no WordPress text can appear around the app. */
body.ra-auth-screen #wpadminbar,
body.ra-auth-screen .site-header,
body.ra-auth-screen .site-footer,
body.ra-auth-screen header,
body.ra-auth-screen footer,
body.ra-auth-screen .page-header,
body.ra-auth-screen .entry-header,
body.ra-auth-screen .entry-footer,
body.ra-auth-screen .breadcrumbs,
body.ra-auth-screen .breadcrumb,
body.ra-auth-screen .site-breadcrumbs,
body.ra-auth-screen .wp-block-template-part,
body.ra-auth-screen .elementor-location-header,
body.ra-auth-screen .elementor-location-footer,
body.ra-auth-screen .elementor-location-single,
body.ra-auth-screen .elementor-location-archive{
  display:none!important;
  visibility:hidden!important;
}
body.ra-auth-screen .site,
body.ra-auth-screen .site-content,
body.ra-auth-screen .content-area,
body.ra-auth-screen main,
body.ra-auth-screen article,
body.ra-auth-screen .entry-content{
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
  min-height:100vh!important;
}
body.ra-auth-screen .ra-auth-page .ra-auth-card{position:relative;z-index:2}
/* Smooth, balanced crossfade/slide between Sign In and Register */
.ra-auth-content{position:relative!important;overflow:hidden!important;min-height:440px!important}
.ra-auth-panel{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(42px,0,0) scale(.985)!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
  transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease,visibility 0s linear .42s!important;
}
.ra-auth-panel.is-active{
  position:relative!important;
  inset:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
  pointer-events:auto!important;
  transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease,visibility 0s linear 0s!important;
}
.ra-auth-switch button,.ra-auth-other.ra-auth-register-btn{transition:all .2s ease!important}
@media(max-width:820px){
  body.ra-auth-screen .ra-auth-page{inset:12px!important;height:calc(100vh - 24px)!important}
  .ra-auth-content{min-height:500px!important}
}
@media(max-width:520px){
  body.ra-auth-screen .ra-auth-page{inset:8px!important;height:calc(100vh - 16px)!important}
  .ra-auth-content{min-height:560px!important}
}


/* v2.8.2 — completely suppress WordPress/theme text around the public login screen */
html.ra-auth-screen, body.ra-auth-screen {
  background:#f8fbfe !important;
}
body.ra-auth-screen .ra-auth-page {
  isolation:isolate !important;
}
/* Full-viewport background mask behind the Radical Abundance login frame.
   This prevents any theme footer, copyright, credits, or page text from showing
   through the spacing around the application. */
body.ra-auth-screen .ra-auth-page::before {
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background:#f8fbfe !important;
  z-index:-10 !important;
  pointer-events:none !important;
}
/* Hide common WordPress/theme chrome and generated credits even when their
   class names differ between themes/builders. */
body.ra-auth-screen .wp-block-site-title,
body.ra-auth-screen .wp-block-site-logo,
body.ra-auth-screen .wp-block-navigation,
body.ra-auth-screen .wp-block-post-title,
body.ra-auth-screen .wp-block-post-content + *,
body.ra-auth-screen .powered-by,
body.ra-auth-screen .site-info,
body.ra-auth-screen .copyright,
body.ra-auth-screen [class*="copyright"],
body.ra-auth-screen [id*="copyright"],
body.ra-auth-screen [class*="footer"],
body.ra-auth-screen [id*="footer"],
body.ra-auth-screen [class*="credit"],
body.ra-auth-screen [id*="credit"] {
  display:none !important;
  visibility:hidden !important;
}
@media(max-width:820px){
  body.ra-auth-screen .ra-auth-page::before{inset:0!important}
}

/* v2.8.4 — dashboard clickable stat/request popups */
.ra-metrics-four{grid-template-columns:repeat(4,1fr)!important}
.ra-stat-link{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;text-decoration:none!important;cursor:pointer;border-radius:12px;padding:10px 12px!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.ra-stat-link:hover{background:#f4f9fd;transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,68,105,.08)}
.ra-stat-link:focus-visible{outline:2px solid #0b9df3;outline-offset:2px}
.ra-stat-link b.green{color:#19a56a}
.ra-click-card>a{display:block;text-decoration:none;color:inherit;height:100%;cursor:pointer}
.ra-click-card>a:hover h3{color:#078fe5}
.ra-type-click{display:flex!important;align-items:center;text-decoration:none!important;color:inherit;cursor:pointer;border-radius:9px;padding:5px 6px;margin:0 -6px;transition:.16s ease}
.ra-type-click:hover{background:#f4f9fd;transform:translateX(2px)}
.ra-type-click:focus-visible{outline:2px solid #0b9df3;outline-offset:2px}
.ra-dashboard-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:28px}
.ra-dashboard-modal.is-open{display:flex;animation:raModalIn .18s ease-out}
.ra-modal-backdrop{position:absolute;inset:0;background:rgba(11,31,58,.45);backdrop-filter:blur(5px)}
.ra-modal-panel{position:relative;width:min(860px,100%);max-height:min(78vh,760px);background:#fff;border:1px solid #e2ebf3;border-radius:20px;box-shadow:0 28px 80px rgba(20,52,84,.25);overflow:hidden;display:flex;flex-direction:column;animation:raModalPanelIn .22s ease-out}
.ra-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fff,#fbfdff)}
.ra-modal-head h2{margin:5px 0 4px;font-size:23px;color:#15213f;letter-spacing:-.03em}
.ra-modal-head>div>span:last-child{font-size:11px;color:#8994a7}
.ra-modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef7fd;color:#51647b;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.ra-modal-close:hover{background:#dff1fc;color:#078fe5}
.ra-modal-body{overflow:auto;padding:10px 14px 18px}
.ra-modal-request{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 12px;border-radius:13px;text-decoration:none;color:inherit;border-bottom:1px solid #f0f3f6;transition:.15s ease}
.ra-modal-request:last-child{border-bottom:0}
.ra-modal-request:hover{background:#f6fbff;transform:translateX(2px)}
.ra-modal-request:focus-visible{outline:2px solid #0b9df3;outline-offset:-2px}
.ra-modal-request-icon{width:42px;height:42px;border-radius:12px;background:#eaf6ff;color:#078fe5;display:grid;place-items:center;font-weight:900}
.ra-modal-request-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.ra-modal-request-main strong{font-size:12px;color:#087fd0}
.ra-modal-request-main span{font-size:11px;font-weight:700;color:#344258}
.ra-modal-request-main small{font-size:10px;color:#8a96a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ra-modal-request-side{display:flex;align-items:flex-end;flex-direction:column;gap:5px;min-width:135px}
.ra-modal-request-side>span:last-of-type{font-size:10px;color:#8994a7}
.ra-modal-request-side b{font-size:15px;color:#0b9df3}
.ra-modal-empty{padding:45px 20px;text-align:center;color:#8994a7;font-size:12px}
body.ra-modal-open{overflow:hidden!important}
@keyframes raModalIn{from{opacity:0}to{opacity:1}}
@keyframes raModalPanelIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.ra-metrics-four{grid-template-columns:repeat(2,1fr)!important}.ra-modal-request{grid-template-columns:38px minmax(0,1fr)}.ra-modal-request-side{grid-column:2;align-items:flex-start;flex-direction:row;min-width:0;flex-wrap:wrap}.ra-modal-request-side b{margin-left:auto}}
@media(max-width:560px){.ra-dashboard-modal{padding:12px}.ra-modal-panel{max-height:86vh;border-radius:16px}.ra-modal-head{padding:18px}.ra-modal-body{padding:8px}.ra-modal-request{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px 8px}.ra-modal-request-icon{width:36px;height:36px;border-radius:10px}.ra-modal-request-side{grid-column:2}.ra-metrics-four{grid-template-columns:1fr 1fr!important}.ra-stat-link{padding:9px!important}}

/* v2.8.6 — approval workflow chevrons and approver controls */
.ra-detail-workflow{margin-bottom:18px;overflow:auto;padding:2px 0 4px}
.ra-workflow-arrows{display:flex;min-width:760px;align-items:stretch;gap:0}
.ra-workflow-arrow{position:relative;flex:1;min-height:88px;padding:17px 24px 15px 30px;background:#dff2f8;color:#315f6b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%);margin-left:-1px}
.ra-workflow-arrow:first-child{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,0 50%);padding-left:20px}
.ra-workflow-arrow.current{background:#31afd0;color:#fff;z-index:3}
.ra-workflow-arrow.done{background:#16849d;color:#fff}
.ra-workflow-arrow.rejected{background:#d85b68;color:#fff}
.ra-workflow-arrow-icon{font-size:22px;line-height:1;margin-bottom:6px}
.ra-workflow-arrow strong{font-size:10px;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}
.ra-detail-actions{display:flex;gap:9px;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid #edf0f4;flex-wrap:wrap}
.ra-flow-action{border:0;border-radius:9px;padding:12px 17px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.ra-flow-approve{background:#0b96e8;color:#fff;box-shadow:0 7px 16px rgba(11,150,232,.18)}
.ra-flow-approve:hover{background:#0784d0;transform:translateY(-1px)}
.ra-flow-reject{background:#fff1f2;color:#c64250;border:1px solid #ffd4d8}
.ra-flow-reject:hover{background:#ffe7e9}
.ra-admin-settings{padding:18px;margin-bottom:15px}
.ra-admin-settings .ra-card-head{margin-bottom:13px}
.ra-approver-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ra-approver-form select,.ra-inline-approver select{border:1px solid #dce5ee;background:#fff;border-radius:8px;padding:9px 11px;font:inherit;font-size:11px;color:#33445a;min-width:260px}
.ra-inline-approver{display:flex;gap:5px;align-items:center}
.ra-inline-approver select{min-width:150px;max-width:180px;padding:7px 8px}
.ra-mini-save{border:0;border-radius:7px;background:#eef7fd;color:#078fe5;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}
.ra-mini-save:hover{background:#dff1fc}
.ra-actions .ra-small-btn{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:900px){.ra-workflow-arrows{min-width:700px}.ra-inline-approver select{max-width:150px;min-width:120px}}

body.ra-workflow-screen{background:var(--ra-bg)!important;}
body.ra-workflow-screen header,body.ra-workflow-screen footer,body.ra-workflow-screen .site-header,body.ra-workflow-screen .site-footer,body.ra-workflow-screen .elementor-location-header,body.ra-workflow-screen .elementor-location-footer,body.ra-workflow-screen .entry-header,body.ra-workflow-screen .page-header,body.ra-workflow-screen .breadcrumbs,body.ra-workflow-screen .breadcrumb,body.ra-workflow-screen .site-info{display:none!important;}
body.ra-workflow-screen .site-content,body.ra-workflow-screen .content-area,body.ra-workflow-screen .site-main,body.ra-workflow-screen .entry-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;}
.ra-brand-logo-image{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.ra-type-link-grid .ra-type{cursor:pointer;position:relative;min-height:120px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ra-type-link-grid .ra-type:hover{transform:translateY(-2px)}.ra-type-link-grid .ra-type input:checked + .ra-type-icon{transform:scale(1.08)}.ra-type-link-grid .ra-type input:checked ~ b{color:#0096ff}.ra-type-link-grid .ra-type small{display:block;font-size:11px;color:#8a93a5;margin-top:5px}.ra-link-input-wrap{margin:18px 0}.ra-link-input-wrap small{display:block;color:#8a93a5;margin-top:6px}.ra-resource-link{display:inline-block;margin-top:12px;font-weight:700;color:#0096ff;text-decoration:none}.ra-chat-card{margin-top:22px;padding:20px;border:1px solid #e7ebf3;border-radius:18px;background:#fff}.ra-chat-head{margin-bottom:14px}.ra-chat-head h3{margin:0 0 4px}.ra-chat-head span{color:#8a93a5;font-size:13px}.ra-chat-messages{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px 0 14px}.ra-chat-message{max-width:82%;padding:12px 14px;border-radius:14px;background:#f1f4f9}.ra-chat-message.mine{align-self:flex-end;background:#e6f4ff}.ra-chat-message strong{font-size:12px}.ra-chat-message p{margin:4px 0;font-size:14px}.ra-chat-message small{font-size:10px;color:#8a93a5}.ra-chat-empty{color:#8a93a5}.ra-chat-form{display:flex;gap:10px;align-items:flex-end}.ra-chat-form textarea{flex:1;resize:vertical}.ra-chat-form .ra-primary-btn{white-space:nowrap}

/* v2.9.1 — dashboard search, framed rounded app, light-blue translucent background,
   improved request chat, and admin-only User Management. */
html:has(.ra-app),body:has(.ra-app){
  background:rgba(193,229,255,.50)!important;
}
body.ra-workflow-screen{
  background:rgba(193,229,255,.50)!important;
  min-height:100vh!important;
}
.ra-app{
  position:fixed!important;
  top:20px!important;right:20px!important;bottom:20px!important;left:20px!important;
  inset:20px!important;
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(238,248,255,.50)!important;
  box-shadow:0 22px 60px rgba(35,91,135,.20)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ra-sidebar{height:100%!important;min-height:0!important;border-radius:28px 0 0 28px!important;}
.ra-main{
  height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding-bottom:34px!important;background:rgba(248,251,254,.50)!important;
}
.ra-header{position:sticky;top:0;z-index:50;padding-top:2px;background:rgba(248,251,254,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.ra-main:after{content:"";display:block;height:8px;}
.ra-brand-logo-image{width:48px!important;height:48px!important;border-radius:12px!important;background:#fff!important;padding:3px!important;object-fit:contain!important;box-shadow:0 7px 18px rgba(0,58,120,.14)!important;}

/* Dashboard search is always visible on the dashboard itself. */
.ra-dashboard-search-panel{
  margin:0 0 18px;padding:14px 16px;border:1px solid rgba(205,222,235,.85);border-radius:17px;
  background:rgba(255,255,255,.86);box-shadow:0 7px 22px rgba(31,68,105,.055);
}
.ra-dashboard-search-form{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 7px 0 14px;border:1px solid #dfe8f1;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(31,68,105,.035);}
.ra-dashboard-search-icon{font-size:19px;color:#8c9aac;line-height:1;}
.ra-dashboard-search-form input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;font:inherit;font-size:13px;color:#33445a;}
.ra-dashboard-search-form input::placeholder{color:#a3adbb;}
.ra-dashboard-search-form button{border:0;border-radius:10px;background:#0b9df3;color:#fff;padding:9px 16px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease;}
.ra-dashboard-search-form button:hover{background:#0788dc;transform:translateY(-1px);}
.ra-dashboard-search-help{display:block;margin:8px 2px 0;font-size:10px;color:#8b97a8;}

/* Smoother, messenger-style request chat. */
.ra-chat-card{margin-top:22px!important;padding:0!important;border:1px solid #dfe8f1!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(31,68,105,.07)!important;overflow:hidden!important;}
.ra-chat-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:17px 18px!important;border-bottom:1px solid #edf1f5!important;background:linear-gradient(180deg,#fff,#f8fbfe)!important;margin:0!important;}
.ra-chat-title{display:flex;align-items:center;gap:11px;}
.ra-chat-title-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9f6ff;font-size:18px;box-shadow:inset 0 0 0 1px #d7edfb;}
.ra-chat-head h3{margin:0 0 3px!important;font-size:14px!important;color:#17213d!important;}
.ra-chat-head span{font-size:10px!important;color:#8a95a6!important;}
.ra-chat-live{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eefaf5;color:#168454!important;font-size:9px!important;font-weight:800;}
.ra-chat-live i{width:6px;height:6px;border-radius:50%;background:#25b97b;box-shadow:0 0 0 3px rgba(37,185,123,.12);}
.ra-chat-messages{max-height:390px!important;min-height:160px!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:18px!important;background:linear-gradient(180deg,#fbfdff,#f6f9fc)!important;scroll-behavior:smooth;}
.ra-chat-message{max-width:78%!important;padding:9px 12px 10px!important;border-radius:16px 16px 16px 5px!important;background:#fff!important;border:1px solid #e4ebf2!important;box-shadow:0 4px 12px rgba(31,68,105,.045)!important;align-self:flex-start!important;animation:raChatIn .18s ease-out;}
.ra-chat-message.mine{align-self:flex-end!important;background:#e4f4ff!important;border-color:#c7e8fb!important;border-radius:16px 16px 5px 16px!important;}
.ra-chat-bubble-head{display:flex;align-items:center;gap:7px;margin-bottom:5px;min-width:0;}
.ra-chat-avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#0b9df3;color:#fff;font-size:9px;font-weight:900;}
.ra-chat-message.mine .ra-chat-avatar{background:#17255f;}
.ra-chat-bubble-head strong{font-size:10px!important;color:#33445a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ra-chat-bubble-head small{margin-left:auto;font-size:8px!important;color:#99a4b2!important;white-space:nowrap;}
.ra-chat-message p{margin:0!important;font-size:12px!important;line-height:1.55!important;color:#3e4d61!important;overflow-wrap:anywhere;}
.ra-chat-empty{margin:auto!important;text-align:center;color:#9aa5b3!important;font-size:11px!important;}
.ra-chat-form{padding:12px 14px 13px!important;display:block!important;background:#fff!important;border-top:1px solid #edf1f5!important;}
.ra-chat-composer{display:flex;align-items:flex-end;gap:8px;padding:6px 7px 6px 12px;border:1px solid #dce6ef;border-radius:15px;background:#fbfdff;transition:.18s ease;}
.ra-chat-composer:focus-within{border-color:#8ed1f7;box-shadow:0 0 0 3px rgba(11,157,243,.09);background:#fff;}
.ra-chat-composer textarea{flex:1!important;min-height:25px!important;max-height:100px!important;resize:none!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:5px 0!important;margin:0!important;font:inherit!important;font-size:12px!important;line-height:1.4!important;}
.ra-chat-send{width:34px;height:34px;border:0;border-radius:11px;background:#0b9df3;color:#fff;display:grid;place-items:center;font-size:15px;cursor:pointer;box-shadow:0 6px 14px rgba(11,157,243,.20);transition:.18s ease;}
.ra-chat-send:hover{background:#0788dc;transform:translateY(-1px);}
.ra-chat-send:disabled{opacity:.55;cursor:wait;transform:none;}
.ra-chat-status{margin:7px 3px 0;font-size:8px;color:#a0a9b5;min-height:11px;}
@keyframes raChatIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Admin-only User Management. */
.ra-user-management-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.8fr);gap:18px;align-items:start;}
.ra-user-create-card,.ra-user-list-card{padding:18px;overflow:hidden;}
.ra-user-create-form{display:flex;flex-direction:column;gap:15px;}
.ra-user-create-form .ra-form-grid{grid-template-columns:1fr;gap:12px;}
.ra-user-create-form select,.ra-role-form select{width:100%;border:1px solid #dce5ee;background:#fff;border-radius:8px;padding:10px 11px;font:inherit;color:#33445a;}
.ra-role-form{display:flex;align-items:center;gap:6px;min-width:170px;}
.ra-role-form select{min-width:120px;padding:7px 8px;font-size:10px;}
.ra-self-label{font-size:9px;color:#8b97a8;font-weight:800;}
.ra-user-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#168454;font-weight:800;}
.ra-user-status i{width:7px;height:7px;border-radius:50%;background:#25b97b;}
.ra-user-list-card .ra-card-head{padding:2px 2px 16px;}
.ra-user-list-card .ra-table{min-width:900px;}

@media(max-width:1050px){
  .ra-user-management-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .ra-app{position:fixed!important;top:10px!important;right:10px!important;bottom:10px!important;left:10px!important;inset:10px!important;border-radius:20px!important;}
  .ra-sidebar{border-radius:20px 20px 0 0!important;}
  .ra-main{padding:16px 14px 28px!important;}
  .ra-header{position:relative!important;flex-wrap:wrap;padding-top:0;}
  .ra-dashboard-search-panel{margin-bottom:14px;}
  .ra-dashboard-search-form button{padding:8px 11px;}
  .ra-chat-message{max-width:90%!important;}
}
@media(max-width:520px){
  .ra-app{top:7px!important;right:7px!important;bottom:7px!important;left:7px!important;inset:7px!important;border-radius:17px!important;}
  .ra-chat-messages{padding:13px!important;}
  .ra-chat-bubble-head small{display:none;}
  .ra-dashboard-search-form{padding-left:10px;}
  .ra-dashboard-search-form input{font-size:11px;}
}

/* Request title */
.ra-request-title-field{display:block;margin:0 0 20px;padding:18px 20px;background:#f7faff;border:1px solid #dfe8f7;border-radius:16px}.ra-request-title-field span{display:block;font-size:13px;font-weight:700;color:#1a2460;margin-bottom:8px}.ra-request-title-field input{width:100%;box-sizing:border-box;border:1px solid #cfd9eb;border-radius:12px;padding:13px 14px;background:#fff;font-size:15px;outline:none}.ra-request-title-field input:focus{border-color:#0096ff;box-shadow:0 0 0 3px rgba(0,150,255,.12)}.ra-request-detail-title{margin-top:5px;font-size:18px;font-weight:700;color:#1a2460;line-height:1.35}.ra-table td strong{display:inline-block;max-width:280px;white-space:normal;line-height:1.35}


/* v2.10.4 — reliable dashboard/request modals and link-selection UI */
.ra-dashboard-modal{z-index:2147483000!important}
.ra-dashboard-modal .ra-modal-backdrop{z-index:0}
.ra-dashboard-modal .ra-modal-panel{z-index:1}
.ra-link-card{appearance:none;background:#fff;color:inherit;font:inherit;width:100%;}
.ra-link-card.is-selected{border:2px solid #0b9df3!important;background:#f0f9ff;box-shadow:0 8px 24px rgba(11,157,243,.12)}
.ra-link-card.is-selected .ra-type-icon{background:#dff2ff;transform:scale(1.06)}
.ra-link-card-status{min-height:16px}
.ra-selected-link-summary{margin:4px 0 20px;padding:15px 16px;border:1px solid #d9eaf6;border-radius:14px;background:#f7fcff;display:grid;grid-template-columns:1fr 1.5fr auto;gap:14px;align-items:center}
.ra-selected-link-summary[hidden]{display:none}
.ra-selected-link-summary>div{min-width:0}.ra-selected-link-summary span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#8a96a8;margin-bottom:4px}.ra-selected-link-summary strong{font-size:12px;color:#24344c}.ra-selected-link-summary a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#078fe5;font-size:11px;font-weight:700;text-decoration:none}.ra-edit-link-button{border:1px solid #cfe5f5;background:#fff;color:#078fe5;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.ra-edit-link-button:hover{background:#eef8ff}
.ra-link-modal-panel{max-width:560px!important}
.ra-modal-field{display:block;margin-bottom:15px}.ra-modal-field>span{display:block;margin-bottom:7px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#59677a;font-weight:800}.ra-modal-field input,.ra-modal-field select,.ra-modal-field textarea{width:100%;box-sizing:border-box;border:1px solid #dfe7ef;border-radius:10px;background:#fbfdff;padding:12px 13px;font:inherit;font-size:12px;color:#26364d;outline:none}.ra-modal-field input:focus,.ra-modal-field select:focus,.ra-modal-field textarea:focus{border-color:#0b9df3;box-shadow:0 0 0 3px rgba(11,157,243,.1);background:#fff}.ra-modal-help{font-size:10px;color:#8994a7;margin:0 0 15px}.ra-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f5}.ra-detail-edit-row{display:flex;justify-content:flex-end;margin-top:18px}.ra-edit-request-modal .ra-modal-body{padding:20px 24px 24px}
@media(max-width:760px){.ra-selected-link-summary{grid-template-columns:1fr}.ra-edit-link-button{justify-self:start}.ra-link-modal-panel{max-width:100%!important}.ra-edit-request-modal .ra-modal-body{padding:16px}.ra-modal-actions{flex-wrap:wrap}.ra-modal-actions .ra-primary-btn,.ra-modal-actions .ra-small-btn{flex:1}}

/* v2.10.6 - top-right header: notifications bell + My Account dropdown */
.ra-header{align-items:center}
.ra-header .ra-tools{width:auto;flex:1 1 auto;justify-content:flex-end;margin-left:auto;gap:14px}
.ra-header .ra-search-form{width:100%;max-width:360px;flex:0 1 360px}
.ra-notif,.ra-account{position:relative;flex:0 0 auto}
.ra-notif-button{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--ra-border);background:#fff;color:#33445a;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(31,68,105,.05)}
.ra-notif-button:hover,.ra-notif.is-open .ra-notif-button{border-color:#0b9df3;color:#0b9df3}
.ra-notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#d64545;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid #f8fbfe}
.ra-notif-menu{display:none;position:absolute;right:-8px;top:calc(100% + 10px);width:360px;max-width:calc(100vw - 28px);background:#fff;border:1px solid var(--ra-border);border-radius:14px;box-shadow:0 16px 40px rgba(31,52,79,.18);z-index:1000;overflow:hidden}
.ra-notif.is-open .ra-notif-menu{display:block}
.ra-notif-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #edf1f6}
.ra-notif-head strong{font-size:13px;color:#15213f}.ra-notif-head form{margin:0}
.ra-notif-markall{border:0;background:none;color:#078fe5;font-size:11px;font-weight:800;cursor:pointer;padding:0}
.ra-notif-list{max-height:380px;overflow:auto}
.ra-notif-item{display:flex;gap:10px;padding:12px 15px;text-decoration:none;color:#5b6a80;border-bottom:1px solid #f1f4f8;font-size:12px;line-height:1.4}
.ra-notif-item:last-child{border-bottom:0}.ra-notif-item:hover{background:#f4faff}
.ra-notif-item.is-unread{background:#eef8ff;color:#15213f;font-weight:700}
.ra-notif-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;margin-top:5px;background:transparent}.ra-notif-item.is-unread .ra-notif-dot{background:#0b9df3}
.ra-notif-body{display:block;min-width:0}.ra-notif-msg{display:block}.ra-notif-body small{display:block;color:#8a97ab;font-size:10px;font-weight:600;margin-top:3px}
.ra-notif-empty{padding:28px 15px;text-align:center;color:#8a97ab;font-size:12px}
.ra-user-button{gap:10px}
.ra-user-label{display:block;text-align:left;line-height:1.2}
.ra-user-label strong{display:block;font-size:12px;color:#15213f}
.ra-user-label small{display:block;font-size:10px;color:#7f8999;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-account-menu a{color:#b42318}.ra-account-menu a:hover{background:#fdeceb;color:#b42318}
@media(max-width:700px){.ra-header{flex-wrap:nowrap;gap:10px}.ra-header .ra-search-form{display:none}.ra-user-label{display:none}.ra-header .ra-tools{gap:10px}.ra-notif-menu{position:fixed;left:14px;right:14px;top:70px;width:auto}}