/* ELIA_V36_ROLE_UI_START - all rules scoped; no auth/DB change */
.eo36-roleview{
  --eo36-accent:#eac273;--eo36-edge:#345b82;--eo36-text:#f2f7ff;
  --eo36-muted:#a1b7d0;--eo36-card:#092541;--eo36-dark:#061932;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
}
.eo36-school{--eo36-accent:#61d9cf}.eo36-agency{--eo36-accent:#c5a8ff}
.eo36-parent{--eo36-accent:#f3bd82}.eo36-club{--eo36-accent:#ccadff}
.eo36-driver{--eo36-accent:#80c8ff}.eo36-guide{--eo36-accent:#78e0ad}
.eo36-operations{--eo36-accent:#edc16a}.eo36-finance{--eo36-accent:#75dfb7}
.eo36-context{
 display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
 margin:0 0 17px;padding:17px 19px;border:1px solid var(--eo36-edge);border-radius:15px;
 background:linear-gradient(115deg,#0b3153,#06182e);color:var(--eo36-text);
 box-shadow:0 9px 28px #0002;
}
.eo36-context-heading{display:grid;gap:5px;min-width:180px}
.eo36-context-heading span{font-size:9px;letter-spacing:.15em;font-weight:850;color:var(--eo36-accent)}
.eo36-context-heading strong{font-size:14px;font-weight:650;color:var(--eo36-text)}
.eo36-context nav{display:flex;flex-wrap:wrap;gap:7px}
.eo36-context nav a{
 display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;
 color:#f5f8ff;text-decoration:none;font-size:11px;font-weight:750;
 background:#102e4d;border:1px solid #466e97;border-radius:9px;transition:.16s;
}
.eo36-context nav a:hover,.eo36-context nav a:focus-visible{
 border-color:var(--eo36-accent);color:var(--eo36-accent);background:#061a33;
}
/* School, agency, parent, club remain in their original ElitaTur page layout. */
.etx-portal-page.eo36-roleview{width:min(1380px,calc(100% - 24px));margin:17px auto 35px}
.eo36-roleview.etx-portal-page .etx-portal-hero{
 position:relative;overflow:hidden;border:1px solid #47739d;border-radius:20px;
 background:radial-gradient(circle at 88% 28%,color-mix(in srgb,var(--eo36-accent) 12%,transparent),transparent 24%),
 linear-gradient(118deg,#0d385f,#061b34);padding:30px 32px;box-shadow:0 18px 35px #0002;
}
.eo36-roleview.etx-portal-page .etx-portal-hero .eyebrow{color:var(--eo36-accent);font-size:10px;letter-spacing:.13em;font-weight:900}
.eo36-roleview.etx-portal-page .etx-portal-hero h1{color:#fff;font-family:Georgia,serif;font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-.02em}
.eo36-roleview.etx-portal-page .etx-portal-hero p{color:#becde0;max-width:700px;font-size:13px;line-height:1.7}
.eo36-roleview.etx-portal-page .etx-portal-hero aside{border:1px solid #567393;background:#071c36;border-radius:13px;padding:17px}
.eo36-roleview.etx-portal-page .etx-portal-hero aside b{color:var(--eo36-accent)}
.eo36-roleview.etx-portal-page :is(.etx-card,.dashboard-card,.etx-portal-banner){
 background:linear-gradient(135deg,#0a2946,#061931);border:1px solid #365d84;border-radius:15px;
 box-shadow:0 13px 32px #0002;color:#eaf3ff;
}
.eo36-roleview.etx-portal-page :is(.etx-card,.dashboard-card) h2{color:#fff;font-weight:750}
.eo36-roleview.etx-portal-page :is(.etx-stat-row>div,.etx-quick-row>a){
 background:linear-gradient(135deg,#0b2e4e,#071a32);border:1px solid #365c83;border-radius:12px;
 min-width:0;transition:transform .16s,border-color .16s;
}
.eo36-roleview.etx-portal-page .etx-stat-row>div b{color:#fff;font-size:clamp(18px,2vw,29px)}
.eo36-roleview.etx-portal-page :is(.etx-stat-row>div,.etx-quick-row>a):hover{border-color:var(--eo36-accent);transform:translateY(-2px)}
.eo36-roleview.etx-portal-page .etx-quick-row a{color:#eaf2ff;text-decoration:none}
.eo36-roleview.etx-portal-page .etx-quick-row a b{color:#fff}
.eo36-roleview.etx-portal-page :is(input,select,textarea){border-radius:9px;border:1px solid #4a729b;background:#071b32;color:#f4f7ff;min-height:41px}
.eo36-roleview.etx-portal-page :is(input,select,textarea):focus{outline:2px solid var(--eo36-accent);outline-offset:1px}
.eo36-roleview.etx-portal-page .etx-card-head a{color:var(--eo36-accent)}
.eo36-roleview.etx-portal-page .etx-list-row{border-bottom-color:#2d537b}
.eo36-roleview.etx-portal-page table{max-width:100%}
/* Inner working sections: preserve their route-specific nav and all forms */
.eo36-roleview.eo36-subportal{--eo36-edge:#365d83;gap:16px}
.eo36-subportal .portal-sidebar{border:1px solid #41668f;border-radius:14px;background:#071d37;overflow:hidden}
.eo36-subportal .portal-sidebar a[aria-current="page"]{color:var(--eo36-accent);background:#123b60}
.eo36-subportal .portal-main{min-width:0}
.eo36-subportal :is(.portal-hero,.dashboard-card){background:#0a2948;border:1px solid #365e86;border-radius:14px;color:#eff6ff}
.eo36-subportal .portal-hero .eyebrow{color:var(--eo36-accent)}
.eo36-subportal .portal-hero h1{color:#fff}
/* Standalone operation roles - do not introduce a second header/sidebar. */
body:has(.eo36-driver){background:#031326;color:#eef7ff}
body:has(.eo36-guide){background:#031326;color:#eef7ff}
body:has(.eo36-driver) .et-driver-top,body:has(.eo36-guide) .g24-nav{background:#071d36;border-bottom:1px solid #35628d}
.eo36-driver,.eo36-guide{max-width:1390px;margin:0 auto;padding:22px 20px 44px}
.eo36-driver .etop-hero,.eo36-guide .g24-hero{
 border:1px solid #447aa8;border-radius:19px;padding:28px;
 background:radial-gradient(circle at 90% 40%,#16517a77,transparent 34%),linear-gradient(120deg,#0c3456,#071a32);color:#fff;
}
.eo36-driver .etop-hero h1,.eo36-guide .g24-hero h1{color:#fff;font-family:Georgia,serif;font-size:clamp(30px,3.5vw,46px)}
.eo36-driver :is(.etop-stat,.driver27-list,.etop-empty),.eo36-guide :is(.g24-stat,.g24-card){
 background:linear-gradient(130deg,#0b2a49,#071a32);border:1px solid #365d83;border-radius:14px;color:#eff6ff;
}
.eo36-driver :is(.etop-stat,.driver27-list,.etop-empty) :is(h2,strong),.eo36-guide :is(.g24-stat,.g24-card) :is(h2,h3,strong){color:#fff}
.eo36-guide .g24-row{border-bottom-color:#355c83;color:#eaf2ff}
.eo36-driver button,.eo36-guide button{border-radius:9px}
/* Admin layouts remain the original admin. Only content panels receive Orbit design. */
.eo36-admin{padding:20px 22px;background:#061a32;border:1px solid #365e84;border-radius:17px;color:#eef6ff}
.eo36-admin>h1{font-family:Georgia,serif;color:#fff;font-size:clamp(30px,3vw,44px);margin-bottom:18px}
.eo36-admin>.eyebrow{color:var(--eo36-accent);letter-spacing:.15em;font-weight:850}
.eo36-admin .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.eo36-admin .grid .card{border:1px solid #3a648d;border-radius:14px;background:linear-gradient(145deg,#103553,#081d36);padding:19px;color:#f3f8ff}
.eo36-admin .grid .card h3{font-size:12px;font-weight:750;color:#a6bdd4}
.eo36-admin .grid .card strong{color:#fff;font-size:clamp(18px,2vw,27px)}
.eo36-admin .table{width:100%;overflow-x:auto;border:1px solid #385e84;border-radius:13px;background:#081d35;margin-top:16px}
.eo36-admin .table table{width:100%;border-collapse:collapse}
.eo36-admin .table th{background:#0b2c4a;color:var(--eo36-accent);font-size:11px;padding:13px;text-align:left}
.eo36-admin .table td{border-top:1px solid #2b5076;color:#eef6ff;padding:12px;font-size:12px}
.eo36-admin h2{color:#fff;margin:22px 0 12px}
/* Portal catalog / cards: preserve original destinations */
.eo36-hub .eo32-portal-card{border:1px solid #3e658a;border-radius:16px;transition:transform .19s,border-color .19s,box-shadow .19s}
.eo36-hub .eo32-portal-card:hover{transform:translateY(-5px);border-color:#ebbc62;box-shadow:0 24px 40px #0003}
.eo36-hub .eo32-portal-hero{background:radial-gradient(circle at 85% 45%,#1b497777,transparent 33%),linear-gradient(115deg,#0c3153,#061a34)}
/* The older V33 script must not create a duplicate second application sidebar. */
body:has(.eo36-roleview) .eo33-sidebar,body:has(.eo36-roleview) .eo33-appbar,body:has(.eo36-roleview) .eo33-mobile-toggle{display:none!important}
@media(max-width:1100px){.eo36-admin .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 .eo36-context{padding:15px;align-items:stretch;flex-direction:column}
 .eo36-context nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .eo36-context nav a{font-size:11px}
 .eo36-roleview.etx-portal-page .etx-portal-hero{padding:23px 20px}
 .eo36-roleview.etx-portal-page .etx-dashboard-grid{grid-template-columns:1fr}
 .eo36-admin .grid{grid-template-columns:1fr 1fr}
 .eo36-driver,.eo36-guide{padding:14px}
}
@media(max-width:480px){.eo36-admin .grid{grid-template-columns:1fr}.eo36-context nav{grid-template-columns:1fr}}
/* ELIA_V36_ROLE_UI_END */