:root{--ml-navy:#0b2638;--ml-deep:#082534;--ml-green:#0f5132;--ml-teal:#168aad;--ml-accent:#69c779;--ml-soft:#f4fbf8;--ml-line:#d7e9e2;--ml-text:#18313f;--ml-muted:#6a7d86}
.ml-site-shell,.ml-system-page,.ml-portal-app{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ml-text);box-sizing:border-box}
.ml-site-shell *,.ml-system-page *,.ml-portal-app *{box-sizing:border-box}
.ml-site-shell{background:#f7fbf9;min-height:100vh}.ml-site-header{max-width:1380px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:50}
.ml-brand{display:flex;align-items:center;gap:11px;text-decoration:none!important;color:var(--ml-navy)!important}.ml-brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--ml-green),var(--ml-teal));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(15,81,50,.2)}.ml-brand strong,.ml-brand small{display:block}.ml-brand strong{font-size:15px}.ml-brand small{font-size:10px;color:#6c7f87;margin-top:2px}
.ml-public-nav{display:flex;align-items:center;gap:24px}.ml-public-nav a{color:#415963;text-decoration:none;font-size:13px;font-weight:800}.ml-public-nav a:hover{color:var(--ml-green)}.ml-public-nav .ml-nav-cta{background:var(--ml-green);color:#fff;border-radius:999px;padding:12px 17px}.ml-menu-toggle{display:none;background:none;border:0}
.ml-home{max-width:1380px;margin:auto;padding:0 28px 40px}.ml-home-hero{min-height:630px;border-radius:34px;padding:52px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:42px;color:#fff;background-image:linear-gradient(115deg,rgba(3,31,42,.94),rgba(15,81,50,.83) 55%,rgba(22,138,173,.64)),var(--ml-hero-image,radial-gradient(circle at 80% 20%,#2d9f8a,#082534 65%));background-size:cover;background-position:center;box-shadow:0 28px 65px rgba(8,37,52,.2);overflow:hidden}
.ml-eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ml-teal)}.ml-home-hero .ml-eyebrow,.ml-login-brand .ml-eyebrow,.ml-portal-hero .ml-eyebrow{color:#a7ead4}
.ml-home-hero h1{color:#fff;font-size:64px;line-height:.98;letter-spacing:-.04em;max-width:780px;margin:13px 0 20px}.ml-home-hero-copy>p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.83);max-width:690px}.ml-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ml-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0 19px;background:linear-gradient(135deg,var(--ml-green),var(--ml-teal));color:#fff!important;text-decoration:none!important;font-weight:900;cursor:pointer}.ml-btn-light{background:#fff;color:var(--ml-green)!important}.ml-btn-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.ml-hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#d8eee7}.ml-hero-trust span{display:flex;align-items:center;gap:6px}.ml-home-hero-panel{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:24px;backdrop-filter:blur(15px)}.ml-home-hero-panel h2{color:#fff;font-size:28px;margin:8px 0 18px}.ml-home-hero-panel>a{display:flex;align-items:center;gap:13px;color:#fff!important;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:14px;margin-top:9px}.ml-home-hero-panel>a i{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}.ml-home-hero-panel strong,.ml-home-hero-panel small{display:block}.ml-home-hero-panel small{color:#cce4dc;margin-top:3px}
.ml-section{padding:80px 0 10px}.ml-section-head{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:end;margin-bottom:28px}.ml-section-head h2{font-size:42px;line-height:1.05;letter-spacing:-.03em;color:var(--ml-navy);margin:8px 0}.ml-section-head p{color:var(--ml-muted);line-height:1.65;margin:0}
.ml-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ml-service-card{background:#fff;border:1px solid var(--ml-line);border-radius:22px;padding:24px;text-decoration:none!important;box-shadow:0 14px 35px rgba(8,37,52,.06);transition:.2s}.ml-service-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(8,37,52,.12)}.ml-service-card>.dashicons{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#e6f7ef,#e5f4f8);color:var(--ml-green);display:flex;align-items:center;justify-content:center;font-size:24px}.ml-service-card h3{font-size:21px;color:var(--ml-navy);margin:17px 0 8px}.ml-service-card p{color:var(--ml-muted);line-height:1.55;min-height:48px}.ml-service-card b{color:var(--ml-green);font-size:12px}
.ml-experience{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.ml-experience-copy,.ml-flow-card{border-radius:27px;padding:35px}.ml-experience-copy{background:#fff;border:1px solid var(--ml-line)}.ml-experience-copy h2{font-size:39px;line-height:1.06;color:var(--ml-navy);margin:10px 0}.ml-experience-copy>p{color:var(--ml-muted);line-height:1.7}.ml-feature-list{display:grid;gap:12px;margin-top:25px}.ml-feature-list>div{display:flex;gap:13px;align-items:center;background:var(--ml-soft);border-radius:15px;padding:14px}.ml-feature-list i{width:42px;height:42px;border-radius:13px;background:#fff;color:var(--ml-green);display:flex;align-items:center;justify-content:center}.ml-feature-list strong,.ml-feature-list small{display:block}.ml-feature-list small{color:var(--ml-muted);margin-top:3px}
.ml-flow-card{background:linear-gradient(145deg,var(--ml-deep),var(--ml-green));color:#fff}.ml-flow-step{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding:18px 0}.ml-flow-step:last-child{border-bottom:0}.ml-flow-step b{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#a9ead5}.ml-flow-step strong,.ml-flow-step small{display:block}.ml-flow-step small{color:#c9e2da;margin-top:3px}
.ml-home-cta{margin-top:80px;border-radius:28px;padding:36px;background:linear-gradient(135deg,var(--green,#0f5132),var(--ml-teal));display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.ml-home-cta h2{color:#fff;font-size:34px;margin:7px 0}.ml-site-footer{max-width:1380px;margin:20px auto;padding:30px 28px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71828a}.ml-site-footer p{font-size:12px}.ml-site-footer>a{color:var(--ml-green);font-weight:900;text-decoration:none}
.ml-system-page{min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(105,199,121,.16),transparent 30%),linear-gradient(145deg,#f4fbf8,#eaf4f2);padding:28px}.ml-back-home{display:inline-block;color:var(--ml-green);font-weight:900;text-decoration:none;margin-bottom:18px}.ml-login-shell{max-width:1080px;min-height:650px;margin:auto;display:grid;grid-template-columns:1fr .9fr;border-radius:30px;overflow:hidden;box-shadow:0 26px 70px rgba(8,37,52,.16)}.ml-login-brand{padding:55px;background:radial-gradient(circle at 90% 8%,rgba(105,199,121,.26),transparent 30%),linear-gradient(145deg,var(--ml-deep),var(--ml-green));color:#fff}.ml-login-brand h1{color:#fff;font-size:49px;line-height:1.02;margin:14px 0}.ml-login-brand p{color:#cee4dd;line-height:1.65}.ml-login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.ml-login-features span{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.09);border-radius:13px;padding:12px;font-weight:800;font-size:12px}.ml-login-card{background:#fff;padding:55px;display:flex;flex-direction:column;justify-content:center}.ml-login-card h2{font-size:32px;color:var(--ml-navy);margin:8px 0}.ml-login-card>p{color:var(--ml-muted)}.ml-login-card label{display:block;color:var(--ml-navy);font-weight:900;font-size:12px;margin-bottom:5px}.ml-login-card input[type=text],.ml-login-card input[type=password]{width:100%;border:1px solid var(--ml-line);border-radius:13px;padding:13px}.ml-login-card input[type=submit]{width:100%;border:0;border-radius:999px;padding:13px;background:linear-gradient(135deg,var(--ml-green),var(--ml-teal));color:#fff;font-weight:900}.ml-login-links{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.ml-login-links a{font-size:11px;color:var(--ml-green);font-weight:900;text-decoration:none}
.ml-portal-app{min-height:100vh;background:#f2f7f5;display:grid;grid-template-columns:255px 1fr}.ml-portal-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#082534,#0c3d3b 70%,#0f5132);padding:22px 15px;display:flex;flex-direction:column}.ml-portal-sidebar .ml-brand{color:#fff!important;padding:0 7px 22px}.ml-portal-sidebar .ml-brand small{color:#a8c7bd}.ml-portal-sidebar nav{display:grid;gap:5px}.ml-portal-sidebar nav a,.ml-sidebar-foot a{display:flex;align-items:center;gap:11px;color:#c7ddd6;text-decoration:none;border-radius:12px;padding:11px 12px;font-size:12px;font-weight:800}.ml-portal-sidebar nav a:hover,.ml-portal-sidebar nav a:first-child{background:rgba(255,255,255,.11);color:#fff}.ml-portal-sidebar nav i,.ml-sidebar-foot i{width:21px}.ml-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
.ml-portal-main{padding:25px;min-width:0}.ml-portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ml-portal-topbar h1{font-size:27px;color:var(--ml-navy);margin:4px 0}.ml-user-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ml-line);border-radius:16px;padding:8px 12px}.ml-user-pill img{border-radius:11px}.ml-user-pill strong,.ml-user-pill small{display:block}.ml-user-pill small{color:var(--ml-muted);font-size:10px}.ml-portal-menu{display:none}
.ml-portal-hero{border-radius:25px;padding:30px;background:radial-gradient(circle at 90% 5%,rgba(105,199,121,.3),transparent 30%),linear-gradient(135deg,var(--ml-deep),var(--ml-green) 65%,var(--ml-teal));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 42px rgba(8,37,52,.16)}.ml-portal-hero h2{color:#fff;font-size:34px;margin:7px 0}.ml-portal-hero p{color:#cde3dc;margin:0;max-width:680px}.ml-system-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.ml-system-overview>div{background:#fff;border:1px solid var(--ml-line);border-radius:17px;padding:16px}.ml-system-overview span{display:block;color:var(--ml-muted);font-size:11px;font-weight:800}.ml-system-overview strong{display:block;color:var(--ml-navy);font-size:20px;margin-top:6px}.ml-system-overview i{display:inline-block;width:8px;height:8px;background:var(--ml-accent);border-radius:50%;box-shadow:0 0 0 5px rgba(105,199,121,.14)}
.ml-module-section{margin-top:28px}.ml-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ml-module-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:start;background:#fff;border:1px solid var(--ml-line);border-radius:19px;padding:17px;text-decoration:none!important;box-shadow:0 10px 25px rgba(8,37,52,.05)}.ml-module-card>.dashicons{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e6f7ef,#e5f4f8);color:var(--ml-green);display:flex;align-items:center;justify-content:center;font-size:22px}.ml-module-card small{color:var(--ml-teal);font-size:9px;font-weight:900}.ml-module-card h3{color:var(--ml-navy);margin:4px 0}.ml-module-card p{color:var(--ml-muted);font-size:12px;line-height:1.45;margin:0}.ml-module-card b{color:var(--ml-green)}
.ml-customer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.ml-customer-actions>a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--ml-line);border-radius:17px;padding:16px;text-decoration:none}.ml-customer-actions i{width:42px;height:42px;border-radius:13px;background:var(--ml-soft);color:var(--ml-green);display:flex;align-items:center;justify-content:center}.ml-customer-actions strong,.ml-customer-actions small{display:block}.ml-customer-actions strong{color:var(--ml-navy)}.ml-customer-actions small{color:var(--ml-muted);font-size:10px;margin-top:3px}
.ml-access-denied{max-width:620px;margin:80px auto;background:#fff;border-radius:25px;padding:35px;text-align:center;box-shadow:0 20px 50px rgba(8,37,52,.1)}
@media(max-width:1050px){.ml-home-hero{grid-template-columns:1fr;min-height:auto}.ml-home-hero-panel{max-width:600px}.ml-service-grid,.ml-module-grid{grid-template-columns:repeat(2,1fr)}.ml-portal-app{grid-template-columns:220px 1fr}.ml-system-overview,.ml-customer-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.ml-site-header{padding:14px 18px}.ml-menu-toggle{display:block}.ml-public-nav{display:none;position:absolute;top:70px;left:18px;right:18px;background:#fff;border:1px solid var(--ml-line);border-radius:18px;padding:15px;box-shadow:0 18px 40px rgba(8,37,52,.12);flex-direction:column;align-items:stretch}.ml-public-nav.is-open{display:flex}.ml-home{padding:0 14px 30px}.ml-home-hero{padding:28px;border-radius:24px}.ml-home-hero h1{font-size:44px}.ml-section{padding-top:55px}.ml-section-head{grid-template-columns:1fr}.ml-section-head h2{font-size:34px}.ml-service-grid,.ml-experience{grid-template-columns:1fr}.ml-home-cta,.ml-site-footer{display:block}.ml-home-cta .ml-btn{margin-top:14px}.ml-login-shell{grid-template-columns:1fr}.ml-login-brand,.ml-login-card{padding:32px}.ml-login-brand h1{font-size:38px}.ml-portal-app{display:block}.ml-portal-sidebar{position:fixed;left:-270px;top:0;width:255px;z-index:99;transition:.2s}.ml-portal-app.is-menu-open .ml-portal-sidebar{left:0}.ml-portal-main{padding:15px}.ml-portal-menu{display:inline-flex;border:0;background:#fff;border-radius:10px;padding:9px}.ml-user-pill span{display:none}.ml-portal-hero{display:block}.ml-portal-hero .ml-btn{margin-top:16px}.ml-system-overview,.ml-module-grid,.ml-customer-actions{grid-template-columns:1fr}.ml-login-links{display:grid}.ml-home-hero-panel{padding:18px}}


/* Media Luna Operator Panel 3.1 */
.ml-operator-app .ml-portal-main{max-width:1700px;width:100%}
.ml-topbar-title p{margin:2px 0 0;color:var(--ml-muted);font-size:11px}
.ml-topbar-actions{display:flex;align-items:center;gap:9px}
.ml-icon-action{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--ml-line);color:var(--ml-green)!important;text-decoration:none;display:flex;align-items:center;justify-content:center}
.ml-operator-hero{min-height:220px}
.ml-operator-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ml-live-status{min-width:210px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:19px}
.ml-live-status span,.ml-live-status strong,.ml-live-status small{display:block}
.ml-live-status span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#a9ead5}
.ml-live-status strong{font-size:20px;margin:8px 0;color:#fff}
.ml-live-status strong i{display:inline-block;width:9px;height:9px;background:#76d78b;border-radius:50%;box-shadow:0 0 0 6px rgba(118,215,139,.14)}
.ml-live-status small{color:#cde4dc}
.ml-operator-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}
.ml-operator-kpis>a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--ml-line);border-radius:19px;padding:17px;text-decoration:none;box-shadow:0 10px 25px rgba(8,37,52,.05)}
.ml-operator-kpis>a>i{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e7f7ef,#e4f5f8);color:var(--ml-green);display:flex;align-items:center;justify-content:center;font-size:22px}
.ml-operator-kpis span,.ml-operator-kpis strong,.ml-operator-kpis small{display:block}
.ml-operator-kpis span{font-size:10px;color:var(--ml-muted);font-weight:900}
.ml-operator-kpis strong{font-size:25px;color:var(--ml-navy);margin:2px 0}
.ml-operator-kpis small{font-size:10px;color:#7b8c93}
.ml-operator-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:15px}
.ml-operator-main-column,.ml-operator-side-column{min-width:0}
.ml-dashboard-panel{background:#fff;border:1px solid var(--ml-line);border-radius:21px;padding:19px;box-shadow:0 12px 28px rgba(8,37,52,.06);margin-bottom:15px}
.ml-dashboard-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.ml-dashboard-panel-head h2{color:var(--ml-navy);font-size:22px;margin:5px 0 0}
.ml-dashboard-panel-head>a{font-size:11px;color:var(--ml-green);font-weight:900;text-decoration:none}
.ml-panel-note{font-size:9px;font-weight:900;color:var(--ml-teal);background:#e7f5f6;border-radius:999px;padding:7px 10px}
.ml-quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ml-quick-actions-grid>a{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;background:var(--ml-soft);border:1px solid var(--ml-line);border-radius:16px;padding:13px;text-decoration:none}
.ml-quick-actions-grid>a:hover{background:#edf8f4;border-color:#b9dfcf}
.ml-quick-actions-grid i{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--ml-green);display:flex;align-items:center;justify-content:center;font-size:21px}
.ml-quick-actions-grid strong,.ml-quick-actions-grid small{display:block}
.ml-quick-actions-grid strong{color:var(--ml-navy)}
.ml-quick-actions-grid small{font-size:10px;color:var(--ml-muted);margin-top:3px}
.ml-quick-actions-grid b{color:var(--ml-green)}
.ml-operator-table{overflow:auto}
.ml-operator-table-head,.ml-operator-table-row{min-width:760px;display:grid;grid-template-columns:1.05fr 1.2fr 1.15fr .7fr .55fr .7fr;gap:10px;align-items:center;padding:11px 8px}
.ml-operator-table-head{border-bottom:1px solid var(--ml-line);color:#74868e;font-size:9px;font-weight:900;text-transform:uppercase}
.ml-operator-table-row{border-bottom:1px solid #edf3f1;text-decoration:none;color:#51666f;font-size:11px}
.ml-operator-table-row:last-child{border-bottom:0}
.ml-operator-table-row>strong{color:var(--ml-navy)}
.ml-mini-status{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;font-size:9px}
.ml-mini-status-pending{background:#fff3d6;color:#8a5a00}
.ml-mini-status-confirmed,.ml-mini-status-completed{background:#ddf5eb;color:#216b50}
.ml-mini-status-cancelled,.ml-mini-status-rejected{background:#ffe1e1;color:#a01818}
.ml-capacity-ring{width:180px;height:180px;margin:8px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ml-green) calc(var(--capacity)*1%),#e3efeb 0);position:relative}
.ml-capacity-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}
.ml-capacity-ring>div{position:relative;text-align:center}
.ml-capacity-ring strong,.ml-capacity-ring span{display:block}
.ml-capacity-ring strong{font-size:35px;color:var(--ml-navy)}
.ml-capacity-ring span{font-size:10px;color:var(--ml-muted)}
.ml-capacity-copy{text-align:center}
.ml-capacity-copy>strong{color:var(--ml-navy)}
.ml-capacity-copy p{font-size:11px;line-height:1.55;color:var(--ml-muted)}
.ml-capacity-copy a{font-size:11px;color:var(--ml-green);font-weight:900;text-decoration:none}
.ml-recent-payments{display:grid;gap:8px}
.ml-recent-payments>a{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--ml-soft);border:1px solid var(--ml-line);border-radius:13px;padding:11px;text-decoration:none}
.ml-recent-payments strong,.ml-recent-payments small,.ml-recent-payments b{display:block}
.ml-recent-payments strong,.ml-recent-payments b{color:var(--ml-navy)}
.ml-recent-payments small{font-size:9px;color:var(--ml-muted);margin-top:2px}
.ml-recent-payments>a>span{text-align:right}
.ml-health-list{display:grid;gap:7px;max-height:350px;overflow:auto}
.ml-health-list>a{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;background:var(--ml-soft);border-radius:12px;padding:10px;text-decoration:none}
.ml-health-list>a>i{width:8px;height:8px;border-radius:50%;background:#69c779;box-shadow:0 0 0 4px rgba(105,199,121,.12)}
.ml-health-list strong,.ml-health-list small{display:block}
.ml-health-list strong{color:var(--ml-navy);font-size:11px}
.ml-health-list small{font-size:9px;color:var(--ml-muted)}
.ml-health-list b{font-size:9px;color:#216b50}
.ml-empty-state{padding:22px;text-align:center;color:var(--ml-muted);font-size:12px;background:var(--ml-soft);border-radius:13px}
@media(max-width:1200px){.ml-operator-kpis{grid-template-columns:repeat(2,1fr)}.ml-operator-grid{grid-template-columns:1fr}.ml-operator-side-column{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ml-operator-side-column .ml-dashboard-panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.ml-topbar-actions .ml-icon-action{display:none}.ml-operator-kpis,.ml-quick-actions-grid,.ml-operator-side-column{grid-template-columns:1fr}.ml-operator-hero .ml-live-status{margin-top:18px}.ml-user-pill span{display:none}}


/* Media Luna Core 3.1.1 — corrección de encuadre */
html,body{max-width:100%;overflow-x:hidden}
body.ml-body-operator,
body.ml-body-customer,
body.ml-body-login,
body.ml-body-home{margin:0!important;padding:0!important;background:#f2f7f5!important}

body.ml-body-operator #page,
body.ml-body-customer #page,
body.ml-body-login #page,
body.ml-body-home #page,
body.ml-body-operator .site,
body.ml-body-customer .site,
body.ml-body-login .site,
body.ml-body-home .site,
body.ml-body-operator .site-content,
body.ml-body-customer .site-content,
body.ml-body-login .site-content,
body.ml-body-home .site-content,
body.ml-body-operator .content-area,
body.ml-body-customer .content-area,
body.ml-body-login .content-area,
body.ml-body-home .content-area,
body.ml-body-operator main,
body.ml-body-customer main,
body.ml-body-login main,
body.ml-body-home main,
body.ml-body-operator article,
body.ml-body-customer article,
body.ml-body-login article,
body.ml-body-home article,
body.ml-body-operator .entry-content,
body.ml-body-customer .entry-content,
body.ml-body-login .entry-content,
body.ml-body-home .entry-content,
body.ml-body-operator .wp-site-blocks,
body.ml-body-customer .wp-site-blocks,
body.ml-body-login .wp-site-blocks,
body.ml-body-home .wp-site-blocks{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

body.ml-body-operator .site-header,
body.ml-body-customer .site-header,
body.ml-body-login .site-header,
body.ml-body-home .site-header,
body.ml-body-operator .site-footer,
body.ml-body-customer .site-footer,
body.ml-body-login .site-footer,
body.ml-body-home .site-footer,
body.ml-body-operator .entry-header,
body.ml-body-customer .entry-header,
body.ml-body-login .entry-header,
body.ml-body-home .entry-header,
body.ml-body-operator .page-header,
body.ml-body-customer .page-header,
body.ml-body-login .page-header,
body.ml-body-home .page-header,
body.ml-body-operator .sidebar,
body.ml-body-customer .sidebar,
body.ml-body-login .sidebar,
body.ml-body-home .sidebar,
body.ml-body-operator aside.widget-area,
body.ml-body-customer aside.widget-area,
body.ml-body-login aside.widget-area,
body.ml-body-home aside.widget-area{display:none!important}

body.ml-body-operator .ml-portal-app,
body.ml-body-customer .ml-portal-app,
body.ml-body-login .ml-system-page,
body.ml-body-home .ml-site-shell{
    width:100vw!important;
    max-width:100vw!important;
    min-height:100vh!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

body.ml-body-operator .ml-portal-main,
body.ml-body-customer .ml-portal-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    overflow:hidden;
}

.ml-portal-topbar,.ml-portal-hero,.ml-operator-kpis,.ml-operator-grid,
.ml-module-section,.ml-system-overview,.ml-customer-actions{
    width:100%;
    max-width:none;
}

.ml-operator-grid>*,.ml-module-grid>*,.ml-operator-kpis>*,.ml-customer-actions>*{min-width:0}
.ml-dashboard-panel,.ml-module-card,.ml-operator-kpis>a,.ml-customer-actions>a{overflow:hidden}
.ml-operator-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(min-width:781px){
    body.ml-body-operator .ml-portal-app,
    body.ml-body-customer .ml-portal-app{
        grid-template-columns:255px minmax(0,1fr)!important;
    }
    body.ml-body-operator .ml-portal-sidebar,
    body.ml-body-customer .ml-portal-sidebar{
        width:255px!important;
        min-width:255px!important;
        max-width:255px!important;
    }
    body.ml-body-operator .ml-portal-main,
    body.ml-body-customer .ml-portal-main{padding:22px!important}
}

@media(max-width:1100px){
    .ml-operator-grid{grid-template-columns:1fr!important}
    .ml-operator-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
    .ml-operator-side-column .ml-dashboard-panel:last-child{grid-column:1/-1}
}

@media(max-width:780px){
    body.ml-body-operator .ml-portal-app,
    body.ml-body-customer .ml-portal-app{
        display:block!important;
        width:100%!important;
        min-height:100dvh!important;
    }

    body.ml-body-operator .ml-portal-main,
    body.ml-body-customer .ml-portal-main{padding:12px!important}

    .ml-portal-topbar{
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        gap:10px!important;
        align-items:center!important;
    }

    .ml-topbar-title{min-width:0}
    .ml-topbar-title h1{font-size:20px!important;white-space:normal!important;overflow-wrap:anywhere}
    .ml-topbar-title p{display:none}
    .ml-portal-hero{padding:22px!important;border-radius:20px!important}
    .ml-portal-hero h2{font-size:27px!important;line-height:1.08!important}

    .ml-operator-kpis,.ml-system-overview,.ml-customer-actions,
    .ml-module-grid,.ml-quick-actions-grid,.ml-operator-side-column{
        grid-template-columns:1fr!important;
    }

    .ml-operator-kpis>a,.ml-customer-actions>a,.ml-quick-actions-grid>a{width:100%!important}
    .ml-dashboard-panel{padding:15px!important;border-radius:18px!important}
    .ml-dashboard-panel-head{align-items:flex-start!important}
    .ml-operator-table-head,.ml-operator-table-row{min-width:720px!important}
    .ml-live-status{min-width:0!important;width:100%!important}
    .ml-user-pill{padding:6px!important}
    .ml-user-pill img{width:36px!important;height:36px!important}

    .ml-portal-sidebar{
        width:min(86vw,290px)!important;
        max-width:min(86vw,290px)!important;
        left:-100%!important;
        box-shadow:18px 0 50px rgba(0,0,0,.22);
    }
    .ml-portal-app.is-menu-open .ml-portal-sidebar{left:0!important}
}

@media(max-width:480px){
    body.ml-body-operator .ml-portal-main,
    body.ml-body-customer .ml-portal-main{padding:9px!important}
    .ml-portal-hero{padding:19px!important}
    .ml-portal-hero h2{font-size:24px!important}
    .ml-operator-kpis>a{padding:14px!important}
    .ml-dashboard-panel{padding:13px!important}
}


/* =========================================================
   Media Luna Core 3.1.3 — Panel externo profesional
   ========================================================= */
body.ml-body-operator,
body.ml-body-customer{
    --ml-sidebar-width:264px;
    background:#f3f7f5!important;
}

body.ml-body-operator #wpadminbar,
body.ml-body-customer #wpadminbar,
body.ml-body-login #wpadminbar,
body.ml-body-home #wpadminbar{
    display:none!important;
}

html:has(body.ml-body-operator),
html:has(body.ml-body-customer),
html:has(body.ml-body-login),
html:has(body.ml-body-home){
    margin-top:0!important;
}

body.ml-body-operator .ml-portal-app,
body.ml-body-customer .ml-portal-app{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    margin:0!important;
    background:#f3f7f5!important;
}

body.ml-body-operator .ml-portal-sidebar,
body.ml-body-customer .ml-portal-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--ml-sidebar-width)!important;
    min-width:var(--ml-sidebar-width)!important;
    max-width:var(--ml-sidebar-width)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:20px 14px 16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:10020!important;
    border-radius:0!important;
    box-shadow:14px 0 40px rgba(4,31,40,.14)!important;
}

.ml-sidebar-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex:0 0 auto;
}

.ml-sidebar-head .ml-brand{
    min-width:0;
    flex:1;
    padding:0 6px 19px!important;
}

.ml-sidebar-close{
    display:none;
    width:38px;
    height:38px;
    flex:0 0 38px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:rgba(255,255,255,.10);
    color:#fff;
    cursor:pointer;
}

.ml-sidebar-close .dashicons{
    width:20px;
    height:20px;
    font-size:20px;
}

body.ml-body-operator .ml-portal-sidebar nav,
body.ml-body-customer .ml-portal-sidebar nav{
    display:grid!important;
    gap:5px!important;
    width:100%!important;
    padding-bottom:18px!important;
}

body.ml-body-operator .ml-portal-sidebar nav a,
body.ml-body-customer .ml-portal-sidebar nav a{
    width:100%!important;
    min-height:44px!important;
    padding:11px 12px!important;
    border-radius:13px!important;
}

body.ml-body-operator .ml-sidebar-foot,
body.ml-body-customer .ml-sidebar-foot{
    margin-top:auto!important;
    padding-top:13px!important;
}

.ml-sidebar-foot>small{
    display:block;
    padding:14px 12px 2px;
    color:rgba(214,235,228,.55);
    font-size:9px;
    line-height:1.45;
}

body.ml-body-operator .ml-portal-main,
body.ml-body-customer .ml-portal-main{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100dvh!important;
    margin:0 0 0 var(--ml-sidebar-width)!important;
    padding:20px 24px 34px!important;
    overflow:visible!important;
}

body.ml-body-operator .ml-portal-main>*,
body.ml-body-customer .ml-portal-main>*{
    width:100%!important;
    max-width:1560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.ml-portal-topbar{
    position:sticky!important;
    top:0!important;
    z-index:110!important;
    min-height:76px!important;
    padding:10px 0 14px!important;
    background:linear-gradient(180deg,#f3f7f5 72%,rgba(243,247,245,0))!important;
}

.ml-topbar-title h1{
    margin:3px 0 0!important;
    line-height:1.08!important;
}

.ml-operator-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:220px!important;
    padding:32px!important;
}

.ml-operator-kpis{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:13px!important;
}

.ml-operator-kpis>a{
    min-height:104px!important;
}

.ml-operator-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr)!important;
    gap:15px!important;
    align-items:start!important;
}

.ml-operator-main-column,
.ml-operator-side-column{
    min-width:0!important;
    width:100%!important;
}

.ml-operator-side-column{
    display:block!important;
}

.ml-dashboard-panel{
    width:100%!important;
    max-width:100%!important;
}

.ml-quick-actions-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.ml-operator-table{
    border-radius:14px;
}

.ml-portal-backdrop{
    display:none;
    position:fixed;
    inset:0;
    z-index:10010;
    border:0;
    background:rgba(4,25,34,.55);
    backdrop-filter:blur(3px);
    cursor:pointer;
}

body.ml-portal-menu-lock{
    overflow:hidden!important;
}

@media(max-width:1240px){
    .ml-operator-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ml-operator-grid{
        grid-template-columns:1fr!important;
    }
    .ml-operator-side-column{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:15px!important;
    }
    .ml-operator-side-column .ml-dashboard-panel:last-child{
        grid-column:1/-1!important;
    }
}

@media(max-width:900px){
    body.ml-body-operator,
    body.ml-body-customer{
        --ml-sidebar-width:min(88vw,310px);
    }

    body.ml-body-operator .ml-portal-main,
    body.ml-body-customer .ml-portal-main{
        width:100%!important;
        margin-left:0!important;
        padding:12px 12px 28px!important;
    }

    body.ml-body-operator .ml-portal-sidebar,
    body.ml-body-customer .ml-portal-sidebar{
        transform:translate3d(-105%,0,0)!important;
        transition:transform .24s ease!important;
        box-shadow:22px 0 60px rgba(3,24,31,.28)!important;
    }

    body.ml-body-operator .ml-portal-app.is-menu-open .ml-portal-sidebar,
    body.ml-body-customer .ml-portal-app.is-menu-open .ml-portal-sidebar{
        transform:translate3d(0,0,0)!important;
    }

    .ml-sidebar-close{
        display:flex!important;
    }

    .ml-portal-app.is-menu-open .ml-portal-backdrop{
        display:block!important;
    }

    .ml-portal-topbar{
        min-height:68px!important;
        padding:7px 0 11px!important;
    }

    .ml-operator-hero{
        display:block!important;
        min-height:0!important;
        padding:24px!important;
    }

    .ml-live-status{
        margin-top:18px!important;
    }

    .ml-operator-kpis,
    .ml-quick-actions-grid,
    .ml-operator-side-column,
    .ml-customer-actions,
    .ml-module-grid{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:560px){
    body.ml-body-operator .ml-portal-main,
    body.ml-body-customer .ml-portal-main{
        padding:9px 9px 24px!important;
    }

    .ml-portal-topbar{
        grid-template-columns:auto minmax(0,1fr) auto!important;
        gap:8px!important;
    }

    .ml-topbar-actions{
        gap:5px!important;
    }

    .ml-user-pill{
        border-radius:13px!important;
    }

    .ml-operator-hero{
        padding:20px!important;
        border-radius:19px!important;
    }

    .ml-operator-hero h2{
        font-size:25px!important;
    }

    .ml-operator-kpis>a{
        min-height:92px!important;
        padding:14px!important;
    }

    .ml-dashboard-panel{
        padding:14px!important;
        border-radius:17px!important;
    }
}

/* Media Luna 3.2.0 isolated app template */
body.ml-app-template{
    margin:0!important;
    padding:0!important;
    min-height:100dvh!important;
    width:100%!important;
    max-width:none!important;
    background:#f3f7f5!important;
}
body.ml-app-template .ml-portal-app{
    display:grid!important;
    grid-template-columns:264px minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
}
body.ml-app-template .ml-portal-sidebar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    width:264px!important;
    min-width:264px!important;
    max-width:264px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    transform:none!important;
    border-radius:0!important;
    overflow-y:auto!important;
    z-index:50!important;
}
body.ml-app-template .ml-portal-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:22px 24px 34px!important;
    overflow:visible!important;
}
body.ml-app-template .ml-portal-main>*{
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
body.ml-app-template .ml-portal-topbar{
    width:100%!important;
    max-width:1600px!important;
}
body.ml-app-template .ml-operator-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.ml-app-template .ml-operator-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr)!important;
}
@media(max-width:1240px){
    body.ml-app-template .ml-operator-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.ml-app-template .ml-operator-grid{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:900px){
    body.ml-app-template .ml-portal-app{
        display:block!important;
        width:100%!important;
    }
    body.ml-app-template .ml-portal-sidebar{
        position:fixed!important;
        top:0!important;
        bottom:0!important;
        left:0!important;
        width:min(88vw,310px)!important;
        min-width:min(88vw,310px)!important;
        max-width:min(88vw,310px)!important;
        height:100dvh!important;
        transform:translateX(-105%)!important;
        transition:transform .24s ease!important;
        z-index:10020!important;
    }
    body.ml-app-template .ml-portal-app.is-menu-open .ml-portal-sidebar{
        transform:translateX(0)!important;
    }
    body.ml-app-template .ml-portal-main{
        margin:0!important;
        width:100%!important;
        padding:12px 12px 28px!important;
    }
    body.ml-app-template .ml-operator-kpis,
    body.ml-app-template .ml-quick-actions-grid,
    body.ml-app-template .ml-customer-actions,
    body.ml-app-template .ml-module-grid,
    body.ml-app-template .ml-operator-side-column{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   Media Luna Core 3.4.0 — unified internal panel
   ========================================================= */
.ml-portal-sidebar nav a.is-active{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #78d7b5;
}
.ml-panel-content{min-height:420px}
.ml-panel-content.is-loading{opacity:.48;pointer-events:none}
.ml-panel-loading{position:fixed;right:24px;bottom:24px;z-index:12050;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #d4e8df;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(8,35,43,.16);color:#0b2c38;font-size:10px;font-weight:900}
.ml-panel-loading[hidden]{display:none!important}
.ml-panel-loading i{width:15px;height:15px;border:2px solid #c7ddd4;border-top-color:#0f5132;border-radius:50%;animation:mlPanelSpin .75s linear infinite}
@keyframes mlPanelSpin{to{transform:rotate(360deg)}}
.ml-panel-section{display:grid;gap:14px}
.ml-panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:22px;border:1px solid #d8e9e2;border-radius:22px;background:linear-gradient(135deg,#fff,#f5faf7);box-shadow:0 10px 28px rgba(7,45,51,.05)}
.ml-panel-heading h2{margin:5px 0 4px;color:#0b2c38;font-size:30px;line-height:1.04;letter-spacing:-.03em}
.ml-panel-heading p{margin:0;color:#6d8087;font-size:11px;line-height:1.55}
.ml-panel-actions{display:flex;gap:8px;flex-wrap:wrap}
.ml-panel-btn{display:inline-flex;min-height:40px;padding:0 14px;align-items:center;justify-content:center;gap:7px;border:1px solid #d4e7de;border-radius:999px;background:#fff;color:#0f5132!important;text-decoration:none!important;font-size:10px;font-weight:900;cursor:pointer}
.ml-panel-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,#0f5132,#168aad);color:#fff!important}
.ml-panel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ml-panel-metrics article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:0 9px;align-items:center;min-height:76px;padding:12px;border:1px solid #dcebe5;border-radius:17px;background:#fff}
.ml-panel-metrics i{grid-row:1/3;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#e9f5ef;color:#0f5132}
.ml-panel-metrics span{color:#75888e;font-size:8px;font-weight:900}
.ml-panel-metrics strong{color:#0b2c38;font-size:19px;line-height:1.05}
.ml-panel-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:none}
.ml-panel-tabs::-webkit-scrollbar{display:none}
.ml-panel-tabs a{flex:0 0 auto;padding:9px 12px;border:1px solid #d8e9e2;border-radius:999px;background:#fff;color:#62787f;text-decoration:none;font-size:9px;font-weight:900}
.ml-panel-tabs a.is-active{border-color:#0f5132;background:#0f5132;color:#fff}
.ml-panel-card{padding:18px;border:1px solid #dcebe5;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(7,45,51,.04)}
.ml-panel-card h3{margin:5px 0 8px;color:#0b2c38;font-size:19px}
.ml-panel-card>p{color:#6c8087;line-height:1.55}
.ml-panel-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:8px;align-items:end;margin-bottom:12px}
.ml-panel-filter label{display:grid;gap:5px}
.ml-panel-filter label>span{color:#536a71;font-size:8px;font-weight:900}
.ml-panel-filter input,.ml-panel-filter select,.ml-panel-filter textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d6e8df;border-radius:11px;background:#fafdfb;color:#0b2c38}
.ml-panel-list{display:grid;gap:7px}
.ml-panel-row{display:grid;grid-template-columns:150px 1fr 1fr 100px 120px 18px;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e0ede8;border-radius:14px;background:#fbfdfc;color:#0b2c38;text-decoration:none}
.ml-panel-row:hover{border-color:#b8ddcd;background:#f3faf6}
.ml-panel-row span,.ml-panel-row small{display:block;color:#788b91;font-size:8px}
.ml-panel-row strong{display:block;margin-top:3px;font-size:10px}
.ml-panel-status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:#edf5f1;color:#47655a;font-size:8px;font-weight:900}
.ml-panel-status.is-good{background:#ddf5eb;color:#216b50}
.ml-panel-status.is-warn{background:#fff1cf;color:#805800}
.ml-panel-status.is-bad{background:#ffe4df;color:#9a3423}
.ml-panel-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ml-panel-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ml-panel-detail-list>div{padding:10px 11px;border:1px solid #e0ede8;border-radius:12px;background:#f8fbfa}
.ml-panel-detail-list span,.ml-panel-detail-list strong{display:block}
.ml-panel-detail-list span{color:#75898e;font-size:8px}
.ml-panel-detail-list strong{margin-top:4px;color:#0b2c38;font-size:10px}
.ml-panel-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ml-panel-form label{display:grid;gap:5px}
.ml-panel-form label>span{color:#516a71;font-size:8px;font-weight:900}
.ml-panel-form input,.ml-panel-form select,.ml-panel-form textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d6e8df;border-radius:11px;background:#fbfdfc}
.ml-panel-form .is-full{grid-column:1/-1}
.ml-panel-note{padding:11px 12px;border:1px solid #cce4d9;border-radius:12px;background:#eef9f4;color:#32654f;font-size:9px}
.ml-panel-alert{padding:10px 12px;border-radius:12px;font-size:9px;font-weight:800}
.ml-panel-alert.is-success{border:1px solid #bee3d2;background:#eaf8f2;color:#216b50}
.ml-panel-alert.is-error{border:1px solid #efc8bf;background:#fff0ed;color:#963825}
.ml-panel-denied{text-align:center;padding:44px 24px;border:1px solid #dcebe5;border-radius:20px;background:#fff}
.ml-panel-denied>i{font-size:44px;width:44px;height:44px;color:#0f5132}
.ml-panel-module-state{display:flex;align-items:center;gap:15px}
.ml-panel-module-state>i{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:17px;background:#e8f5ef;color:#0f5132;font-size:25px}
@media(max-width:1050px){
  .ml-panel-metrics{grid-template-columns:repeat(2,1fr)}
  .ml-panel-row{grid-template-columns:120px 1fr 1fr 90px 18px}
  .ml-panel-row>*:nth-child(5){display:none}
}
@media(max-width:700px){
  .ml-panel-heading{display:block;padding:16px}
  .ml-panel-heading h2{font-size:25px}
  .ml-panel-actions{margin-top:12px}
  .ml-panel-metrics{grid-template-columns:1fr 1fr;gap:7px}
  .ml-panel-filter{grid-template-columns:1fr}
  .ml-panel-row{grid-template-columns:1fr auto}
  .ml-panel-row>*:nth-child(3),
  .ml-panel-row>*:nth-child(4){grid-column:1/2}
  .ml-panel-row>*:last-child{grid-column:2/3;grid-row:1/4}
  .ml-panel-detail-grid{grid-template-columns:1fr}
  .ml-panel-detail-list{grid-template-columns:1fr 1fr}
  .ml-panel-form{grid-template-columns:1fr}
  .ml-panel-form .is-full{grid-column:auto}
}