/* SAFE IT GUARD Professional UI REV2-02-R3-M2 | presentation only. */
:root{--m2-navy:#102A43;--m2-blue:#1769D1;--m2-teal:#147C83;--m2-ink:#162b40;--m2-muted:#64768a;--m2-line:#e3eaf1;--m2-bg:#f5f7fa;--m2-white:#fff;--m2-shadow:0 8px 32px rgba(10,37,65,.045)}
body.m2{background:var(--m2-bg);color:var(--m2-ink);font:13px Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.m2 *{box-sizing:border-box}body.m2 .shell{display:flex;min-height:100vh;max-width:none}body.m2 .sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 244px;width:244px;height:100vh;min-height:0;padding:22px 13px 14px;overflow-y:auto;overflow-x:hidden;background:#10283e;display:flex;flex-direction:column;gap:0;color:#c6d3df;z-index:24;border-right:1px solid #22384b}body.m2 .m2-brand{min-height:64px;display:flex;align-items:center;gap:10px;padding:0 10px;position:relative;color:white}body.m2 .m2-brand img{height:41px;width:39px;object-fit:contain}body.m2 .m2-brand>div{display:flex;flex-direction:column;line-height:1;gap:1px;font:800 17px Manrope,Inter,Arial,sans-serif;letter-spacing:-.045em}body.m2 .m2-brand b{color:#58acff}body.m2 .m2-brand-mark{position:absolute;top:10px;right:4px;font:800 7px Inter;letter-spacing:1.3px;color:#84a0b9}body.m2 .m2-workspace{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:19px 0 25px;border-radius:10px;background:#1b374f;border:1px solid #2f4a60}body.m2 .m2-workspace-logo{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#1769d1;color:white;font:800 11px Inter}body.m2 .m2-workspace>span:last-child{display:grid;gap:4px;min-width:0}body.m2 .m2-workspace strong{color:#f2f7fb;font-size:11px;white-space:nowrap}body.m2 .m2-workspace small{font-size:10px;color:#a5bac9}body.m2 .m2-nav-title{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#89a2b8;margin:0 11px 12px}body.m2 nav#m2-primary-nav{display:grid;gap:5px;width:100%}body.m2 #m2-primary-nav .nav-link{border:1px solid transparent;display:flex;align-items:center;gap:12px;margin:0;min-height:44px;padding:10px 12px;font-size:12px;font-weight:650;line-height:1.4;border-radius:9px;color:#bdcfdb;background:transparent;transition:background .15s,color .15s;white-space:nowrap}body.m2 #m2-primary-nav .nav-link:hover{background:#213e55;color:#fff}body.m2 #m2-primary-nav .nav-link.active{background:#21476a;border-color:#355c7a;color:#fff;box-shadow:none;position:relative}body.m2 #m2-primary-nav .nav-link.active:before{position:absolute;content:"";top:10px;bottom:10px;left:-1px;width:3px;background:#45cfd0;border-radius:0 4px 4px 0}body.m2 .m2-icon{display:block;width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;opacity:1}body.m2 #m2-primary-nav .nav-link .m2-icon{color:#91b0c4}body.m2 #m2-primary-nav .nav-link.active .m2-icon{color:#51d4da}body.m2 .m2-bottom{margin-top:auto;padding-top:25px}body.m2 .m2-env{display:flex;gap:10px;padding:14px 11px 18px;align-items:center}body.m2 .m2-env>span:last-child{display:grid;gap:3px}body.m2 .m2-env strong{font-size:10px;color:#cee0ed}body.m2 .m2-env small{font-size:10px;color:#91a9bd}body.m2 .m2-light{width:7px;height:7px;flex:0 0 7px;background:#48d1b4;border-radius:50%;box-shadow:0 0 0 4px #47c9ad1c}body.m2 .m2-profile{display:flex;gap:10px;align-items:center;padding:12px 10px;background:#1b354c;border:1px solid #314d61;border-radius:9px}body.m2 .m2-profile>span:last-child{display:grid;gap:3px}body.m2 .m2-profile strong{font-size:10px;color:#e9f2f7}body.m2 .m2-profile small{font-size:9px;color:#a1b9c8}body.m2 .m2-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;font:800 11px Inter;background:#3478b6;color:white}
body.m2 .main-area{min-width:0;flex:1;display:flex;flex-direction:column;max-width:none}body.m2 .topbar{height:67px;min-height:67px;background:white;border-bottom:1px solid var(--m2-line);padding:0 32px;display:flex;justify-content:space-between;gap:16px;align-items:center}body.m2 .m2-top-left,body.m2 .m2-top-right{display:flex;align-items:center;gap:14px;min-width:0}body.m2 .m2-breadcrumb{font-size:11px;color:#91a0b1;white-space:nowrap}body.m2 .m2-breadcrumb span{color:#c2cdd6;padding:0 8px}body.m2 .m2-breadcrumb strong{color:#193a55}body.m2 .m2-global-search{height:36px;display:flex;align-items:center;gap:8px;width:258px;border-radius:8px;border:1px solid #e2eaf1;background:#f8fafc;padding:0 11px;color:#8497a8}body.m2 .m2-global-search .m2-icon{width:16px;flex-basis:16px}body.m2 .m2-global-search input{width:100%;font-size:11px;min-width:0;padding:0;box-shadow:none;background:transparent;border:0;outline:0;color:#263d50}body.m2 .m2-global-search input:focus{box-shadow:none}body.m2 .m2-search-hint{font-size:8px;color:#90a5b4;letter-spacing:.4px;font-weight:800}body.m2 .m2-toolbar-btn{height:34px;min-width:34px;display:grid;place-items:center;color:#6c879b;background:transparent;border:0;border-radius:8px;padding:7px}body.m2 .m2-toolbar-btn:hover{background:#edf4fa;color:var(--m2-blue)}body.m2 .m2-mobile-toggle{display:none}body.m2 .m2-top-avatar{background:#e6eff8;color:#2f6087}body.m2 .m2-ident-wrap{font-size:10px;color:#627a8e}body.m2 .topbar #logout{background:white;border:1px solid #d9e5ef;color:#235b86;min-height:32px;padding:6px 12px;font-size:11px;border-radius:7px}body.m2 .topbar #logout:hover{background:#eef5fb}body.m2 .content{width:100%;max-width:1600px;padding:29px 38px 35px;margin:0 auto;flex:1}body.m2 .page-head.m2-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 22px}body.m2 .m2-page-copy h1{font:800 clamp(22px,2.3vw,28px)/1.25 Manrope,Inter,Arial;letter-spacing:-.04em;color:#142d43;margin:2px 0 7px}body.m2 .m2-page-copy p{font-size:12px;color:#7b8da0;margin:0}body.m2 .m2-page-copy .eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#1769d1}body.m2 .m2-local-badge{display:inline-flex;align-items:center;border:1px solid #e1e9f0;color:#678198;font-weight:700;font-size:9px;letter-spacing:.5px;border-radius:7px;padding:7px 10px;background:#fff}body.m2 .m2-page-actions{padding-top:9px}body.m2 .notice{position:fixed!important;z-index:1000;right:24px;top:76px;max-width:min(430px,calc(100vw - 40px));margin:0;border-radius:9px;padding:14px 17px;box-shadow:0 12px 32px #112c4629;background:#edf7f5;border:1px solid #c7e8dc;color:#126d60;font-size:12px;transition:opacity .25s ease,transform .25s ease;display:none}body.m2 .notice:not(:empty){display:block}body.m2 .notice[data-kind=error]{background:#fff4f3;color:#a83c37;border-color:#f5cecc}body.m2 .notice.m2-fading{opacity:0;transform:translateY(-6px)}body.m2 #workspace{min-height:350px}body.m2 .page-view{width:100%;margin:0;min-width:0}body.m2 .m2-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#627b90;font-weight:800;letter-spacing:1.2px;margin-bottom:15px}body.m2 .m2-active-dot{width:7px;height:7px;background:#18a58e;border-radius:50%}body.m2 .m2-mid-dot{color:#d2dbe3}body.m2 .m2-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}body.m2 .m2-metrics .metric{display:flex;flex-direction:column;gap:8px;min-width:0;padding:19px 20px;background:white;border:1px solid var(--m2-line);box-shadow:var(--m2-shadow);border-radius:12px}body.m2 .m2-metrics .metric span{font-size:11px;color:#657a8e;font-weight:600}body.m2 .m2-metrics .metric strong{font:800 29px Manrope,Inter,Arial;color:#122f47;line-height:1.15}body.m2 .m2-metrics .metric small{font-size:10px;color:#91a1af}body.m2 .dashboard-welcome.m2-welcome{min-height:0;background:white;border:1px solid var(--m2-line);border-radius:12px;padding:27px 29px;box-shadow:var(--m2-shadow)}body.m2 .m2-welcome h2{font:800 19px Manrope;color:#19364e;margin:2px 0 10px}body.m2 .m2-welcome p{font-size:12px;color:#64788b;max-width:730px;line-height:1.65}body.m2 .m2-welcome .quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}body.m2 .button-primary,body.m2 button.button-primary{font-size:11px;font-weight:750;display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:36px;border-radius:8px;border:1px solid var(--m2-blue);background:var(--m2-blue);color:white;padding:9px 14px;box-shadow:0 2px 6px #1769d11b}body.m2 .button-primary:hover{background:#1459b4}body.m2 .button-outline,body.m2 button.button-outline{min-height:34px;border:1px solid #d7e4ed;background:white;color:#315c78;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:700;box-shadow:none}body.m2 button.button-outline:hover{background:#f3f8fc;border-color:#aac4d7}body.m2 .m2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}body.m2 .m2-section-head h2{font:800 17px Manrope;color:#19354d;margin:2px 0 7px}body.m2 .m2-section-head p{font-size:12px;color:#8191a1;margin:0}body.m2 .m2-section-head .eyebrow{font-size:9px;letter-spacing:1.3px}body.m2 .m2-section-actions{padding-bottom:2px}body.m2 .m2-table-panel{border:1px solid var(--m2-line);border-radius:13px;overflow:hidden;background:#fff;box-shadow:var(--m2-shadow)}body.m2 .m2-table-toolbar{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--m2-line);gap:16px}body.m2 .m2-table-label{display:grid;gap:5px}body.m2 .m2-table-label strong{font-size:13px;color:#1d3950}body.m2 .m2-table-label span{color:#899bad;font-size:10px}body.m2 .m2-refresh{display:inline-flex;align-items:center;gap:7px}body.m2 .m2-refresh .m2-icon{width:14px;height:14px;flex-basis:14px}body.m2 .m2-table-header{background:#f7f9fb;border-bottom:1px solid #e6edf3;color:#8b9eae;text-transform:uppercase;font-size:9px;letter-spacing:.7px;font-weight:850;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.25fr) minmax(190px,.9fr);gap:15px;padding:12px 20px}body.m2 .m2-table-header .align-end{text-align:right}body.m2 .m2-table-body .item-list{display:block;background:#fff;min-height:110px;padding:0}body.m2 .m2-table-body .item{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.25fr) minmax(190px,.9fr);align-items:center;gap:15px;padding:16px 20px;border:0;border-bottom:1px solid #edf1f5;border-radius:0;margin:0;background:white;box-shadow:none;min-height:80px}body.m2 .m2-table-body .item:last-child{border-bottom:0}body.m2 .m2-table-body .item:hover{background:#fbfdff}body.m2 .m2-table-body .item-info{display:contents}body.m2 .m2-table-body .item-title{grid-column:1;grid-row:1;display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;font-size:12px;line-height:1.4;color:#1a344b}body.m2 .m2-table-body .item-title strong{display:block;max-width:100%;font-size:12px;font-weight:750}body.m2 .m2-table-body .item-info>small{font-size:10px;color:#7c90a3;line-height:1.5;grid-column:2;grid-row:1;overflow-wrap:anywhere}body.m2 .m2-table-body .item-info>small:nth-of-type(2){display:none}body.m2 #client-list .item-info>small.contact-line{display:block}body.m2 .m2-table-body .item-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:flex-end;grid-column:3;grid-row:1}body.m2 .m2-table-body .item-actions .button-outline{font-size:10px;padding:6px 9px;min-height:29px;white-space:nowrap}body.m2 .m2-table-body .tag{display:inline-flex;font:750 9px Inter;padding:4px 7px;border-radius:6px;white-space:nowrap;margin:0}body.m2 .m2-table-body .tag.active{background:#e5f6ef;color:#087a5f}body.m2 .m2-table-body .tag.inactive{background:#fff2e2;color:#9b651d}body.m2 .m2-table-body .placeholder{padding:30px;color:#8799a8;border:0;min-height:100px}body.m2 .m2-table-footer{padding:9px 19px;border-top:1px solid #edf2f6}body.m2 .m2-table-footer:empty{display:none}body.m2 .m2-table-body .item.m2-filtered-out{display:none}body.m2 #workspace .disclaimer{font-size:10px;margin:23px 0 6px;color:#91a1af}body.m2 footer{font-size:10px;color:#91a2b2;padding:16px 38px;border-top:1px solid #e4eaf0;background:transparent}
/* Drawer forms: retains live JS and backend contracts. */
body.m2 dialog.m2-create-dialog,body.m2 dialog#edit-dialog,body.m2 dialog#edit-plan-dialog{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;margin:0!important;padding:0!important;width:min(510px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:15px 0 0 15px;box-shadow:-12px 0 45px #0c29443c;overflow:auto;background:#fff;color:#1a3249}body.m2 dialog::backdrop{background:rgba(11,32,50,.40)}body.m2 .m2-drawer-head{display:flex;flex-direction:column;align-items:flex-start;padding:27px 30px 20px;border-bottom:1px solid #e8eef3;position:relative}body.m2 .m2-drawer-head h2{font:800 21px Manrope,Inter;color:#19354c;margin:3px 0}body.m2 .m2-drawer-head .m2-drawer-close{position:absolute;right:22px;top:21px;background:#f3f6f9;color:#7890a4;border:0;border-radius:8px;width:32px;height:32px;font-size:24px;line-height:1}body.m2 .m2-drawer-body{padding:22px 30px 35px}body.m2 .m2-create-body{display:block;background:none;border:0;box-shadow:none;margin:0;padding:0;min-width:0}body.m2 .m2-create-body>p{font-size:11px;color:#8292a2;margin-bottom:15px}body.m2 .m2-create-body form,body.m2 .m2-create-body .commercial-form{display:grid;gap:7px;margin:0}body.m2 .m2-create-body label,body.m2 .modal label{font-size:11px;font-weight:700;color:#3a5368;margin-top:9px}body.m2 input,body.m2 select{border-radius:8px;border:1px solid #d9e4ed;background:#fff;min-height:39px;padding:9px 11px;color:#223d53;font-size:12px;box-shadow:none}body.m2 input:focus,body.m2 select:focus{outline:2px solid #a4d2f1;outline-offset:1px;border-color:#1769d1}body.m2 .m2-create-body .hint{font-size:10px;color:#9aabbb}body.m2 .m2-create-body form button[type=submit]{margin-top:15px;width:fit-content}body.m2 .m2-create-body .scope-note{margin-top:20px;border:1px solid #dbeeea;background:#f1f9f7;color:#42766f;border-radius:9px;padding:13px}body.m2 .m2-create-body .scope-note strong{font-size:11px}body.m2 .m2-create-body .scope-note p{font-size:10px;margin:5px 0 0}body.m2 dialog#edit-dialog form,body.m2 dialog#edit-plan-dialog form{padding:27px 30px 32px;display:flex;flex-direction:column;gap:9px}body.m2 dialog#edit-dialog .modal-head,body.m2 dialog#edit-plan-dialog .modal-head{margin:0 0 12px}body.m2 dialog#edit-dialog h2,body.m2 dialog#edit-plan-dialog h2{font:800 19px Manrope;color:#1c374c}body.m2 dialog .modal-actions{justify-content:flex-end;margin-top:18px}body.m2 dialog#status-dialog,body.m2 dialog#license-status-dialog,body.m2 dialog#help-dialog{border:0;border-radius:12px;max-width:min(480px,calc(100vw - 32px));padding:25px;box-shadow:0 18px 55px #0e304442}
/* Master login: preserve existing MFA flows with upgraded composition. */
body.m2.auth-state{background:#081f33}body.m2.auth-state .shell{display:block}body.m2.auth-state .sidebar,body.m2.auth-state .topbar,body.m2.auth-state .page-head,body.m2.auth-state footer{display:none!important}body.m2.auth-state .main-area{display:block}body.m2.auth-state .content{max-width:none;margin:0;padding:0}body.m2.auth-state #login.m2-auth-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,.85fr);min-height:100vh;gap:0;align-items:stretch}body.m2.auth-state #login .auth-context{order:-1;position:relative;display:block;min-height:100vh;background:#071b2a;border-radius:0;overflow:hidden;padding:0}body.m2.auth-state #login .auth-context img.login-banner{width:100%;height:100%;min-height:100vh;object-fit:cover;object-position:center;max-height:none;filter:brightness(.73)}body.m2.auth-state #login .auth-context:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,#061c2bd9);pointer-events:none}body.m2.auth-state #login .m2-auth-caption{position:absolute;z-index:2;bottom:7%;left:8%;right:8%;color:#fff;display:grid;gap:11px}body.m2 .m2-auth-caption span{font-size:10px;letter-spacing:2px;color:#5bd2cf;font-weight:800}body.m2 .m2-auth-caption strong{font:800 clamp(27px,3.3vw,48px)/1.12 Manrope,Inter,Arial;letter-spacing:-.04em}body.m2 .m2-auth-caption small{font-size:12px;color:#d4e7f0}body.m2.auth-state #login .auth-card{background:white;border:0;box-shadow:none;border-radius:0;min-height:100vh;padding:clamp(34px,5vw,72px);max-width:none;justify-content:center;display:flex;flex-direction:column}body.m2 .m2-login-brand{display:flex;gap:10px;align-items:center;margin-bottom:42px}body.m2 .m2-login-brand img{width:42px;height:46px;object-fit:contain}body.m2 .m2-login-brand span{display:grid;font:850 18px Manrope;letter-spacing:-.045em;line-height:1}body.m2 .m2-login-brand b{color:var(--m2-blue)}body.m2 .m2-login-eyebrow{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#1769d1;margin-bottom:12px}body.m2.auth-state #login .auth-card h2{font:800 clamp(24px,2.7vw,34px)/1.2 Manrope;color:#162f44;letter-spacing:-.04em;margin:0 0 11px}body.m2.auth-state #login .auth-card>p{font-size:12px;color:#8295a7;line-height:1.65;margin:0 0 26px}body.m2.auth-state #login form{display:grid;gap:8px}body.m2.auth-state #login form label{font-size:11px;font-weight:750;color:#385268}body.m2.auth-state #login form input{min-height:43px;background:#f9fbfd}body.m2.auth-state #login form .button-primary{margin-top:12px;min-height:43px}body.m2 .auth-links{gap:9px}body.m2 .auth-links .auth-action{padding:9px 10px;border:1px solid #e3eaf0;border-radius:8px;background:#f9fbfd;text-decoration:none;color:#385872;font-size:10px}body.m2 .auth-links .auth-action-icon{background:transparent;border:0;width:26px;height:26px;display:grid;place-items:center}body.m2 .auth-links .duotone-icon{width:22px;height:22px}body.m2 .auth-switch{margin-top:20px;font-size:11px;color:#788ea0}body.m2 .auth-switch a{color:#1769d1;font-weight:750}
/* Tenant login: live auth only; not operational yet */
body.m2-client{background:#0b2235;font-family:Inter,Arial,sans-serif}body.m2-client .client-auth-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(410px,.85fr);gap:0;min-height:100vh;align-items:stretch}body.m2-client .client-auth-art{height:100vh;min-height:100vh;overflow:hidden;position:relative;background:#062239}body.m2-client .client-auth-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}body.m2-client .client-auth-card{display:flex;flex-direction:column;justify-content:center;background:white;padding:clamp(30px,5vw,68px);min-height:100vh;border:0;border-radius:0;box-shadow:none}body.m2-client .client-login-logo{width:auto;margin-bottom:28px}body.m2-client .m2-login-brand{margin-bottom:12px}body.m2-client .m2-login-brand img{width:42px;height:46px}body.m2-client .client-auth-card h1{font:800 clamp(25px,2.5vw,34px)/1.25 Manrope,Inter;color:#173249;letter-spacing:-.04em}body.m2-client .client-auth-card>p{font-size:12px;color:#71869a;line-height:1.6}body.m2-client .client-auth-card form input{background:#f8fbfd;min-height:42px}body.m2-client .client-auth-card .client-notice{font-size:11px;line-height:1.5;border-radius:8px}body.m2-client .client-auth-card .auth-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.m2 .m2-mobile-toggle,body.m2 #m2-scrim{display:none}
@media(max-width:1100px){body.m2 .m2-global-search{width:200px}body.m2 .content{padding:27px 24px 32px}body.m2 .m2-table-header,body.m2 .m2-table-body .item{grid-template-columns:minmax(140px,1.1fr) minmax(145px,1fr) minmax(185px,1.1fr)}body.m2 .m2-table-body .item-actions{gap:4px}body.m2 .m2-table-body .item-actions .button-outline{padding:6px 8px}body.m2.auth-state #login.m2-auth-layout,body.m2-client .client-auth-shell{grid-template-columns:minmax(0,1.2fr) minmax(370px,1fr)}}
@media(max-width:800px){body.m2 .sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;height:100dvh;transform:translateX(-100%);transition:transform .2s ease;z-index:51}body.m2.m2-nav-open .sidebar{transform:translateX(0)}body.m2 .m2-mobile-toggle{display:grid}body.m2 #m2-scrim{display:none;position:fixed;inset:0;background:#061f34a1;border:0;z-index:50}body.m2.m2-nav-open #m2-scrim{display:block}body.m2 .main-area{width:100%}body.m2 .topbar{padding:0 18px}body.m2 .m2-global-search{width:min(35vw,210px)}body.m2 .m2-ident-wrap{display:none}body.m2 .m2-breadcrumb{font-size:10px}body.m2 .content{padding:26px 18px}body.m2 .m2-table-header,body.m2 .m2-table-body .item{grid-template-columns:minmax(100px,1fr) minmax(130px,1fr) minmax(150px,1fr)}body.m2 .m2-table-header{font-size:8px;padding:12px 14px}body.m2 .m2-table-body .item{gap:8px;padding:13px 14px}body.m2.auth-state #login.m2-auth-layout,body.m2-client .client-auth-shell{grid-template-columns:1fr}body.m2.auth-state #login .auth-context,body.m2-client .client-auth-art{height:240px;min-height:240px;order:0}body.m2.auth-state #login .auth-context img.login-banner,body.m2-client .client-auth-art img{height:240px;min-height:240px;object-position:center}body.m2.auth-state #login .m2-auth-caption{display:none}body.m2.auth-state #login .auth-card,body.m2-client .client-auth-card{min-height:auto;padding:34px clamp(20px,5vw,35px)}body.m2 .m2-login-brand{margin-bottom:24px}}
@media(max-width:570px){body.m2 .m2-top-right{gap:8px}body.m2 .m2-top-avatar{display:none}body.m2 .m2-global-search{width:40px;padding:0 10px;transition:width .15s}body.m2 .m2-global-search:focus-within{width:170px}body.m2 .m2-global-search input:not(:focus){width:0;min-width:0}body.m2 .m2-search-hint{display:none}body.m2 .m2-breadcrumb{overflow:hidden;text-overflow:ellipsis;max-width:145px}body.m2 .m2-metrics{grid-template-columns:1fr}body.m2 .m2-section-head{align-items:flex-start;flex-direction:column}body.m2 .m2-table-header{display:none}body.m2 .m2-table-body .item{display:flex;align-items:flex-start;flex-direction:column;padding:17px 15px;gap:8px}body.m2 .m2-table-body .item-info{display:flex;flex-direction:column;gap:6px}body.m2 .m2-table-body .item-info>small{display:block}body.m2 .m2-table-body .item-actions{justify-content:flex-start;width:100%}body.m2 .m2-table-toolbar{padding:14px;align-items:flex-start}body.m2 .m2-section-actions .button-primary{width:100%}body.m2 dialog.m2-create-dialog,body.m2 dialog#edit-dialog,body.m2 dialog#edit-plan-dialog{width:100vw;border-radius:0}body.m2 .m2-drawer-head,body.m2 .m2-drawer-body{padding-left:21px;padding-right:21px}body.m2 .content{padding:22px 14px}body.m2 .m2-welcome{padding:19px}body.m2.auth-state #login .auth-context,body.m2-client .client-auth-art{height:180px;min-height:180px}body.m2.auth-state #login .auth-context img.login-banner,body.m2-client .client-auth-art img{height:180px;min-height:180px}body.m2-client .client-auth-card{padding:25px 20px}}