.sidebar-utility{display:flex;align-items:center;gap:8px}
.sidebar-utility .support{flex:1;min-width:0;width:auto;align-items:center;font-size:14px}
.desktop-logout{display:flex;align-items:center;gap:6px;flex:none;min-height:40px;padding:7px 9px;border:1px solid #ffffff26;border-radius:9px;background:#ffffff0d;color:#e1e9ee;font:700 13px "DM Sans",sans-serif;cursor:pointer}
.desktop-logout:hover{background:#ffffff1d;border-color:#c7d1d8;outline:0}.desktop-logout:focus-visible{background:#ffffff1d;border-color:#c7d1d8;outline:0}
.desktop-logout span{font-size:21px;line-height:1}
.logout-confirm{text-align:center;padding:8px 3px 2px}
.logout-confirm-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:#e8edf1;color:#172633;font-size:29px}
.logout-confirm p{margin:8px 0 24px;color:#5d6c78;font-size:16px;line-height:1.5}
@media(max-width:720px){
 
 body.field-refined:has(.field-home) .field-actions button{background:rgba(14,23,34,.36)!important;border-color:rgba(255,255,255,.35)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 body.field-refined .field-hero-image{background:linear-gradient(180deg,#0813222b 0%,#08132225 28%,#08132272 56%,#07111e9e 100%),url("./drift-autumn-aurora.png") center 45%/cover!important}
 
 
 body.field-mode .top-actions #notificationBtn .wf-notification-count{background:#d63b3b!important;color:#fff!important;border-color:#172b3d!important}
 .modal-backdrop:has(.premium-notices){background:#07131dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .modal:has(.premium-notices){max-height:88dvh;padding:22px 17px calc(env(safe-area-inset-bottom) + 18px);border:1px solid #ffffff35;border-radius:24px 24px 0 0;background:rgba(13,29,44,.91)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -18px 60px #0007;color:#edf4fa}
 .modal:has(.premium-notices)::before{background:#ffffff69}
 .modal:has(.premium-notices) .modal-close{background:#ffffff18;color:#fff;border:1px solid #ffffff35}
 .premium-notice-intro{display:flex;align-items:center;gap:10px;margin:5px 42px 10px 1px;color:#d5bb87;font-size:13px;font-weight:750;letter-spacing:.04em}
 .premium-notice-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#d6b77d24;color:#e5ca91;font-size:22px}
 .premium-notices h2{margin:0 0 19px;color:#fff!important;font:800 30px Manrope,sans-serif;letter-spacing:-.04em}
 .premium-notices #wfReadAll{width:100%;min-height:46px;border:1px solid #d5bd8b70;border-radius:11px;background:#d3b67f1c;color:#f1d7a2;font-size:14px;text-align:center}
 .premium-notices .wf-results{gap:9px;margin:16px 0 0}
 .premium-notices .wf-results>button{display:flex;align-items:flex-start;gap:10px;min-height:72px;padding:14px;border:1px solid #ffffff28;border-left:3px solid #ffffff30!important;border-radius:12px;background:#ffffff12!important;color:#eef4fa!important;box-shadow:none}
 .premium-notices .wf-results>button.wf-unread{border-left-color:#dbbc83!important;background:#ffffff1d!important}
 .premium-notices .wf-results>button span{color:#dbe5ed!important;font-size:14px;line-height:1.45}
 .premium-notices .wf-results>button strong{color:#fff!important;font-size:16px;line-height:1.35}
 .premium-notices .wf-results>button small{color:#bbccda!important;font-size:12px}
 .premium-notices .wf-results b{border-radius:999px;background:#d9bb8330;color:#f3d79d;padding:5px 9px;font-size:12px}
 .premium-notices .wf-results p{color:#d1dde6}
 .premium-notices .modal-actions{background:transparent!important;border:0!important;box-shadow:none!important}
 .premium-notices .modal-actions button{background:#ffffff17!important;color:#fff!important;border:1px solid #ffffff35!important}
 .modal:has(.premium-notices){max-height:min(78dvh,calc(100dvh - env(safe-area-inset-top) - 110px))!important}
 body.field-mode .mobile-brand strong{font-size:32px!important;letter-spacing:.065em!important;line-height:1!important}body.field-refined:has(.field-home) .mobile-brand strong{font-size:32px!important;letter-spacing:.065em!important;line-height:1!important}body:not(.field-mode) .mobile-brand strong{font-size:32px!important;letter-spacing:.065em!important;line-height:1!important}
 /* One restrained mobile action palette across pages and dialogs. */
 body.field-mode .content button.primary:not(.create-fab){background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-mode .content a.primary{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-mode .content button.action-blue{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-mode .modal button.primary{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-mode .modal button.action-blue{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-mode .content button.help-report{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}body.field-refined .content .commercial-admin-intro .secondary{background:#18232d!important;border:1px solid #35495a!important;color:#fff!important;box-shadow:0 5px 14px #111c2920!important}
 body.field-mode .content button.primary:not(.create-fab):hover{background:#263745!important;border-color:#7a93a8!important}body.field-mode .content button.action-blue:hover{background:#263745!important;border-color:#7a93a8!important}body.field-mode .modal button.primary:hover{background:#263745!important;border-color:#7a93a8!important}
 body.field-mode .content button.primary:focus-visible{outline:3px solid #c9a972!important;outline-offset:2px}body.field-mode .content button.action-blue:focus-visible{outline:3px solid #c9a972!important;outline-offset:2px}body.field-mode .modal button.primary:focus-visible{outline:3px solid #c9a972!important;outline-offset:2px}
 body.field-mode .content button.primary:disabled{background:#d7dce1!important;border-color:#d7dce1!important;color:#687785!important;box-shadow:none!important}body.field-mode .modal button.primary:disabled{background:#d7dce1!important;border-color:#d7dce1!important;color:#687785!important;box-shadow:none!important}
 body.field-refined .content [data-crm-mode].active{background:#203241!important;border-color:#354b5e!important;color:#fff!important}body.field-refined .content [data-message-mode].active{background:#203241!important;border-color:#354b5e!important;color:#fff!important}body.field-mode .content .field-view-switch button.active{background:#203241!important;border-color:#354b5e!important;color:#fff!important}
 body.field-mode .content .page-head .page-actions:has(#operationOffers){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;width:100%}
 body.field-mode .content .page-head .page-actions:has(#operationOffers) button{width:100%!important;min-width:0;min-height:50px!important;margin:0!important;padding:9px 5px!important;white-space:nowrap;font-size:14px!important}
 body.field-mode .content .operation-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;margin:0 0 19px;padding:0}
 body.field-mode .content .operation-tabs button{display:flex;align-items:center;gap:13px;min-width:0;min-height:86px;padding:13px;border-radius:15px;box-shadow:0 5px 16px #152a3910}
 body.field-mode .content .operation-tabs button>span{flex:0 0 43px;width:43px;height:43px;font-size:26px}
 body.field-mode .content .operation-tabs strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
 body.field-mode .content .operation-tabs small{display:none}
}
@media(max-width:360px){body.field-mode .mobile-brand strong{font-size:29px!important}body.field-refined:has(.field-home) .mobile-brand strong{font-size:29px!important}body:not(.field-mode) .mobile-brand strong{font-size:29px!important}body.field-mode .content .operation-tabs button{gap:8px;padding:10px}body.field-mode .content .operation-tabs button>span{flex-basis:37px;width:37px;height:37px;font-size:23px}body.field-mode .content .operation-tabs strong{font-size:16px}}

/* Mobile menu owns only its drawer; approved page chrome is unchanged. */
@media(max-width:720px){
 .premium-menu-overlay{display:flex;color:#fff;font-family:"DM Sans",sans-serif;bottom:var(--mobile-nav-height)!important}
 .premium-menu-shade{position:absolute;inset:0;background:#101722}
 .premium-menu-panel{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:calc(var(--mobile-safe-top) + 12px) 20px 0;border:0;color:#fff}
 .premium-menu-top{display:flex;align-items:center;justify-content:space-between;flex:none;gap:16px;min-height:48px;margin-bottom:14px}
 .premium-menu-brand{display:flex;align-items:center;gap:10px;font:800 26px/1 Manrope,sans-serif;letter-spacing:.04em}
 .premium-menu-brand i{height:25px;width:1px;background:#d2b77e}

 .premium-menu-back{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#fff;font-size:36px}
 .premium-menu-back span{font-size:20px}
 .premium-menu-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px 12px}
 .premium-menu-profile{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:0;margin:0 0 20px;border:0;background:transparent;color:#fff;text-align:left}
 .premium-menu-avatar{display:grid;place-items:center;position:relative;flex:0 0 64px;width:64px;height:64px;overflow:hidden;border:2px solid #d2b77e;border-radius:50%;background:#153244;font:800 22px Manrope,sans-serif}
 .premium-menu-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .premium-menu-profile>span:last-child{display:grid;gap:5px;min-width:0}
 .premium-menu-profile strong{font:800 22px/1.2 Manrope,sans-serif;overflow-wrap:anywhere}
 .premium-menu-profile small{font-size:18px;color:#b9c5d2}
 .premium-menu-group{display:block;margin:0 0 12px 3px;color:#d2b77e;font-size:16px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
 .premium-menu-scroll nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .premium-menu-row{display:flex;align-items:center;gap:16px;width:100%;min-height:60px!important;box-sizing:border-box;padding:14px 17px;border:1px solid transparent;border-radius:14px;background:#153244;color:#fff;text-align:left;text-decoration:none;font:600 20px/1.25 "DM Sans",sans-serif;font-size:20px!important;font-weight:600!important;cursor:pointer}
 .premium-menu-row.active{background:#203e52;border-color:#d2b77e66;box-shadow:inset 4px 0 #d2b77e}
 .premium-menu-row:hover{background:#203e52}
 .premium-menu-panel :is(button,a):focus-visible{outline:2px solid #d2b77e;outline-offset:-3px}
 .premium-menu-label{flex:1;min-width:0;overflow-wrap:anywhere}
 .premium-menu-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px}
 .premium-menu-icon svg{display:block;width:28px;height:28px;stroke-width:1.8}
 .premium-menu-chevron{display:grid;place-items:center;flex:0 0 20px;width:20px}
 .premium-menu-chevron svg{width:20px;height:20px}
 .premium-menu-heading{margin:8px 0 26px}
 .premium-menu-heading h2{margin:0 0 8px;color:#fff;font:800 32px/1.2 Manrope,sans-serif}
 .premium-menu-heading p{margin:0;color:#b9c5d2;font-size:18px;line-height:1.4}
 .premium-menu-extra{display:grid;gap:8px;border-top:1px solid #b9c5d233;margin-top:12px;padding-top:16px}
 .premium-menu-extra .premium-menu-row{background:transparent}
 .premium-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;border-top:1px solid #b9c5d244;padding:8px 0}
 .premium-menu-footer button{display:flex;align-items:center;gap:10px;padding:6px 4px;border:0;background:transparent;color:#fff;font:500 17px "DM Sans",sans-serif}
 .premium-menu-footer button span{font-size:24px}
}
