/* Milkyz Food identity layer. Layout, visibility and permission rules stay in
   their existing stylesheets. Status/health and destructive-action colors stay semantic. */
:root{--navy:#24243f;--navy2:#30304f;--blue:#116076;--bg:#f4f6f7;--text:#24243f;--muted:#68777b;--line:#dfe6e8;--brand-green:#116076;--brand-green-dark:#0b4a5b;--brand-tint:#eaf3f5;--brand-indigo:#34355f}
body{background:linear-gradient(135deg,#f8fafa,#eef3f4)}
.app .sidebar.sidebar-v70{background:linear-gradient(170deg,#25253f 0%,#202239 64%,#17353d 100%);border-right-color:#3d4553;box-shadow:12px 0 32px #24243f0d}
.app .sidebar .brand{gap:10px;margin:0 4px 8px;padding:0 4px 20px!important;min-height:90px;flex-shrink:0;border-bottom-color:#ffffff1a}
.brand-logo{display:block;object-fit:contain;flex:0 0 84px;width:84px;height:72px;max-width:none}
.brand-copy{min-width:0}
.app .sidebar .brand b,.login-hero .brand b{color:#fff;font-size:18px;line-height:1.3;letter-spacing:-.02em}
.app .sidebar .brand small{color:#c0ced2;font-size:11px;line-height:1.5;letter-spacing:.01em;max-width:170px;margin-top:5px}
.app .sidebar .brand-status{right:0;top:0;background:#39abcb}
.app .sidebar .sidebar-user{background:#202339;border-top-color:#ffffff1a!important}
.app .sidebar .sidebar-user .avatar,.app .avatar{background:linear-gradient(140deg,#177089,#105264);box-shadow:none}
.app .sidebar .sidebar-user small,.app .sidebar .sidebar-user>a{color:#afbfc4!important}
.app .sidebar .nav-icon{background:#ffffff09!important;border-color:#ffffff25!important;color:#bdcbcf!important}
.app .sidebar .nav-home small,.app .sidebar .nav-group summary small{color:#a0b0b4}
.app .sidebar .nav-group>summary{color:#d7e0e2}
.app .sidebar .nav-group[open]>summary{background:#ffffff07;border-color:#ffffff17}
.app .sidebar nav a{color:#c4d0d3!important}
.app .sidebar nav a:hover,.app .sidebar .nav-group>summary:hover{background:#ffffff0d!important;color:#fff!important}
.app .sidebar nav a.active{background:linear-gradient(105deg,#116076,#166b82)!important;color:#fff!important;box-shadow:0 5px 16px #06191e24!important}
.app .sidebar .nav-group-links{border-left-color:#ffffff25}
.app .sidebar .nav-group-links a:before{background:#60787e}
.app .sidebar .nav-group-links a.active:before{background:#4cc2e3;box-shadow:0 0 0 4px #4cc2e31a}
.app .sidebar .nav-account{border-top-color:#ffffff1a}
.app .topbar h1{color:#24243f}
.app .topbar{border-bottom-color:var(--line)!important}
.app .enterprise-welcome,.pwa-page .pwa-hero{background:linear-gradient(115deg,#292943,#243c42 62%,#116076);box-shadow:0 12px 28px #1b3f491a}
.app .welcome-label{color:#8dd0e2}
.app .enterprise-welcome p,.pwa-page .pwa-hero p{color:#d1dee2}
.btn:not(.secondary):not(.danger){background:var(--brand-green)!important;color:#fff}
.btn:not(.secondary):not(.danger):hover{background:var(--brand-green-dark)!important}
.btn.secondary{background:#edf2f3!important;color:#314f57!important}
.btn.secondary.queue-current{background:#ddebef!important;color:#0b4a5b!important;box-shadow:inset 0 0 0 1px #a7c6ce}
.btn.danger{background:var(--red)!important;color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#3a869b!important;box-shadow:0 0 0 3px #17708918!important}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-green)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #58a4b9;outline-offset:3px}
.pwa-top-link{color:#0c566a;border-color:#d3e1e5}
.pwa-page .pwa-step{background:var(--brand-tint);color:var(--brand-green)}
.app .stat-icon,.app .operations-list b{background:var(--brand-tint);color:var(--brand-green)}
.app .server-health-card{border-top-color:var(--brand-green)!important}
.app .performance-card,.app .trend-card,.app .operations-card{border-top-color:#ccd9dc!important}
.app .chart-legend span:first-child i,.app .trend-bars i:first-child{background:var(--brand-indigo)}
.app .dashboard-support-call{border-color:#d5e0e3;background:#f9fbfc;color:#24243f}
.app .dashboard-call-icon{background:#e4f1f4!important;color:#106177!important}
.app .enterprise-welcome .welcome-actions .ticket-alert-card{background:#edf6f8!important;color:#0d5164!important}
.app .enterprise-welcome .welcome-actions .ticket-alert-card .dashboard-call-icon{background:#116076!important;color:#fff!important}
.app .chat-avatar,.app .person-avatar{background:#e8f1f4;color:#116076}
.app .chat-compose button[type=submit],.app .chat-send{background:#116076}
.app .odoo-fields{background:#f6f9fa}
.login-hero{background:linear-gradient(145deg,#24243f,#263a3f 62%,#116076)}
.login-hero .brand{align-items:center;gap:18px}
.login-hero .brand-logo{width:128px;height:110px;flex-basis:128px}
.login-hero .brand small{color:#c7d9de;font-size:13px;line-height:1.5}
.login-hero p{color:#c7d9de}
.login-mobile-brand{display:none}
@media(max-width:900px){
 .login-mobile-brand{display:flex;align-items:center;gap:14px;margin:0 0 28px;padding:18px;background:linear-gradient(115deg,#24243f,#184956);border-radius:16px;color:#fff}
 .login-mobile-brand .brand-copy b{display:block;color:#fff;font-size:18px}
 .login-mobile-brand small{display:block;color:#c7d9de;font-size:12px;line-height:1.5;margin-top:4px}
 .login-mobile-brand .brand-logo{width:78px;height:66px;flex-basis:78px}
}
@media(min-width:901px) and (max-width:1200px){.app .sidebar .brand-logo{width:72px;height:64px;flex-basis:72px}.app .sidebar .brand b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* Support surfaces load older component CSS after the header. Scope the brand
   overrides explicitly so those files cannot turn call/chat controls blue. */
body .chat-window-head{background:linear-gradient(135deg,#fff,#f2f7f8);border-color:var(--line)}
body .chat-person-avatar{background:linear-gradient(145deg,#116076,#368da5);box-shadow:0 6px 18px #11607624}
body .chat-person-copy small,body .chat-bubble time{color:#66797e}
body .chat-messages{background:linear-gradient(180deg,#f8fafa,#f0f5f6)}
body .chat-bubble.mine{background:#e2eff2;border-color:#c3d9df}
body .thread-item.active{background:linear-gradient(135deg,#e6f1f4,#f4f9fa);border-color:#b9d4dc;box-shadow:0 5px 16px #1160760d}
body .thread-item:hover,body .chat-people-list button:hover,body .chat-user-picker-menu button:hover{background:#f0f6f8;border-color:#cedfe4}
body .thread-avatar,body .picker-avatar,body .chat-user-picker-menu i,body .chat-people-list button>i{background:#e5f0f3;color:#116076}
body .thread-item.active .thread-avatar,body .call-button-icon{background:#116076;color:#fff}
body .chat-inbox-tabs{background:#f6f9fa;border-color:var(--line)}
body .chat-inbox-tabs button.active,body .chat-user-picker-menu em{color:#116076}
body .chat-layout .badge.blue{background:#e7f1f4;color:#115b6f}
body .chat-window .chat-send-as,body .new-chat .chat-send-as,body .new-chat[open]{background:#f6f9fa}
body #chatForm.chat-compose textarea:focus{border-color:#3a869b!important;box-shadow:0 0 0 3px #17708918!important}
body #chatForm.chat-compose>.attach-button{background:#eaf3f5;color:#116076;border-color:#c3d9df}
body .chat-head-actions .chat-call-button,body .chat-window .chat-call-button{background:#edf4f6!important;color:#24505c!important;border-color:#c3d9df!important;box-shadow:0 5px 14px #11607612}
body .chat-call-button small{color:#597279}
body .support-launcher-icon,body .call-avatar{background:#e5f0f3;color:#116076}
body .call-avatar{box-shadow:0 0 0 10px #f0f6f8}
body .call-user-list button>span,body .call-support-now>span,body .call-user-list button>em{background:#e5f0f3;color:#116076}
body .call-user-list button:hover,body .call-support-now:hover{background:#f0f6f8;border-color:#afcdd5}
body .call-user-list em{color:#116076}
body .support-team-choices{display:grid;gap:12px}
body .support-back{margin:0 0 12px;flex-shrink:0}
body .support-launcher-card #supportLauncherBody{overflow-y:auto;overscroll-behavior:contain}
body .support-launcher-card .call-support-now{min-height:76px}
body .support-launcher-card .call-support-now>span{flex:0 0 44px;font-size:13px}
body .support-launcher-card .call-support-now small{line-height:1.5}
body .new-chat [data-support-recipient][hidden]{display:none!important}
body .new-chat #supportService{width:100%;min-height:44px;border-radius:10px;border:1px solid #c8dadf;background:#fff;padding:10px 12px;color:#243c43;font:inherit}
body .new-chat #supportServiceHint{display:block;line-height:1.5;margin-top:8px}
body .audio-call-layer[data-status="ringing"] .call-avatar{animation:milkyzCallPulse 1.4s infinite;box-shadow:0 0 0 7px #11607624}
@keyframes milkyzCallPulse{50%{box-shadow:0 0 0 18px #11607600}}
@media(max-width:600px){body .support-launcher-card{padding:24px 18px}body .support-team-choices{gap:10px}}