/* Shared Eagle presentation. Business actions and status semantics remain in their existing routes. */
body.eagle-panel {
  --bg:#030b16; --card:#081625; --card-2:#0c2033; --border:#19394d;
  --text:#e3f2fb; --muted:#9bb6c9; --muted-2:#7393aa;
  --accent:#45d4f6; --accent-dark:#159cc3; --accent-ink:#85e7ff; --accent-soft:#0a2d3d; --accent-rgb:69,212,246;
  --radius:15px; --radius-sm:9px; --shadow:0 12px 32px -22px #000, inset 0 1px #b4eaff06;
  background:#030b16 radial-gradient(ellipse at 50% 0,#10375355,transparent 65%) fixed;
  color:var(--text); font-family:Vazirmatn,Tahoma,sans-serif; font-size:14px; line-height:1.8;
  display:block; padding:0; min-height:100dvh; height:auto;
}
.eagle-panel .shell{width:100%;min-height:100dvh;isolation:isolate}
.eagle-panel .side-rail{width:248px;background:linear-gradient(180deg,#071726,#030d19);border-inline-end:1px solid #23536c;box-shadow:-10px 0 34px -30px #36cfff;backdrop-filter:none;z-index:40}
.ep-brand{display:flex;align-items:center;gap:12px;padding:25px 20px 23px;min-height:120px;text-decoration:none!important;border-bottom:1px solid #214155}
.ep-brand svg{width:61px;height:61px;flex:none;filter:drop-shadow(0 0 14px #42d0ff35)}
.ep-brand>span{display:flex;flex-direction:column;gap:0;min-width:0}
.ep-brand b{font-size:12px;letter-spacing:1.7px;color:#bdecff;white-space:nowrap}
.ep-brand strong{font-size:22px;line-height:1.6;color:#eafbff;font-weight:850}
.ep-brand small{font-size:10px;color:#89a6b9;overflow-wrap:anywhere}
.eagle-panel .rail-links{gap:22px;padding:20px 12px}
.eagle-panel .rail-links a{min-height:43px;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:550;color:#a6bfce;border:1px solid transparent;transform:none}
.eagle-panel .rail-links a svg{width:19px;height:19px;color:#6facc8}
.eagle-panel .rail-links a:hover{background:#12314970;border-color:#21475b;color:#fff;transform:none}
.eagle-panel .rail-links a.active{color:#d8f9ff;border-color:#23637b;background:linear-gradient(90deg,#0b2334,#114256);box-shadow:inset -3px 0 #4cdcff,0 0 18px -12px #2bd3ff}
.eagle-panel .rail-links a.active svg{color:#70e6ff}
.eagle-panel .rail-group-label,.ep-rail-caption{font-size:10px;letter-spacing:.03em;color:#7397ad;font-weight:500;padding:0 12px 8px}
.eagle-panel .rail-module-switch{background:#0b2030;border:1px solid #214253;border-radius:8px;color:#c0dbe9;box-shadow:none;min-height:44px;margin-top:18px}
.eagle-panel .rail-foot{margin-top:auto;border-top:1px solid #153448;background:#04101d}
.eagle-panel .rail-logout{color:#93b6c9;font-size:12px}
.eagle-panel .main-col{min-width:0;min-height:100dvh}
.eagle-panel #topbar,.ep-customer-toolbar{height:62px;min-height:62px;padding:0 28px;background:#05121fed;border-bottom:1px solid #1b4055;box-shadow:none;backdrop-filter:none;gap:14px}
.eagle-panel .tb-chip{font-size:11px;color:#8fafc5}
.eagle-panel .tb-chip strong{color:#d6edf7}
.eagle-panel .tb-time{color:#87acc1;font-size:11px}
.eagle-panel main{width:100%;max-width:1600px;margin:0 auto;padding:26px 28px 60px;min-width:0}
.ep-page-hero{position:relative;isolation:isolate;min-height:180px;display:flex;align-items:center;overflow:hidden;padding:23px 28px;margin:0 0 26px;border:1px solid #27607a;border-radius:16px;background:#061523;box-shadow:0 18px 40px -34px #1dc8ff}
.ep-page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/eagle/command-background.webp') left 28%/cover no-repeat;opacity:.75}
.ep-page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#071929 20%,#071929ef 44%,#07192960 80%,#07192915),linear-gradient(0deg,#04111ec4,transparent 50%)}
.ep-hero-content{max-width:74%;position:relative}
.ep-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#86a9bd;margin-bottom:16px}
.ep-breadcrumb a{color:#a4d9ec;text-decoration:none}
.ep-breadcrumb>span:last-child{color:#88a3b5}
.ep-hero-title{display:flex;gap:16px;align-items:center}
.ep-hero-title>.ec-icon{width:46px;height:46px;padding:10px;border:1px solid #32708a;border-radius:12px;background:#0f3348;box-shadow:0 0 23px -15px #46ddff;color:#6de2ff;flex:none}
.ep-hero-title h1{font-size:clamp(21px,2vw,29px);font-weight:850;margin:0 0 6px;color:#effaff;line-height:1.5}
.ep-hero-title p{font-size:12px;line-height:1.9;color:#a9c5d5;margin:0}
.ep-site-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#83aabe;margin-top:16px}
.ep-site-label i{width:3px;height:3px;border-radius:50%;background:#46c5e9}
.ep-hero-art-label{position:absolute;left:15px;bottom:10px;font-size:9px;color:#a6c4d3aa}
.eagle-panel main>h1{font-size:17px;line-height:1.7;color:#c9e8f6;margin:0 0 15px;padding-inline-start:12px;border-inline-start:2px solid #45d4f6}
.eagle-panel main>h1.ep-repeated-heading{display:none}
.eagle-panel h2{font-size:15px;color:#d7edf7;font-weight:750}
.eagle-panel .subtitle{color:#94b0c4;font-size:12px}
.eagle-panel .card,.eagle-panel .stat-card,.eagle-panel .module-tile,.eagle-panel .box{border:1px solid #214459;background:linear-gradient(135deg,#0b1e30,#071522);border-radius:15px;box-shadow:var(--shadow)}
.eagle-panel .card{padding:22px}
.eagle-panel .card>h2{padding-bottom:12px;border-bottom:1px solid #1b3a4d;margin-bottom:18px}
.eagle-panel .card>h2::before{background:var(--accent);box-shadow:none}
.eagle-panel .grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.eagle-panel .settings-grid{column-gap:20px}
.eagle-panel .stat-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}
.eagle-panel .stat-card{padding:18px;border-top:1px solid #3c8eab}
.eagle-panel .stat-card::after{opacity:.25}
.eagle-panel .stat-card .sval,.eagle-panel .stat-box .num{font-size:31px;color:#e7f9ff}
.eagle-panel .stat-card .slabel{font-size:11px;color:#a3bed0}
.eagle-panel .stat-card .sfoot{font-size:10px;color:#8aaabd}
.eagle-panel .stat-card .sicon{border:1px solid #295570;background:#0c2a3d;color:#61dafc;border-radius:9px}
.eagle-panel .btn,.eagle-panel button.btn{background:linear-gradient(145deg,#54dafa,#20aacf);color:#032030;font-weight:750;border:1px solid #6be4ff66;min-height:42px;padding:9px 17px;border-radius:8px;box-shadow:0 5px 15px -12px #38e0ff;text-shadow:none;font-size:12px}
.eagle-panel .btn:hover{transform:none;filter:brightness(1.1);box-shadow:0 0 20px -10px #38e0ff}
.eagle-panel .btn.secondary{background:#0d283b;color:#bce5f5;border-color:#2a526b;box-shadow:none}
.eagle-panel .btn.danger{background:#411e2a;color:#ffbdc6;border-color:#784053;box-shadow:none}
.eagle-panel .btn.small{min-height:34px;padding:5px 11px;font-size:11px}
.eagle-panel .btn:disabled{opacity:.48;transform:none;cursor:not-allowed}
.eagle-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),.eagle-panel select,.eagle-panel textarea{background:#041421;color:#e0f3ff;border:1px solid #26495f;border-radius:8px;min-height:43px;box-shadow:inset 0 2px 4px #0002;font-size:13px;max-width:100%}
.eagle-panel input::placeholder,.eagle-panel textarea::placeholder{color:#688b9f;opacity:1}
.eagle-panel input:focus,.eagle-panel select:focus,.eagle-panel textarea:focus{border-color:#4bd4f6;box-shadow:0 0 0 3px #45d4f615;outline:none}
.eagle-panel input[type=checkbox],.eagle-panel input[type=radio]{accent-color:#46cbea}
.eagle-panel label{color:#a7c3d3;font-size:12px}
.eagle-panel table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;background:transparent}
.eagle-panel th{background:#102d41;color:#9ed6eb;border-bottom:1px solid #2c5a70;font-weight:650;font-size:11px;padding:14px 12px;white-space:nowrap}
.eagle-panel td{padding:13px 12px;border-bottom:1px solid #163448;color:#c4dce9;vertical-align:middle}
.eagle-panel tbody tr:nth-child(even){background:#0b213333}
.eagle-panel tr:hover td{background:#12324955}
.eagle-panel .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0;padding:0;border:1px solid #1b3e52;border-radius:10px}
.eagle-panel .badge{border-radius:5px;font-size:10px;padding:3px 8px;font-weight:600;white-space:nowrap}
.eagle-panel .badge.active{background:#0f3b32;color:#8febc4;border:1px solid #286450}
.eagle-panel .badge.inactive,.eagle-panel .badge.serious{background:#3a1a28;color:#ffc0cc;border:1px solid #723c51}
.eagle-panel .badge.warning{background:#382c19;color:#f5d59c;border:1px solid #6d552e}
.eagle-panel .empty-state{border:1px dashed #2d5970;background:#071826;color:#a3c5d8;border-radius:14px;padding:40px 20px;text-align:center}
.eagle-panel .flash{border-radius:10px;box-shadow:none;line-height:1.9;overflow-wrap:anywhere}
.eagle-panel .live-wrap{border:1px solid #205670;border-radius:10px;background:#020b12;overflow:hidden}
.eagle-panel .live-status-badge{background:#072336df;color:#bcecf7;border:1px solid #317391}
.eagle-panel .live-status-badge.offline{background:#331d2c;color:#ffbdca;border-color:#80495d}
.eagle-panel .live-tile-foot{background:#0a2133;border-top:1px solid #22516b;padding:12px 16px;color:#baddec}
.eagle-panel .module-tile:hover{border-color:#4194b3;transform:translateY(-2px)}
.eagle-panel .module-tile-label{color:#cfeefa}
.eagle-panel .media-lightbox{background:#01060bed}
.eagle-panel .media-lightbox-close{background:#103448;color:#d2f4ff;border:1px solid #3d7c98}
.ep-skip{position:fixed;top:8px;right:20px;z-index:200;transform:translateY(-160%);background:#55dbfa;color:#032030;padding:10px 20px;border-radius:6px}
.ep-skip:focus{transform:translateY(0)}
.ep-nav-scrim{display:none}
.eagle-panel .rail-toggle{background:#0d3145;border:1px solid #33718d;color:#c9f2ff;border-radius:8px;box-shadow:0 5px 18px #0005}
.eagle-panel .ep-rail-search{display:block;margin:14px 14px 0}
.eagle-panel .ep-rail-search input{width:100%;font-size:11px!important;min-height:36px!important;padding:7px 11px!important;background:#031420!important}
.ep-search-empty{color:#83a9bd;padding:15px;font-size:11px}
.ep-customer-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#819fb3}
.ep-customer-toolbar b{color:#c7eafa;margin-inline-start:7px}
.ep-customer-toolbar a{font-size:11px;color:#a3dae9}
.ep-customer .ep-rail-caption{padding:22px 23px 8px}
.ep-customer .customer-nav{display:flex;flex-direction:column;gap:5px;margin:0;padding:8px 12px;flex-wrap:nowrap;background:none;border:0;border-radius:0}
.ep-customer .customer-nav a{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 13px;font-size:12px;border:1px solid transparent;border-radius:8px;color:#a8c5d6;background:none;text-decoration:none}
.ep-customer .customer-nav a.active{background:linear-gradient(90deg,#092538,#164258);color:#dcf9ff;border-color:#2b6a85;box-shadow:inset -3px 0 #4bd7f8}
.ep-customer .customer-nav a:hover{background:#103249;color:#e8faff}
.ep-customer .customer-nav .ec-icon{width:20px;height:20px;color:#65cdec;flex:none}
.ep-customer .ep-rail-signature{margin-top:auto;padding:35px 25px;color:#72b9d4;border-top:1px solid #183b4f;display:flex;flex-direction:column}
.ep-rail-signature span{font-size:18px;font-weight:800}.ep-rail-signature small{font-size:11px;color:#809db0;margin-top:4px}
.ep-customer .wrap{width:100%;max-width:none;margin:0;min-width:0}
.ep-customer .wrap>.topbar{display:none}
.ep-customer[data-page=customer_profile] .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.ep-customer[data-page=customer_profile] .wrap>.toast-stack{grid-column:1/-1;margin:0}
.ep-customer[data-page=customer_profile] .wrap>.card{margin:0!important}
.ep-customer .live-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.ep-customer .live-wrap img{width:100%;min-height:200px;object-fit:contain;display:block}
.ep-customer .toast-stack{position:static;transform:none;width:auto;margin-bottom:14px}
/* Entry, enrollment and public access screens keep their existing form actions. */
body.eagle-panel.ep-public{display:flex;align-items:center;justify-content:center;min-height:100dvh;height:auto;padding:36px 20px;background:linear-gradient(100deg,#020a14c9,#041220e8),url('../img/eagle/command-background.webp') center/cover fixed}
.ep-public .box{width:min(100%,430px);padding:32px;border-top:2px solid #49c8eb;box-shadow:0 25px 70px #0008}
.ep-public .box .mark{background:linear-gradient(145deg,#55d7f5,#168cb0);box-shadow:0 0 25px -12px #65e4ff}
.ep-public .box button{background:linear-gradient(145deg,#54dafa,#20aacf);color:#032030;border-radius:8px;min-height:44px}
.ep-public .box h1{font-size:22px;color:#e1f4ff}
.ep-public .wrap{width:min(100%,800px);max-width:100%}
.ep-public .box .sub{color:#92b8cb;font-size:12px}
@media(min-width:981px){.eagle-panel .rail-toggle{display:none}.eagle-panel .side-rail{transform:none;visibility:visible}}
@media(max-width:1200px){.eagle-panel .side-rail{width:222px}.ep-brand{padding:22px 14px;gap:9px}.ep-brand svg{width:50px}.ep-brand b{font-size:10px}.eagle-panel main{padding:22px}.ep-hero-content{max-width:85%}}
@media(max-width:980px){
 .eagle-panel .side-rail{display:flex;position:fixed;inset:0 0 0 auto;width:min(290px,86vw);height:100dvh;transform:translateX(105%);visibility:hidden;transition:transform .2s ease,visibility .2s;z-index:80}
 .eagle-panel .side-rail.open{transform:translateX(0);visibility:visible}
 .eagle-panel .rail-toggle{display:flex;position:fixed;right:15px;top:12px;z-index:45;min-height:38px;padding:7px 12px;font-size:11px;align-items:center;gap:7px}
 .eagle-panel #topbar{top:0;padding-inline-start:112px;padding-inline-end:18px;gap:10px}
 .eagle-panel .tb-chip{font-size:10px;gap:5px}.eagle-panel .tb-sep{display:none}.eagle-panel .tb-time{font-size:10px}
 .eagle-panel .ep-nav-scrim.is-open{display:block;position:fixed;inset:0;z-index:70;border:0;background:#010811b8;backdrop-filter:blur(3px);padding:0;width:100%;height:100dvh}
 body.eagle-panel.ep-menu-open{overflow:hidden}
 .ep-customer-toolbar{padding-inline-start:125px;padding-inline-end:16px;font-size:10px}.ep-customer-toolbar a{font-size:10px}
 .ep-customer[data-page=customer_profile] .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .eagle-panel main{padding:16px 12px 35px}.eagle-panel #topbar{height:62px;gap:10px;flex-wrap:nowrap;overflow:hidden}
 .eagle-panel .tb-chip{flex:none;font-size:9px}.eagle-panel .tb-chip:nth-of-type(5),.eagle-panel .tb-time{display:none}
 .ep-page-hero{min-height:178px;padding:19px 17px;margin-bottom:19px;border-radius:12px}
 .ep-page-hero::after{background:linear-gradient(270deg,#071929f5,#071929db 65%,#0719298c)}
 .ep-page-hero::before{background-position:25% 25%}.ep-hero-content{max-width:100%}
 .ep-breadcrumb{font-size:9px;gap:6px;margin-bottom:14px}.ep-hero-title{gap:10px;align-items:flex-start}
 .ep-hero-title>.ec-icon{width:38px;height:38px;padding:8px;border-radius:9px;margin-top:4px}.ep-hero-title h1{font-size:21px}.ep-hero-title p{font-size:10px;line-height:1.9;max-width:265px}
 .ep-site-label{font-size:9px;margin-top:12px}.ep-hero-art-label{font-size:8px;left:9px;bottom:7px}
 .eagle-panel .card{padding:16px;border-radius:12px}.eagle-panel .card>h2{font-size:14px}
 .eagle-panel .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eagle-panel .stat-card{padding:14px}.eagle-panel .stat-card .sval{font-size:25px}
 .eagle-panel .grid{grid-template-columns:minmax(0,1fr);gap:14px}.eagle-panel .settings-grid{column-width:auto;column-count:1}
 .eagle-panel th,.eagle-panel td{padding:11px 9px;font-size:11px}.eagle-panel .table-wrap table{min-width:520px}
 .ep-customer[data-page=customer_profile] .wrap{display:block}.ep-customer[data-page=customer_profile] .wrap>.card{margin-bottom:16px!important}
 .ep-customer-toolbar>span{display:none}.ep-customer-toolbar{justify-content:flex-end}.ep-customer-toolbar a{font-size:10px}
 .ep-public .box{padding:25px 22px}.eagle-panel .btn{min-height:42px}.ep-customer .live-wrap img{min-height:170px}
 .eagle-panel .user-form-layout{min-width:0}.eagle-panel form{min-width:0}
}
@media(prefers-reduced-motion:reduce){.eagle-panel *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.eagle-panel .side-rail,.ep-page-hero::before,.ep-page-hero::after,.eagle-panel #topbar,.eagle-panel .rail-toggle{display:none}.eagle-panel{background:white;color:black}.eagle-panel main{max-width:none;padding:0}}

.eagle-panel [hidden]{display:none!important}
/* Final layout refinements across compact screens and account forms. */
.eagle-panel .rail-toggle{width:auto;max-width:180px}
body.eagle-panel:has(.side-rail.open)::after{display:none}
.eagle-panel .live-wrap:has(.live-overlay.show)::after{display:none}
.eagle-panel .live-overlay.show{z-index:2;background:#04111feb;color:#adcada;font-size:12px;line-height:2;padding:28px}
.eagle-panel .live-wrap:has(.live-overlay.show)>img{visibility:hidden}
.ep-public .box .mark{background:none;box-shadow:none;width:68px;height:62px;border-radius:0}
.ep-public .box .mark svg{width:68px;height:62px}
.ep-customer .ep-profile-pending{grid-column:1/-1}
@media(min-width:641px){
 .ep-customer[data-page=customer_profile] .wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto 1fr}
 .ep-customer .ep-profile-details{grid-column:1;grid-row:1/4}
 .ep-customer .ep-profile-subscription{grid-column:2;grid-row:1}
 .ep-customer .ep-profile-password{grid-column:2;grid-row:2}
 .ep-customer .wrap:has(.ep-profile-pending) .ep-profile-details{grid-row:2/5}
 .ep-customer .wrap:has(.ep-profile-pending) .ep-profile-subscription{grid-row:2}
 .ep-customer .wrap:has(.ep-profile-pending) .ep-profile-password{grid-row:3}
 .ep-customer .ep-profile-details .avatar-upload{width:100%;display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;margin:18px 0 24px!important}
 .ep-customer .ep-profile-details .avatar-hint{max-width:300px;text-align:right;font-size:11px}
 .ep-customer .ep-profile-details .avatar-drop{margin:0}
}
@media(max-width:640px){
 .eagle-panel .settings-grid .card[style*="display:flex"]{flex-wrap:wrap}
 .eagle-panel .settings-grid .card[style*="display:flex"]>div{min-width:0;flex:1 1 220px}
 .eagle-panel .settings-grid .card[style*="display:flex"]>.btn{flex-shrink:0}
 .eagle-panel .settings-grid .row{flex-wrap:wrap;min-width:0}
 .eagle-panel .settings-grid input[type=range]{max-width:100%}
 .eagle-panel .settings-grid .card{overflow-wrap:anywhere}
}
.ep-customer[data-page=customer_profile] .wrap{display:block}
.ep-profile-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px;align-items:start}
.ep-customer .ep-profile-grid>.ep-profile-details{grid-column:1;grid-row:1/3}
.ep-customer .ep-profile-grid>.ep-profile-subscription{grid-column:2;grid-row:1}
.ep-customer .ep-profile-grid>.ep-profile-password{grid-column:2;grid-row:2}
@media(max-width:640px){.ep-profile-grid{display:flex;flex-direction:column;gap:15px}.ep-profile-grid>.card{width:100%;margin:0!important}.ep-customer .ep-profile-details{order:1}.ep-customer .ep-profile-subscription{order:0}.ep-customer .ep-profile-password{order:2}}
.ep-customer .card label.avatar-drop{display:flex;align-items:center;justify-content:center;padding:0}
.eagle-panel .live-status-badge{z-index:3}