/* Aromika CRM patch 09 */
:root{--p9-keyboard-offset:0px}
/* dashboard: stable 3x2 grid and overflow guards */
.p9-analytics .a6-dashboard{align-items:stretch!important}.p9-analytics .a6-dashboard>*{min-width:0!important;min-height:0!important;overflow:hidden}.p9-analytics .a6-dashboard h3,.p9-analytics .a6-dashboard h4,.p9-analytics .a6-dashboard b,.p9-analytics .a6-dashboard strong,.p9-analytics .a6-dashboard small,.p9-analytics .a6-dashboard span{max-width:100%}.p9-analytics .a6-dashboard h3,.p9-analytics .a6-dashboard h4,.p9-analytics .a6-dashboard .a4-product-name b,.p9-analytics .a6-dashboard .brand-line b{overflow-wrap:anywhere;word-break:break-word}.p9-analytics .a6-dashboard .a4-product-image{overflow:hidden;display:flex;align-items:center;justify-content:center}.p9-analytics .a6-dashboard .a4-product-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block}.p9-analytics .a4-product{min-width:0}.p9-analytics .a4-product-name,.p9-analytics .a4-product-sales{min-width:0;overflow:hidden}.p9-analytics .a4-product-name b,.p9-analytics .a4-product-name small,.p9-analytics .a4-product-sales b,.p9-analytics .a4-product-sales small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p9-analytics .a4-driver{grid-template-columns:minmax(0,1fr) minmax(50px,.8fr) minmax(72px,auto)!important}.p9-analytics .a4-driver span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.p9-analytics .dash-kpi{min-width:0}.p9-analytics .dash-kpi strong,.p9-analytics .dash-kpi span{overflow-wrap:anywhere}
@media(min-width:1180px){.p9-analytics .a6-dashboard{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.98fr) minmax(0,1.05fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}.p9-analytics .a6-dashboard>.trend-panel{grid-area:1/1!important}.p9-analytics .a6-dashboard>.brand-panel{grid-area:1/2!important}.p9-analytics .a6-dashboard>.p6-spotlight{grid-area:1/3!important}.p9-analytics .a6-dashboard>.p6-geography{grid-area:2/1!important}.p9-analytics .a6-dashboard>.a4-products{grid-area:2/2!important}.p9-analytics .a6-dashboard>.a4-channel-card{grid-area:2/3!important}.p9-analytics .a4-ring{min-width:120px}.p9-analytics .a4-brand-layout{grid-template-columns:minmax(110px,.82fr) minmax(0,1.18fr)!important}.p9-analytics .brand-legend{min-width:0;overflow:auto}.p9-analytics .brand-line{grid-template-columns:10px minmax(0,1fr) auto!important;min-width:0}.p9-analytics .brand-line span{min-width:0}.p9-analytics .brand-line b,.p9-analytics .brand-line small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}
.p9-brand-crumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:5px 0 8px}.p9-brand-crumbs button{border:0;background:transparent;padding:2px 4px;color:var(--muted);font-size:11px}.p9-brand-crumbs button:last-child{color:var(--text);font-weight:700}.p9-brand-crumbs i{color:var(--muted);font-style:normal}.p9-task-mini,.p9-task-agent{display:inline-flex;align-items:center;justify-content:center;gap:5px}.p9-geo-wrap{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:4px}.p9-task-mini{width:32px!important;height:32px!important;padding:5px!important}.p9-task-agent{white-space:nowrap}
/* department/branch visual language: department is primary, branch is a subtle second signal */
.p8-dialog,.p8-team-row:not(.p8-team-header),[data-employee-row],.identity{--p9-dept:#d9417d;--p9-branch:#8c6ed1}.p8-dialog{border-left:3px solid var(--p9-dept)!important;position:relative}.p8-dialog:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--p9-branch);opacity:.65}.p8-dialog .p8-dialog-avatar,.p8-team-row .avatar,.identity .avatar{background:color-mix(in srgb,var(--p9-dept) 13%,var(--surface))!important;color:var(--p9-dept)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--p9-branch) 42%,transparent)}.p8-team-row:not(.p8-team-header){border-left:3px solid var(--p9-dept);box-shadow:inset 0 -1px color-mix(in srgb,var(--p9-branch) 24%,transparent)}[data-employee-row]{box-shadow:inset 3px 0 var(--p9-dept),inset 0 -1px color-mix(in srgb,var(--p9-branch) 20%,transparent)}
/* read indicators */
.p9-read-state{display:inline-flex;align-items:center;margin-left:4px;font-weight:800;letter-spacing:-2px;color:var(--muted)}.p9-read-state.is-read{color:#248edb}.p9-read-state.is-delivered{color:var(--muted)}
/* sessions/security */
.p9-session{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.p9-session small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.p9-security-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:15px}.p9-security-kpis>div{border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0}.p9-security-kpis small{display:block;color:var(--muted)}.p9-security-kpis b{font-size:22px}
/* mobile messenger: vertical list, WhatsApp-like thread and keyboard-safe composer */
@media(max-width:900px){
 body.crm-chat-page{overflow:hidden}.crm-chat-page .page{padding:0!important}.crm-chat-page .page-head{padding:18px 18px 10px}.crm-chat-page .chat-layout{display:block!important;min-height:0!important;height:calc(var(--a4-vh,100dvh) - 178px)!important;max-height:calc(var(--a4-vh,100dvh) - 178px)!important;margin:0!important;overflow:hidden!important}.crm-chat-page .chat-layout.a4-dialog-list .chat-list{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.crm-chat-page .chat-list .list{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important;overscroll-behavior:contain}.crm-chat-page .chat-list .list .p8-dialog{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:12px 14px!important;min-height:76px!important;border-radius:0!important;border-top:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important;transform:none!important}.crm-chat-page .p8-dialog .p8-dialog-avatar{width:50px!important;height:50px!important;min-width:50px!important}.crm-chat-page .p8-dialog-copy{width:auto!important;min-width:0!important}.crm-chat-page .p8-dialog-copy b{font-size:16px!important;white-space:nowrap!important}.crm-chat-page .p8-dialog-copy small{font-size:13px!important;white-space:nowrap!important}.crm-chat-page .p8-dialog-meta{min-width:42px!important}.crm-chat-page .chat-layout.a4-thread .chat-main{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;position:relative!important;width:100%!important;height:100%!important;max-height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}.crm-chat-page .chat-layout.a4-thread .chat-list,.crm-chat-page .chat-layout.a4-thread .chat-side{display:none!important}.crm-chat-page .messages{min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px 10px 16px!important}.crm-chat-page .message{max-width:88%!important}.crm-chat-page .message.mine{margin-left:auto!important}.crm-chat-page .compose{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:4!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;margin:0!important;border-top:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:0 -6px 20px rgba(0,0,0,.04)}.crm-chat-page.keyboard-open .a4-bottom-nav{display:none!important}.crm-chat-page.keyboard-open .chat-layout{height:calc(var(--a4-vh,100dvh) - 95px)!important;max-height:calc(var(--a4-vh,100dvh) - 95px)!important}.crm-chat-page.keyboard-open .page-head{display:none!important}.crm-chat-page .compose textarea{font-size:16px!important;min-height:42px!important;max-height:112px!important}.crm-chat-page .compose .tools{display:flex!important;align-items:center!important;justify-content:space-between!important}.crm-chat-page .message .bubble{overflow-wrap:anywhere!important;word-break:break-word}.crm-chat-page .attachment img,.crm-chat-page .attachment video{max-width:100%!important;height:auto!important}.p9-security-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.p9-analytics .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p9-analytics .dash-kpi strong{font-size:20px!important}.p9-analytics .a6-dashboard{display:flex!important;flex-direction:column!important}.p9-analytics .brand-panel{order:2}.p9-analytics .p6-spotlight{order:3}.p9-analytics .p6-geography{order:4}.p9-analytics .a4-products{order:5}.p9-analytics .a4-channel-card{order:6}.p9-analytics .trend-panel{order:1}}
@media(prefers-reduced-motion:reduce){.p8-dialog,.p9-read-state{transition:none!important}}