/* Shared Eagle presentation — glass/graphite theme (2026-09-27). Business actions and status semantics remain in their existing routes. */
body.eagle-panel {
  --bg:#12181b; --card:#1f272bcc; --card-2:#273135; --border:#ffffff17;
  --text:#eef3f4; --muted:#a3b0b5; --muted-2:#7c8a90;
  --accent:#ff7a3d; --accent-dark:#e0521b; --accent-ink:#ffc2a3; --accent-soft:#ff7a3d1f; --accent-rgb:255,122,61;
  --ok:#4fe08a; --warn:#ffc15a; --danger:#ff5468;
  --glass:linear-gradient(160deg,#2b3538b3,#1b2225b8); --glass-line:#ffffff1a;
  --glass-shadow:0 18px 40px -22px #000c,inset 0 1px #ffffff14;
  --tile:#ffffff08; --tile-line:#ffffff12;
  --radius:18px; --radius-sm:11px; --shadow:var(--glass-shadow);
  background:#12181b;
  background-image:radial-gradient(ellipse 80% 60% at 70% -10%,#3a484d66,transparent 60%),radial-gradient(ellipse 60% 50% at 0 100%,#ff7a3d12,transparent 60%),linear-gradient(180deg,#1a2226,#101518);
  background-attachment: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;
}
body.eagle-panel::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../img/eagle/command-background.webp') center/cover no-repeat;opacity:.07;filter:grayscale(1) blur(2px)}
.eagle-panel ::selection{background:#ff7a3d55}
.eagle-panel *{scrollbar-color:#ffffff2e transparent}
.eagle-panel .shell{width:100%;min-height:100dvh;isolation:isolate}

/* rail */
.eagle-panel .side-rail{width:252px;background:#161d20d9;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border-inline-end:1px solid #ffffff12;box-shadow:none;z-index:40}
.ep-brand{display:flex;align-items:center;gap:12px;padding:22px 20px 20px;min-height:104px;text-decoration:none!important;border-bottom:1px solid #ffffff10}
.ep-brand svg{width:52px;height:52px;flex:none;filter:drop-shadow(0 0 14px #ff7a3d33)}
.ep-brand>span{display:flex;flex-direction:column;gap:0;min-width:0}
.ep-brand b{font-size:10px;letter-spacing:.28em;color:var(--muted-2);white-space:nowrap;font-weight:700}
.ep-brand strong{font-size:21px;line-height:1.6;color:#fff;font-weight:850}
.ep-brand small{font-size:10px;color:var(--muted-2);overflow-wrap:anywhere}
.eagle-panel .rail-links{gap:20px;padding:16px 12px}
.eagle-panel .rail-links a{min-height:42px;padding:9px 12px;border-radius:12px;font-size:12.5px;font-weight:550;color:var(--muted);border:1px solid transparent;transform:none;transition:background .15s,color .15s}
.eagle-panel .rail-links a svg{width:18px;height:18px;color:var(--muted-2);stroke:currentColor}
.eagle-panel .rail-links a:hover{background:#ffffff0d;color:#fff;transform:none}
.eagle-panel .rail-links a.active{color:#fff;border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff1f,#ffffff0d);box-shadow:inset 0 1px #ffffff1a}
.eagle-panel .rail-links a.active svg{color:var(--accent)}
.eagle-panel .rail-group-label,.ep-rail-caption{font-size:10px;letter-spacing:.06em;color:var(--muted-2);font-weight:600;padding:0 12px 8px}
.eagle-panel .rail-module-switch{background:#ffffff0a;border:1px solid #ffffff14;border-radius:13px;color:var(--text);box-shadow:inset 0 1px #ffffff10;min-height:44px;margin-top:16px}
.eagle-panel .rail-module-switch svg{stroke:var(--accent)}
.eagle-panel .rail-foot{margin-top:auto;border-top:1px solid #ffffff10;background:transparent}
.eagle-panel .rail-logout{color:var(--muted);font-size:12px}
.eagle-panel .main-col{min-width:0;min-height:100dvh}

/* top bar */
.eagle-panel #topbar,.ep-customer-toolbar{height:60px;min-height:60px;padding:0 24px;background:#141a1dcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10;box-shadow:none;gap:10px}
.eagle-panel .tb-chip{font-size:11px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;padding:5px 11px}
.eagle-panel .tb-chip strong{color:var(--text)}
.eagle-panel .tb-sep{opacity:.25}
.eagle-panel .tb-time{color:var(--muted-2);font-size:11px}
.eagle-panel main{width:100%;max-width:1600px;margin:0 auto;padding:24px 26px 60px;min-width:0}

/* page hero */
.ep-page-hero{position:relative;isolation:isolate;min-height:150px;display:flex;align-items:center;overflow:hidden;padding:22px 26px;margin:0 0 22px;border:1px solid var(--glass-line);border-radius:24px;background:#182024;box-shadow:var(--glass-shadow)}
.ep-page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/eagle/command-background.webp') left 30%/cover no-repeat;opacity:.5;filter:grayscale(.55) contrast(1.05)}
.ep-page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#1a2124 18%,#1a2124e6 45%,#1a212466 80%,#1a212422),radial-gradient(ellipse 40% 90% at 15% 60%,#ff7a3d1f,transparent 70%)}
.ep-hero-content{max-width:74%;position:relative}
.ep-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10.5px;color:var(--muted-2);margin-bottom:12px}
.ep-breadcrumb a{color:var(--muted);text-decoration:none}
.ep-breadcrumb a:hover{color:#fff}
.ep-breadcrumb>span:last-child{color:var(--muted-2)}
.ep-hero-title{display:flex;gap:14px;align-items:center}
.ep-hero-title>.ec-icon{width:46px;height:46px;padding:11px;border:1px solid #ff7a3d4d;border-radius:14px;background:#ff7a3d17;box-shadow:0 0 24px -12px var(--accent);color:var(--accent);flex:none}
.ep-hero-title h1{font-size:clamp(20px,1.9vw,27px);font-weight:850;margin:0 0 4px;color:#fff;line-height:1.5}
.ep-hero-title p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.ep-site-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--muted-2);margin-top:14px}
.ep-site-label i{width:5px;height:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}
.ep-hero-art-label{position:absolute;left:15px;bottom:10px;font-size:9px;color:#ffffff55}
.eagle-panel main>h1{font-size:17px;line-height:1.7;color:#fff;margin:0 0 15px;padding-inline-start:12px;border-inline-start:3px solid var(--accent)}
.eagle-panel main>h1.ep-repeated-heading{display:none}
.eagle-panel h2{font-size:14.5px;color:var(--text);font-weight:800}
.eagle-panel .subtitle{color:var(--muted);font-size:12px}
.eagle-panel a{color:inherit}

/* glass surfaces */
.eagle-panel .card,.eagle-panel .stat-card,.eagle-panel .module-tile,.eagle-panel .box{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border-radius:var(--radius);box-shadow:var(--glass-shadow)}
.eagle-panel .card{padding:20px}
.eagle-panel .card>h2{padding-bottom:12px;border-bottom:1px solid #ffffff10;margin-bottom:16px}
.eagle-panel .card>h2::before{background:var(--accent);box-shadow:0 0 10px var(--accent)}
.eagle-panel .card .card,.eagle-panel .card .stat-card{background:var(--tile);border-color:var(--tile-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.eagle-panel .grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.eagle-panel .settings-grid{column-gap:18px}
.eagle-panel .stat-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}
.eagle-panel .stat-card{padding:16px 18px}
.eagle-panel .stat-card::after{opacity:0}
.eagle-panel .stat-card .sval,.eagle-panel .stat-box .num{font-size:30px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.eagle-panel .stat-card .slabel{font-size:11px;color:var(--muted)}
.eagle-panel .stat-card .sfoot{font-size:10px;color:var(--muted-2)}
.eagle-panel .stat-card .sicon{border:1px solid #ffffff17;background:#ffffff0a;color:var(--accent);border-radius:12px}

/* buttons */
.eagle-panel .btn,.eagle-panel button.btn{background:linear-gradient(180deg,#ff8a50,#ec5a1c);color:#fff;font-weight:750;border:1px solid #ffb08a66;min-height:42px;padding:9px 18px;border-radius:12px;box-shadow:0 8px 20px -12px #ff6a2b,inset 0 1px #ffffff40;text-shadow:none;font-size:12.5px}
.eagle-panel .btn:hover{transform:none;filter:brightness(1.08);box-shadow:0 10px 26px -12px #ff6a2b,inset 0 1px #ffffff40}
.eagle-panel .btn.secondary{background:#ffffff0f;color:var(--text);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14}
.eagle-panel .btn.secondary:hover{background:#ffffff1a}
.eagle-panel .btn.danger{background:#ff546824;color:#ffc2ca;border-color:#ff54685c;box-shadow:none}
.eagle-panel .btn.small{min-height:34px;padding:5px 12px;font-size:11px;border-radius:10px}
.eagle-panel .btn:disabled{opacity:.45;transform:none;cursor:not-allowed}

/* forms */
.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:#0f1416b3;color:var(--text);border:1px solid #ffffff1a;border-radius:12px;min-height:43px;box-shadow:inset 0 1px 3px #0005;font-size:13px;max-width:100%}
.eagle-panel select option{background:#1b2225;color:var(--text)}
.eagle-panel input::placeholder,.eagle-panel textarea::placeholder{color:#7c8a90;opacity:1}
.eagle-panel input:focus,.eagle-panel select:focus,.eagle-panel textarea:focus{border-color:#ff7a3d99;box-shadow:0 0 0 3px #ff7a3d24;outline:none}
.eagle-panel input[type=checkbox],.eagle-panel input[type=radio],.eagle-panel input[type=range]{accent-color:var(--accent)}
.eagle-panel label{color:var(--muted);font-size:12px}
.eagle-panel :focus-visible{outline:2px solid #ff7a3dcc;outline-offset:2px}

/* tables */
.eagle-panel table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;background:transparent}
.eagle-panel th{background:#ffffff0a;color:var(--muted);border-bottom:1px solid #ffffff14;font-weight:650;font-size:11px;padding:13px 12px;white-space:nowrap}
.eagle-panel td{padding:12px;border-bottom:1px solid #ffffff0d;color:var(--text);vertical-align:middle}
.eagle-panel tbody tr:nth-child(even){background:#ffffff05}
.eagle-panel tr:hover td{background:#ffffff0a}
.eagle-panel .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0;padding:0;border:1px solid #ffffff12;border-radius:14px;background:#0f141699}

/* badges & states */
.eagle-panel .badge{border-radius:8px;font-size:10px;padding:3px 9px;font-weight:650;white-space:nowrap}
.eagle-panel .badge.active{background:#4fe08a1c;color:#8ff0b5;border:1px solid #4fe08a4d}
.eagle-panel .badge.inactive,.eagle-panel .badge.serious{background:#ff54681f;color:#ffb3be;border:1px solid #ff546852}
.eagle-panel .badge.warning{background:#ffc15a1c;color:#ffd99a;border:1px solid #ffc15a4d}
.eagle-panel .empty-state{border:1px dashed #ffffff26;background:#ffffff05;color:var(--muted);border-radius:18px;padding:40px 20px;text-align:center}
.eagle-panel .flash{border-radius:14px;box-shadow:none;line-height:1.9;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.eagle-panel .live-wrap{border:1px solid #ffffff17;border-radius:16px;background:#0b0f11;overflow:hidden}
.eagle-panel .live-status-badge{background:#141a1dd9;color:var(--text);border:1px solid #ffffff26;border-radius:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.eagle-panel .live-status-badge.offline{background:#3a1c24d9;color:#ffb3be;border-color:#ff546866}
.eagle-panel .live-tile-foot{background:#ffffff08;border-top:1px solid #ffffff12;padding:12px 16px;color:var(--text)}
.eagle-panel .module-tile:hover{border-color:#ff7a3d66;transform:translateY(-2px)}
.eagle-panel .module-tile-label{color:var(--text)}
.eagle-panel .media-lightbox{background:#080b0ced;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.eagle-panel .media-lightbox-close{background:#ffffff14;color:#fff;border:1px solid #ffffff2e}
.ep-skip{position:fixed;top:8px;right:20px;z-index:200;transform:translateY(-160%);background:var(--accent);color:#fff;padding:10px 20px;border-radius:10px}
.ep-skip:focus{transform:translateY(0)}
.ep-nav-scrim{display:none}
.eagle-panel .rail-toggle{background:#1f272bd9;border:1px solid #ffffff24;color:#fff;border-radius:12px;box-shadow:0 8px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.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:#ffffff0a!important;border-radius:11px!important}
.ep-search-empty{color:var(--muted-2);padding:15px;font-size:11px}

/* customer shell */
.ep-customer-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.ep-customer-toolbar b{color:#fff;margin-inline-start:7px}
.ep-customer-toolbar a{font-size:11px;color:var(--accent-ink);text-decoration:none}
.ep-customer .ep-rail-caption{padding:20px 23px 8px}
.ep-customer .customer-nav{display:flex;flex-direction:column;gap:4px;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:46px;padding:10px 13px;font-size:12.5px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:none;text-decoration:none}
.ep-customer .customer-nav a.active{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);color:#fff;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a}
.ep-customer .customer-nav a:hover{background:#ffffff0d;color:#fff}
.ep-customer .customer-nav .ec-icon{width:19px;height:19px;color:var(--muted-2);flex:none}
.ep-customer .customer-nav a.active .ec-icon{color:var(--accent)}
.ep-customer .ep-rail-signature{margin-top:auto;padding:30px 25px;color:var(--accent);border-top:1px solid #ffffff10;display:flex;flex-direction:column}
.ep-rail-signature span{font-size:17px;font-weight:800}.ep-rail-signature small{font-size:11px;color:var(--muted-2);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:18px}
.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,#12181bd9,#12181bf2),url('../img/eagle/command-background.webp') center/cover fixed}
.ep-public .box{width:min(100%,430px);padding:32px;border-radius:24px;box-shadow:0 30px 80px #000a,inset 0 1px #ffffff1a}
.ep-public .box .mark{background:linear-gradient(145deg,#ff8a50,#e0521b);box-shadow:0 0 25px -10px var(--accent)}
.ep-public .box button{background:linear-gradient(180deg,#ff8a50,#ec5a1c);color:#fff;border-radius:12px;min-height:44px}
.ep-public .box h1{font-size:22px;color:#fff}
.ep-public .wrap{width:min(100%,800px);max-width:100%}
.ep-public .box .sub{color:var(--muted);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:224px}.ep-brand{padding:20px 14px;gap:9px}.ep-brand svg{width:44px}.eagle-panel main{padding:20px}.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 .22s ease,visibility .22s;z-index:80;background:#161d20f2}
 .eagle-panel .side-rail.open{transform:translateX(0);visibility:visible}
 .eagle-panel .rail-toggle{display:flex;position:fixed;right:14px;top:11px;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:108px;padding-inline-end:16px;gap:8px}
 .eagle-panel .tb-chip{font-size:10px;gap:5px;padding:4px 8px}.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:#080b0cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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:14px 10px 35px}.eagle-panel #topbar{height:60px;gap:8px;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:150px;padding:18px 16px;margin-bottom:16px;border-radius:20px}
 .ep-page-hero::after{background:linear-gradient(270deg,#1a2124f5,#1a2124db 65%,#1a21248c)}
 .ep-page-hero::before{background-position:25% 25%}.ep-hero-content{max-width:100%}
 .ep-breadcrumb{font-size:9px;gap:6px;margin-bottom:12px}.ep-hero-title{gap:10px;align-items:flex-start}
 .ep-hero-title>.ec-icon{width:38px;height:38px;padding:8px;border-radius:11px;margin-top:4px}.ep-hero-title h1{font-size:20px}.ep-hero-title p{font-size:10.5px;line-height:1.9;max-width:265px}
 .ep-site-label{font-size:9px;margin-top:10px}.ep-hero-art-label{font-size:8px;left:9px;bottom:7px}
 .eagle-panel .card{padding:15px;border-radius:16px}.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:24px}
 .eagle-panel .grid{grid-template-columns:minmax(0,1fr);gap:12px}.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}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.eagle-panel{--glass:linear-gradient(160deg,#283236,#1c2427)}}
@media print{.eagle-panel .side-rail,.ep-page-hero::before,.ep-page-hero::after,.eagle-panel #topbar,.eagle-panel .rail-toggle{display:none}body.eagle-panel::before{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}
/* glass notices */
.eagle-panel .flash{background:#ffffff0f;border:1px solid #ffffff1f;color:var(--text)}
.eagle-panel .flash.error{background:#ff54681f;border-color:#ff546859;color:#ffc2ca}
.eagle-panel .flash.success{background:#4fe08a1a;border-color:#4fe08a4d;color:#b5f5cf}